:root,html[data-theme=light]{--bg: #f7f6f0;--panel: #fffefa;--panel-2: #eef1e8;--ink: #243127;--muted: #687365;--line: rgba(42, 58, 43, .13);--accent: #587b36;--accent-ink: #fffaf3;--hot: #e85b32;--focus: #587b36;--max: 72rem;--measure: 40rem}html[data-theme=dark]{--bg: #171b17;--panel: #20251f;--panel-2: #2a3128;--ink: #eef1e8;--muted: #9ba196;--line: rgba(241, 240, 232, .12);--accent: #c9f36a;--accent-ink: #171b17;--hot: #e85b32;--focus: #c9f36a}*,*:before,*:after{box-sizing:border-box}html{color:var(--ink);background:var(--bg);font-family:Noto Sans SC,Outfit,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;scroll-behavior:smooth}body{margin:0;min-height:100vh}img,svg{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:.15em}a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,h3,.wordmark,.play-title{font-family:Noto Sans SC,Outfit,Arial,Helvetica,sans-serif;letter-spacing:-.03em}h1,h2,h3{line-height:1.08;font-weight:800;margin:0 0 .6rem}h1{font-size:clamp(2.4rem,6vw,4.4rem)}h2{font-size:clamp(1.35rem,2.2vw,1.75rem);margin-top:2.2rem}h3{font-size:1.1rem;margin-top:1.4rem}p{margin:0 0 1rem;max-width:var(--measure)}.lede{font-size:1.08rem;color:var(--muted);max-width:38rem}.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem 1.2rem;min-height:76px;padding:0 max(1.5rem,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:4}.wordmark{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.055em;line-height:1.15}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#c9f36a;color:#243127;font-size:14px;font-weight:950;letter-spacing:-.1em;transform:rotate(-5deg);box-shadow:0 5px 14px #7297492e}.wordmark small{display:block;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.header-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none;box-shadow:none}.header-cta:hover{background:transparent;color:var(--accent)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.nav a.header-cta,.nav a.header-cta:hover{color:var(--ink);background:transparent}.nav a.header-cta[aria-current=page]{color:var(--accent);background:transparent}.theme-toggle{margin-left:.35rem;padding:.35rem .7rem;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.wrap{width:min(var(--max),calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.home-main{padding-bottom:3.5rem}.stage-shell{width:min(var(--max),calc(100% - 2rem));margin:1.25rem auto 0;scroll-margin-top:4.5rem}.stage{position:relative;aspect-ratio:16 / 9;background:#080c14;border:1px solid var(--line);overflow:hidden}.stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.boot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#1d1648;overflow:hidden}.boot-bg{position:absolute;inset:0;pointer-events:none}.boot-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#6854c89e,#30246ed1 62%,#181140f2),linear-gradient(180deg,#130d348c,#0d0926b8)}.boot-blur{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:blur(34px) saturate(1.1);transform:scale(1.2);opacity:.7}.boot-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.95rem;text-align:center}.boot-thumb{width:clamp(9rem,17vw,14rem);height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:.7rem;box-shadow:0 12px 32px #05021873}.play-title{margin:0;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:800;color:#fff;text-shadow:0 2px 18px rgb(10 6 40 / 50%)}.play-now{display:inline-flex;align-items:center;gap:.65rem;margin-top:.15rem;padding:.5rem 1.7rem .5rem .55rem;border:0;border-radius:999px;background:linear-gradient(135deg,#3f51e0,#7b2ff7);color:#fff;font:inherit;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:700;cursor:pointer;box-shadow:0 10px 26px #2d14827f;transition:filter .15s ease,transform .15s ease}.play-now:hover{filter:brightness(1.1);transform:translateY(-1px)}.play-now-ico{display:grid;place-items:center;width:2.05em;height:2.05em;border-radius:50%;background:#fff}.play-now-ico svg{width:.95em;height:.95em;margin-left:.14em;fill:#5b2bd8}.stage-full{position:absolute;top:.7rem;right:.7rem;z-index:2;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:#ffffff29;color:#fff;cursor:pointer;backdrop-filter:blur(4px)}.stage-full:hover{background:#ffffff47}.stage-full svg{width:1.05rem;height:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1rem;border:1px solid transparent;text-decoration:none;color:var(--ink);background:var(--panel-2);font:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.btn.primary{background:var(--hot);color:#fffaf3}.btn.ghost{background:transparent;border-color:var(--line)}.btn:hover{filter:brightness(1.08)}.play-status{margin:.75rem 0 0;color:var(--muted);font-size:.9rem;max-width:none}.play-status[hidden]{display:none}.home-intro,.home-maps,.home-block{width:min(var(--max),calc(100% - 2rem));margin:2.6rem auto 0;scroll-margin-top:4.5rem}.home-block h2{margin-top:0}.home-block p,.home-block .lede,.home-block .prose ol,.home-block .prose ul{max-width:46rem}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:1.4rem;align-items:start}.key-list{border-top:1px solid var(--line)}.key-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.key-row span{color:var(--muted)}.lesson-list{display:grid;gap:.85rem;margin:1.1rem 0 .6rem}.lesson{border:1px solid var(--line);background:var(--panel);padding:1.05rem 1.1rem 1.15rem}.lesson h3{margin-top:0}.lesson p{margin:0;max-width:46rem;color:var(--muted)}.tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1.1rem 0 .6rem}.tip-grid .card{cursor:default}.tip-grid .card:hover{background:var(--panel)}.faq{max-width:46rem;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:.7rem 0}.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{margin:.65rem 0 .15rem;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0 0}.facts div{border:1px solid var(--line);background:var(--panel);padding:.85rem .95rem}.facts dt{margin:0;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.facts dd{margin:.25rem 0 0;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:800}.kicker{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:.5rem}.map-grid,.stat-grid,.page-grid,.game-grid{display:grid;gap:.85rem}.map-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:1.1rem 0 0}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:1.1rem 0 1.6rem}.page-grid,.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.stat,.notice{border:1px solid var(--line);background:var(--panel);padding:1rem 1.05rem 1.1rem}.card{color:inherit;text-decoration:none;display:flex;flex-direction:column;min-height:100%}.card>img{width:calc(100% + 2.1rem);max-width:none;height:auto;aspect-ratio:16 / 9;display:block;margin:-1rem -1.05rem .85rem;object-fit:cover}.card:hover{background:var(--panel-2)}.card h2,.card h3{margin-top:0}.meta{color:var(--muted);font-size:.86rem;margin:0 0 .45rem}.stat dt{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stat dd{margin:.2rem 0 0;font-family:Syne,sans-serif;font-size:1.45rem;font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.2rem 0 0}.diagram{overflow:hidden;border:1px solid var(--line);background:var(--panel-2);padding:0}.diagram img{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover}.diagram figcaption{margin:0;padding:.7rem .8rem .8rem;color:var(--muted);font-size:.86rem}.table-wrap{overflow-x:auto;margin:1rem 0 1.6rem}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.keys kbd{font-family:Outfit,sans-serif;font-size:.85rem;border:1px solid var(--line);background:var(--panel-2);padding:.05rem .4rem}.notice{max-width:44rem;margin:1.2rem 0}.credit,.fine{color:var(--muted);font-size:.92rem}.site-footer{min-height:100px;padding:23px 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.footer-copy{max-width:290px}.footer-brand{color:var(--ink);font-size:13px;font-weight:900;letter-spacing:.055em;text-decoration:none}.footer-brand b{color:var(--accent)}.footer-copy p{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px}.footer-links a{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-links a svg{color:var(--accent)}.footer-top{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:11px;text-decoration:none;transition:color .16s ease}.footer-top:hover{color:var(--accent)}.footer-top svg{color:var(--accent)}@media(max-width:760px){.site-footer{align-items:flex-start;flex-wrap:wrap}.footer-links{gap:12px 15px}.footer-top{margin-left:auto}}.prose ul,.prose ol{max-width:var(--measure);padding-left:1.15rem}.prose li+li{margin-top:.35rem}@media(max-width:860px){.stage{aspect-ratio:auto;min-height:22rem}.play-title{font-size:clamp(1rem,4.4vw,1.7rem);letter-spacing:-.045em;max-width:100%}.boot{padding:1rem}.facts,.map-grid,.stat-grid,.page-grid,.game-grid,.split,.tip-grid{grid-template-columns:1fr}}