:root{--bg:#fff;--fg:#1a1a1a;--dim:#888;--accent:#0dab8b;--accent2:#2b7de9;--green:#1ba960;--red:#d03040;--card-bg:#f5f5f5;--border:#ddd;--mono:"Courier New", Courier, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--sans);flex-direction:column;align-items:center;min-height:100dvh;padding:1rem;font-weight:600;line-height:1.5;display:flex}#game{flex-direction:column;gap:.75rem;width:100%;max-width:540px;display:flex}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-bottom:.5rem;display:flex}.header h1{font-family:var(--mono);color:var(--accent);letter-spacing:.15em;font-size:1.1rem;font-weight:700}.header .round-info{color:var(--dim);font-size:.85rem;font-family:var(--mono);font-weight:700}.player-list{font-family:var(--mono);color:var(--dim);flex-wrap:wrap;gap:.25rem .75rem;padding:.25rem 0;font-size:.75rem;font-weight:700;display:flex}.player-list .player-entry{gap:.3rem;display:flex}.player-list .player-name{color:var(--dim)}.player-list .player-name.is-you{color:var(--accent)}.player-list .player-pts{color:var(--fg)}.progress-track{background:var(--border);border-radius:2px;width:100%;height:3px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.acronym-display{text-align:center;padding:1.5rem 0 .5rem}.acronym-letters{font-family:var(--mono);letter-spacing:.3em;color:var(--accent);font-size:2.8rem;font-weight:900}.acro-letter{font-weight:400;transition:font-weight .2s,color .2s}.acro-letter.matched{color:var(--green);font-weight:900}.acro-letter.mismatched{color:var(--red);font-weight:900}.timer{text-align:center;font-family:var(--mono);color:var(--fg);font-size:1.6rem;font-weight:900;transition:color .3s}.timer.warning{color:#e6a700;animation:1s ease-in-out infinite pulse-warn}.timer.urgent{color:#d03040;animation:1s ease-in-out infinite pulse}@keyframes pulse-warn{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.countdown{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.countdown-number{font-family:var(--mono);color:var(--accent);font-size:4rem;font-weight:900;line-height:1}.countdown-instruction{font-family:var(--mono);color:var(--dim);text-align:center;max-width:380px;font-size:.85rem;font-weight:700;line-height:1.6}.countdown-instruction strong{color:var(--fg)}.input-area{flex-direction:column;gap:.5rem;display:flex}.input-area input{background:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--fg);font-family:var(--mono);border-radius:4px;outline:none;padding:.75rem;font-size:1.1rem;font-weight:700;transition:border-color .2s}.input-area input:focus{border-color:var(--accent)}.input-area input:disabled{opacity:.4}.phrase-preview{font-family:var(--mono);color:var(--fg);min-height:1.4em;padding:.25rem 0;font-size:1rem;font-weight:700}.first-letter-match{color:var(--green);font-weight:900}.first-letter-miss{color:var(--red);font-weight:900}.validation-hint{font-size:.75rem;font-family:var(--mono);color:var(--dim);min-height:1.2em}.validation-hint.valid{color:var(--green)}.validation-hint.invalid{color:var(--red)}.phase-msg{text-align:center;font-family:var(--mono);color:var(--dim);min-height:3rem;padding:1rem 0;font-size:.9rem}.phase-msg .dots:after{content:"";animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.voting{flex-direction:column;gap:.75rem;padding:.5rem 0;display:flex}.vote-prompt{text-align:center;font-family:var(--mono);color:var(--dim);margin-bottom:.25rem;font-size:.85rem}.vote-card{background:var(--card-bg);border:2px solid var(--border);cursor:pointer;border-radius:6px;margin-bottom:.5rem;padding:.75rem 1rem;transition:border-color .15s,background .15s}.vote-card:hover{background:#eee;border-color:#bbb}.vote-card.selected{border-color:var(--accent);background:#e6f7f4}.vote-card.disabled{cursor:default;opacity:.7}.vote-card .vote-label{font-size:.7rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:.25rem}.vote-card .vote-text{font-size:1.05rem;font-family:var(--mono);color:var(--fg);font-weight:700}.resolution{flex-direction:column;gap:.75rem;padding:.5rem 0;display:flex}.entry-card{background:var(--card-bg);border:2px solid var(--border);border-radius:6px;margin-bottom:.5rem;padding:.75rem 1rem}.entry-card.human{background:#eef8ee;border-color:#b5d8b5}.entry-card.ai-bot{background:#fef9e7;border-color:#e0d48a}.entry-card.winner{border-color:var(--accent);background:#e6f7f4}.entry-label{font-size:.7rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:.25rem}.entry-text{font-size:1.05rem;font-family:var(--mono);color:var(--fg);font-weight:700}.entry-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.entry-vote-number{font-family:var(--mono);color:var(--fg);flex-shrink:0;font-size:2.8rem;font-weight:400;line-height:1}.entry-vote-number.winner{color:var(--green);font-weight:900}.vote-tally{text-align:center;font-family:var(--mono);color:var(--dim);padding:.25rem 0;font-size:.8rem}.vote-tally .voter-line{margin:.15rem 0}.vote-tally .voter-name{color:var(--accent2)}.round-result{text-align:center;padding:1rem 0}.round-winner-label{font-family:var(--mono);margin-bottom:.25rem;font-size:1.4rem;font-weight:900}.round-winner-label.you-win{color:var(--accent)}.round-winner-label.opp-win{color:var(--red)}.round-winner-label.tie{color:var(--dim)}.round-points{font-family:var(--mono);color:var(--fg);font-size:1.1rem;font-weight:700}.acrio-score-line{font-family:var(--mono);color:var(--dim);margin-top:.5rem;font-size:.75rem}.next-round-timer{font-family:var(--mono);color:var(--accent);margin-top:.75rem;font-size:.9rem}.end-screen{text-align:center;padding:1rem 0}.end-screen h2{font-family:var(--mono);color:var(--accent);margin-bottom:1rem;font-size:1.5rem}.end-stats{font-family:var(--mono);color:var(--fg);font-size:.9rem;line-height:2}.end-stats .label{color:var(--dim)}.final-winner{font-family:var(--mono);margin:1.25rem 0;font-size:1.2rem;font-weight:900}.final-winner.you-win{color:var(--accent)}.final-winner.opp-win{color:var(--red)}.final-winner.tie{color:var(--dim)}.play-again-btn{border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:4px;margin-top:1rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;transition:background .2s,color .2s}.play-again-btn:hover{background:var(--accent);color:#fff}.connection-status{font-family:var(--mono);text-align:right;color:var(--dim);padding:.25rem 0;font-size:.65rem;font-weight:700}.connection-status.connected{color:var(--green)}.connection-status.connecting,.connection-status.reconnecting{color:#e6a700}.connection-status.disconnected{color:var(--red)}.error-toast{background:var(--red);color:#fff;font-family:var(--mono);text-align:center;border-radius:4px;padding:.6rem 1rem;font-size:.8rem;font-weight:700}.join-header{text-align:center;padding:2rem 0 1rem}.join-header h1{font-family:var(--mono);color:var(--accent);letter-spacing:.2em;font-size:2.4rem;font-weight:900}.join-tagline{font-family:var(--mono);color:var(--dim);margin-top:.25rem;font-size:.8rem}.join-form{flex-direction:column;gap:.75rem;max-width:320px;margin:0 auto;display:flex}.join-form input{background:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--fg);font-family:var(--mono);text-align:center;border-radius:4px;outline:none;padding:.75rem;font-size:1rem;font-weight:700}.join-form input:focus{border-color:var(--accent)}.join-divider{text-align:center;font-family:var(--mono);color:var(--dim);margin:.25rem 0;font-size:.7rem;position:relative}.join-divider span{background:var(--bg);z-index:1;padding:0 .75rem;position:relative}.join-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.join-code-row{gap:.5rem;display:flex}.join-code-row input{flex:1}.join-code-row .btn{flex-shrink:0}.join-error{font-family:var(--mono);color:var(--red);text-align:center;min-height:1.2em;font-size:.75rem}.btn{font-family:var(--mono);cursor:pointer;border:none;border-radius:4px;padding:.7rem 1.5rem;font-size:.9rem;font-weight:700;transition:background .2s,opacity .2s}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{opacity:.85}.btn.secondary{border:1px solid var(--border);color:var(--fg);background:0 0}.btn.secondary:hover{border-color:var(--accent);color:var(--accent)}.btn.large{padding:.9rem 2rem;font-size:1.1rem}.btn.small{padding:.4rem 1rem;font-size:.75rem}.btn.disabled{opacity:.4;cursor:default;pointer-events:none}.lobby-header{text-align:center;padding:1.5rem 0 1rem}.lobby-header h1{font-family:var(--mono);color:var(--accent);letter-spacing:.15em;font-size:1.1rem;font-weight:700}.lobby-room-label{font-family:var(--mono);color:var(--dim);letter-spacing:.1em;margin-top:1rem;font-size:.7rem}.lobby-room-code{font-family:var(--mono);color:var(--fg);letter-spacing:.3em;-webkit-user-select:all;user-select:all;font-size:2.4rem;font-weight:900}.lobby-player-count{font-family:var(--mono);color:var(--dim);text-align:center;margin-bottom:.5rem;font-size:.8rem}.lobby-player-list{flex-direction:column;gap:.35rem;padding:.5rem 0;display:flex}.lobby-player{font-family:var(--mono);color:var(--fg);background:var(--card-bg);border-radius:4px;padding:.4rem .75rem;font-size:.85rem;font-weight:700}.lobby-player.is-you{color:var(--accent)}.badge{vertical-align:middle;text-transform:uppercase;letter-spacing:.05em;border-radius:2px;margin-left:.3rem;padding:.1rem .3rem;font-size:.6rem;font-weight:700}.badge.host{background:var(--accent);color:#fff}.badge.bot{background:var(--dim);color:#fff}.badge.ai{color:#fff;background:#7c3aed}.badge.you{background:var(--accent2);color:#fff}.badge.dc{background:var(--red);color:#fff}.lobby-actions{flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;display:flex}.lobby-bot-info{font-family:var(--mono);color:var(--dim);text-align:center;min-height:1.2em;padding:.5rem 1rem;font-size:.75rem;line-height:1.4}.lobby-error{font-family:var(--mono);color:var(--red);text-align:center;min-height:1.2em;font-size:.75rem}.submission-count,.vote-count{font-family:var(--mono);color:var(--dim);text-align:center;padding:.25rem 0;font-size:.75rem}.vote-card.own-entry{opacity:.5;cursor:default;border-style:dashed}.entry-acrio{font-family:var(--mono);color:var(--dim);margin-top:.25rem;font-size:.7rem}.hidden{display:none!important}