:root{--bg: #0b120e;--bg-soft: #101a14;--surface: #15211a;--surface-2: #1d2c23;--line: #2a4534;--line-soft: #1d3326;--ink: #f3faf5;--ink-dim: #b6c8bd;--ink-mute: #7a8e83;--pitch: #2bb673;--pitch-deep: #1a8a55;--pitch-glow: rgba(43, 182, 115, .35);--gold: #f5c043;--gold-deep: #c79325;--alert: #f25b3a;--alert-deep: #c2401f;--white-line: #f6fbf7;--copper: #d09a4a;--ok: #2bb673;--warn: #f5c043;--err: #f25b3a;--info: #d09a4a;--shadow-sm: 0 1px 0 rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 2px 0 rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--maxw: 1120px;--maxw-text: 760px;--bottom-nav-h: 60px;--header-h: 56px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:radial-gradient(1100px 600px at 20% -10%,#163325 0%,transparent 60%),radial-gradient(900px 500px at 100% 30%,#112016 0%,transparent 65%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(180deg,rgba(43,182,115,.025) 0,rgba(43,182,115,.025) 80px,transparent 80px,transparent 160px)}main,header,footer,nav{position:relative;z-index:1}a{color:var(--pitch);text-decoration:none;border-bottom:1px dashed rgba(43,182,115,.45);transition:color .15s ease,border-color .15s ease}a:hover{color:var(--gold);border-bottom-color:var(--gold)}h1,h2,h3,h4{color:var(--white-line);font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:0 0 .6em}h1{font-size:clamp(1.7rem,5vw,2.3rem)}h2{font-size:clamp(1.35rem,3.5vw,1.7rem)}h3{font-size:1.15rem}p{margin:0 0 1em}ul,ol{padding-left:1.2em;margin:0 0 1em}li{margin-bottom:.35em}hr{border:none;border-top:1px solid var(--line-soft);margin:1.5em 0}small{color:var(--ink-dim)}img{max-width:100%;height:auto}code{background:var(--surface);border:1px solid var(--line-soft);padding:.05em .4em;border-radius:4px;font-size:.9em;color:var(--white-line);font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.prose{max-width:var(--maxw-text)}.muted{color:var(--ink-dim)}.dim{color:var(--ink-mute)}main{padding:12px 0 calc(var(--bottom-nav-h) + 32px)}@media(min-width:880px){main{padding-bottom:64px}}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:#0b120eeb;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line-soft);display:flex;align-items:center}.site-header .container{display:flex;align-items:center;justify-content:space-between;width:100%}.brand{font-weight:900;letter-spacing:.02em;color:var(--white-line);border-bottom:none;font-size:1.05rem;display:flex;align-items:center;gap:.5em}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--pitch);box-shadow:0 0 10px var(--pitch-glow);display:inline-block}.brand-logo{width:28px;height:28px;border-radius:6px;display:inline-block;border:1px solid var(--line);box-shadow:0 0 14px #2bb6732e;vertical-align:middle;margin-right:4px}.top-nav{display:none}.top-nav a{color:var(--ink-dim);border-bottom:none;margin-left:18px;font-size:.95rem}.top-nav a:hover{color:var(--pitch)}.top-nav a[aria-current=page]{color:var(--white-line)}@media(min-width:880px){.top-nav{display:flex}}.hero{margin-top:8px;padding:24px 18px 22px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#2bb6732e,#f5c04314 50%,#0000),var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}.hero.hero-bg{padding:64px 22px 56px;min-height:360px;border:1px solid rgba(245,192,67,.35);background:linear-gradient(120deg,#0b120eeb,#0b120ec7 40%,#0b120e8c),url(/images/trailer-thumb.jpg) center/cover no-repeat,var(--surface)}@media(min-width:880px){.hero.hero-bg{padding:90px 36px 80px;min-height:480px}}.hero:before{content:"";position:absolute;inset:-2px;background:radial-gradient(360px 220px at 90% -20%,rgba(245,192,67,.18),transparent 70%),radial-gradient(360px 220px at -10% 110%,rgba(43,182,115,.18),transparent 70%);pointer-events:none}.hero.hero-bg:before{background:radial-gradient(420px 260px at 88% 8%,rgba(245,192,67,.32),transparent 70%),radial-gradient(420px 260px at -8% 100%,rgba(43,182,115,.28),transparent 70%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(246,251,247,.08) calc(50% - .5px),rgba(246,251,247,.08) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(100% - 1px),rgba(246,251,247,.05) calc(100% - 1px));pointer-events:none;opacity:.7}.hero h1{margin-bottom:.3em;position:relative;z-index:2}.hero .lead{color:var(--ink-dim);font-size:1.05rem;max-width:640px;position:relative;z-index:2}.hero .badge-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:2}.hero .row{position:relative;z-index:2}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-dim);border:1px solid var(--line);font-size:.78rem;font-weight:600;letter-spacing:.02em}.pill.ok{color:#b8eed1;border-color:#2bb6738c;background:#2bb6731f}.pill.warn{color:#fbe49a;border-color:#f5c0438c;background:#f5c0431f}.pill.err{color:#f9b6a3;border-color:#f25b3a8c;background:#f25b3a1f}.pill.info{color:#f0c89a;border-color:#d09a4a8c;background:#d09a4a1f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);background:var(--pitch);color:#06120b;font-weight:800;border:1px solid var(--pitch-deep);border-bottom-width:2px;letter-spacing:.01em;cursor:pointer;text-decoration:none}.btn:hover{background:var(--pitch-deep);color:#021008;border-bottom-width:1px}.btn.gold{background:var(--gold);color:#2a1d04;border-color:var(--gold-deep)}.btn.gold:hover{background:var(--gold-deep);color:#1c1300}.btn.ghost{background:transparent;color:var(--white-line);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--pitch);color:var(--pitch)}.btn.danger{background:var(--alert);color:#fff5ef;border-color:var(--alert-deep)}.btn.danger:hover{background:var(--alert-deep)}.btn.full{width:100%}.btn[aria-current=page]{background:var(--pitch-deep)}.quickbar{margin-top:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quickbar .qa{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);border-bottom:none;gap:2px}.quickbar .qa:hover{border-color:var(--pitch);color:var(--pitch)}.quickbar .qa b{font-size:.95rem;color:var(--white-line)}.quickbar .qa .qa-sub{font-size:.75rem;color:var(--ink-dim)}@media(min-width:640px){.quickbar{grid-template-columns:repeat(4,1fr)}}.card-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:640px){.card-grid.cols-2{grid-template-columns:1fr 1fr}}@media(min-width:880px){.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.card{display:flex;flex-direction:column;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative}.card.link{color:var(--ink);border-bottom:1px solid var(--line)}.card.link:hover{border-color:var(--pitch);transform:translateY(-1px)}.card h3{margin:0 0 6px}.card p{color:var(--ink-dim);font-size:.95rem;margin:0 0 10px}.card .card-meta{color:var(--ink-mute);font-size:.78rem;margin-top:auto}.section{margin:28px 0}.section h2{display:flex;align-items:center;gap:10px}.section h2:before{content:"";width:6px;height:22px;background:var(--pitch);border-radius:2px;display:inline-block}.kbar{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:var(--ink-mute);font-size:.85rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table.data{width:100%;border-collapse:collapse;min-width:600px}table.data th,table.data td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-soft);font-size:.92rem;vertical-align:top}table.data th{background:var(--surface-2);color:var(--white-line);font-weight:700;white-space:nowrap}table.data tr:last-child td{border-bottom:none}.mobile-cards{display:none}@media(max-width:700px){.data-mobile-hide{display:none}.mobile-cards{display:grid;gap:10px}.mobile-card{padding:12px 14px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.mobile-card .mc-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:.92rem;border-bottom:1px dashed var(--line-soft)}.mobile-card .mc-row:last-child{border-bottom:none}.mobile-card .mc-key{color:var(--ink-mute);font-weight:600}.mobile-card .mc-val{color:var(--ink);text-align:right;flex:1}}.tier-S{color:#f9b6a3;font-weight:800}.tier-A{color:#fbe49a;font-weight:800}.tier-B{color:#b8eed1;font-weight:700}.tier-C{color:#f0c89a;font-weight:600}.tier-D{color:#b6c8bd;font-weight:600}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:8px}.faq summary{cursor:pointer;font-weight:700;color:var(--white-line);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--pitch);font-size:1.2rem;margin-left:12px}.faq details[open] summary:after{content:"–"}.faq details[open] summary{color:var(--pitch)}.faq details>p{margin:8px 0 0;color:var(--ink-dim)}.citation{font-size:.82rem;color:var(--ink-mute)}.citation a{color:var(--copper);border-bottom-color:#d09a4a80}.citation li{margin-bottom:.5em}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}@media(min-width:640px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.kpi b{color:var(--gold);font-size:1.15rem;display:block}.kpi span{color:var(--ink-dim);font-size:.78rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;height:var(--bottom-nav-h);background:#0b120ef5;backdrop-filter:saturate(150%) blur(8px);-webkit-backdrop-filter:saturate(150%) blur(8px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-mute);font-size:.7rem;border-bottom:none;gap:4px}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a[aria-current=page],.bottom-nav a:hover{color:var(--pitch)}@media(min-width:880px){.bottom-nav{display:none}}.site-footer{padding:30px 16px 90px;color:var(--ink-mute);font-size:.85rem;border-top:1px solid var(--line-soft);margin-top:36px}@media(min-width:880px){.site-footer{padding-bottom:30px}}.site-footer a{color:var(--copper)}.site-footer .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:var(--maxw);margin:0 auto}@media(min-width:720px){.site-footer .foot-cols{grid-template-columns:repeat(4,1fr)}}.site-footer h4{color:var(--white-line);margin:0 0 6px;font-size:.9rem}.note{border-left:3px solid var(--pitch);background:var(--surface);padding:10px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-dim);font-size:.95rem}.note.warn{border-left-color:var(--gold)}.note.ok{border-left-color:var(--ok)}.note.err{border-left-color:var(--alert)}.callout{background:linear-gradient(180deg,#2bb6731a,#2bb6730a);border:1px solid rgba(43,182,115,.4);padding:14px 16px;border-radius:var(--radius);color:var(--white-line)}.callout b{color:var(--pitch)}.callout.gold{background:linear-gradient(180deg,#f5c0431a,#f5c0430a);border-color:#f5c04366}.callout.gold b{color:var(--gold)}.callout.alert{background:linear-gradient(180deg,#f25b3a1a,#f25b3a0a);border-color:#f25b3a66}.callout.alert b{color:var(--alert)}.lead{font-size:1.05rem;color:var(--ink-dim)}.tierbox{display:inline-block;padding:2px 8px;border-radius:999px;font-weight:800;font-size:.78rem}.tierbox.S{background:#f25b3a2e;color:#f9b6a3;border:1px solid rgba(242,91,58,.5)}.tierbox.A{background:#f5c0432e;color:#fbe49a;border:1px solid rgba(245,192,67,.5)}.tierbox.B{background:#2bb6732e;color:#b8eed1;border:1px solid rgba(43,182,115,.5)}.tierbox.C{background:#d09a4a2e;color:#f0c89a;border:1px solid rgba(208,154,74,.5)}.tierbox.D{background:#8c8e8333;color:#b6c8bd;border:1px solid rgba(140,142,131,.5)}ol.steps{list-style:none;padding:0;counter-reset:step}ol.steps li{counter-increment:step;padding:12px 14px 12px 48px;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:8px}ol.steps li:before{content:counter(step);position:absolute;left:12px;top:12px;width:24px;height:24px;background:var(--pitch);color:#06120b;border-radius:50%;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.85rem}.metabar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px;font-size:.85rem;color:var(--ink-dim)}.metabar .dot{width:4px;height:4px;border-radius:50%;background:var(--ink-mute);display:inline-block}.filterbar{position:sticky;top:var(--header-h);z-index:30;display:flex;gap:6px;flex-wrap:wrap;background:#0b120ef0;backdrop-filter:blur(6px);padding:8px 0;margin:-4px 0 12px;border-bottom:1px solid var(--line-soft)}.filterbar button{background:var(--surface-2);color:var(--ink-dim);border:1px solid var(--line);padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer}.filterbar button[aria-pressed=true]{background:var(--pitch);color:#06120b;border-color:var(--pitch-deep)}.code-card{background:linear-gradient(180deg,#2bb67329,#2bb6730f);border:1px solid rgba(43,182,115,.45);border-radius:var(--radius);padding:16px 18px;position:relative}.code-card .code-name{display:inline-block;font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-weight:800;font-size:1.5rem;letter-spacing:.05em;color:var(--gold);background:var(--bg);border:1px dashed var(--gold);border-radius:6px;padding:6px 14px;margin-bottom:8px}.code-card .code-reward{color:var(--white-line);font-weight:700;font-size:1.05rem}.code-card .code-meta{font-size:.82rem;color:var(--ink-mute);margin-top:6px}.hud-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;background:#0b120eb3;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:.82rem}.hud-row .hud-cell{display:flex;flex-direction:column}.hud-row .hud-key{color:var(--ink-mute);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.hud-row .hud-val{color:var(--gold);font-weight:700}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.spacer{flex:1}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.text-center{text-align:center}.gold{color:var(--gold)}.pitch{color:var(--pitch)}.video-embed{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 36px #00000073}.video-embed iframe,.video-embed img{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.video-embed .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0000,#00000073);cursor:pointer;transition:background .15s ease}.video-embed .play-overlay:before{content:"";width:80px;height:80px;border-radius:50%;background:#2bb673eb;box-shadow:0 0 40px #2bb67399;position:relative}.video-embed .play-overlay:after{content:"";position:absolute;width:0;height:0;border-left:28px solid #fff;border-top:18px solid transparent;border-bottom:18px solid transparent;margin-left:6px}.video-embed .play-overlay:hover{background:linear-gradient(180deg,#0000,#00000040)}.screenshot{display:block;width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:0 8px 24px #0006}.screenshot.cap{margin-bottom:6px}.screenshot-caption{font-size:.78rem;color:var(--ink-mute);margin:6px 0 0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}body:before{display:none}}