:root{
  --bg:#07050c; --panel:#120b1e; --panel2:#1b102b; --ink:#fff7df; --muted:#c6aecf; --ruby:#ff3d7f; --amber:#ffc857; --green:#7CFFB2; --cyan:#8bf6ff; --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 20% 0%,#44143c 0,#16091f 36%,#07050c 80%);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif} 
.scanlines{pointer-events:none;position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.025) 50%,transparent 50%);background-size:100% 4px;mix-blend-mode:screen;opacity:.25;z-index:2}
a{color:var(--cyan)} code,pre{font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace}.hero{padding:72px 6vw 54px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,61,127,.18),transparent 35%);animation:pulse 7s ease-in-out infinite;z-index:-1}@keyframes pulse{50%{transform:scale(1.08)}}
.version-pill{display:inline-block;border:1px solid rgba(255,255,255,.18);color:#fff;padding:12px 28px;border-radius:999px;letter-spacing:.01em;font-size:20px;font-weight:900;background:#f30b18;box-shadow:0 16px 40px rgba(243,11,24,.32)}h1{font-size:clamp(48px,8vw,104px);line-height:.9;margin:22px 0 18px;letter-spacing:-.06em;text-shadow:0 0 28px rgba(255,61,127,.6)}h2{font-size:clamp(28px,4vw,46px);line-height:1;margin:0 0 14px;letter-spacing:-.04em}h3{margin:0 0 10px}.tagline{max-width:900px;margin:0 auto 26px;font-size:clamp(20px,2.5vw,30px);line-height:1.35;color:#ffe6f0}.tagline strong{font-weight:900}.tagline span{display:inline-block;margin-top:8px;font-weight:900;color:#fff0f6}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:rgba(255,255,255,.07);color:var(--ink);text-decoration:none;cursor:pointer;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25)}.button.primary{background:linear-gradient(135deg,var(--ruby),#8b5cff);border:none}.button.small{font-size:13px;padding:8px 10px}.build-stamp{display:none;margin-top:22px;color:var(--muted);font-size:13px}
main{width:min(1440px,92vw);margin:0 auto 40px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-radius:26px;padding:28px;margin:22px 0;box-shadow:0 24px 80px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.promise{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:24px}.truth-card{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:18px;padding:20px}.truth-card li{margin:8px 0}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.source-grid>div{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0}.label{display:block;color:var(--amber);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.source-grid code{display:block;white-space:pre-wrap;word-break:break-word;color:var(--green);font-size:13px}.section-title-row{display:flex;justify-content:space-between;gap:20px;align-items:end}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tab{border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.26);color:var(--ink);padding:8px 12px;cursor:pointer}.tab.active{background:var(--amber);color:#1a0d00;border-color:transparent;font-weight:900}.example-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.code-pane,.demo-pane{min-width:0;border:1px solid var(--line);border-radius:18px;background:#090511;overflow:hidden}.code-head,.demo-head{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.055)}.path{font-size:12px;color:var(--muted);word-break:break-all}.status{margin-left:10px;color:var(--green);font-size:12px}pre{margin:0;max-height:620px;overflow:auto;padding:18px;background:#050308;color:#fff}.code-pane code{white-space:pre;color:#fff}.code-pane .comment{color:#9df0c2}.demo-head p{margin:4px 0 0;color:var(--muted);font-size:13px}iframe{width:100%;height:620px;border:0;background:#000}.no-demo{display:none;height:620px;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted);background:radial-gradient(circle at center,rgba(255,61,127,.15),transparent 60%)}.doc-view{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:18px;padding:24px;max-height:760px;overflow:auto}.doc-view h1,.doc-view h2,.doc-view h3{letter-spacing:0;text-shadow:none}.doc-view h1{font-size:38px}.doc-view pre{border-radius:14px;margin:14px 0;border:1px solid var(--line)}.doc-view code{color:var(--amber)}.game-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.game-pill{border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(0,0,0,.22);font-family:"Cascadia Code",Consolas,monospace;font-size:13px;color:#f7e7ff}footer{text-align:center;color:var(--muted);padding:30px 6vw 60px}.footer-small{font-size:12px;color:#9b86a5}.legal-hero{padding-bottom:34px}.legal-main{width:min(960px,92vw)}.legal-panel{font-size:17px}.legal-panel h2{font-size:clamp(24px,3vw,34px);margin-top:34px}.legal-panel h3{margin-top:22px;color:var(--amber)}.legal-panel li{margin:8px 0}.effective-date{color:var(--amber)}.takedown-box{border:1px solid rgba(255,200,87,.45);background:rgba(255,200,87,.08);border-radius:18px;padding:18px;margin:18px 0}.takedown-box .button{display:inline-block;margin:8px 0}
@media(max-width:980px){.promise,.source-grid,.example-layout{grid-template-columns:1fr}.section-title-row{align-items:start;flex-direction:column}iframe,.no-demo{height:520px}}