@font-face{font-family:Manrope;src:url('assets/manrope-800.woff2') format('woff2');font-weight:800;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#101a27;--text:#f4f0e7;--muted:#b6bdc8;--gold:#dcc399;--line:#344151;--panel:#172332;--font:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font);padding:0 max(24px,calc((100vw - 1240px)/2));-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:var(--bg)}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}svg{display:block}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.top{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);gap:20px}.wordmark{font:800 25px Manrope,var(--font);display:flex;align-items:center;gap:12px}.wordmark svg{width:28px;fill:var(--gold);stroke:var(--gold);stroke-width:2}.signature{font-size:14px;color:var(--muted)}.intro{padding:66px 0 44px;display:flex;align-items:end;justify-content:space-between;gap:36px}h1{font:800 clamp(32px,4.1vw,54px)/1.16 Manrope,var(--font);letter-spacing:-.025em;margin:0;text-wrap:balance}.intro p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 4px;max-width:43ch}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 14px;border-top:1px solid var(--line)}.filters{display:flex;gap:6px}.filters button{border:1px solid transparent;border-radius:8px;padding:9px 17px;color:var(--muted);background:none;font-weight:600;font-size:14px;min-height:44px}.filters button[aria-pressed=true]{color:var(--bg);background:var(--gold)}.filters button:hover:not([aria-pressed=true]){background:var(--panel);color:var(--text)}.search{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:6px 0;width:230px}.search svg{width:19px;stroke:var(--muted);fill:none;stroke-width:1.6;flex-shrink:0}.search input{width:100%;min-width:0;background:none;color:var(--text);border:0;padding:6px 0;font-size:14px;caret-color:var(--gold)}input::placeholder{color:var(--muted);opacity:1}.result{font-size:12px;color:var(--muted);margin:0 0 20px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.game{display:flex;flex-direction:column;min-width:0;border-radius:14px;outline-offset:7px}.cover{height:210px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:filter .18s ease-out}.game:hover .cover{filter:brightness(1.13)}.details{padding:18px 0 0}.type{color:var(--gold);font-size:12px}.details h2{font:800 22px/1.35 Manrope,var(--font);margin:6px 0 9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.arrow{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.4;flex-shrink:0}.details p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 15px;max-width:48ch}.meta{font-size:12px;color:var(--muted)}.numbers{background:#23344a}.number-board{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;width:82%;transform:rotate(-6deg)}.number-board b{border:1px solid #b5a17f;border-radius:6px;font:800 24px Manrope,var(--font);text-align:center;padding:14px 0;color:#f3d7a7}.played{opacity:.22}.sea{background:#b73d32}.sea-board{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:160px;transform:rotate(8deg)}.sea-board i{display:block;aspect-ratio:1;border:1px solid #ecb6a3;border-radius:3px}.sea-board .ship{background:#f4e2c7;border-color:#f4e2c7}.sea-board .hit{background:#f4e2c7;border-radius:50%;transform:scale(.3)}.quiz{background:#1d453a}.quiz-board{display:grid;grid-template-columns:repeat(3,1fr);width:73%;gap:7px;transform:rotate(-5deg)}.quiz-board b{background:#132e28;color:#e8cf9d;border-radius:4px;text-align:center;padding:7px;font:800 24px Manrope,var(--font)}.race{background:#443653}.race-track{position:relative;width:78%;padding-right:16px}.racer{font-size:11px;color:#e8d8f3;display:block;margin:17px 0;border-bottom:1px dashed #9d82b0;padding-bottom:8px}.racer b{display:block;height:14px;border-radius:3px;background:#e7c491;width:72%;margin-top:7px}.racer.two b{width:54%;background:#d8add4}.finish{position:absolute;right:0;top:20px;bottom:18px;width:9px;background:repeating-conic-gradient(#e8dded 0% 25%,#5c476d 0% 50%) 0 0/9px 9px}.scoreboard{background:#254d67}.score{display:flex;gap:14px;align-items:center;transform:rotate(-4deg)}.score span{text-align:center;color:#c7e2ef;font-size:9px;letter-spacing:.08em}.score b{display:block;font:800 62px/1.3 Manrope,var(--font);color:#f4dc92;font-variant-numeric:tabular-nums}.score em{font:800 38px Manrope,var(--font);color:#c7e2ef;margin-top:16px}.timer{background:#3d303e}.clock{display:flex;align-items:center;gap:7px;transform:rotate(4deg)}.clock b{background:#251e2c;padding:6px 10px;border-radius:6px;color:#f5e9db;font:800 51px Manrope,var(--font);font-variant-numeric:tabular-nums}.clock span{font:800 34px Manrope,var(--font);color:#ffac98}.empty{padding:60px 0;text-align:center}.empty h2{font:800 24px Manrope,var(--font)}.empty p{color:var(--muted)}.empty button{background:var(--gold);border:0;border-radius:8px;padding:10px 20px;color:var(--bg);font-weight:600}footer{border-top:1px solid var(--line);margin-top:66px;padding:26px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}@media(min-width:1600px){.cover{height:230px}}@media(max-width:1000px){.intro{display:block;padding-top:48px}.intro p{margin-top:20px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body{padding:0 20px}.top{padding:22px 0}.wordmark{font-size:22px}.signature{font-size:12px}.intro{padding:38px 0 30px}.intro p{font-size:14px}.desktop{display:none}.toolbar{display:block;padding-top:16px}.filters{gap:3px}.filters button{padding:9px 14px}.search{margin-top:16px;width:100%}.result{margin-top:4px}.catalog{grid-template-columns:1fr;gap:32px}.cover{height:220px}.details h2{font-size:23px}.details p{max-width:100%}.number-board{max-width:320px}.quiz-board{max-width:270px}.race-track{max-width:300px}footer{margin-top:40px;display:block}footer span{display:block;margin:3px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}