:root{--bg:#0b1020;--panel:#0c1224db;--text:#eef2ff;--muted:#8b93b3;--accent:#e6194b;--accent2:#3cb44b;--radius:12px;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:0}input,select{font:inherit}[hidden]{display:none!important}.screen{position:fixed;inset:0}#landing,#results{background:radial-gradient(1200px 600px at 50% -10%, #1c2a5a 0%, var(--bg) 60%);justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}.card{background:var(--panel);border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:420px;padding:24px 20px;box-shadow:0 20px 60px #00000080}.card.wide{max-width:520px}h1{letter-spacing:-.5px;margin:0 0 6px;font-size:28px}.logo{color:var(--accent)}.sub{color:var(--muted);letter-spacing:2px;vertical-align:middle;font-size:13px;font-weight:600}.tagline{color:var(--muted);margin:0 0 18px}#joinForm{gap:8px;display:flex}#joinForm input{border-radius:var(--radius);min-width:0;color:var(--text);background:#0f1730;border:1px solid #ffffff26;flex:1;padding:14px;font-size:16px}.primary{background:var(--accent);color:#fff;border-radius:var(--radius);padding:12px 18px;font-weight:700}.primary:active{transform:scale(.97)}.secondary{border-radius:var(--radius);background:#ffffff1a;padding:12px 18px;font-weight:600}.big{padding:14px 22px;font-size:18px}.howto{color:#c9d0ee;margin:20px 0 6px;padding-left:18px;line-height:1.6}.lonely{z-index:20;background:#0c1428eb;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.lonely button{padding:6px 12px;font-size:14px}.kbtn{color:#ffe45c;text-align:center;box-sizing:border-box;background:#fee50024;border-radius:10px;width:100%;margin:8px 0 0;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;display:block}.kbtn:hover{background:#fee5003d}.sched{color:#ffd166;text-align:center;box-sizing:border-box;background:#ffd1661f;border-radius:10px;width:100%;margin:8px 0 0;padding:6px 10px;font-size:13px}.sched.now{color:#7ee2a8;background:#2ecc712e;font-weight:700}.live{color:#7ee2a8;text-align:center;background:#2ecc7126;border-radius:999px;margin:8px 0 0;padding:6px 10px;font-size:13px;font-weight:600}.live:before{content:"";background:#2ecc71;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.2s infinite livePulse;display:inline-block}@keyframes livePulse{50%{opacity:.3}}.muted{color:var(--muted)}.small{font-size:12px}.footer{margin:16px 0 0;font-size:12px}.lb{border-top:1px solid #ffffff14;margin-top:16px;padding-top:10px}.lbHead{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.lbTab{color:var(--muted);background:0 0;border-radius:999px;padding:4px 8px;font-size:12px}.lbTab.active{color:#fff;background:#ffffff1f}#lbRows{color:#c9d0ee;margin:0;padding-left:22px;font-size:13px;line-height:1.7}#lbRows .pts{float:right;color:#fff;font-variant-numeric:tabular-nums}#lbRows li.me{color:#fff;font-weight:700}#resPoints{color:#ffd166;margin:6px 0;font-size:20px;font-weight:800}details.custom{border-top:1px solid #ffffff14;margin-top:14px;padding-top:10px}details.custom summary{cursor:pointer;color:#cfd6f5;background:#ffffff0f;border:1px solid #ffffff38;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:600;list-style:none;display:flex}details.custom summary::-webkit-details-marker{display:none}details.custom summary:after{content:"▾";color:var(--muted);font-size:12px;transition:transform .15s}details.custom[open] summary:after{transform:rotate(180deg)}details.custom summary:hover{background:#ffffff1f;border-color:#ffffff59}#roomForm{gap:8px;margin-top:10px;display:grid}#roomForm label{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}#roomForm input,#roomForm select{width:55%;color:var(--text);background:#0f1730;border:1px solid #ffffff26;border-radius:8px;padding:8px}#game{background:#071226}#map{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}#hudTop{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}#status{background:var(--panel);border-radius:var(--radius);pointer-events:auto;padding:8px 12px}#timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}#phaseText{color:var(--muted);font-size:12px}#langBtn{vertical-align:middle;padding:3px 8px;font-size:12px}#phaseText.alert{color:#ffd166;font-size:13px;font-weight:800}#meBtn{background:#ffd16640;margin-top:6px;margin-left:4px;padding:4px 8px;font-size:13px}#soundBtn{margin-top:6px;padding:4px 8px;font-size:13px}#board{background:var(--panel);border-radius:var(--radius);pointer-events:auto;min-width:170px;max-width:46vw;padding:6px 8px}#boardToggle{display:none}.chip{background:#ffffff1a;border-radius:999px;padding:6px 10px;font-size:13px}#ranks{margin:0;padding:0;font-size:12px;line-height:1.5;list-style:none}#ranks li{white-space:nowrap;align-items:center;gap:6px;display:flex}#ranks li.me{color:#fff;font-weight:800}#ranks .sw{border-radius:2px;flex:0 0 10px;width:10px;height:10px}#ranks .nm{text-overflow:ellipsis;flex:1;overflow:hidden}#ranks .pct{color:var(--muted);font-variant-numeric:tabular-nums}#toast{opacity:0;pointer-events:none;white-space:nowrap;background:#000000b3;border-radius:999px;padding:8px 14px;font-size:14px;transition:opacity .2s;position:absolute;top:72px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#hudBottom{left:8px;right:8px;bottom:calc(8px + var(--safe-b));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}#me{text-shadow:0 1px 3px #000;justify-content:center;gap:12px;font-size:14px;font-weight:700;display:flex}#ratios{pointer-events:auto;justify-content:center;gap:6px;display:flex}.ratio{background:var(--panel);border-radius:var(--radius);border:1px solid #ffffff1f;flex:1;max-width:88px;padding:12px 0;font-size:15px;font-weight:700}.ratio.active{background:var(--accent);border-color:var(--accent)}#actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}#expandBtn{background:var(--accent2);padding:12px 18px}#attacks{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}#attacks .atk{background:var(--panel);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}#attacks .atk button{background:#ffffff26;border-radius:999px;width:20px;height:20px;padding:0;line-height:20px}#deadBanner{background:var(--panel);text-align:center;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:10px;padding:18px 22px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#shareCard{border-radius:12px;width:100%;height:auto;margin:12px 0;display:block}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#resRanks{color:#c9d0ee;columns:2;margin:16px 0 0;padding-left:22px;font-size:14px}#resRanks li.me{color:#fff;font-weight:800}#resSummary{color:#c9d0ee}.ad{min-height:90px;color:var(--muted);border:1px dashed #ffffff26;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}@media (width<=600px){#boardToggle{display:inline-block}#board.collapsed #ranks{display:none}#board{min-width:0}#timer{font-size:18px}.ratio{padding:14px 0}.card{padding:20px 16px}#resRanks{columns:1}}.footer.links a{color:#9aa3b8;text-decoration:underline}.footer.links a:hover{color:#e6e8f0}