:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg:#f5f6f3;--bg-accent:#e3eee7;--surface:#fff;--surface-translucent:#fffffff0;--text:#171a18;--muted:#68716a;--border:#d7ddd8;--tile-border:#b8c0ba;--tile-filled:#68746b;--key-bg:#dce1dd;--key-text:#171a18;--correct:#3d9b5c;--present:#b39335;--absent:#737b75;--accent:#238647;--warning:#a56712;background:var(--bg);color:var(--text)}@media(prefers-color-scheme:dark){:root{--bg:#101211;--bg-accent:#203028;--surface:#1d221f;--surface-translucent:#171a18ee;--text:#f4f4ef;--muted:#919a93;--border:#303832;--tile-border:#363c38;--tile-filled:#808a83;--key-bg:#343a36;--key-text:#fff;--absent:#454b47;--accent:#68ca86;--warning:#f2b85a}}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;touch-action:manipulation}.shell{background:radial-gradient(circle at top,var(--bg-accent) 0,var(--bg) 36%);margin:auto;max-width:520px}.content,.shell{min-height:100dvh}.content{padding:14px 12px calc(74px + env(safe-area-inset-bottom))}.gate{display:grid;min-height:100dvh;padding:32px;place-items:center;text-align:center}.tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface-translucent);border-top:1px solid var(--border);bottom:0;display:grid;grid-template-columns:repeat(3,1fr);left:50%;padding:6px 8px calc(6px + env(safe-area-inset-bottom));position:fixed;transform:translate(-50%);width:min(520px,100%);z-index:5}.tabs a{color:var(--muted);display:grid;font-size:11px;gap:2px;place-items:center;text-decoration:none}.tabs a span{font-size:20px;line-height:1}.tabs a.active{color:var(--accent)}.game-page{display:flex;flex-direction:column;min-height:calc(100dvh - 88px - env(safe-area-inset-bottom))}.game-header{flex:0 0 auto;letter-spacing:.16em;text-align:center;text-transform:uppercase}.game-header p{font-weight:800;margin:0}.game-header span{color:var(--muted);font-size:12px}.board{--tile-size:clamp(38px,min(16.5vw,6.7dvh),56px);margin:clamp(8px,1.8dvh,18px) auto clamp(4px,1dvh,10px);width:-moz-max-content;width:max-content}.board,.board-row{display:grid;gap:clamp(3px,.65dvh,6px)}.board-row{grid-template-columns:repeat(5,var(--tile-size))}.tile{border:2px solid var(--tile-border);border-radius:clamp(5px,1vw,8px);color:var(--text);display:grid;font-size:clamp(20px,min(7vw,3.7dvh),26px);font-weight:800;height:var(--tile-size);place-items:center;text-transform:uppercase;width:var(--tile-size)}.tile.filled{border-color:var(--tile-filled)}.tile.correct{background:var(--correct);border-color:var(--correct);color:#fff}.tile.present{background:var(--present);border-color:var(--present);color:#fff}.tile.absent{background:var(--absent);border-color:var(--absent);color:#fff}.message{color:var(--warning);font-size:13px;margin:0;min-height:18px;text-align:center}.keyboard{display:grid;gap:clamp(3px,.65dvh,6px);margin-top:auto}.keyboard>div{display:flex;gap:3px;justify-content:center}.keyboard button{background:var(--key-bg);border:0;border-radius:6px;color:var(--key-text);flex:1;font-size:16px;font-weight:700;height:clamp(35px,5.7dvh,48px);min-width:0;padding:0 2px;touch-action:manipulation}.keyboard button.correct{background:var(--correct);color:#fff}.keyboard button.present{background:var(--present);color:#fff}.keyboard button.absent{background:var(--absent);color:#fff}.keyboard .wide{flex:0 0 30%}.keyboard.disabled{opacity:.5;pointer-events:none}.duel-card,.history-list article,.result-card,.stats-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;display:grid;gap:10px;padding:18px}.result-card{margin-top:auto;text-align:center}.page h1{margin:4px 0 20px}.year-tabs{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.year-tabs::-webkit-scrollbar{display:none}.year-tabs button{background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text);padding:8px 12px;white-space:nowrap}.year-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.score-line{border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1.2fr 1fr;padding:10px 0;text-align:center}.score-line span:nth-child(2){color:var(--muted)}.history-list{display:grid;gap:12px}.history-list article p{display:flex;justify-content:space-between;margin:0}.stats-page{display:grid;gap:14px}.stats-page>h1{margin-bottom:0}.stats-card h2{font-size:17px;margin:0 0 4px;text-align:center}.player-head{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-translucent);border-radius:12px;display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px;position:sticky;text-align:center;top:0;z-index:2}.player-head span{color:var(--muted);font-size:12px}.seasons p{border:1px solid transparent;border-radius:9px;display:flex;justify-content:space-between;margin:0 -8px;padding:7px 8px}.seasons p.ongoing strong{color:var(--accent)}.seasons p.selected{background:color-mix(in srgb,var(--accent) 13%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.season-total{border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:6px;padding-top:12px}.season-progress{background:var(--surface);border:1px solid var(--border);border-radius:14px;display:grid;gap:10px;padding:14px 16px}.season-progress>div:first-child{display:flex;justify-content:space-between}.season-progress p,.season-progress>div:first-child span{color:var(--muted)}.season-progress p{font-size:13px;margin:0;text-align:center}.progress-track{background:var(--key-bg);border-radius:999px;height:9px;overflow:hidden}.progress-track span{background:var(--accent);border-radius:inherit;display:block;height:100%;transition:width .25s ease}.duel-card{gap:24px;margin:auto 0;padding:26px 20px;text-align:center}.duel-players{display:grid;gap:20px;grid-template-columns:1fr 1fr}.duel-players>div{display:grid;gap:8px}.duel-players span{color:var(--muted)}.play-button{background:var(--accent);border:0;border-radius:12px;color:#fff;font-weight:800;letter-spacing:.12em;padding:14px;width:100%}.duel-winner{font-size:22px;font-weight:800}.answer,.year-score{color:var(--muted)}.year-score{border-top:1px solid var(--border);display:grid;gap:4px;padding-top:16px}.year-score strong{color:var(--text);font-size:24px}.year-score small{color:var(--muted);font-size:10px}@media(max-height:650px){.content{padding-top:8px}.game-page{min-height:calc(100dvh - 82px - env(safe-area-inset-bottom))}.game-header span{font-size:11px}.tabs a span{font-size:18px}}
