:root{color:#f7f2e8;background:#11100f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f7f2e8;--muted: #bcb6aa;--panel: rgba(255, 255, 255, .08);--panel-strong: rgba(255, 255, 255, .14);--line: rgba(255, 255, 255, .16);--teal: #31d0bd;--rose: #f05d7b;--gold: #f4bc45;--green: #9ad66f;--black: #11100f;--shadow: 0 24px 90px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 12%,rgba(240,93,123,.22),transparent 34%),radial-gradient(circle at 92% 20%,rgba(49,208,189,.18),transparent 28%),linear-gradient(150deg,#11100f,#191414 46%,#12100d)}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{position:relative;isolation:isolate;width:min(100%,980px);min-height:100vh;margin:0 auto;padding:24px;overflow:hidden}.ambient{position:fixed;z-index:-1;width:240px;height:240px;pointer-events:none;opacity:.36;filter:blur(1px);clip-path:polygon(50% 0,100% 36%,82% 100%,18% 100%,0 36%)}.ambient-one{right:-70px;bottom:12%;background:#f4bc453d;transform:rotate(18deg)}.ambient-two{left:-84px;top:38%;background:#9ad66f33;transform:rotate(-22deg)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:0}h1,h2,p{margin-top:0}h1{max-width:680px;margin-bottom:0;font-size:clamp(2.25rem,9vw,5.5rem);line-height:.92;letter-spacing:0}h2{margin-bottom:0;font-size:clamp(2rem,6vw,3.8rem);line-height:.95;letter-spacing:0}.icon-button,.timer-controls button,.suspect-grid button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#ffffff1a}.icon-button{flex:0 0 auto;width:48px;height:48px;color:var(--ink)}.setup-view,.reveal-view,.talk-view,.vote-view,.result-view,.truth-dare-view{display:grid;gap:22px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-card{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:58px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-weight:950}.mode-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-card.is-active{border-color:#31d0bda3;background:#31d0bd29;box-shadow:0 18px 52px #31d0bd1a}.title-row{display:flex;align-items:center;gap:12px;color:var(--teal)}.name-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.name-field{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.name-field span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.name-field input{width:100%;min-width:0;border:0;border-bottom:2px solid rgba(255,255,255,.24);border-radius:0;outline:0;background:transparent;color:var(--ink);font-size:1.12rem;font-weight:800}.name-field input:focus{border-color:var(--teal)}.rule-strip,.penalty-box{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 16px;border-left:4px solid var(--gold);background:#f4bc451f;color:var(--ink);font-weight:800}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-width:220px;min-height:54px;padding:0 22px;border-radius:8px;background:linear-gradient(135deg,var(--rose),#ef8a47 56%,var(--gold));color:#160d0d;font-weight:950;box-shadow:0 18px 52px #f05d7b38}.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-width:180px;min-height:54px;padding:0 22px;border:1px solid var(--line);border-radius:8px;background:#ffffff1a;color:var(--ink);font-weight:950}.truth-turn-panel{display:grid;gap:6px;min-height:96px;padding:18px;border:1px solid rgba(244,188,69,.32);border-radius:8px;background:#f4bc451a}.truth-turn-panel span{color:var(--gold);font-size:.78rem;font-weight:900;text-transform:uppercase}.truth-turn-panel strong{min-width:0;overflow:hidden;font-size:clamp(2.2rem,9vw,5rem);line-height:.95;text-overflow:ellipsis;white-space:nowrap}.truth-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.truth-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#ffffff1a;color:var(--ink);font-weight:900}.truth-controls button.is-selected{border-color:#31d0bdb8;background:#31d0bd2e}.truth-card{display:grid;gap:20px;min-height:300px;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:linear-gradient(145deg,#ffffff21,#ffffff0f),repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.04) 22px 24px);box-shadow:var(--shadow)}.truth-card.truth{border-color:#31d0bd75}.truth-card.dare{border-color:#f05d7b75}.truth-card.choice{border-color:#f4bc4570;background:radial-gradient(circle at 50% 0,rgba(244,188,69,.14),transparent 40%),linear-gradient(145deg,#ffffff1f,#ffffff0d)}.truth-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--gold);font-size:.86rem;font-weight:950}.truth-card p{align-self:center;margin:0;max-width:920px;color:var(--ink);font-size:clamp(1.9rem,7vw,4.8rem);font-weight:950;line-height:1;overflow-wrap:anywhere}.truth-actions{display:flex;gap:12px;flex-wrap:wrap}.compact-scoreboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.score-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:54px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.score-pill span{min-width:0;overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.score-pill strong{color:var(--teal)}.progress-row{display:grid;gap:10px;color:var(--muted);font-weight:800}.progress-track{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#ffffff21}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--green));transition:width .22s ease}.secret-card{display:grid;place-items:center;align-content:center;gap:16px;min-height:360px;padding:28px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#ffffff1f,#ffffff0d),repeating-linear-gradient(45deg,transparent 0 20px,rgba(255,255,255,.04) 20px 22px);box-shadow:var(--shadow);text-align:center}.secret-card.is-visible{border-color:#31d0bd7a;background:radial-gradient(circle at 50% 0,rgba(49,208,189,.2),transparent 38%),linear-gradient(145deg,#ffffff24,#ffffff0f)}.pass-phone{margin-bottom:4px;color:var(--muted);font-weight:800}.secret-label{color:var(--gold);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:0}.secret-card strong{max-width:100%;color:var(--ink);font-size:clamp(2.3rem,10vw,6rem);line-height:.96;letter-spacing:0;overflow-wrap:anywhere}.timer-face{display:grid;place-items:center;min-height:280px;border:1px solid rgba(49,208,189,.36);border-radius:8px;background:radial-gradient(circle at 50% 44%,rgba(49,208,189,.18),transparent 42%),#ffffff0f;box-shadow:var(--shadow);text-align:center}.timer-face span,.timer-face small{color:var(--muted);font-weight:900}.timer-face strong{font-size:clamp(4rem,14vw,8rem);line-height:.95;letter-spacing:0}.timer-controls{display:flex;gap:10px;flex-wrap:wrap}.timer-controls button{min-width:54px;padding:0 18px;color:var(--ink);font-weight:900}.talk-grid,.scoreboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.player-chip,.score-row{display:grid;gap:4px;min-height:78px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.player-chip span,.score-row span{min-width:0;overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.player-chip small{color:var(--green);font-weight:800}.ballot-list{display:grid;gap:12px}.ballot{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.ballot-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:950}.ballot-heading svg{color:var(--green)}.suspect-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.suspect-grid button{min-width:0;min-height:46px;padding:0 10px;color:var(--ink);font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suspect-grid button.is-selected{border-color:#31d0bdb8;background:#31d0bd2e;color:#fafffb}.vote-footer{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#11100fdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vote-footer span{color:var(--muted);font-weight:900}.result-view{justify-items:start}.verdict-mark{display:grid;place-items:center;width:84px;height:84px;border-radius:8px;background:#f4bc4526;color:var(--gold)}.result-copy{color:var(--muted);font-size:1.18rem;font-weight:850}.scoreboard{width:100%}.score-row{min-height:70px}.score-row strong{color:var(--teal)}.penalty-box{display:grid;align-items:start;width:100%}.penalty-box span{color:var(--gold);font-size:.78rem;text-transform:uppercase}.penalty-box strong{font-size:1.12rem}.history-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.history-strip span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.84rem;font-weight:800}@media(max-width:760px){.app-shell{padding:18px}.topbar{align-items:center;margin-bottom:22px}h1{font-size:2.65rem}h2{font-size:2.2rem}.name-grid,.talk-grid,.scoreboard,.compact-scoreboard{grid-template-columns:1fr}.secret-card{min-height:330px}.suspect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vote-footer{align-items:stretch;flex-direction:column}.vote-footer .primary-action,.primary-action,.secondary-action{width:100%}.truth-actions{flex-direction:column}.truth-card{min-height:280px}}@media(max-width:430px){.mode-grid,.truth-controls,.suspect-grid{grid-template-columns:1fr}.secret-card strong,.truth-card p{font-size:2.15rem}}