*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:#140c2a;color:#eee}a{color:#ffd35c}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;background:#1f1340}.logo{font-weight:800;font-size:20px;text-decoration:none;color:#fff}
nav a{margin-left:14px;text-decoration:none}main{max-width:1100px;margin:0 auto;padding:10px 16px 30px}h1{font-size:clamp(22px,4vw,34px)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.gcard{background:#24184a;border-radius:14px;overflow:hidden;text-decoration:none;color:#eee;display:flex;flex-direction:column}
.gcard img{width:100%;aspect-ratio:1;object-fit:cover}.gcard b{padding:8px 10px 0}.gcard small{padding:4px 10px 10px;opacity:.8}
.ad{margin:12px auto;width:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#2a1d55,#2a1d55 10px,#251a4c 10px,#251a4c 20px);border:1px dashed #6b5bb0;color:#a99be0;font-size:12px;text-align:center}
.ad-mobile{position:sticky;bottom:0;display:none}@media(max-width:760px){.ad-top,.ad-side{display:none}.ad-mobile{display:flex}}
.gamewrap{display:flex;gap:16px;align-items:flex-start;justify-content:center}.frame{flex:1;max-width:800px;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.frame.portrait{max-width:460px;aspect-ratio:9/16;max-height:82vh}.frame iframe{width:100%;height:100%;border:0}aside{width:300px}aside button{width:100%;padding:10px;border-radius:10px;border:0;background:#ffd35c;font-weight:700;cursor:pointer}
@media(max-width:760px){.gamewrap{flex-direction:column}aside{width:100%}.frame.portrait{max-width:100%;max-height:78vh}}
details{border-top:1px solid #333;padding:8px 0}summary{cursor:pointer;font-weight:700}.tags{opacity:.6;font-size:13px}.legal{max-width:760px}
footer{text-align:center;padding:20px;opacity:.8;font-size:14px}
/* guides (tool_sites 1031) */
.lead{font-size:1.08em;opacity:.85;max-width:760px}.guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.guide{display:block;padding:14px 16px;border-radius:14px;background:rgba(127,127,127,.12);text-decoration:none;color:inherit}.guide b{display:block;margin-bottom:4px}.guide small{opacity:.8}
.guidepage{max-width:780px}.guidepage h2{margin-top:1.4em}.playcta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:16px 0}.playcta .gcard{max-width:220px}
.btn{display:inline-block;padding:12px 20px;border-radius:12px;background:#ff7a59;color:#fff;font-weight:700;text-decoration:none}.crumb{opacity:.7;margin:0}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;background:#ffffff0d;border:1px solid #ffffff22;border-radius:12px;padding:12px 16px;margin:16px 0}.facts dt{font-weight:700;opacity:.8}.facts dd{margin:0}.guidepage p a,.guidepage dd a{color:#ffd166}
/* public launch 1031 */.chips{margin:14px 0}.chip{display:inline-block;padding:6px 14px;margin:4px 6px 4px 0;border-radius:99px;background:#24184a;text-decoration:none}

/* 2048 (1031) */.frame.tall{max-width:460px;aspect-ratio:3/4;max-height:86vh}@media(max-width:760px){.frame.tall{max-width:100%}}