:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background:#050816;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 0 0,#38bdf81f,#0000 30%),radial-gradient(circle at 100% 0,#ec48991a,#0000 25%),linear-gradient(#050816 0%,#0b1120 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}input,select{color:#e2e8f0;background:#0f172ae6;border:1px solid #94a3b838;border-radius:16px;width:100%;padding:.9rem 1rem}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050816b8;border-bottom:1px solid #94a3b824;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(1200px,100% - 2rem);min-height:74px;margin:0 auto;display:flex}.brand-mark{align-items:center;gap:.9rem;display:flex}.brand-mark p{color:#94a3b8;margin:.1rem 0 0;font-size:.9rem}.brand-pill{color:#020617;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:inline-grid}.topnav-links,.topnav-user,.stack-row{align-items:center;gap:.75rem;display:flex}.topnav-links a{color:#cbd5e1;border-radius:999px;padding:.5rem .75rem}.topnav-links a.active,.topnav-links a:hover{background:#1e293be6}.user-chip{background:#0f172ae6;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:.6rem;padding:.45rem .8rem;display:inline-flex}.avatar-dot{color:#020617;background:linear-gradient(135deg,#22d3ee,#a855f7);border-radius:999px;place-items:center;width:1.9rem;height:1.9rem;font-weight:800;display:inline-grid}.page-shell{width:min(1200px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.page-shell.narrow,.narrow{width:min(760px,100% - 2rem)}.narrow-wide{width:min(980px,100% - 2rem)}.hero-banner,.game-hero{grid-template-columns:1.4fr .8fr;align-items:stretch;gap:1.25rem;display:grid}.hero-banner{margin-top:1.5rem;margin-bottom:2rem}.hero-panel,.glass-card,.system-showcase,.game-card{background:#0a0f1cc7;border:1px solid #94a3b826;border-radius:28px;box-shadow:0 26px 60px #00000040}.hero-banner>div:first-child,.glass-card,.system-showcase,.game-card{padding:1.5rem}.hero-panel{gap:.8rem;padding:1.2rem;display:grid}.hero-stat{background:#0f172ad6;border:1px solid #94a3b824;border-radius:20px;padding:1rem}.hero-stat strong,.summary-line strong{font-size:1.05rem;display:block}.hero-stat span,.summary-line span,.muted,.hero-copy{color:#94a3b8}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#67e8f9;margin:0 0 .4rem;font-size:.78rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}h2{font-size:clamp(1.4rem,2.2vw,2rem)}.hero-copy{max-width:62ch;font-size:1.05rem}.section-block{margin-top:2.25rem}.section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.card-grid{gap:1rem;display:grid}.system-grid-large{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.game-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.system-showcase,.game-card{transition:transform .14s,border-color .14s,box-shadow .14s}.system-showcase:hover,.game-card:hover{border-color:#60a5fa5c;transform:translateY(-4px);box-shadow:0 30px 80px #0206176b}.system-emoji,.game-cover{background:#0f172acc;border-radius:20px;place-items:center;width:72px;height:72px;margin-bottom:1rem;font-size:2rem;display:inline-grid}.game-cover.jumbo{width:120px;height:120px;font-size:3rem}.game-meta-row,.stack-list{gap:.75rem;display:grid}.summary-line{background:#0f172ab8;border:1px solid #94a3b81a;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.chip{color:#bae6fd;background:#38bdf81f;border:1px solid #38bdf829;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;display:inline-flex}.muted-chip{color:#cbd5e1;background:#334155d1;border-color:#94a3b824}.primary-btn,.secondary-btn,.ghost-btn,.text-link{border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.85rem 1.15rem;font-weight:700;display:inline-flex}.primary-btn{color:#020617;background:linear-gradient(135deg,#22d3ee,#818cf8)}.secondary-btn{color:#111827;background:linear-gradient(135deg,#f59e0b,#fb7185)}.ghost-btn{color:#e2e8f0;background:#0f172ab3;border-color:#94a3b82e}.text-link,.inline-link{color:#67e8f9}.small-btn{min-height:38px;padding:.55rem .85rem}.centered-card{text-align:center}.stack-form,.field-label{text-align:left;gap:.85rem;display:grid}.top-gap,.small-top-gap{margin-top:1rem}.small-top-gap{margin-top:.7rem}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.invite-box{background:#0f172ad6;border:1px solid #94a3b826;border-radius:20px;margin-top:1.25rem;padding:1rem}.invite-box code{white-space:normal;word-break:break-all;color:#7dd3fc;background:#020617d6;border-radius:16px;margin:.5rem 0 .85rem;padding:.9rem 1rem;display:block}.invite-label{color:#cbd5e1;margin-bottom:.5rem}.page-header{margin-top:1rem}.lobby-card{gap:1rem;display:grid}.accent-pink{border-color:#ec489938}.accent-blue{border-color:#60a5fa38}.accent-amber{border-color:#fbbf2438}@media (width<=900px){.hero-banner,.game-hero,.topbar-inner{grid-template-columns:1fr;display:grid}.topbar-inner{padding:.75rem 0}.topnav-links,.topnav-user{flex-wrap:wrap;justify-content:flex-start}}