:root{--studio:#0b0a1f;--stage:#1b1850;--glow:#3d5cff;--gold:#ffc83d;--gold-deep:#c98a00;--text:#f4f2ff;--muted:#a9a4d6;--panel:#ffffff0f;--panel-border:#ffffff1f;--display:"Bebas Neue", "Arial Narrow", sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);font:16px/1.45 var(--body);background:radial-gradient(ellipse 80% 50% at 50% 0%, #3d5cff59, transparent 70%), radial-gradient(ellipse 60% 40% at 50% 100%, #ffc83d1f, transparent 70%), linear-gradient(var(--stage), var(--studio) 60%);background-color:var(--studio);background-attachment:fixed;margin:0}#app{max-width:520px;padding:max(40px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom));margin:0 auto}.screen{text-align:center;flex-direction:column;align-items:center;display:flex}.tiles{font:400 clamp(20px, 7vw, 32px)/1 var(--display);flex-wrap:wrap;justify-content:center;gap:6px .35em;margin:0;display:flex}.tiles.name{margin:0 0 12px;font-size:clamp(30px,10vw,44px)}.tile{color:#2a1a00;background:linear-gradient(var(--gold), var(--gold-deep));width:1.15em;height:1.35em;animation:.5s ease-out both light-up;animation-delay:calc(var(--i) * 90ms);border-radius:6px;place-items:center;padding-top:.08em;display:grid;box-shadow:0 0 18px #ffc83d73,inset 0 -3px #0003}.tile-word{gap:6px;display:flex}@keyframes light-up{0%{opacity:.15;box-shadow:none;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.tile{animation:none}}.subtitle{color:var(--muted);margin:0 0 28px}.how-to{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;gap:8px;width:100%;margin:0 0 32px;padding:18px 20px;list-style:none;display:grid}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.play{min-width:220px;font:400 32px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:linear-gradient(#5b76ff,#2638c9);border:0;border-radius:999px;padding:10px 32px 6px;transition:transform .1s;box-shadow:0 0 24px #3d5cff99,inset 0 -3px #00000040}.play:active{transform:scale(.97)}.status{min-height:1.45em;color:var(--gold);margin:14px 0 28px}.lang-switch{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;gap:4px;padding:4px;display:flex}.lang-switch button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:4px 14px;font-size:14px;font-weight:600}.lang-switch button[aria-pressed=true]{color:#2a1a00;background:var(--gold)}.secondary{color:var(--text);background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:8px 20px;font-weight:600}.play-screen{align-items:stretch;gap:16px}.play-header{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:14px;display:grid}.play-header .score{text-align:right}.timer{min-width:3.2ch;font:400 40px/1 var(--display);letter-spacing:.04em;text-align:center;font-variant-numeric:tabular-nums;color:var(--text)}.timer.low{color:#ff7a9a;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.timer.low{animation:none}}.time-bar{background:var(--panel);border-radius:999px;height:6px;margin-top:-8px;overflow:hidden}.time-bar i{background:linear-gradient(90deg, var(--gold), #ffe08a);border-radius:inherit;height:100%;transition:width .2s linear;display:block}.time-bar.low i{background:#ff7a9a}.role{font:400 22px/1 var(--display);letter-spacing:.04em;text-align:center;color:var(--gold);margin:0}.plate{background:radial-gradient(ellipse at 50% 0%, #3d5cff40, transparent 70%), var(--panel);border:1px solid var(--panel-border);border-radius:16px;place-items:center;min-height:92px;padding:18px 12px;display:grid}.hidden-word{font:400 26px/1 var(--display);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.tiles.solved .tile{color:#062b12;background:linear-gradient(#5be38a,#1f9d50);box-shadow:0 0 18px #5be38a73,inset 0 -3px #0003}.tiles.missed .tile{color:#f4f2ff;background:linear-gradient(#6b3a55,#45213a);box-shadow:inset 0 -3px #00000040}.board{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;grid-template-columns:24px minmax(0,1fr) 20px minmax(0,1fr) 20px;align-items:center;gap:8px;min-height:48px;padding:0 14px;display:grid}.row.empty{opacity:.45}.row .num{color:var(--muted);font-size:14px}.row .clue{font:400 24px/1 var(--display);letter-spacing:.05em;text-transform:uppercase;overflow-wrap:anywhere}.row .arrow{color:var(--muted);text-align:center}.row .guess{overflow-wrap:anywhere}.row .mark{text-align:right;font-weight:600}.row.right{border-color:#5be38a99}.row.right .mark{color:#5be38a}.row.wrong .guess{color:var(--muted);text-decoration:line-through}.row.wrong .mark{color:#ff7a9a}.dots{gap:4px;display:inline-flex}.dots i{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite both blink}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dots i{opacity:.8;animation:none}}.move{gap:8px;display:flex}.move[hidden]{display:none}.move input{min-width:0;font:400 18px/1.2 var(--body);color:var(--text);border:1px solid var(--panel-border);background:#0000004d;border-radius:12px;flex:1;padding:12px 16px}.move input:focus{outline:2px solid var(--gold);outline-offset:1px}.move input:disabled{opacity:.5}.send{color:#2a1a00;background:var(--gold);border:0;border-radius:12px;width:52px;font-size:18px}.send:disabled{opacity:.35;cursor:default}.notice{text-align:center;min-height:1.45em;color:var(--muted);margin:0}.notice.refused{color:#ff9cb4}.notice.failed{color:var(--gold)}.actions{flex-direction:column;align-items:center;gap:14px;display:flex}.actions:empty{display:none}.outcome{text-align:center}.outcome p{margin:0}.outcome-title{font:400 30px/1.1 var(--display);letter-spacing:.04em}.outcome.solved .outcome-title{color:#5be38a}.outcome.missed .outcome-title{color:#ff9cb4}.outcome-points{color:var(--muted)}.result-screen{gap:0}.big-score{font:400 72px/1 var(--display);color:var(--gold);text-shadow:0 0 24px #ffc83d73;margin:4px 0 0}.time-left,.time-up{margin:4px 0 0;font-size:16px}.time-left{color:var(--muted)}.time-up{font:400 24px/1 var(--display);letter-spacing:.04em;color:#ff9cb4}.squares{gap:8px;margin:18px 0;display:flex}.squares .square{width:30px;height:30px}.square{border-radius:5px;width:20px;height:20px;display:block}.square.clue1{background:#4fd67f}.square.clue2{background:#ffd23d}.square.clue3{background:#ff8a3d}.square.missed{background:#2b2840;border:1px solid #ffffff40}.square.unfinished{border:2px dashed #ffffff59}.summary{text-align:left;gap:6px;width:100%;margin:0 0 24px;padding:0;list-style:none;display:grid}.summary-row{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;grid-template-columns:28px 1fr;align-items:center;column-gap:10px;padding:10px 14px;display:grid}.summary-row .square{grid-row:span 2}.summary-word{font:400 22px/1.1 var(--display);letter-spacing:.05em;text-transform:uppercase}.summary-clues{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.result-screen .notice{color:var(--gold);margin:10px 0 8px}.next-puzzle{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 18px}