@font-face{font-family:Outfit;src:url(/fonts/Outfit.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/Figtree.ttf)format("truetype");font-weight:300 900;font-style:normal;font-display:swap}:root{--fd:"Outfit",sans-serif;--fb:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--r:16px;--r-sm:10px;--r-sheet:24px;--tap:44px;--control:48px;--gutter:20px;--motion-fast:.12s;--motion-answer:.16s;--motion-panel:.22s;--motion-clear:.48s;--ease-out:cubic-bezier(.2,0,0,1);--accent:#1b5aa8;--accent-ink:#134580;--accent-soft:#dce8f8;--btn-ink:#fff;--bg:#eef4f9;--surface:#fff;--ink:#10233a;--muted:#5e7085;--line:#dce5ee;--control-line:#71849b;--land:#d8dcd9;--land-hover:#c3cac6;--land-inert:#e7eae8;--border:#5e7085;--map-focus:#1b5aa8;--map-water:#eef4f9;--ok:#1b8a4c;--w1:#f3d66b;--w2:#f0963c;--bad:#d6363e;--bad-soft:#fde3e4;--lit-ok:#a9dfc0;--lit-w1:#f6e7a6;--lit-w2:#f8cba0;--lit-miss:#f2b6b9;--clue:#8fb7e8;--near:#c5d9f1;--grade-ok-ink:#146a3c;--grade-w1-ink:#765600;--grade-w2-ink:#9a4511;--grade-bad-ink:#b32734;--shadow:0 14px 36px #10233a1f,0 1px 2px #10233a0f;--scrim:#0a142366;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#6fb3ff;--accent-ink:#a9d1ff;--accent-soft:#1a3455;--btn-ink:#0f1a28;--bg:#0f1a28;--surface:#172436;--ink:#e8eef7;--muted:#8fa1b8;--line:#253449;--control-line:#8fa1b8;--land:#2a3b50;--land-hover:#3b4f69;--land-inert:#1b2a3e;--border:#8fa1b8;--map-focus:#6fb3ff;--map-water:#0f1a28;--ok:#5ce0a1;--w1:#d8b84a;--w2:#e08a3c;--bad:#f26d6d;--bad-soft:#3b1c1e;--lit-ok:#1f5e46;--lit-w1:#6b5a22;--lit-w2:#6e4522;--lit-miss:#6a2c34;--clue:#35598a;--near:#243d5c;--grade-ok-ink:#5ce0a1;--grade-w1-ink:#e9c95b;--grade-w2-ink:#ffad70;--grade-bad-ink:#ff9b9b;--shadow:0 18px 40px #00000080,0 0 0 1px #ffffff0a;--scrim:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--accent:#6fb3ff;--accent-ink:#a9d1ff;--accent-soft:#1a3455;--btn-ink:#0f1a28;--bg:#0f1a28;--surface:#172436;--ink:#e8eef7;--muted:#8fa1b8;--line:#253449;--control-line:#8fa1b8;--land:#2a3b50;--land-hover:#3b4f69;--land-inert:#1b2a3e;--border:#8fa1b8;--map-focus:#6fb3ff;--map-water:#0f1a28;--ok:#5ce0a1;--w1:#d8b84a;--w2:#e08a3c;--bad:#f26d6d;--bad-soft:#3b1c1e;--lit-ok:#1f5e46;--lit-w1:#6b5a22;--lit-w2:#6e4522;--lit-miss:#6a2c34;--clue:#35598a;--near:#243d5c;--grade-ok-ink:#5ce0a1;--grade-w1-ink:#e9c95b;--grade-w2-ink:#ffad70;--grade-bad-ink:#ff9b9b;--shadow:0 18px 40px #00000080,0 0 0 1px #ffffff0a;--scrim:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=360px){:root{--gutter:16px}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-answer:0s;--motion-panel:0s;--motion-clear:0s}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--fb);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--fd);letter-spacing:-.02em;margin:0;font-weight:600}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}.button{background:var(--accent);min-height:48px;color:var(--btn-ink);border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;display:inline-flex}.button:hover{background:var(--accent-ink);color:var(--surface);text-decoration:none}.button.quiet{background:var(--accent-soft);color:var(--accent-ink)}.button.quiet:hover{background:var(--accent);color:var(--btn-ink)}.top{justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding-top:12px;display:flex}.brand{min-height:44px;color:var(--ink);align-items:center;display:inline-flex}.brand svg{width:auto;height:32px;display:block}.top nav{align-items:center;gap:28px;font-weight:600;display:flex}.lang-menu{position:relative}.lang-btn{border:1.5px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--motion-fast);border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:inline-flex}.lang-btn:hover{border-color:var(--accent)}.lang-btn img,.lang-list img{object-fit:cover;width:20px;height:15px;box-shadow:0 0 0 1px var(--line);border-radius:2px}.lang-btn svg{transition:transform var(--motion-fast)}.lang-btn[aria-expanded=true] svg{transform:rotate(180deg)}.lang-list{z-index:5;background:var(--surface);border:1px solid var(--line);min-width:184px;max-height:240px;box-shadow:var(--shadow);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.lang-list a{min-height:44px;color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-weight:500;display:flex}.lang-list a:hover{background:var(--accent-soft);text-decoration:none}.lang-list a[aria-selected=true]{color:var(--accent-ink);font-weight:600}.lang-list a[aria-selected=true]:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;margin-left:auto}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;min-height:560px;padding-top:48px;padding-bottom:64px;display:grid}.hero h1{margin-bottom:28px;font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.08}.hero .lead{color:var(--muted);max-width:32ch;margin:0 0 32px;font-size:1.25rem;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.actions a:not(.button){font-weight:600}.stage{min-width:0;box-shadow:var(--shadow);background:var(--map-water);border:1px solid var(--line);border-radius:16px;margin:0;position:relative;overflow:hidden}.stage img{width:100%;height:auto;display:block}.tag,.hud{z-index:2;background:var(--surface);min-height:32px;box-shadow:var(--shadow);border-radius:999px;align-items:center;padding:5px 12px;font-size:.8125rem;font-weight:600;line-height:1.2;display:inline-flex;position:absolute;top:12px}.tag{color:var(--accent-ink);transition:background var(--motion-panel),color var(--motion-panel);left:12px}.tag[data-tag=Play]{background:var(--accent);color:var(--btn-ink)}.tag[data-tag=Progress]{background:var(--ok);color:#fff}.tag.pop{animation:pop .32s var(--ease-out)}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.hud{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;right:12px}.hud.tick{animation:tick .26s var(--ease-out)}@keyframes tick{30%{color:var(--accent-ink);transform:translateY(-3px)}}.run{z-index:2;background:var(--accent);border-radius:0 2px 2px 0;width:0;height:3px;position:absolute;top:0;left:0}.hero figcaption{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:18px 22px;position:absolute;top:56px;left:12px}.hero figcaption span{color:var(--muted);font-size:.875rem;display:block}.hero figcaption strong{font-family:var(--fd);margin-top:6px;font-size:1.5rem;font-weight:600;display:block}.hero-map{width:100%;height:auto;display:block}.hero-map .cam{will-change:transform;transition:transform .9s cubic-bezier(.4,0,.2,1)}.hero-map .inert{fill:var(--land-inert)}.hero-map .land{fill:var(--land);stroke:var(--border);stroke-width:.8px;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill var(--motion-answer) var(--ease-out),stroke var(--motion-fast)}.hero-map .tap{fill:none;stroke:var(--accent);stroke-width:3px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:tap .65s var(--ease-out) forwards}@keyframes tap{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.6)}}.hero-map .land.lit{fill:var(--clue);stroke:var(--map-focus)}.hero-map .land.pick{fill:var(--accent);stroke:var(--map-focus)}.hero-map .land.near{fill:var(--near)}.hero-map .land.ok{fill:var(--lit-ok);stroke:var(--grade-ok-ink)}.hero-map .land.done{fill:var(--lit-ok);stroke:var(--grade-ok-ink);transition-duration:var(--motion-clear)}.scene{min-width:220px;max-width:min(300px,100% - 32px);transition:opacity var(--motion-answer) var(--ease-out),transform var(--motion-answer) var(--ease-out)}.scene.swap{opacity:0;transform:translateY(4px)}.scene em{color:var(--muted);min-height:1.3em;margin-top:8px;font-size:.875rem;font-style:normal;display:block}.scene em.good{color:var(--grade-ok-ink);font-weight:600}.scene .field{gap:8px;margin-top:12px;display:flex}.scene .field i{border:1.5px solid var(--control-line);border-radius:10px;flex:1;min-width:120px;min-height:40px;padding:8px 12px;font-size:.9375rem;font-style:normal;line-height:1.5}.scene .field b{background:var(--accent);color:var(--btn-ink);border-radius:10px;align-items:center;padding:0 14px;font-size:.9375rem;font-weight:600;display:inline-flex}.scene .flags{align-items:center;gap:10px;margin-top:10px;display:flex}.scene .flags img{width:56px;height:42px;transition:transform var(--motion-panel) var(--ease-out),box-shadow var(--motion-answer);border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f,0 3px 8px #10233a1f}.scene .flags img.ok{box-shadow:0 0 0 3px var(--grade-ok-ink)}.scene .flags img.odd{transform:rotate(14deg)translateY(10px);box-shadow:0 8px 14px #10233a3d}.scene .flags.four{grid-template-columns:repeat(4,56px);gap:8px;display:grid}.scene .flags .join{background:var(--control-line);width:20px;height:2px}.scene .hud{font-variant-numeric:tabular-nums;color:var(--muted);gap:14px;font-size:.875rem;display:flex}.scene .hud b{color:var(--ink);font-weight:600}.scene .hud .clock{color:var(--muted);min-width:4ch}.benefits{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:32px;padding-top:36px;padding-bottom:36px;display:grid}.benefits h2{margin-bottom:8px;font-size:1.125rem}.benefits p{color:var(--muted);margin:0;font-size:.9375rem}.how{padding-top:56px;padding-bottom:24px}.how h2{margin-bottom:8px;font-size:clamp(1.75rem,3vw,2.25rem)}.how>p{color:var(--muted);max-width:52ch;margin:0 0 28px}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:22px}.step b{font-family:var(--fd);margin-bottom:6px;font-size:1.125rem;font-weight:600;display:block}.step p{color:var(--muted);margin:0;font-size:.9375rem}.step .n{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:.875rem;font-weight:600;display:inline-flex}.close{text-align:center;padding-top:56px;padding-bottom:64px}.close h2{margin-bottom:12px;font-size:clamp(2rem,4vw,3rem)}.close p{color:var(--muted);margin:0 0 28px}@media (width<=760px){.top{min-height:72px;padding-top:8px}.top nav{gap:12px}.lang-btn{padding:0 10px}.lang-btn span{display:none}.brand svg{height:26px}.top nav .button{min-height:44px;padding:8px 14px;font-size:.9375rem}.hero{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding-top:24px;padding-bottom:40px}.hero h1{margin-bottom:20px}.hero .lead{margin-bottom:24px;font-size:1.0625rem}.actions .button{width:100%}.hero figure{box-shadow:none;border-radius:0;margin:0 calc(-1*clamp(20px,5vw,64px))}.hero figcaption{padding:14px 18px;top:56px;left:12px}.benefits,.steps{grid-template-columns:1fr;gap:20px}.how{padding-top:40px}}