:root{--bg: #0f1020;--bg2: #1a1b2f;--card: #21223a;--card-border: #32345545;--text: #eef0ff;--muted: #9a9cc0;--accent: #7c5cff;--accent-dark: #6247d1;--green: #4ade80;--red: #f87171;--white-role: #fbbf24;--danger: #dc2626}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(120% 100% at 50% 0%,var(--bg2) 0%,var(--bg) 60%);background-attachment:fixed;color:var(--text);line-height:1.5}.app{max-width:480px;margin:0 auto;min-height:100dvh}.screen{display:flex;flex-direction:column;gap:16px;padding:max(16px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));min-height:100dvh}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.card h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.muted{color:var(--muted);font-size:.9rem}.btn{border:none;border-radius:14px;padding:14px 20px;font-size:1rem;font-weight:600;background:#34365a;color:var(--text);cursor:pointer;transition:transform .05s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 4px 18px #7c5cff40}.btn-danger{background:var(--danger)}.btn-big{width:100%;padding:17px;font-size:1.1rem}.input{width:100%;border:1px solid #3a3c63;border-radius:12px;background:#191a2e;color:var(--text);padding:12px 14px;font-size:1rem}.input:focus{outline:2px solid var(--accent);border-color:transparent}.topbar{display:flex;align-items:center;gap:12px}.topbar h2{font-size:1.2rem;flex:1}.btn-back{border:none;background:var(--card);color:var(--text);width:40px;height:40px;border-radius:12px;font-size:1.2rem;cursor:pointer;flex-shrink:0}.home{justify-content:center}.home-hero{text-align:center;padding:40px 0 24px}.home-logo{font-size:5rem;filter:drop-shadow(0 8px 24px #7c5cff66)}.home-title{font-size:2.6rem;letter-spacing:.02em;background:linear-gradient(135deg,#b3a1ff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.home-tagline{color:var(--muted);margin-top:4px}.rules{background:var(--card);border-radius:16px;padding:14px 16px;color:var(--muted);font-size:.92rem}.rules summary{color:var(--text);font-weight:600;cursor:pointer}.rules ol{margin:10px 0 4px 18px;display:flex;flex-direction:column;gap:6px}.stepper{display:flex;align-items:center;justify-content:space-between;gap:12px}.stepper-text{display:flex;flex-direction:column}.stepper-label{font-weight:600}.stepper-hint{font-size:.78rem;color:var(--muted)}.stepper-controls{display:flex;align-items:center;gap:4px}.btn-step{width:42px;height:42px;border:none;border-radius:12px;background:#34365a;color:var(--text);font-size:1.4rem;cursor:pointer}.btn-step:disabled{opacity:.35}.stepper-value{min-width:36px;text-align:center;font-size:1.2rem;font-weight:700}.names-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.roles-summary{text-align:center;font-size:.95rem;color:var(--muted)}.segmented{display:flex;background:#191a2e;border-radius:12px;padding:4px;gap:4px}.seg{flex:1;border:none;border-radius:9px;padding:10px;background:transparent;color:var(--muted);font-weight:600;font-size:.92rem;cursor:pointer}.seg.active{background:var(--accent);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #3a3c63;background:#191a2e;color:var(--text);border-radius:999px;padding:9px 14px;font-size:.9rem;cursor:pointer}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.custom-words{display:flex;flex-direction:column;gap:8px}.warn{font-size:.85rem;color:var(--white-role)}.errors{background:#dc262622;border:1px solid #dc262666;border-radius:12px;padding:12px 14px;color:#fca5a5;font-size:.9rem;display:flex;flex-direction:column;gap:4px}.reveal{justify-content:center;text-align:center}.reveal-progress{color:var(--muted);font-size:.9rem;position:absolute;top:max(16px,env(safe-area-inset-top));left:0;right:0}.reveal-pass,.reveal-card-wrap{display:flex;flex-direction:column;gap:20px;align-items:center}.reveal-avatar{font-size:4rem}.reveal-name{font-size:1.8rem;color:var(--accent)}.word-card{width:100%;background:linear-gradient(160deg,#2b2d4d,#1d1e35);border:1px solid #3a3c63;border-radius:22px;padding:40px 24px;display:flex;flex-direction:column;gap:10px;align-items:center;box-shadow:0 12px 40px #0005}.word-card-white{background:linear-gradient(160deg,#3d3319,#1d1e35);border-color:#fbbf2455}.word-card-emoji{font-size:3rem}.word-card-label{color:var(--muted);font-size:.9rem}.word-card-word{font-size:2rem;font-weight:800;overflow-wrap:anywhere}.word-card-sub{color:var(--muted);font-size:.88rem}.badge-counts{font-size:.82rem;background:var(--card);border-radius:999px;padding:6px 10px;white-space:nowrap}.order-list{display:flex;flex-wrap:wrap;gap:6px 14px;margin-left:20px;font-weight:600}.players-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-tile{border:1px solid #3a3c63;background:var(--card);color:var(--text);border-radius:14px;padding:18px 10px;font-size:1.05rem;font-weight:700;cursor:pointer;overflow-wrap:anywhere}.player-tile:active{background:#34365a}.dead-list{list-style:none;display:flex;flex-direction:column;gap:8px}.dead-list li{display:flex;justify-content:space-between;gap:8px}.dead-name{font-weight:600}.player-dead .dead-name{color:var(--muted);text-decoration:line-through}.dead-role{font-weight:600;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.modal{background:var(--card);border:1px solid #3a3c63;border-radius:20px;padding:24px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.modal-center{text-align:center;align-items:center}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.reveal-role-emoji{font-size:3.4rem}.over-banner{text-align:center;padding:32px 0 8px}.over-emoji{font-size:4.5rem;filter:drop-shadow(0 8px 24px #7c5cff66)}.over-banner h1{font-size:1.8rem;margin-top:8px}.words-recap{font-size:1.05rem;line-height:1.9}