:root{color-scheme:dark;--bg:#060711;--bg2:#0d0f1b;--panel:rgba(19,22,37,.84);--panel2:#15182a;--line:rgba(82,240,213,.22);--text:#fff8e8;--muted:#c9c3d4;--teal:#3af2d6;--gold:#f4c96d;--red:#ff5f7f;--ink:#070711;--shell:1180px;--edge:clamp(1rem,4vw,3rem);--gutter:max(var(--edge),calc((100vw - var(--shell))/2));--shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 16% 6%,rgba(58,242,214,.16),transparent 26rem),radial-gradient(circle at 88% 12%,rgba(255,95,127,.13),transparent 25rem),linear-gradient(180deg,#05060b 0%,#080915 48%,#05060b 100%);color:var(--text);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.skip-link{position:absolute;left:-999px;top:1rem;background:var(--teal);color:var(--ink);padding:.7rem 1rem;z-index:20}
.skip-link:focus{left:1rem}
.site-header{position:sticky;top:0;z-index:10;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.75rem var(--gutter);border-bottom:1px solid var(--line);background:rgba(5,6,13,.9);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:.75rem;min-width:190px}
.brand img{width:52px;height:52px;border-radius:14px;box-shadow:0 0 24px rgba(58,242,214,.22)}
.brand strong{display:block;font-size:1.08rem;line-height:1}
.brand small{color:var(--teal);font-weight:800;font-size:.78rem}
.main-nav{display:flex;align-items:center;gap:clamp(.7rem,2vw,1.4rem);color:#eee8ef;font-weight:800}
.main-nav a{padding:.55rem .1rem;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--teal);border-color:var(--teal)}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:#10111e}
.nav-toggle span{display:block;width:20px;height:2px;margin:5px auto;background:var(--text)}
.portal-hero{min-height:calc(100svh - 76px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(1.4rem,4vw,3rem);align-items:center;padding:clamp(3.4rem,7vw,6rem) var(--gutter);position:relative}
.hero-copy h1,.subhero h1,.base-hero h1,.error-stage h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.93;margin:.35rem 0;letter-spacing:0}
.hero-lede,.subhero p,.base-hero p{font-size:clamp(1.05rem,2.2vw,1.5rem);color:var(--muted);max-width:760px}
.eyebrow{display:inline-flex;color:var(--teal);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:950}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.15rem;border-radius:8px;border:1px solid var(--line);font-weight:900}
.button.primary{background:linear-gradient(135deg,var(--gold),#ffe4a1);color:#171006;border:0}
.button.ghost,.button.secondary{background:rgba(255,255,255,.04)}
.button:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(58,242,214,.16)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.35rem}
.hero-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.1rem}
.hero-tags span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.4rem .7rem;color:#efe8da;background:rgba(255,255,255,.04);font-weight:800}
.hero-visual{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0c0e1a;box-shadow:var(--shadow)}
.hero-visual img{width:100%;height:min(62svh,620px);object-fit:cover}
.quick-lobby,.game-grid,.proof-grid,.post-grid,.disclaimer-grid,.error-routes,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem var(--gutter) 4rem}
.quick-lobby a,.game-grid article,.proof-grid article,.post-card,.disclaimer-grid article,.error-routes a,.steps article,.contact-card,.side-card,.statement-panel{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:var(--panel);padding:1.1rem}
.quick-lobby b,.game-grid span,.post-card span,.proof-grid b,.steps b,.disclaimer-grid b{color:var(--teal);font-weight:950}
.quick-lobby span,.game-grid p,.proof-grid p,.post-card p,.disclaimer-grid p,.steps p{color:var(--muted)}
.section-heading{text-align:center;padding:clamp(3rem,7vw,5rem) var(--gutter) 1.5rem}
.section-heading h2,.split-band h2,.info-board h2,.statement-panel h2{font-size:clamp(2rem,5vw,4.2rem);line-height:1;margin:.35rem 0}
.section-heading p{color:var(--muted);max-width:850px;margin:0 auto}
.split-band,.info-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.5fr);gap:1rem;align-items:center;margin:2rem var(--gutter) 4rem;padding:clamp(1.3rem,3vw,2.2rem);border:1px solid var(--line);border-radius:8px;background:rgba(13,16,29,.84)}
.split-band img{border-radius:8px;border:1px solid rgba(255,255,255,.12)}
.check-list,.signal-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}
.check-list li,.signal-list li{padding:.85rem;border-radius:8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.signal-list li{display:grid;gap:.2rem}
.signal-list span{color:var(--muted)}
.faq-section{padding:2rem var(--gutter) 4rem}
.compact{padding:0 0 1rem}
.faq-list{display:grid;gap:.75rem;max-width:960px;margin:0 auto}
.faq-list details{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:var(--panel);padding:1rem}
.faq-list summary{cursor:pointer;font-weight:900}
.faq-list p{color:var(--muted)}
.subhero,.base-hero{padding:clamp(4rem,8vw,7rem) var(--gutter) 2rem;background:linear-gradient(180deg,rgba(255,95,127,.08),transparent)}
.category-list{display:grid;gap:1rem;padding:2rem var(--gutter) 4rem}
.category-list article{display:grid;grid-template-columns:76px 1fr;gap:1rem;border:1px solid rgba(255,255,255,.12);background:var(--panel);border-radius:8px;padding:1.2rem}
.category-list b{color:var(--gold);font-size:1.4rem}
.mini-note{color:var(--teal)!important}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.3rem;padding:2rem var(--gutter) 4rem}
.prose{border:1px solid rgba(255,255,255,.12);background:var(--panel);border-radius:8px;padding:clamp(1.2rem,3vw,2rem)}
.prose h2{font-size:clamp(1.5rem,3vw,2.6rem)}
.prose p{color:var(--muted)}
.side-card img,.post-card img,.article-cover{border-radius:8px;border:1px solid rgba(255,255,255,.12);margin-bottom:1rem}
.article-page{padding:2rem var(--gutter) 4rem}
.breadcrumb{display:flex;gap:.45rem;flex-wrap:wrap;color:var(--muted);font-weight:800;margin-bottom:1rem}
.article-page header{max-width:900px}
.article-page h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:1}
.article-page header p{font-size:1.15rem;color:var(--muted)}
.article-cover{width:100%;max-height:420px;object-fit:cover}
.narrow{max-width:900px;margin:1rem 0 0}
.split-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:1.4rem;align-items:center}
.split-hero img{border-radius:8px;border:1px solid var(--line)}
.about-stack,.legal-layout{padding:2rem var(--gutter) 4rem}
.legal-layout{display:grid;grid-template-columns:230px minmax(0,920px);gap:1.4rem}
.legal-index{position:sticky;top:96px;display:grid;gap:.55rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:1rem}
.legal-index a{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:1rem;padding:2rem var(--gutter) 4rem}
.main-contact h2{font-size:clamp(1.6rem,3vw,2.8rem);color:var(--teal)}
.error-stage{text-align:center;padding:clamp(4rem,8vw,7rem) var(--gutter) 2rem}
.error-orbit{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;border:1px solid var(--line);margin:0 auto;color:var(--teal);font-size:2.3rem;font-weight:950;box-shadow:0 0 50px rgba(58,242,214,.16)}
.error-routes{grid-template-columns:repeat(3,1fr)}
.error-routes h2{grid-column:1/-1}
.site-footer{border-top:1px solid var(--line);padding:2rem var(--gutter);background:#05060d}
.footer-inner{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start}
.footer-brand{display:flex;gap:.8rem;max-width:520px}
.footer-brand img{border-radius:12px}
.footer-brand p,.footer-note{color:var(--muted)}
.footer-links{display:grid;gap:.45rem;color:#eee8ef;font-weight:800}
.copyright{text-align:center;color:#8f8aa0;margin-top:1.2rem}
@media(max-width:900px){.portal-hero,.split-band,.info-board,.content-grid,.split-hero,.legal-layout{grid-template-columns:1fr}.quick-lobby,.game-grid,.proof-grid,.post-grid,.disclaimer-grid,.steps,.contact-grid,.error-routes{grid-template-columns:1fr 1fr}.main-nav{display:none;position:absolute;left:var(--gutter);right:var(--gutter);top:74px;background:#080914;border:1px solid var(--line);border-radius:8px;padding:1rem}.nav-open .main-nav{display:grid}.nav-toggle{display:block}.footer-inner{display:grid}}
@media(max-width:620px){.quick-lobby,.game-grid,.proof-grid,.post-grid,.disclaimer-grid,.steps,.contact-grid,.error-routes{grid-template-columns:1fr}.hero-copy h1,.subhero h1,.base-hero h1,.error-stage h1{font-size:clamp(2.6rem,15vw,4.6rem)}.hero-actions{display:grid}.button{width:100%}.hero-visual img{height:360px}.category-list article{grid-template-columns:1fr}.legal-index{position:static}.footer-links{grid-template-columns:1fr}}