*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111;--surface: #1e1e1e;--border: #333;--text: #e8e8e8;--muted: #888;--accent: #f0c040;--danger: #e05a5a;--radius: 8px;--font: system-ui, -apple-system, sans-serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}h1{font-size:2rem}h2{font-size:1.4rem;margin-bottom:.75rem}button{cursor:pointer;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem 1.25rem;border-radius:var(--radius)}button:disabled{opacity:.4;cursor:not-allowed}input,textarea{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .8rem;width:100%}textarea{resize:vertical}label{display:block;margin-bottom:.3rem;color:var(--muted);font-size:.875rem}ul{list-style:none}.entry{width:100%;max-width:340px;display:flex;flex-direction:column;gap:1.25rem;text-align:center}.entry-form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.entry-form button{width:100%;padding:.75rem;font-size:1rem;font-weight:600}.entry-error{color:var(--danger);font-size:.9rem}.entry-divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.85rem}.entry-divider:before,.entry-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-host{width:100%;padding:.85rem;font-size:1rem;font-weight:700;background:var(--accent);color:#111;border:none;border-radius:var(--radius)}.connecting,.reconnecting{color:var(--muted);text-align:center}.host-lobby{width:100%;max-width:680px;display:flex;flex-direction:column;gap:2rem}.lobby-header h1,.room-code-section{text-align:center}.join-url{color:var(--muted);font-size:.9rem;margin-bottom:.5rem}.room-code{font-size:5rem;font-weight:800;letter-spacing:.15em;color:var(--accent);line-height:1}.room-code-hint{color:var(--muted);font-size:.85rem;margin-top:.5rem}.player-count{font-size:1rem;color:var(--muted);font-weight:400}.min-notice{color:var(--muted);font-size:.85rem;margin-bottom:.5rem}.player-list{display:flex;flex-direction:column;gap:.4rem}.player-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem}.player-empty{color:var(--muted);justify-content:center}.kick-btn{background:none;border:none;color:var(--danger);padding:.25rem .5rem;font-size:.85rem}.settings-section{display:flex;flex-direction:column;gap:1rem}.setting-row{display:flex;align-items:center;justify-content:space-between}.setting-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent);background-color:#1e1e1e;color-scheme:dark}.btn-group{display:flex;gap:.5rem}.btn-option{padding:.4rem .9rem}.btn-option.active{background:var(--accent);color:#111;border-color:var(--accent);font-weight:700}.start-btn{padding:1rem;font-size:1.2rem;font-weight:700;background:var(--accent);color:#111;border:none;border-radius:var(--radius)}.host-game{width:100%;max-width:900px;text-align:center}.round-label{color:var(--muted);font-size:.9rem;margin-bottom:1rem}.prompt-text{font-size:2rem;font-weight:600;line-height:1.3;margin:1.5rem 0}.prompt-hint{color:var(--muted)}.submission-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;text-align:left}.submission-item{display:flex;justify-content:space-between;background:var(--surface);border:1px solid var(--border);padding:.5rem .75rem;border-radius:var(--radius)}.submission-status{color:var(--muted);font-size:.85rem}.playback-message{margin:2rem auto;max-width:700px}.message-index{color:var(--muted);margin-bottom:1rem}.message-text{font-size:1.6rem;line-height:1.5}.playback-hint{color:var(--muted)}.score-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.score-item{display:flex;justify-content:space-between;background:var(--surface);border:1px solid var(--border);padding:.5rem .75rem;border-radius:var(--radius)}.player-join{width:100%;max-width:360px;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.join-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.join-error{color:var(--danger);font-size:.9rem}.join-form button{width:100%;padding:.75rem;font-size:1rem;font-weight:600}.player-lobby{text-align:center;display:flex;flex-direction:column;gap:1rem}.your-name{font-size:1.5rem;font-weight:700;color:var(--accent)}.waiting-msg{color:var(--muted)}.others-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.others-list li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem .75rem}.player-write{width:100%;max-width:480px;display:flex;flex-direction:column;gap:1rem}.prompt-display{font-size:1rem;color:var(--muted);line-height:1.5}.voicemail-input{font-size:1rem;min-height:120px}.char-counter{font-size:.8rem;color:var(--muted);text-align:right}.char-counter.warning{color:var(--danger)}.submit-btn{width:100%;padding:.75rem;font-size:1rem;font-weight:600;background:var(--accent);color:#111;border:none}.sent-msg{font-size:1.2rem}.player-vote{width:100%;max-width:480px}.vote-hint{color:var(--muted);font-size:.85rem;margin-bottom:1rem}.vote-list{display:flex;flex-direction:column;gap:.5rem}.vote-item{display:flex;align-items:flex-start;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;cursor:pointer}.vote-item.selected{border-color:var(--accent);background:#2a2500}.vote-item:hover:not(.selected){border-color:#555}.vote-number{font-weight:700;color:var(--accent);min-width:1.5rem}.vote-preview{color:var(--muted);font-size:.9rem}.voted-msg{margin-top:1rem;color:var(--accent);text-align:center}.player-wait{text-align:center}.wait-msg{font-size:1.3rem;margin-top:.5rem}.cursor[data-v-abd81104]{display:inline-block;animation:blink-abd81104 .7s step-start infinite}@keyframes blink-abd81104{50%{opacity:0}}.writing-timer[data-v-abd81104]{font-size:2rem;font-weight:700;margin-top:1rem}.writing-timer.urgent[data-v-abd81104]{color:var(--danger, #e05a5a)}.submission-item[data-v-abd81104]{transition:color .3s}.submission-item.submitted .submission-status[data-v-abd81104]{color:#4caf50}.submission-item.submitted .player-name[data-v-abd81104]{opacity:.7}.voting-prompt[data-v-abd81104]{font-size:1.1rem;font-style:italic;color:var(--muted, #888);text-align:center;margin-bottom:.5rem}.voting-cards[data-v-abd81104]{display:flex;flex-direction:column;gap:1rem;align-items:stretch;margin:1rem auto;width:100%;max-width:600px}.answer-card[data-v-abd81104]{background:var(--surface, #1e1e1e);border:1px solid var(--border, #333);border-radius:10px;padding:1rem 1.25rem;width:100%;display:flex;gap:.75rem;transition:border-color .4s,box-shadow .4s}.answer-card.card-revealed[data-v-abd81104]{border-color:var(--accent, #f0c040);box-shadow:0 0 12px #f0c04040}.card-body[data-v-abd81104]{flex:1}.card-text[data-v-abd81104]{font-size:.95rem;line-height:1.5;min-height:3rem}.card-footer[data-v-abd81104]{margin-top:.6rem;display:flex;flex-direction:column;gap:.35rem}.card-author[data-v-abd81104]{font-size:.8rem;color:var(--muted, #888);font-style:italic}.vote-list[data-v-abd81104]{display:flex;flex-direction:column;gap:.3rem;margin-top:.2rem}.vote-entry[data-v-abd81104]{display:flex;align-items:center;gap:.4rem;animation:badge-pop-abd81104 .3s cubic-bezier(.34,1.56,.64,1) both}.vote-voter-name[data-v-abd81104]{font-size:.85rem;color:var(--text, #ddd)}.vote-badge[data-v-abd81104]{font-size:1.1rem}.no-votes[data-v-abd81104]{font-size:.75rem;color:var(--muted, #888)}@keyframes badge-pop-abd81104{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.card-enter-active[data-v-abd81104]{transition:all .4s cubic-bezier(.34,1.2,.64,1)}.card-enter-from[data-v-abd81104]{opacity:0;transform:translateY(20px) scale(.95)}.voting-status[data-v-abd81104]{margin-top:.5rem;text-align:center}.voting-timer[data-v-abd81104]{font-weight:700;font-size:1.1rem;margin-left:.4rem}.voting-timer.urgent[data-v-abd81104]{color:var(--danger, #e05a5a)}.score-list[data-v-abd81104]{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:400px;margin:1rem auto}.score-item[data-v-abd81104]{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:var(--surface, #1e1e1e);border:1px solid var(--border, #333);border-radius:8px;transition:all .5s ease}.score-item[data-v-abd81104]:first-child{border-color:var(--accent, #f0c040);background:#f0c04014}.score-name[data-v-abd81104]{font-size:1rem}.score-value[data-v-abd81104]{font-size:1.2rem;font-weight:700;color:var(--accent, #f0c040)}.score-row-move[data-v-abd81104]{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.score-row-enter-active[data-v-abd81104]{transition:all .4s ease}.score-row-enter-from[data-v-abd81104]{opacity:0;transform:translate(-30px)}.next-hint[data-v-abd81104]{color:var(--muted, #888);font-size:.85rem;margin-top:1rem;text-align:center}.phase-results[data-v-abd81104],.phase-final[data-v-abd81104]{display:flex;flex-direction:column;align-items:center;width:100%}.restart-btn[data-v-abd81104]{margin-top:1.5rem;padding:.6rem 2rem;font-size:1rem;font-weight:600;background:var(--accent, #f0c040);color:#000;border:none;border-radius:8px;cursor:pointer}.restart-btn[data-v-abd81104]:hover{opacity:.85}.restart-link[data-v-abd81104]{display:block;padding-top:2rem;font-size:.75rem;color:var(--muted, #888);text-decoration:underline;background:none;border:none;cursor:pointer;align-self:center;margin:0 auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.restart-link[data-v-abd81104]:hover{color:var(--text, #ddd)}.player-vote[data-v-571ebce9]{width:100%;max-width:480px;display:flex;flex-direction:column;gap:1rem}.vote-reading[data-v-571ebce9]{text-align:center}.vote-timer[data-v-571ebce9]{font-size:1.8rem;font-weight:700;text-align:center;color:var(--accent, #f0c040)}.vote-timer.urgent[data-v-571ebce9]{color:var(--danger, #e05a5a)}.vote-list[data-v-571ebce9]{display:flex;flex-direction:column;gap:.75rem}.vote-item[data-v-571ebce9]{border:1px solid var(--border, #333);border-radius:10px;padding:.85rem 1rem;background:var(--surface, #1e1e1e);cursor:default;transition:border-color .2s,background .2s}.vote-item.can-vote[data-v-571ebce9]{cursor:pointer}.vote-item.can-vote[data-v-571ebce9]:hover{border-color:var(--accent, #f0c040)}.vote-item.selected[data-v-571ebce9]{border-color:var(--accent, #f0c040);background:#f0c0401a}.vote-text[data-v-571ebce9]{font-size:.95rem;line-height:1.5}.vote-author[data-v-571ebce9]{font-size:.8rem;color:var(--muted, #888);font-style:italic;margin-top:.4rem}.vote-badges[data-v-571ebce9]{display:flex;flex-direction:column;gap:.3rem;margin-top:.3rem}.vote-entry[data-v-571ebce9]{display:flex;align-items:center;gap:.4rem;animation:badge-pop-571ebce9 .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes badge-pop-571ebce9{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.vote-badge[data-v-571ebce9]{font-size:1rem}.vote-voter-name[data-v-571ebce9]{font-size:.85rem;color:var(--text, #ddd)}.no-votes[data-v-571ebce9]{font-size:.75rem;color:var(--muted, #888)}.own-answer[data-v-571ebce9]{border:1px dashed var(--border, #333);border-radius:10px;padding:.75rem 1rem;opacity:.6}.own-label[data-v-571ebce9]{font-size:.75rem;color:var(--muted, #888);margin-bottom:.3rem}.own-text[data-v-571ebce9]{font-size:.9rem;line-height:1.5}