*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes shake{0%{transform:translate(0)rotate(0)}10%{transform:translate(-8px,-4px)rotate(-1.5deg)}20%{transform:translate(8px,4px)rotate(1.5deg)}30%{transform:translate(-10px,2px)rotate(-2deg)}40%{transform:translate(10px,-2px)rotate(2deg)}50%{transform:translate(-6px,6px)rotate(-1deg)}60%{transform:translate(6px,-6px)rotate(1deg)}70%{transform:translate(-4px,4px)rotate(-.5deg)}80%{transform:translate(4px,-4px)rotate(.5deg)}90%{transform:translate(-2px,2px)rotate(0)}to{transform:translate(0)rotate(0)}}@keyframes deathOverlay{0%{opacity:0}15%{opacity:.6}70%{opacity:.6}to{opacity:0}}.dying{animation:.8s ease-in-out shake}.death-overlay{background:var(--red);pointer-events:none;z-index:9999;animation:1.4s ease-in-out forwards deathOverlay;position:fixed;inset:0}:root{--bg:#1a1208;--bg2:#241a0e;--bg3:#2e2010;--border:#5a3e1b;--gold:#c9922a;--gold-light:#e8b84b;--text:#e8d5b0;--text-dim:#9a8060;--red:#c0392b;--green:#27ae60;--blue:#2980b9;--purple:#8e44ad;--town:#2ecc71;--mafia:#e74c3c;--neutral:#95a5a6;--font-size:16px;--radius:8px}html{font-size:var(--font-size)}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:Georgia,serif;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;border-radius:var(--radius);-webkit-tap-highlight-color:transparent;border:none;padding:.65rem 1.2rem;font-family:inherit;font-size:1rem;transition:opacity .15s,transform .1s}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gold);color:#1a1208;width:100%;padding:.9rem;font-size:1.05rem;font-weight:700}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border);width:100%;padding:.8rem}.btn-danger{background:var(--red);color:#fff;font-weight:700}.btn-sm{width:auto;padding:.4rem .8rem;font-size:.85rem}input,textarea,select{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--gold)}textarea{resize:vertical}.screen{flex-direction:column;min-height:100dvh;display:flex}.screen-content{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.top-bar{background:var(--bg2);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex;position:sticky;top:0}.top-bar h1{color:var(--gold-light);letter-spacing:.05em;font-size:1.1rem}.top-bar .phase-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.player-list{flex-direction:column;gap:.4rem;display:flex}.player-item{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.95rem;display:flex}.player-item.dead{opacity:.5;text-decoration:line-through}.player-item.accused{border-color:var(--red);background:#3a1a1a}.player-item.self{border-color:var(--gold)}.player-item .number{color:var(--text-dim);min-width:1.5rem;font-size:.8rem}.player-item .name{flex:1}.player-item .badge{background:var(--bg);color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;font-size:.7rem}.player-item .badge.mayor{background:var(--gold);color:#1a1208;border:none}.chat-container{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:200px;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:.25rem;padding:.6rem;display:flex;overflow-y:auto}.chat-message{font-size:.85rem;line-height:1.4}.chat-message .sender{font-weight:700}.chat-message.system{color:var(--text-dim);font-style:italic}.chat-message.mafia .sender{color:var(--mafia)}.chat-message.jailor .sender{color:#e67e22}.chat-message.dead .sender{color:var(--text-dim)}.chat-input-row{border-top:1px solid var(--border);display:flex}.chat-input-row input{background:var(--bg2);border:none;border-radius:0;font-size:.9rem}.chat-input-row button{background:var(--gold);color:#1a1208;border-radius:0;flex-shrink:0;width:auto;padding:.5rem .8rem;font-weight:700}.timer-bar{background:var(--bg3);border-radius:3px;height:6px;overflow:hidden}.timer-bar-fill{background:var(--gold);height:100%;transition:width 1s linear}.timer-bar-fill.urgent{background:var(--red)}.timer-text{text-align:center;color:var(--text-dim);font-size:.85rem}.role-card{background:var(--bg2);border:2px solid var(--border);text-align:center;border-radius:12px;padding:1.5rem}.role-card .role-name{margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.role-card .role-align{text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.85rem}.role-card .role-desc{color:var(--text-dim);text-align:left;font-size:.9rem;line-height:1.6}.align-Town{color:var(--town)}.align-Mafia{color:var(--mafia)}.align-Neutral{color:var(--neutral)}.hamburger-btn{color:var(--text);background:0 0;border:none;width:auto;padding:.25rem;font-size:1.5rem}.menu-overlay{z-index:200;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.menu-panel{background:var(--bg2);border-left:1px solid var(--border);flex-direction:column;gap:1rem;width:min(320px,85vw);height:100%;padding:1rem;display:flex;overflow-y:auto}.menu-panel h2{color:var(--gold-light);border-bottom:1px solid var(--border);padding-bottom:.5rem;font-size:1.1rem}.menu-section h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.9rem}.role-list-panel{flex-wrap:wrap;gap:.4rem;display:flex}.role-pill{border:1px solid var(--border);background:var(--bg3);border-radius:12px;padding:.2rem .5rem;font-size:.75rem}.role-pill.Town{border-color:var(--town);color:var(--town)}.role-pill.Mafia{border-color:var(--mafia);color:var(--mafia)}.role-pill.Neutral{border-color:var(--neutral);color:var(--neutral)}.vote-buttons{gap:.5rem;display:flex}.vote-buttons button{flex:1}.btn-guilty{background:var(--red);color:#fff;font-weight:700}.btn-innocent{background:var(--green);color:#fff;font-weight:700}.btn-abstain{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.vote-tally{color:var(--text-dim);justify-content:center;gap:1rem;font-size:.9rem;display:flex}.vote-tally .guilty-count{color:var(--red)}.vote-tally .innocent-count{color:var(--green)}.modal-overlay{z-index:300;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;width:100%;max-width:400px;padding:1.25rem;display:flex}.modal h2{color:var(--gold-light);font-size:1.1rem}.grave-entry{border-left:3px solid var(--border);margin-bottom:.5rem;padding-left:.75rem;font-size:.85rem}.grave-entry .grave-name{font-weight:700}.grave-entry .grave-will{color:var(--text-dim);margin-top:.2rem;font-style:italic}.divider{border:none;border-top:1px solid var(--border)}.label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.8rem}.gap{flex-direction:column;gap:.5rem;display:flex}.row{align-items:center;gap:.5rem;display:flex}.text-center{text-align:center}.text-gold{color:var(--gold-light)}.text-dim{color:var(--text-dim)}.text-red{color:var(--red)}.text-green{color:var(--green)}.mt-auto{margin-top:auto}