@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;800&display=swap";:root{--bg:#121212;--surface:#1d1d1d;--surface-soft:#252525;--card:#1f1f1f;--card-soft:#2a2a2a;--line:#343434;--text:#f2f2f2;--text-dim:#b0b0b0;--primary:#4f8cff;--danger:#ff6b6b;--success:#49c48a}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);min-height:100vh;font-family:Outfit,sans-serif}.app-bg{justify-content:center;align-items:stretch;min-height:100vh;padding:12px;display:flex}.phone-shell{background:var(--surface);border:1px solid var(--line);border-radius:28px;flex-direction:column;gap:14px;width:min(100%,460px);min-height:calc(100vh - 24px);padding:18px;display:flex;box-shadow:0 16px 36px #00000040}.topbar{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem}.title{font-size:1.6rem;font-weight:800}.stats-strip{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.stat-chip{color:var(--text);white-space:nowrap;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:inline-flex}.stat-chip.success{border-color:#49c48a80}.stat-chip.danger{border-color:#ff6b6b80}.screen-body{flex-direction:column;flex:1;display:flex}.glass-card{background:var(--card);border:1px solid var(--line);border-radius:18px}.panel{flex-direction:column;gap:14px;padding:14px;display:flex}.panel-head{justify-content:space-between;align-items:center;display:flex}.subtle{color:var(--text-dim);font-size:.8rem}.input-group{flex-direction:column;gap:8px;display:flex}label{color:var(--text-dim);font-size:.84rem;font-weight:600}input,select{background:var(--surface-soft);width:100%;color:var(--text);border:1px solid #3b3b3b;border-radius:12px;padding:11px 12px;font-family:inherit;font-size:.96rem}input:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #4f8cff40}.player-list-scroll{flex-direction:column;gap:8px;max-height:245px;display:flex;overflow-y:auto}.player-row{grid-template-columns:1fr auto;gap:8px;display:grid}.btn{color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:12px 14px;font-family:inherit;font-weight:700;transition:transform .2s,opacity .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--primary)}.btn.secondary{background:#2d2d2d;border:1px solid #3a3a3a}.wide{width:100%}.icon-btn{color:var(--text);cursor:pointer;background:#2b2b2b;border:1px solid #3a3a3a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-btn.soft{width:40px;height:40px}.screen-center{text-align:center;flex-direction:column;gap:12px;display:flex}.panel-title{font-size:1.3rem;font-weight:700}.reveal-count{margin-bottom:4px}.role-card{place-items:center;gap:10px;min-height:300px;padding:20px;display:grid}.role-card h3{margin-top:6px}.role-revealed{justify-items:center;gap:10px;display:grid}.word-chip{letter-spacing:.03em;color:var(--text);background:#2b2b2b;border:1px solid #3c3c3c;border-radius:14px;padding:10px 14px;font-size:1.3rem;font-weight:800}.vote-banner{flex-direction:column;gap:9px;padding:14px;display:flex}.vote-meta{color:var(--text-dim);flex-wrap:wrap;gap:12px;font-size:.84rem;display:flex}.vote-meta span{align-items:center;gap:6px;display:inline-flex}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.player-btn{color:var(--text);text-align:left;border:1px solid #ffffff14;padding:14px 10px;transition:border-color .2s,transform .2s}.player-btn:not(.eliminated):hover{border-color:var(--primary)}.player-name{font-weight:700}.status-badge{color:var(--text-dim);margin-top:6px;font-size:.75rem}.eliminated{opacity:.58;filter:grayscale(.85)}.result-card{text-align:center;gap:12px;padding:18px;display:grid}.result-grid{text-align:left;grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-grid div{background:var(--card-soft);border:1px solid var(--line);border-radius:12px;gap:4px;padding:10px;display:grid}.footer{justify-content:center;align-items:center;display:inline-flex}.credit-btn{color:var(--text-dim);padding:10px 14px;font-size:.78rem}.history-sheet{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:10px;padding:12px;display:grid}.history-head{justify-content:space-between;align-items:center;display:flex}.danger-btn{color:#ffd9dc;cursor:pointer;background:#312425;border:1px solid #5a3437;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:.78rem;display:inline-flex}.history-list{gap:8px;max-height:210px;display:grid;overflow-y:auto}.history-item{grid-template-columns:95px 1fr;gap:10px;padding:10px;display:grid}.history-result{font-size:.78rem;font-weight:800}.history-meta{gap:2px;font-size:.8rem;display:grid}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-dim{color:var(--text-dim);font-size:.8rem}.pulse{animation:1.8s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}@media (width<=380px){.player-grid,.result-grid{grid-template-columns:1fr}}