:root{--bg: #15121c;--bg2: #1f1a2b;--panel: #271f38;--panel2: #2f2745;--line: #3a3152;--text: #f3eefb;--muted: #a99fc4;--accent: #ff7a59;--accent2: #ffb347;--good: #4ad99a;--bad: #ff5d6c;--warn: #ffcf5c;--gold: #ffd860;--radius: 16px;--shadow: 0 8px 28px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#2a2140 0%,var(--bg) 60%);color:var(--text);font-family:Pretendard,system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app{max-width:560px;margin:0 auto;padding:max(env(safe-area-inset-top),10px) 14px calc(env(safe-area-inset-bottom) + 84px);min-height:100%}.topbar{display:flex;align-items:center;gap:10px;padding:6px 2px 14px}.topbar h1{font-size:22px;margin:0;letter-spacing:-.5px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;flex:0 0 auto}.topbar .auth{margin-left:auto;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.topbar>button:not(.tiny){margin-left:auto}.dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.dot.on{background:var(--good);box-shadow:0 0 8px var(--good)}.dot.off{background:var(--bad)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;box-shadow:var(--shadow)}.lead{font-size:15px;line-height:1.55;color:var(--text)}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}h3{margin:18px 0 8px;font-size:15px}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:11px 16px;background:var(--panel2);color:var(--text);border:1px solid var(--line);transition:transform .06s ease,filter .15s ease}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#2a160f;font-weight:800;border:none}button.ghost{background:transparent}button.danger{background:transparent;color:var(--bad);border-color:transparent}button.tiny{padding:5px 9px;font-size:12px;border-radius:9px}button.big-btn{width:100%;padding:15px;font-size:17px}.wfull{width:100%}.row{display:flex;gap:10px;align-items:center;margin-top:12px}.row.actions{margin-top:16px}.row .primary{flex:1}.sub-actions{justify-content:space-between}.divider{text-align:center;color:var(--muted);font-size:12px;margin:16px 0 4px}.field{display:flex;flex-direction:column;gap:6px;margin-top:12px}.field span{font-size:13px;color:var(--muted)}input{font:inherit;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}input:disabled{color:var(--muted)}.code-input{letter-spacing:6px;text-align:center;font-size:20px;font-weight:800}.join input{flex:1}.badge{font-size:10px;padding:2px 6px;border-radius:6px;margin-left:6px;vertical-align:middle}.badge.host{background:var(--gold);color:#3a2c00}.badge.you{background:var(--accent);color:#2a160f}.warn-pill{font-size:12px;color:#3a2c00;background:var(--warn);padding:3px 8px;border-radius:8px}.room-code{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg2);border:1px dashed var(--line);border-radius:var(--radius);padding:14px;cursor:pointer}.rc-label{font-size:12px;color:var(--muted)}.rc-value{font-size:40px;font-weight:900;letter-spacing:10px;color:var(--accent2)}.rc-hint{font-size:11px;color:var(--muted)}.share-row{display:flex;gap:8px;margin-top:10px}.share-btn{flex:1;font-size:14px;font-weight:700;padding:12px}.share-btn.kakao{background:#fee500;color:#191600;border:none}.share-btn.kakao:active{filter:brightness(.94)}.players-head{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.players-head h3{margin:0}.player-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.player-list li{display:flex;align-items:center;gap:9px;background:var(--bg2);border-radius:12px;padding:10px 12px}.player-list li.me{outline:1px solid var(--accent)}.pdot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.pdot.on{background:var(--good)}.pdot.off{background:var(--muted)}.pname{flex:1;font-weight:600}.prow-actions{display:flex;gap:4px}.toggle-row{display:flex;align-items:center;gap:9px;margin-top:14px;color:var(--muted);font-size:14px}.toggle-row input{width:auto}.phase-tag{display:inline-block;font-size:12px;color:var(--accent2);background:#ffb3471f;border:1px solid rgba(255,179,71,.3);padding:4px 10px;border-radius:999px;margin-bottom:12px}.my-secret{background:linear-gradient(135deg,#ff7a592e,#ffb3471f);border:1px solid var(--accent);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px}.ms-label{font-size:12px;color:var(--accent2)}.ms-body{display:flex;align-items:center;gap:12px;margin-top:6px}.ms-letter{font-size:30px;font-weight:900;color:#2a160f;background:linear-gradient(90deg,var(--accent),var(--accent2));width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.ms-text{font-size:17px;line-height:1.4}.card-panel{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.cp-head{display:flex;align-items:baseline;gap:10px}.cp-kind{font-size:11px;color:var(--muted)}.cp-title{margin:0;font-size:26px;color:var(--accent2)}.cp-how{color:var(--muted);font-size:13px;margin:6px 0 10px}.cp-scenarios{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.cp-scenarios li{display:flex;gap:10px;align-items:baseline;padding:6px 8px;border-radius:9px}.cp-scenarios li.hot{background:#ff7a592e;outline:1px solid var(--accent)}.cp-letter{font-weight:900;color:var(--accent);width:16px;flex:0 0 auto}.cp-text{font-size:14px}.cp-say{color:var(--muted)}.card-panel.compact .cp-scenarios li{padding:3px 8px;font-size:13px}.turn-strip{margin-top:16px}.turn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.turn-list li{display:flex;align-items:center;gap:10px;background:var(--bg2);border-radius:10px;padding:9px 12px}.turn-list li.current{outline:2px solid var(--accent2)}.turn-list li.done{opacity:.6}.ti-num{font-weight:800;color:var(--muted);width:18px}.ti-name{flex:1}.predict{margin-top:16px}.predict h3,.predict .vt-row{margin-bottom:8px}.now-performing{margin-top:16px;text-align:center}.now-performing p{font-size:16px}.vote-help{font-size:14px;line-height:1.5;margin:14px 0}.vote-targets{display:flex;flex-direction:column;gap:12px}.vt-row{background:var(--bg2);border-radius:12px;padding:10px 12px}.vt-name{font-weight:700;margin-bottom:8px}.vt-letters{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.letter-btn{padding:0;height:38px;font-weight:800;border-radius:9px}.letter-btn.picked{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#2a160f;border:none}.vote-waiting{text-align:center;padding:24px 0}.vote-waiting .lead{font-size:20px}.result-banner{text-align:center;font-size:26px;font-weight:900;padding:16px;border-radius:var(--radius);background:var(--bg2);margin-bottom:8px}.result-banner.win{background:linear-gradient(135deg,#4ad99a38,#ffd8602e);color:var(--gold)}.score-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.score-list li{display:flex;align-items:center;gap:10px;background:var(--bg2);border-radius:10px;padding:10px 12px}.score-list li.winner{outline:1px solid var(--gold)}.score-list li.me{background:var(--panel2)}.sl-rank{width:18px;color:var(--muted);font-weight:800}.sl-name{flex:1;font-weight:600}.sl-score{font-weight:900;color:var(--accent2)}.reveal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.reveal-list li{background:var(--bg2);border-radius:10px;padding:10px 12px}.rv-head{display:flex;align-items:baseline;gap:8px}.rv-name{font-weight:700;flex:0 0 auto}.rv-answer{flex:1;font-size:14px}.rv-points{font-weight:900;color:var(--good)}.rv-voters{font-size:12px;margin-top:4px}.toasts{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 14px);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:60}.toast{background:var(--panel2);border:1px solid var(--line);padding:10px 16px;border-radius:999px;font-size:14px;box-shadow:var(--shadow);animation:pop .18s ease}.toast.success{border-color:var(--good)}.toast.danger{border-color:var(--bad)}.toast.warn{border-color:var(--warn)}@keyframes pop{0%{transform:translateY(10px);opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:80}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:480px;max-height:86vh;display:flex;flex-direction:column;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:16px;overflow-y:auto}.modal-body section{margin-top:16px}.modal-body h3{margin:0 0 6px}.modal-body ul,.modal-body ol{margin:6px 0;padding-left:20px;line-height:1.6}.modal-foot{padding:12px 16px;border-top:1px solid var(--line)}.modal-foot .primary{width:100%}.hist-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hs-cell{background:var(--bg2);border-radius:12px;padding:12px;text-align:center}.hs-cell b{display:block;font-size:18px}.hs-cell span{font-size:11px;color:var(--muted)}.hist-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.hist-list li{display:flex;align-items:center;gap:8px;background:var(--bg2);border-radius:10px;padding:9px 12px;font-size:13px}.hg-result{font-weight:800;width:18px}.hg-result.win{color:var(--good)}.hg-result.loss{color:var(--bad)}.hg-mode{flex:1}.hg-score{font-weight:700;color:var(--accent2)}.hg-date{font-size:11px}.rulebook-fab{position:fixed;right:14px;bottom:calc(env(safe-area-inset-bottom) + 14px);display:flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:10px 14px;box-shadow:var(--shadow);z-index:50}.fab-icon{font-size:16px}.fab-label{font-size:13px;font-weight:700}.app-version{position:fixed;left:8px;bottom:6px;font-size:10px;color:var(--muted);opacity:.5}