:root{--bg:#08122e;--bg-raised:#10204a;--bg-panel:#132657;--border:#2a4384;--text:#f5f7ff;--text-muted:#b4c0e6;--tile:#1f4fd1;--tile-empty:#142c6e;--tile-border:#4a73ea;--red:#d42a3c;--red-strong:#ef3b4e;--yellow:#ffcc1a;--yellow-text:#1a1300;--focus:#ffd84d;--success:#3ddc97;--danger:#ff7a85;--radius:12px;--gap:6px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(ellipse at top, #16306f 0%, transparent 60%) no-repeat, var(--bg);min-height:100svh;margin:0}h1,h2,p{margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:var(--text-muted)}.button{cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4em;min-height:44px;padding:.55em 1.1em;font-weight:700;transition:transform 80ms,background-color .15s;display:inline-flex}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--red);color:#fff}.button--primary:hover:not(:disabled){background:var(--red-strong)}.button--secondary{border-color:var(--tile-border);background:0 0}.button--secondary:hover:not(:disabled){background:var(--bg-raised)}.button--ghost{color:var(--text-muted);background:0 0;padding-inline:.6em}.button--ghost:hover{color:var(--text)}.button--large{min-height:52px;padding-inline:1.6em;font-size:1.1rem}.icon-button{border:2px solid var(--border);background:var(--bg-raised);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.05rem;line-height:1;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--tile-border)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button--large{font-size:1.3rem}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}fieldset.panel{min-width:0;margin:0}legend{padding:0 6px;font-size:1.1rem;font-weight:800}.menu{flex-direction:column;gap:18px;width:100%;max-width:560px;margin:0 auto;padding:28px 16px 40px;display:flex}.logo{justify-content:center;gap:6px;display:flex}.logo-tile{aspect-ratio:1;background:var(--tile);border:2px solid var(--tile-border);border-radius:6px;place-items:center;width:clamp(48px,15vw,64px);font-size:clamp(1.8rem,8vw,2.4rem);font-weight:900;display:grid;box-shadow:0 4px #0c2a80}.logo-tile--correct{background:var(--red);border-color:var(--red-strong);box-shadow:0 4px #8a1220}.menu-intro{text-align:center;color:var(--text-muted)}.menu-form{flex-direction:column;gap:18px;display:flex}.player-list{flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.player-row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.player-number{background:var(--tile);border-radius:6px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.player-row input,.stepper input{border:2px solid var(--border);background:var(--bg);border-radius:10px;width:100%;min-width:0;min-height:44px;padding:.5em .8em;font-size:1rem}.player-row input::placeholder{color:#8291bf}.player-row input:hover,.stepper input:hover{border-color:var(--tile-border)}.player-row input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);grid-column:2/-1;font-size:.92rem;font-weight:600}.field-error:before{content:"⚠ "}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 0;display:flex}.setting+.setting{border-top:1px solid var(--border)}.setting-label{font-weight:600}.segmented{background:var(--bg);border:2px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.segment{cursor:pointer;position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment span{white-space:nowrap;border-radius:999px;min-height:36px;padding:.45em .9em;font-weight:600;display:block}.segment input:checked+span{background:var(--tile);box-shadow:inset 0 0 0 2px var(--tile-border)}.segment input:focus-visible+span{outline:3px solid var(--focus);outline-offset:1px}.stepper{align-items:center;gap:8px;display:inline-flex}.stepper input{text-align:center;appearance:textfield;width:4.5em;font-weight:700}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rules summary{cursor:pointer;min-height:28px;font-weight:700}.rules ul{color:var(--text-muted);flex-direction:column;gap:8px;margin:12px 0 0;padding-left:1.1em;display:flex}.legend-tile{vertical-align:middle;background:var(--tile);color:#fff;border-radius:4px;place-items:center;width:1.7em;height:1.7em;font-size:.85em;font-weight:800;display:inline-grid}.legend-tile--correct{background:var(--red)}.legend-tile--present span{background:var(--yellow);width:82%;height:82%;color:var(--yellow-text);border-radius:50%;place-items:center;display:grid}.game{width:100%;max-width:720px;min-height:100svh;padding:8px 16px max(10px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin:0 auto;display:flex}.game-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.round-label{white-space:nowrap;font-size:1.1rem;font-weight:800}.game-header .button--ghost{white-space:nowrap}.scoreboard{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.score-card{border:2px solid var(--border);background:var(--bg-raised);border-radius:10px;flex-direction:column;align-items:center;min-width:0;padding:8px 6px 10px;transition:border-color .2s,background-color .2s,transform .2s;display:flex;position:relative}.score-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.95rem;font-weight:600;overflow:hidden}.score-points{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900;line-height:1.1}.score-card--active{border-color:var(--yellow);background:#1b3477;transform:translateY(-2px);box-shadow:0 0 0 3px #ffcc1a40}.score-turn{background:var(--yellow);color:var(--yellow-text);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:0 8px;font-size:.7rem;font-weight:800;position:absolute;bottom:-9px}.score-turn:before{content:"▶ "}.play-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding-top:6px;display:flex}.board{--cell:min(calc((100vw - 32px - (var(--cols) - 1) * var(--gap)) / var(--cols)), calc((100svh - 470px) / 6), 62px);gap:var(--gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.board-row{grid-template-columns:repeat(var(--cols), var(--cell));gap:var(--gap);display:grid;position:relative}.tile{--tile-bg:var(--tile);width:var(--cell);height:var(--cell);background:var(--tile-bg);border:2px solid var(--tile-border);min-width:34px;min-height:34px;font-size:calc(max(var(--cell), 34px) * .55);text-transform:uppercase;color:#fff;-webkit-user-select:none;user-select:none;border-radius:4px;place-items:center;font-weight:800;display:grid;position:relative}.tile-letter{z-index:1;line-height:1;position:relative}.tile--empty{--tile-bg:var(--tile-empty);border-color:#233f8c}.tile--typed{--tile-bg:var(--tile);border-color:#c9d6ff}.tile--cursor{border-color:#c9d6ff}.tile--cursor:after{content:"";background:#c9d6ff;border-radius:2px;width:40%;height:3px;animation:1s steps(2,start) infinite blink;position:absolute;bottom:14%}.tile--correct{--tile-bg:var(--red);border-color:var(--red-strong);border-radius:2px}.tile--present:before{content:"";background:var(--yellow);border-radius:50%;position:absolute;inset:7%}.tile--present .tile-letter{color:var(--yellow-text)}.tile--hint{--tile-bg:#8f1d2b;border-style:dashed;border-color:#ff8f9b}.tile--hint .tile-letter{opacity:.85}.tile--bonus{animation:.5s pop}.tile--bonus:after{content:"+";background:var(--yellow);width:18px;height:18px;color:var(--yellow-text);z-index:2;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:-8px;right:-8px}.tile--void{--tile-bg:var(--tile-empty);color:#8a9ac8;border-color:#233f8c;text-decoration:line-through}.tile--small{--cell:40px}.tile--flip{animation:.32s flip}.board-row--extra:before{content:"Extra kans";color:var(--yellow);text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:800;position:absolute;top:50%;right:calc(100% + 8px);translate:0 -50%}.row-badge{background:var(--danger);color:#2b0006;white-space:nowrap;z-index:2;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:800;position:absolute;top:50%;left:50%;translate:-50% -50%}.shake{animation:.45s shake}.status{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:420px;display:flex}.message{text-align:center;min-height:1.5em;font-weight:600}.timer{align-items:center;gap:10px;width:100%;min-height:22px;display:flex}.timer-bar{background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;flex:1;height:10px;overflow:hidden}.timer-fill{background:var(--success);height:100%;transition:width 1s linear}.timer-text{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;font-weight:800}.timer--urgent .timer-fill{background:var(--red-strong)}.timer--urgent .timer-text{color:var(--danger);animation:1s infinite pulse}.keyboard{-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;width:100%;max-width:560px;margin:0 auto;display:flex}.keyboard-row{justify-content:center;gap:5px;display:flex}.key{text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:#3b5498;border:0;border-radius:6px;flex:1 1 0;min-width:0;max-width:48px;height:52px;padding:0;font-size:1.05rem;font-weight:800;position:relative}.key:hover:not(:disabled){filter:brightness(1.12)}.key:disabled{cursor:default;opacity:.6}.key--wide{flex:1.6 1 0;max-width:76px;font-size:1.3rem}.key--enter{background:var(--red);border:2px solid var(--red-strong);letter-spacing:.04em;flex:none;width:100%;max-width:none;height:56px;margin-top:2px;font-size:1.2rem;box-shadow:0 3px #8a1220}.key--enter:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #8a1220}.key-letter{z-index:1;position:relative}.key--correct{background:var(--red)}.key--present{background:var(--tile)}.key--present:before{content:"";aspect-ratio:1;background:var(--yellow);border-radius:50%;width:min(80%,36px);position:absolute;top:50%;left:50%;translate:-50% -50%}.key--present .key-letter{color:var(--yellow-text)}.key--absent{color:#7f8fbf;background:#17295c}.round-over{text-align:center;flex-direction:column;align-items:center;gap:14px;animation:.3s rise;display:flex}.round-over h2{font-size:1.2rem}.secret-word{gap:4px;display:flex}.end{text-align:center;flex-direction:column;gap:20px;width:100%;max-width:520px;margin:0 auto;padding:40px 16px;display:flex}.end-title{font-size:clamp(2rem,9vw,2.8rem);font-weight:900}.end-winner{color:var(--yellow);font-size:1.25rem;font-weight:700}.ranking{text-align:left;flex-direction:column;gap:8px;margin:0;list-style:none;display:flex}.ranking-row{background:var(--bg-raised);border-radius:10px;grid-template-columns:2.5em 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.ranking-row--winner{border:2px solid var(--yellow)}.ranking-rank{text-align:center;font-size:1.4rem;font-weight:800}.ranking-name{overflow-wrap:anywhere;font-weight:700}.ranking-score{font-variant-numeric:tabular-nums;font-weight:800}.end-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes blink{to{visibility:hidden}}@keyframes pulse{50%{opacity:.5}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=420px){.round-label{font-size:1rem}.game-header .button--ghost{padding-inline:.2em;font-size:.95rem}.key--enter{height:50px}.keyboard-row{gap:4px}.key{height:48px;font-size:.95rem}.score-points{font-size:1.25rem}.board-row--extra:before{content:none}}@media (height<=640px){.key{height:42px}.key--enter{height:46px}}