.waiting-screen[hidden]{display:none}.waiting-screen{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 25%,#30483f80,transparent 70%),#101f29}.waiting-card{text-align:center;max-width:320px}.waiting-card small,.recap small{font-size:9px;letter-spacing:2px;color:#9bb5ac}.waiting-card h1{font-size:29px;font-weight:550;letter-spacing:-.9px;line-height:1.2;margin:19px 0 14px}.waiting-card p{font-size:13px;line-height:1.8;color:#a3b9bc}.waiting-art{display:flex;align-items:center;justify-content:center;margin-bottom:42px;gap:8px}.waiting-art span{width:57px;height:62px;border-radius:12px;display:grid;place-items:center;background:#e2e1d0;color:#254139;font-size:30px;box-shadow:0 6px 0 #6c7c70,0 12px 20px #0004;transform:rotate(-12deg)}.waiting-art span:nth-child(2){background:#91d4be;transform:translateY(-15px) rotate(5deg);font-size:26px}.waiting-art span:nth-child(3){background:#e9a18e;transform:rotate(15deg)}.waiting-pulse{display:flex;gap:7px;justify-content:center;margin:28px 0 48px}.waiting-pulse i{width:5px;height:5px;background:#83af9e;border-radius:50%;animation:breathe 2s ease-in-out infinite}.waiting-pulse i:nth-child(2){animation-delay:.3s}.waiting-pulse i:nth-child(3){animation-delay:.6s}.waiting-card .waiting-identity{font-size:10px;color:#7e999e;border-top:1px solid #2c444c;padding-top:20px}.recap{text-align:center}.recap-symbol{font-size:37px;color:#a4d7c4;margin:0 auto 20px;width:72px;height:72px;display:grid;place-items:center;border-radius:24px;background:#2e4c48;box-shadow:inset 0 0 0 1px #6c9a8344}.recap h2{margin:13px 0;font-size:25px;font-weight:550}.recap .recap-clue{font-size:12px;color:#a1b7bd}.recap-row{display:flex;gap:4px;justify-content:center;margin:24px 0;flex-wrap:wrap}.recap-tile{flex:0 1 30px;min-width:19px;height:36px;border-radius:5px;display:grid;place-items:center;position:relative;font-size:18px;font-weight:650;background:#344a55;color:#cadada;box-shadow:0 3px 0 #0c1c25}.recap-tile.tint0{background:#91d4be;color:#214437}.recap-tile.tint1{background:#e9a18e;color:#51372e}.recap-tile.icy{background:linear-gradient(135deg,#d6f8ff,#75aacb 45%,#c7f1ff 48%,#81b2ce);color:#254a62;box-shadow:inset 0 0 6px #ecfbff,0 3px 0 #457795}.recap-tile i{position:absolute;right:2px;bottom:0;font-style:normal;font-size:9px;color:white}.recap .primary{margin-top:13px}@keyframes breathe{50%{opacity:.35;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.waiting-pulse i{animation:none}}

:root{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#4b626a #14252e}html:has(dialog[open]){overflow:hidden}.recap-tile.neutral-tile{background:#e7e6d9;color:#344047}
.end-screen[hidden]{display:none}.end-screen{position:fixed;inset:0;z-index:6;overflow:auto;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 20%,#40524670,transparent 65%),#101f29}.result-card{width:100%;max-width:340px;text-align:center}.result-medal{margin:12px auto 24px;width:76px;height:76px;border-radius:25px;background:#2c444b;display:grid;place-items:center;font-size:39px;color:#b3c9cb}.winner .result-medal{background:linear-gradient(135deg,#f2d797,#b8944b);color:#4e3c18;box-shadow:0 0 45px #e7c37822}.result-sparkles{font-size:24px;letter-spacing:13px;color:#789596}.winner .result-sparkles{color:#efd68e}.result-card small{font-size:9px;letter-spacing:2px;color:#9cb2ac}.result-card h1{font-size:29px;line-height:1.2;font-weight:550;letter-spacing:-.7px}.result-card p{font-size:12px;line-height:1.7;color:#a6bcbd}.result-scores{display:flex;gap:10px;margin:25px 0}.result-scores>div{flex:1;background:#20353d;border:1px solid #3a555d;border-radius:14px;padding:15px 8px}.result-scores span{display:block;font-size:11px;color:#a3b9ba}.result-scores strong{display:block;font-size:36px;font-weight:550;margin-top:7px}.rematch-invite{margin-top:25px;padding-top:15px;border-top:1px solid #3c555b}.rematch-note{padding:14px;background:#243c43;border-radius:12px}.feedback-progress{height:3px;background:var(--active);border-radius:2px;margin:25px 0 10px;transform-origin:left;animation:feedback-time 3s linear forwards}.answer-feedback.incorrect .recap-symbol{background:#543b3a;color:#edbaa9}@keyframes feedback-time{to{transform:scaleX(0)}}.ink-action{margin-top:8px;background:#2d3138;border-color:#62616b;color:#ddd8cd}.pencil-scribble{position:absolute;inset:2px -1px;z-index:2;border-radius:38% 30% 36% 26%;background:repeating-linear-gradient(27deg,#15171b 0 2px,#33353b 2px 3px,#1b1d23 3px 5px);box-shadow:0 1px 2px #0009;transform:rotate(-8deg);pointer-events:none}.pencil-scribble:after{content:'';position:absolute;inset:1px -1px;background:repeating-linear-gradient(145deg,transparent 0 3px,#0a0b0c99 3px 4px);border-radius:40%;transform:rotate(13deg)}#board .cell.inked .ghost-letter{position:relative;z-index:3;color:#eee8dc;background:#333b43cc;border-radius:3px;padding:0 2px}.recap-tile .pencil-scribble{inset:4px 1px}@media(prefers-reduced-motion:reduce){.feedback-progress{animation:none}}

.turn-clock{padding:8px 12px;margin:0 0 10px;border:1px solid #405951;border-radius:9px;color:#b6dccb;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.turn-clock[hidden]{display:none}.turn-clock.warning,.recap-clock.warning{color:#f3cd83;border-color:#8a7144}.turn-clock.urgent,.recap-clock.urgent{color:#ffb0a2;border-color:#a96659;background:#58382e}.recap-clock{font-variant-numeric:tabular-nums;border-radius:8px;padding:5px}