@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-ext-400-normal-2T9bWrxp.woff2) format("woff2"),url(/assets/silkscreen-latin-ext-400-normal-Drdn_BEM.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2) format("woff2"),url(/assets/silkscreen-latin-400-normal-D0DfPJut.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/pixelify-sans-cyrillic-600-normal-BhqNJYOZ.woff2) format("woff2"),url(/assets/pixelify-sans-cyrillic-600-normal-B3EuUOZG.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/pixelify-sans-latin-ext-600-normal-Dha6RiOG.woff2) format("woff2"),url(/assets/pixelify-sans-latin-ext-600-normal-CDaIumwU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/pixelify-sans-latin-600-normal-Dd_Dy7u5.woff2) format("woff2"),url(/assets/pixelify-sans-latin-600-normal-BNlgYbDL.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0a0e1f;--bg2: #0f1530;--panel: #131a38;--panel2: #1a2348;--line: #2e3a6a;--text: #eef0ff;--muted: #a3acd6;--soft: #cfd5f2;--amber: #ffb62e;--amber2: #d98118;--cyan: #62dcf2;--radius: 4px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans", "Noto Sans CJK SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--display: "Pixelify Sans", "Silkscreen", system-ui, sans-serif;--pixel: "Silkscreen", "Pixelify Sans", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{font-variant-ligatures:none;background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;background:radial-gradient(900px 500px at 15% -10%,#1d2656 0%,transparent 60%),radial-gradient(700px 500px at 100% 100%,#2a1a3a 0%,transparent 60%),var(--bg);background-attachment:fixed}h1,h2,h3,p,ul,ol,dl,dd,table{margin:0}button{font:inherit;color:inherit}.pix-svg{display:block;image-rendering:pixelated}.muted{color:var(--muted)}.small{font-size:.85rem}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.skip{position:absolute;left:8px;top:-60px;z-index:50;padding:8px 12px;background:var(--amber);color:#1a1000}.skip:focus{top:8px}body.playing #app{display:none}body.playing{background:var(--bg)}a{color:var(--cyan);text-underline-offset:3px}.site a[href]:not(.btn){display:inline-flex;align-items:center}.site p a,.site li a,.site dd a{display:inline}.site-nav a,.footer-guides a,.footer-langs a,.text-link{min-height:40px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 14px;border:2px solid var(--line);background:color-mix(in srgb,var(--line) 25%,var(--panel));color:var(--text);border-radius:var(--radius);box-shadow:0 3px color-mix(in srgb,var(--line) 60%,#000);cursor:pointer;text-decoration:none;line-height:1.1;text-align:center}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(2px);box-shadow:0 1px #000}.btn.primary{border-color:var(--amber2);background:color-mix(in srgb,var(--amber) 28%,var(--panel));box-shadow:0 3px #6b3e0b}.btn.lg{min-height:56px;padding:12px 30px;font-size:1.15rem;font-family:var(--display);font-weight:600}.btn.sm{min-height:40px;padding:4px 12px;font-size:.9rem}.site-header{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:16px;padding:8px max(16px,env(safe-area-inset-left));background:#0a0e1ff0;backdrop-filter:blur(6px);border-bottom:2px solid var(--line)}.site-logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--pixel);font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--amber);text-decoration:none;white-space:nowrap}:lang(zh) .site-logo,:lang(ja) .site-logo,:lang(ru) .site-logo{font-family:var(--display);font-weight:600;text-transform:none;letter-spacing:0;font-size:1.1rem}.site-nav{display:flex;gap:14px;margin-right:auto}.site-nav a{color:var(--soft);text-decoration:none;min-height:44px;white-space:nowrap}.site-logo{min-height:44px;min-width:44px}.header-play{white-space:nowrap;flex:none}.lang-menu summary{flex:none}.site-nav a:hover{text-decoration:underline}.site-nav a[aria-current]{color:var(--amber)}.lang-menu{position:relative}.lang-menu summary{list-style:none;display:flex;align-items:center;gap:6px;height:44px;padding:0 36px 0 12px;border:2px solid var(--line);border-radius:var(--radius);background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h2v2h2v2h2V2h2V0h2v2H8v2H6v2H4V4H2V2H0z' fill='%2362dcf2'/%3E%3C/svg%3E") no-repeat right 12px center / 10px 6px;cursor:pointer;white-space:nowrap}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu[open] summary,.lang-menu summary:hover{border-color:var(--cyan)}.lang-menu ul{max-height:calc(100dvh - 76px);overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:190px;margin:0;padding:6px;list-style:none;background:var(--panel);border:2px solid var(--cyan);border-radius:var(--radius);box-shadow:0 8px 30px #00000080}.lang-menu a{display:flex;width:100%;min-height:44px;padding:0 10px;color:var(--text);text-decoration:none}.lang-menu a:hover,.lang-menu a[aria-current]{background:#62dcf224;color:var(--cyan)}.globe{color:var(--cyan)}.site{position:relative}.suggest{position:absolute;left:0;right:0;top:62px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;padding:6px 12px;background:#1a1c3d;border-bottom:1px solid var(--cyan);box-shadow:0 6px 16px #0006;font-size:.9rem;line-height:1.35}.suggest[hidden]{display:none}.suggest span{flex:1 1 14rem;text-align:center}#content{max-width:1120px;margin:0 auto;padding:0 16px 48px}#content h2{font-family:var(--display);font-weight:600;font-size:1.55rem;line-height:1.25;color:var(--amber);margin:44px 0 14px}#content h3{font-size:1.1rem;color:var(--cyan);margin:18px 0 6px}p+p{margin-top:12px}.lead{font-size:1.12rem;color:var(--soft);margin-bottom:18px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px 0 8px}.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.12;margin-bottom:14px;color:#fff;text-shadow:0 0 18px rgba(255,182,46,.35)}.guide h1{font-family:var(--display);font-weight:600;font-size:clamp(1.8rem,4.2vw,2.5rem);line-height:1.15;margin:8px 0 14px;color:#fff}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.text-link{color:var(--cyan);text-decoration:none}.text-link:hover{text-decoration:underline}.hero-art{position:relative;height:280px;border:2px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,#060a1c,#16204a 62%,#3a2a3a);box-shadow:0 0 40px #ffb62e1f}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 12% 18%,#fff,transparent),radial-gradient(2px 2px at 38% 30%,#cfe,transparent),radial-gradient(2px 2px at 64% 14%,#fff,transparent),radial-gradient(2px 2px at 86% 26%,#fed,transparent),radial-gradient(1px 1px at 24% 44%,#fff,transparent),radial-gradient(1px 1px at 74% 40%,#fff,transparent)}.road{position:absolute;left:0;right:0;bottom:0;height:60px;background:repeating-linear-gradient(90deg,#2a2438 0 24px,#332b44 24px 48px);border-top:4px solid #0c1022}.party{position:absolute;left:0;right:0;bottom:52px;display:flex;align-items:flex-end;justify-content:center;gap:4px;z-index:1}.party svg{width:clamp(54px,20vw,96px);height:auto}.party .foe svg{width:clamp(42px,15vw,72px)}.walker{animation:bob .7s steps(2) infinite;animation-delay:calc(var(--i, 0) * .17s)}.walker.foe{margin-left:28px;animation-duration:1.1s}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.walker{animation:none}html{scroll-behavior:auto}}.facts-box dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 0}.facts-box dl>div{padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.facts-box dt{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.facts-box dd{margin:4px 0 0;font-size:.95rem}.feature-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.feature{padding:16px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:2px solid var(--line);border-radius:var(--radius)}.feature-art{height:60px;display:flex;align-items:flex-end}.feature h3{margin:10px 0 6px;font-size:1.1rem;color:var(--amber)}.feature p{color:var(--soft);font-size:.97rem}.steps{display:grid;gap:8px;padding-left:24px;margin-bottom:12px}.bullets{display:grid;gap:8px;padding-left:22px}.faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:8px}.faq summary{padding:12px 14px;min-height:44px;cursor:pointer;font-weight:600}.faq p{padding:0 14px 14px;color:var(--soft)}.guide-links{display:grid;gap:4px;padding-left:20px}.guide{max-width:860px;margin:0 auto}.guide p,.guide li{color:var(--soft)}.guide ol,.guide ul.bullets{padding-left:24px;display:grid;gap:8px}.crumbs{padding-top:20px;font-size:.88rem;color:var(--muted)}.crumbs a{min-height:32px}.table-wrap{overflow-x:auto;margin:12px 0;border:1px solid var(--line);border-radius:var(--radius)}.data-table{width:100%;border-collapse:collapse;font-size:.93rem}.data-table th,.data-table td{text-align:left;padding:8px 12px;border-bottom:1px solid #222b55;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table th{color:var(--muted);font-weight:600;font-size:.8rem;background:var(--panel);white-space:nowrap}.data-table td svg{display:inline-block;vertical-align:middle}.guide-cta,.cmp-feature{margin:32px 0;padding:18px;border:2px solid var(--amber2);border-radius:var(--radius);background:#ffb62e0f}.cmp-feature h2{margin-top:0!important}.game-list{counter-reset:g;list-style:none;padding:0!important;display:grid;gap:4px}.game-list li{padding:6px 0;border-bottom:1px solid #222b55}.game-list h3{margin:0 0 2px}.game-list .ours h3{color:var(--amber)}.site-footer{border-top:2px solid var(--line);padding:24px 16px calc(28px + env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:.92rem}.footer-langs,.footer-guides{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;margin-bottom:10px}.footer-guides a{color:var(--soft)}.site-footer p{max-width:720px;margin:8px auto 0}@media(max-width:1000px){.hide-md{display:none!important}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:18px;padding-top:16px}.hero-art{order:-1;height:230px}.facts-box dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){body{font-size:16px}.hide-sm{display:none!important}.site-header{gap:8px;padding:6px 12px}.suggest{top:58px}.walker.foe{margin-left:12px}.party{gap:2px}.site-logo{margin-right:auto}.site-nav{display:none}.site-logo span{max-width:7rem;overflow:hidden;text-overflow:ellipsis}.hero-art{height:150px}.header-play{padding:4px 12px;font-size:.9rem}.btn.lg{width:100%}.facts-box dl{grid-template-columns:1fr}#content h2{font-size:1.35rem;margin-top:34px}}@media(max-width:900px){.site-nav a:nth-child(2){display:none}}@media(max-width:640px){.lang-menu ul{right:12px}.lang-menu{position:static}}@media(max-width:480px){.site-logo span{display:none}}@media(max-height:500px)and (min-width:600px){.hero{grid-template-columns:1fr 1fr;gap:16px;padding-top:8px}.hero-art{order:0;height:170px}.hero h1{font-size:1.35rem;margin-bottom:8px}.hero .lead{font-size:.95rem}.cta-row{margin:8px 0}.btn.lg{width:auto}}
