:root{color-scheme:dark;--navy:#1a2744;--accent:#1565c0;--text:#f8fafc;--muted:#c0cbe0;--border:#465577}*{box-sizing:border-box}body{margin:0;background:#111d35;color:var(--text);font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.challenge-shell{max-width:1000px;margin:auto;padding:22px 18px 64px}.topline,.game-meta,.result-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topline{padding-bottom:34px}.brand{font-weight:900;letter-spacing:1px}.brand span{color:#ff80ad}.level{border:1px solid var(--border);border-left:5px solid var(--accent);padding:3px 14px;border-radius:7px}a{color:#d3e5ff;text-underline-offset:4px}h1,h2,h3{line-height:1.3;overflow-wrap:anywhere}h1{font-size:clamp(28px,5vw,42px);margin:8px 0 28px}h2{font-size:clamp(23px,4vw,32px);margin-top:10px}.eyebrow{display:flex;align-items:center;gap:10px;color:#d2dff3;font-size:14px;letter-spacing:.04em}.panel{padding:clamp(20px,4vw,36px);margin:20px 0;border:1px solid var(--border);border-radius:20px;background:var(--navy)}.muted{color:var(--muted);font-size:15px}button{min-height:48px;padding:13px 20px;border:1px solid #8dbbfb;border-radius:12px;background:#1258a8;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#1965bd}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.65}a:focus-visible,button:focus-visible{outline:3px solid #ffda83;outline-offset:4px}.mode-grid,.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:#213654;border-color:#6380a7;min-height:120px}.mode strong{font-size:25px}.mode span{font-size:15px;font-weight:400}.answers{margin:25px 0}.answer{min-height:100px;text-align:left;display:flex;align-items:center;gap:15px;background:#223b5b;border-color:#6e8aaf;font-size:clamp(18px,2.5vw,22px);overflow-wrap:anywhere}.answer .key{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid #8aa6cb;border-radius:8px;font-size:15px;color:#d2dff3}.game-meta{font-size:15px;color:var(--muted)}#score{color:#f9d184}#timer{font-variant-numeric:tabular-nums;background:#101d34;padding:6px 14px;border:1px solid #5a6d90;border-radius:9px;color:#fff;font-size:21px;font-weight:800}progress{appearance:none;width:100%;height:8px;margin:22px 0 12px;border:none;border-radius:10px;overflow:hidden;background:#3b4c6b}progress::-webkit-progress-bar{background:#3b4c6b}progress::-webkit-progress-value{background:#9cc7ff}progress::-moz-progress-bar{background:#9cc7ff}.feedback-box{margin:24px 0;padding:18px;border:1px solid #b6d3f8;border-radius:12px;background:#223c5c}.quiet{background:transparent;border-color:#6e829f;color:#dbe5f4;font-size:14px;margin-top:22px}#next{display:block;margin-top:16px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{background:#111f39;padding:18px;border-radius:12px}.metric strong,.metric span{display:block}.metric strong{font-size:27px}.metric span{color:var(--muted);font-size:14px}.result-actions{justify-content:flex-start;margin:26px 0}.review-row{padding:20px 0;border-top:1px solid var(--border)}.review-row p{margin:5px 0}.review-row strong{color:#d7e8ff}.leader-row,.history-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-top:1px solid var(--border)}.leader-row.me{background:#243d60;padding:14px 10px;border-radius:8px}.history-row button{background:transparent;min-height:44px;padding:8px 12px;font-size:14px}.error{background:#512436;border:1px solid #ff9cba;border-radius:10px;padding:18px;color:#fff}#reconnect{margin-bottom:15px}[hidden]{display:none!important}@media(max-width:580px){.challenge-shell{padding:18px 12px 40px}.topline{gap:10px;padding-bottom:18px}.answers,.mode-grid{grid-template-columns:1fr}.answer{min-height:76px}.metrics{grid-template-columns:1fr}.metric{display:flex;justify-content:space-between;gap:12px;align-items:center}.metric strong{font-size:24px}.topline a{font-size:15px}.game-meta{gap:10px}.panel{border-radius:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Challenges V1.1 — optional artwork, accessible feedback and player profile. */
.player-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 0}.player-bar .quiet{margin:0;min-height:44px}.player-panel label{display:block;font-weight:700;margin-bottom:8px}.player-panel input{display:block;width:100%;max-width:480px;min-height:52px;border:1px solid #8daacb;border-radius:10px;background:#101d34;color:#fff;font:inherit;padding:12px}.player-panel input:focus-visible{outline:3px solid #ffda83;outline-offset:3px}.player-panel .result-actions .quiet{margin:0}.question-art{margin:20px 0;background:#ecf3f9;border:1px solid #728bab;border-radius:16px;overflow:hidden}.question-art img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;aspect-ratio:2/1}.answer{flex-wrap:wrap}.answer-text{flex:1;min-width:0}.answer-state{display:block;width:100%;font-size:15px;font-weight:750;padding-left:47px}.answer:disabled{opacity:1}.answer.answer-correct{background:#114b38;border:2px solid #78dca7;color:#fff}.answer.answer-wrong{background:#652d39;border:2px solid #ffa0a9;color:#fff}.answer-correct .key{border-color:#9fe5bf;color:#fff}.answer-wrong .key{border-color:#ffbdc4;color:#fff}.feedback-correct{background:#123e32;border-color:#78dca7}.feedback-wrong{background:#502935;border-color:#ffa0a9}.feedback-timeout{background:#433921;border-color:#eac97e}.feedback-box strong{display:block;font-size:23px}.feedback-box p{margin:8px 0}.feedback-box{animation:feedback-in .22s ease-out}@keyframes feedback-in{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:580px){.question-art img{max-height:170px}.player-bar{align-items:flex-start}.player-bar .quiet{padding:8px 12px;font-size:13px}.answer-state{padding-left:0}.feedback-box strong{font-size:21px}}@media(prefers-reduced-motion:reduce){.feedback-box{animation:none!important}}
.player-bar>span,.leader-row strong{min-width:0;max-width:100%;overflow-wrap:anywhere}

.puzzle-controls{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.75rem}
.puzzle-controls>p,.puzzle-tiles{width:100%;margin:0}
.puzzle-sentence{padding:.75rem;border:1px dashed currentColor;border-radius:.5rem;overflow-wrap:anywhere}
.puzzle-tiles{display:flex;flex-wrap:wrap;gap:.5rem}
.puzzle-controls .answer{width:auto;min-height:44px;padding:.6rem .9rem;white-space:normal;overflow-wrap:anywhere}
.puzzle-controls .answer:disabled{opacity:.55}