:root{--bg: #1b2433;--bg-2: #243047;--panel: #2c3a55;--panel-2: #36486a;--border: #10151f;--text: #f2f5fa;--text-dim: #a9b4c8;--accent: #ffd34d;--accent-2: #4dc3ff;--green: #5bb04a;--font-pixel: "Press Start 2P", ui-monospace, monospace;--font-ui: "Rubik", system-ui, sans-serif;--shadow: 0 4px 0 var(--border);--sheet: url(/assets/tiles/tilemap_packed.png)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important}}body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 var(--font-ui);-webkit-text-size-adjust:100%}img{max-width:100%;height:auto;display:block}a{color:var(--accent-2)}h1,h2,h3{line-height:1.3}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:#2a1f00;padding:8px 12px;border-radius:8px;z-index:10}.skip:focus{left:8px}.sp{--s: 3;display:inline-block;width:calc(16px * var(--s));height:calc(16px * var(--s));flex:none;background:var(--sheet) no-repeat;background-size:calc(288px * var(--s)) calc(176px * var(--s));background-position:calc(var(--c) * -16px * var(--s)) calc(var(--r) * -16px * var(--s));image-rendering:pixelated}.sp.big{--s: 4}.sp.flip{transform:scaleX(-1)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border-radius:10px;border:3px solid var(--border);background:var(--panel-2);color:var(--text);font:600 17px var(--font-ui);text-decoration:none;box-shadow:var(--shadow);transition:transform .08s,background .12s}.btn:hover{background:#42567d}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--border)}.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.btn-primary{background:var(--accent);color:#2a1f00}.btn-primary:hover{background:#ffe07a}.btn-small{min-height:40px;padding:6px 14px;font-size:15px}.btn-big{font-size:20px;min-height:60px;padding:12px 28px}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(16px,4vw,40px);background:#10151fe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:3px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--accent)}.brand .sp{--s: 2}.brand-name{font:13px var(--font-pixel);letter-spacing:1px}.nav{display:flex;align-items:center;gap:clamp(10px,2.5vw,24px)}.nav>a:not(.btn){color:var(--text-dim);text-decoration:none;font-weight:600;font-size:15px}.nav>a:not(.btn):hover{color:var(--text)}.btn .short{display:none}@media (max-width: 560px){.nav>a:not(.btn){display:none}.brand-name{font-size:11px}}@media (max-width: 420px){.btn .long,.lang-code{display:none}.btn .short{display:inline}.top{gap:8px}}@media (max-width: 380px){.brand{gap:6px}.brand-name{font-size:10px;letter-spacing:.5px}}.flag{flex:none;display:block;border-radius:2px;box-shadow:0 0 0 1px #ffffff40}.lang{position:relative}.lang summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:40px;padding:4px 10px;cursor:pointer;border:2px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font:600 14px var(--font-ui);-webkit-user-select:none;user-select:none}.lang summary::-webkit-details-marker{display:none}.lang summary:after{content:"";width:6px;height:6px;margin:-3px 0 0 2px;border:solid var(--text-dim);border-width:0 2px 2px 0;transform:rotate(45deg)}.lang[open] summary:after{margin-top:3px;transform:rotate(-135deg)}.lang summary:hover{background:var(--panel-2)}.lang-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:6;min-width:168px;margin:0;padding:6px;list-style:none;background:var(--bg-2);border:3px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.lang-menu a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-weight:600;font-size:15px}.lang-menu a:hover{background:var(--panel-2)}.lang-menu a[aria-current]{color:var(--accent)}.hero{position:relative;overflow:hidden;display:grid;gap:28px;align-items:center;grid-template-columns:minmax(0,1fr);padding:clamp(32px,7vw,80px) clamp(16px,4vw,40px) 96px;background:linear-gradient(180deg,#121a29,#1d2b45 55%,#2d4a6a)}@media (min-width: 960px){.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.hero-sky{position:absolute;top:0;right:0;bottom:30%;left:0;pointer-events:none;opacity:.7;background-image:radial-gradient(2px 2px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 32% 8%,#cfe 50%,transparent 51%),radial-gradient(2px 2px at 58% 22%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 76% 12%,#ffd 50%,transparent 51%),radial-gradient(2px 2px at 90% 30%,#fff 50%,transparent 51%),radial-gradient(2px 2px at 44% 36%,#fff 50%,transparent 51%)}.hero-text{position:relative;z-index:1;max-width:620px}.hero h1{margin:0 0 18px}.logo{display:block;font:clamp(40px,9vw,76px)/1.1 var(--font-pixel);color:var(--accent);text-shadow:0 4px 0 #b8741c,0 8px 0 var(--border),4px 8px 0 var(--border),-4px 8px 0 var(--border)}.logo-2{color:#fff4cf;font-size:clamp(33px,7.4vw,62px);margin-top:.2em}.lead{font-size:clamp(18px,2.4vw,21px);color:#e2e9f3;margin:0 0 24px}.cta{display:flex;flex-wrap:wrap;gap:12px}.fine{margin:16px 0 0;color:var(--text-dim);font-size:14px;font-weight:600;letter-spacing:.3px}.hero-shot{position:relative;z-index:1;margin:0;border:4px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 10px 0 var(--border),0 20px 50px #00000073;transform:rotate(-1deg)}.parade{position:absolute;left:0;right:0;bottom:18px;display:flex;gap:6px;padding-left:4vw;animation:march 26s linear infinite}.parade .gap{margin-left:40px}@keyframes march{0%{transform:translate(-60%)}to{transform:translate(110%)}}.section{max-width:1160px;margin:0 auto;padding:clamp(48px,8vw,88px) clamp(16px,4vw,40px)}.section h2,.final h2{font:clamp(17px,3vw,24px)/1.5 var(--font-pixel);color:var(--accent);margin:0 0 12px;text-align:center}.section-lead{text-align:center;color:var(--text-dim);max-width:640px;margin:0 auto 36px}.cards{list-style:none;padding:0;margin:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.card{background:var(--panel);border:3px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.card h3{margin:12px 0 6px;font-size:19px}.card p{margin:0;color:var(--text-dim);font-size:16px}.modes{display:grid;gap:clamp(40px,7vw,72px)}.modes h2{margin-bottom:0}.mode{display:grid;gap:24px;align-items:center;grid-template-columns:minmax(0,1fr)}@media (min-width: 860px){.mode{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.mode.rev img{order:2}}.mode img{border:4px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.mode h3{font:15px/1.6 var(--font-pixel);color:#fff4cf;margin:0 0 10px}.mode p{margin:0 0 12px;color:#dbe3ee}.ticks{margin:0;padding:0;list-style:none;display:grid;gap:6px}.ticks li{padding-left:26px;position:relative;color:var(--text-dim);font-weight:600;font-size:15px}.ticks li:before{content:"★";position:absolute;left:0;color:var(--accent)}.how{max-width:860px}.steps{counter-reset:s;list-style:none;padding:0;margin:24px 0 32px;display:grid;gap:14px}.steps li{counter-increment:s;position:relative;padding:16px 18px 16px 64px;background:var(--panel);border:3px solid var(--border);border-radius:12px}.steps li:before{content:counter(s);position:absolute;left:16px;top:14px;width:32px;height:32px;display:grid;place-items:center;background:var(--accent);color:#2a1f00;border-radius:8px;font:13px var(--font-pixel)}.center{text-align:center;margin:0}.faq{max-width:820px}.faq details{background:var(--panel);border:3px solid var(--border);border-radius:12px;margin:0 0 10px}.faq summary{cursor:pointer;padding:14px 18px;font-weight:600;min-height:48px;list-style-position:inside}.faq details p{margin:0;padding:0 18px 16px;color:var(--text-dim)}.final{text-align:center;padding:64px 16px 80px;background:linear-gradient(180deg,var(--bg) 0%,#2a4a3a 100%)}.final h2{margin-bottom:24px}.foot{border-top:3px solid var(--border);background:#141b27;padding:24px clamp(16px,4vw,40px) calc(24px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--text-dim);font-size:14px}.foot p{margin:4px 0}.doc{max-width:760px;margin:0 auto;padding:32px clamp(16px,4vw,40px) 64px}.doc h1{font:clamp(16px,3vw,22px)/1.5 var(--font-pixel);color:var(--accent);margin:0 0 8px}.doc h2{font-size:20px;margin:28px 0 8px;color:#fff4cf}.doc p,.doc li{color:#dbe3ee}.doc .date{color:var(--text-dim);font-size:15px}.doc .note{color:var(--text-dim);font-size:15px;font-style:italic;border-left:3px solid var(--panel-2);padding-left:12px}.btn-coffee{--coffee: #8b5a2b;background:var(--coffee);color:#fff;gap:8px}.btn-coffee:hover{background:#9e6a37}.cup{flex:none;vertical-align:-3px}.support{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:20px 0 0;color:var(--text-dim);font-size:15px}.support-link{display:inline-flex;align-items:center;gap:6px;color:#f0c48f;font-weight:600}.support-link:hover{color:#ffd9aa}.foot .foot-support{margin-top:12px}