:root{--void:#08070a;--base:#100d11;--surface:#17131a;--surface-2:#1f1a23;--card:#211b27;--card-hi:#2a2330;--ink:#ece4dd;--ink-dim:#9b9088;--ink-faint:#685f5b;--ink-ghost:#443d42;--crimson:#c01f33;--crimson-bright:#ff3146;--crimson-deep:#6e0f1c;--crimson-glow:#ff31468c;--amber:#d9a441;--amber-bright:#f4c768;--amber-glow:#f4c76880;--phantom:#9b5cf6;--phantom-bright:#b886ff;--phantom-glow:#9b5cf68c;--jade:#3f9c7a;--jade-bright:#5fc79c;--self:#6f9bff;--self-glow:#6f9bff80;--line:#ece4dd14;--line-soft:#ece4dd0d;--line-hard:#ece4dd24;--font-display:"Cinzel", "Song Myung", serif;--font-body:"IBM Plex Sans KR", "IBM Plex Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}body{background:var(--void);overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{background:radial-gradient(120% 80% at 50% -10%,#c01f331a,#0000 55%),radial-gradient(90% 60% at 12% 8%,#9b5cf612,#0000 60%),radial-gradient(80% 70% at 92% 100%,#d9a4410f,#0000 55%),radial-gradient(140% 120%,#0000 40%,#000000a6 100%)}body:after{opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{z-index:1;border-inline:1px solid var(--line-soft);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:linear-gradient(#17131a99,#08070a33);flex-direction:column;width:100%;max-width:520px;min-height:100svh;margin:0 auto;display:flex;position:relative}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:.02em;margin:0;font-weight:600}p{margin:0}button{font-family:var(--font-body);cursor:pointer;color:inherit}::selection{background:var(--crimson-deep);color:var(--ink)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-hard);border-radius:99px}@keyframes pulse-phantom{0%,to{box-shadow:0 0 0 3px #b886ff73,0 0 16px #b886ff66}50%{box-shadow:0 0 0 3px #c89effbf,0 0 26px 2px #b886ff99}}@keyframes pulse-amber{0%,to{box-shadow:0 0 0 1px var(--amber), 0 0 10px -2px var(--amber-glow), inset 0 0 14px -6px var(--amber-glow)}50%{box-shadow:0 0 0 1px var(--amber-bright), 0 0 22px 1px var(--amber-glow), inset 0 0 22px -4px var(--amber-glow)}}@keyframes pulse-crimson{0%,to{box-shadow:0 0 0 1px var(--crimson), 0 0 10px -2px var(--crimson-glow), inset 0 0 14px -6px var(--crimson-glow)}50%{box-shadow:0 0 0 1px var(--crimson-bright), 0 0 24px 1px var(--crimson-glow), inset 0 0 24px -4px var(--crimson-glow)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}94%{opacity:.55}96%{opacity:1}97%{opacity:.7}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes card-flash{0%{opacity:0}18%{opacity:.95}to{opacity:0}}@keyframes death-shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)rotate(-1.2deg)}35%{transform:translate(3px)rotate(1.2deg)}55%{transform:translate(-2px)rotate(-.6deg)}75%{transform:translate(2px)}}@keyframes revive-pop{0%{transform:scale(.9)}55%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes lock-on{0%{opacity:0;transform:scale(1.14)}55%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes tally-pop{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.4)}60%{transform:translate(-50%)translateY(0)scale(1.18)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.statusbar{--accent:var(--ink-dim);--accent-glow:#9b908866;padding:10px 16px 6px}.statusbar--day{--accent:var(--amber-bright);--accent-glow:var(--amber-glow)}.statusbar--night{--accent:var(--phantom-bright);--accent-glow:var(--phantom-glow)}.statusbar--vote,.statusbar--finalDefense,.statusbar--judgement{--accent:var(--crimson-bright);--accent-glow:var(--crimson-glow)}.statusbar__row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.statusbar__title{letter-spacing:.06em;color:var(--ink);text-shadow:0 0 22px var(--accent-glow);font-size:22px;font-weight:600;line-height:1.05}.statusbar__sub{letter-spacing:.34em;text-transform:uppercase;color:var(--accent);opacity:.85;margin-top:3px;font-size:11px;display:inline-block}.statusbar__timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 0 18px var(--accent-glow);align-items:baseline;gap:6px;font-size:24px;font-weight:500;line-height:1;display:inline-flex}.statusbar__clock{opacity:.55;font-size:13px;transform:translateY(-2px)}.statusbar__timer.is-low{color:var(--crimson-bright);animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{text-shadow:0 0 14px var(--crimson-glow)}50%{text-shadow:0 0 26px var(--crimson-bright)}}.statusbar__bar{background:var(--line);border-radius:99px;height:2px;margin-top:11px;overflow:hidden}.statusbar__fill{background:linear-gradient(90deg, transparent, var(--accent));height:100%;box-shadow:0 0 10px var(--accent-glow);transition:width .9s linear;display:block}.confirm{z-index:150;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:rise .2s var(--ease-out);background:#040306c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm__sheet{background:linear-gradient(180deg, var(--surface), var(--base));border:1px solid var(--line-hard);border-radius:16px;width:100%;max-width:340px;padding:24px 22px;box-shadow:0 25px 60px -25px #000}.confirm__title{letter-spacing:.04em;color:var(--ink);margin-bottom:8px;font-size:17px}.confirm__message{color:var(--ink-dim);font-size:13.5px;line-height:1.5}.confirm__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.confirm__cancel,.confirm__ok{font-family:var(--font-display);letter-spacing:.08em;transition:all .16s var(--ease);border-radius:10px;padding:11px;font-size:13px;font-weight:600}.confirm__cancel{color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--line-hard)}.confirm__cancel:hover{color:var(--ink)}.confirm__ok{color:var(--ink);background:linear-gradient(180deg, var(--jade), #205c47);border:1px solid #5fc79c73}.confirm__ok:hover{transform:translateY(-1px)}.confirm__ok--danger{background:linear-gradient(180deg, var(--crimson), var(--crimson-deep));border-color:#ff788273}.hostbar{scrollbar-width:none;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 12px 10px;display:flex;overflow-x:auto}.hostbar::-webkit-scrollbar{display:none}.hostbar__left,.hostbar__host{align-items:center;gap:8px;display:flex}.btn--icon{padding:9px 11px;font-size:16px;line-height:1}.btn{font-family:var(--font-body);letter-spacing:.01em;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-hard);transition:all .16s var(--ease);white-space:nowrap;border-radius:9px;flex-shrink:0;align-items:center;gap:4px;padding:8px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--card-hi);border-color:var(--line-hard);transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.97)}.btn__icon{opacity:.7;font-size:12px}.btn--ghost{color:var(--ink-dim);background:0 0}.btn--ghost:hover{color:var(--ink);background:var(--surface-2)}.btn--danger{color:var(--crimson-bright)}.btn--danger:hover{color:var(--ink);background:#c01f332e;border-color:#ff314666}.btn--advance{color:var(--ink);background:linear-gradient(180deg, var(--crimson), var(--crimson-deep));box-shadow:0 6px 20px -8px var(--crimson-glow);border-color:#ff788273;font-weight:600}.btn--advance:hover{background:linear-gradient(180deg, var(--crimson-bright), var(--crimson));box-shadow:0 8px 26px -8px var(--crimson-glow)}.btn__play{font-size:9px;transform:translateY(.5px)}.nickav{font-family:var(--font-body);letter-spacing:-.01em;color:var(--ink);background:radial-gradient(circle at 32% 28%, #ffffff1f, transparent 60%), linear-gradient(160deg, var(--surface-2), var(--void));border:1px solid var(--line-hard);text-align:center;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex;overflow:hidden;box-shadow:inset 0 0 12px -6px #000000e6}.nickav__line{white-space:nowrap;display:block}.nickav--profile{background:radial-gradient(circle at 32% 28%, #ffffff24, transparent 60%), linear-gradient(160deg, var(--crimson-deep), var(--void));border-color:#ff314659;width:50px;height:50px}.nickav--card{width:54px;height:54px}.nickav--seat{width:44px;height:44px}.nickav--reveal{width:34px;height:34px}.nickav--lines-1{font-family:var(--font-display)}.nickav--profile[data-len="1"]{font-size:22px}.nickav--profile[data-len="2"]{font-size:17px}.nickav--profile[data-len="3"]{font-size:13px}.nickav--card[data-len="1"]{font-size:19px}.nickav--card[data-len="2"]{font-size:15px}.nickav--card[data-len="3"]{font-size:12px}.nickav--seat[data-len="1"]{font-size:16px}.nickav--seat[data-len="2"]{font-size:13px}.nickav--seat[data-len="3"]{font-size:10px}.nickav--reveal[data-len="1"]{font-size:14px}.nickav--reveal[data-len="2"]{font-size:12px}.nickav--reveal[data-len="3"]{font-size:9px}.nickav--profile.nickav--lines-2 .nickav__line{font-size:14px;line-height:1.05;font-family:var(--font-body)}.nickav--profile.nickav--lines-3 .nickav__line{font-size:12px;line-height:1.05;font-family:var(--font-body)}.nickav--card.nickav--lines-2 .nickav__line{font-size:13px;line-height:1.05;font-family:var(--font-body)}.nickav--card.nickav--lines-3 .nickav__line{font-size:11px;line-height:1.05;font-family:var(--font-body)}.nickav--seat.nickav--lines-2 .nickav__line{font-size:12px;line-height:1.05;font-family:var(--font-body)}.nickav--seat.nickav--lines-3 .nickav__line,.nickav--reveal.nickav--lines-2 .nickav__line{font-size:10px;line-height:1.05;font-family:var(--font-body)}.nickav--reveal.nickav--lines-3 .nickav__line{font-size:9px;line-height:1.05;font-family:var(--font-body)}.nickav--empty{color:var(--ink-ghost);font-family:var(--font-display);border-style:dashed}.pcard{border:1px solid var(--line);background:linear-gradient(165deg, var(--card-hi), var(--card) 55%, var(--surface));font-family:var(--font-body);transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .25s var(--ease), filter .25s var(--ease);aspect-ratio:1;appearance:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff08,0 8px 18px -12px #000000e6}.pcard--selectable{cursor:pointer}.pcard--selectable:hover{border-color:var(--line-hard);transform:translateY(-2px)}.pcard--selectable:active{transform:scale(.96)}.pcard:disabled{cursor:default}.pcard__role{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink-dim);font-size:11px}.pcard__rolemark{color:var(--self);font-style:normal;font-weight:600}.pcard__uses{font-style:normal;font-family:var(--font-mono);color:var(--self);margin-left:4px;font-size:10px}.pcard--ability-removed .pcard__role{color:#a0a0aa73;text-decoration:line-through}.pcard--ability-removed .pcard__uses{color:#a0a0aa73}.pcard__stats{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.02em;font-size:9.5px}.pcard__seat{font-family:var(--font-mono);color:var(--ink-ghost);letter-spacing:.05em;font-size:9px;position:absolute;bottom:3px;right:6px}.pcard__crown{color:var(--amber-bright);text-shadow:0 0 8px var(--amber-glow);pointer-events:none;font-size:11px;line-height:1;position:absolute;top:4px;left:50%;transform:translate(-50%)}.pcard--me{box-shadow:0 0 0 1px var(--self), 0 0 16px -5px var(--self-glow), 0 8px 22px -14px #000000e6;border-color:#6f9bff8c}.pcard--ally{background:linear-gradient(165deg,#2a1418,#1d1014 60%,#150b0d);border-color:#ff314647}.pcard--ally .pcard__avatar{color:var(--crimson-bright);border-color:#ff314666}.pcard--ally .pcard__role{color:#ff7882d9}.pcard--dead{filter:grayscale(.85)brightness(.55);opacity:.7}.pcard--dead .pcard__avatar{color:var(--ink-faint);font-size:22px}.pcard--phantom{animation:pulse-phantom 2.4s var(--ease) infinite;border-color:#0000}.pcard--amber{animation:pulse-amber 2.4s var(--ease) infinite, revive-pop .6s var(--ease-out) 1;border-color:#0000}.pcard--crimson{animation:pulse-crimson 2.1s var(--ease) infinite, death-shake .55s var(--ease) 1;border-color:#0000}.pcard--crimson:after,.pcard--amber:after{content:"";pointer-events:none;z-index:1;border-radius:14px;position:absolute;inset:0}.pcard--crimson:after{background:radial-gradient(circle at 50% 42%, var(--crimson-glow), transparent 70%);animation:.75s ease-out card-flash}.pcard--amber:after{background:radial-gradient(circle at 50% 42%, var(--amber-glow), transparent 70%);animation:.75s ease-out card-flash}.pcard--dead.pcard--crimson{filter:none;opacity:1}.pcard--dead.pcard--crimson .pcard__avatar{color:var(--crimson-bright)}.pcard--selected{box-shadow:0 0 0 1.5px var(--crimson-bright), 0 0 26px -2px var(--crimson-glow), 0 14px 30px -16px #000000f2;background:linear-gradient(165deg,#34161b,#220f13 60%,#190a0d);border-color:#0000;animation:none;transform:translateY(-3px)scale(1.02)}.pcard--selected:before{content:"";border:1.5px solid var(--crimson-bright);pointer-events:none;animation:lock-on .5s var(--ease-out) 1;border-radius:17px;position:absolute;inset:-5px}.pcard__pick{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);background:var(--crimson);box-shadow:0 0 14px -2px var(--crimson-glow);white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:10px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.pcard__hallu{font-family:var(--font-mono);letter-spacing:.04em;color:var(--phantom-bright);border:1px solid var(--phantom);box-shadow:0 0 8px -2px var(--phantom-glow);z-index:3;pointer-events:none;background:#9b5cf62e;border-radius:6px;padding:2px 6px;font-size:9px;position:absolute;top:4px;right:4px}.pcard__voted{background:linear-gradient(180deg, var(--jade-bright), var(--jade));z-index:3;border:1px solid #5fc79c99;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:4px;left:4px;transform:rotate(-8deg);box-shadow:0 2px 10px -3px #5fc79ccc}.pcard__votedMark{color:var(--void);font-size:12px;font-weight:800;line-height:1}.pcard__note{max-width:94%;font-family:var(--font-body);letter-spacing:-.01em;color:var(--amber-bright);white-space:nowrap;text-overflow:ellipsis;background:#d9a44114;border:1px dashed #f4c76880;border-radius:99px;padding:1px 7px;font-size:10px;font-style:italic;overflow:hidden}.pcard__tally{min-width:24px;height:24px;font-family:var(--font-mono);color:var(--ink);background:linear-gradient(180deg, var(--crimson), var(--crimson-deep));box-shadow:0 4px 14px -4px var(--crimson-glow);z-index:2;animation:tally-pop .4s var(--ease-out) both;border:1px solid #ff788280;border-radius:99px;place-items:center;padding:0 6px;font-size:13px;font-weight:700;display:grid;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pcard__tally--zero{color:var(--ink-faint);background:var(--surface);border-color:var(--line-hard);box-shadow:none;font-weight:500}.pgrid{grid-template-columns:repeat(4,1fr);gap:12px 8px;padding:16px 14px 22px;display:grid}.pgrid>*{animation:rise .5s var(--ease-out) backwards}.pgrid>:first-child{animation-delay:20ms}.pgrid>:nth-child(2){animation-delay:50ms}.pgrid>:nth-child(3){animation-delay:80ms}.pgrid>:nth-child(4){animation-delay:.11s}.pgrid>:nth-child(5){animation-delay:.14s}.pgrid>:nth-child(6){animation-delay:.17s}.pgrid>:nth-child(7){animation-delay:.2s}.pgrid>:nth-child(8){animation-delay:.23s}.pgrid>:nth-child(9){animation-delay:.26s}.pgrid>:nth-child(10){animation-delay:.29s}.pgrid>:nth-child(11){animation-delay:.32s}.pgrid>:nth-child(12){animation-delay:.35s}@media (width<=360px){.pgrid{grid-template-columns:repeat(3,1fr);gap:10px 6px;padding:12px 10px 18px}}.apanel{background:linear-gradient(165deg, var(--surface-2), var(--surface));border:1px solid var(--line);animation:rise .4s var(--ease-out);border-radius:14px;margin:4px 16px 0;padding:14px 16px}.apanel--ghost{border-color:var(--line-soft);background:0 0}.apanel--accent{background:linear-gradient(165deg, #251217, var(--surface));border-color:#ff314640}.apanel__line{align-items:baseline;gap:9px;font-size:13.5px;line-height:1.5;display:flex}.apanel__line--private{color:var(--ink-dim);font-style:italic;font-weight:300}.apanel__tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--phantom-bright);background:#9b5cf61f;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:9px;transform:translateY(-1px)}.apanel__status{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.04em;margin-top:8px;font-size:12px}.apanel__status.is-done,.apanel__status b{color:var(--jade-bright)}.apanel__hint{color:var(--ink-faint);font-size:12px;line-height:1.5}.apanel__big{color:var(--ink);margin-bottom:4px;font-size:15px;line-height:1.5}.apanel__usebtn{width:100%;font-family:var(--font-display);letter-spacing:.08em;color:var(--ink);background:linear-gradient(180deg, var(--phantom), #5b3aa3);transition:all .16s var(--ease);box-shadow:0 6px 18px -10px var(--phantom-glow);border:1px solid #b886ff73;border-radius:11px;margin-top:10px;padding:11px;font-size:14px;font-weight:600}.apanel__usebtn:hover{transform:translateY(-1px)}.apanel__usebtn:active{transform:scale(.97)}.apanel__usebtn.is-on{background:var(--surface-2);border-color:var(--line-hard);color:var(--ink-dim);box-shadow:none}.apanel__big b{color:var(--crimson-bright);font-weight:600}.judge{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 10px;display:grid}.judge__btn{font-family:var(--font-display);letter-spacing:.1em;border:1px solid var(--line-hard);background:var(--surface-2);color:var(--ink-dim);transition:all .16s var(--ease);border-radius:12px;padding:16px;font-size:17px}.judge__btn:active{transform:scale(.97)}.judge__btn--kill.is-on,.judge__btn--kill:hover{color:var(--ink);border-color:var(--crimson-bright);background:linear-gradient(180deg, var(--crimson), var(--crimson-deep));box-shadow:0 0 24px -6px var(--crimson-glow)}.judge__btn--save.is-on,.judge__btn--save:hover{color:var(--ink);border-color:var(--jade-bright);background:linear-gradient(180deg, var(--jade), #205c47);box-shadow:0 0 24px -6px #5fc79c99}.chatlog{z-index:2;overscroll-behavior:contain;border-top:1px solid var(--line);background:linear-gradient(#08070a8c,#08070acc);flex-direction:column;flex:none;gap:7px;max-height:88px;padding:14px 16px 18px;display:flex;position:relative;overflow-y:auto}.chatline__spacer{height:10px}.chatline{animation:rise .4s var(--ease-out) backwards;align-items:baseline;gap:9px;font-size:13px;line-height:1.45;display:flex}.chatline__time{font-family:var(--font-mono);color:var(--ink-ghost);flex-shrink:0;margin-right:4px;font-size:9px;transform:translateY(-1px)}.chatline__tag{font-family:var(--font-mono);letter-spacing:.1em;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:9px;transform:translateY(-1px)}.chatline--all{color:var(--ink);font-weight:500}.chatline--all .chatline__tag{color:var(--ink);background:var(--surface-2);border:1px solid var(--line-hard)}.chatline--all:before{content:"";background:var(--ink-faint);border-radius:2px;align-self:stretch;width:2px}.chatline--private{color:var(--ink-dim);padding-left:4px;font-style:italic;font-weight:300}.chatline--private .chatline__tag{color:var(--phantom-bright);background:#9b5cf61f}.chatline--death .chatline__text{color:var(--crimson-bright)}.chatline--death.chatline--all:before{background:var(--crimson)}.chatline--revive .chatline__text{color:var(--amber-bright)}.chatline--revive.chatline--all:before{background:var(--amber)}.chatline--warning .chatline__text{color:var(--amber-bright)}.chatline--info .chatline__text{color:var(--ink-dim)}.gameover{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise .3s var(--ease-out);--win:var(--jade-bright);--win-glow:#5fc79c80;background:#040306db;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.gameover--mafia{--win:var(--crimson-bright);--win-glow:var(--crimson-glow)}.gameover__halo{background:radial-gradient(circle, var(--win-glow), transparent 62%);opacity:.4;filter:blur(30px);pointer-events:none;width:460px;height:460px;animation:5s ease-in-out infinite breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gameover__card{text-align:center;background:linear-gradient(180deg, var(--surface), var(--base));border:1px solid var(--line-hard);width:100%;max-width:360px;animation:sheet-pop .45s var(--ease-out);border-radius:22px;padding:36px 28px;position:relative;box-shadow:0 30px 80px -30px #000}@keyframes sheet-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.gameover__crest{filter:drop-shadow(0 0 20px var(--win-glow));font-size:46px;display:block}.gameover__kicker{font-family:var(--font-mono);letter-spacing:.4em;color:var(--ink-faint);margin-top:14px;font-size:10px}.gameover__title{letter-spacing:.06em;color:var(--ink);text-shadow:0 0 30px var(--win-glow);margin-top:8px;font-size:34px}.gameover__sub{color:var(--ink-faint);margin-top:14px;font-size:12.5px;line-height:1.6}.gameover__confirm{width:100%;font-family:var(--font-display);letter-spacing:.14em;color:var(--void);background:var(--win);box-shadow:0 10px 30px -10px var(--win-glow);transition:transform .16s var(--ease);border:none;border-radius:12px;margin-top:26px;padding:14px;font-size:15px;font-weight:600}.gameover__confirm:hover{transform:translateY(-2px)}.viewerbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:linear-gradient(#08070ad9,#08070afa);flex:none;padding:9px 12px 10px}.viewerbar__cur{align-items:baseline;gap:8px;margin-bottom:8px;padding:0 2px;display:flex}.viewerbar__label{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-ghost);font-size:8px}.viewerbar__name{color:var(--ink);font-size:14px;font-weight:600}.viewerbar__role{font-family:var(--font-display);letter-spacing:.04em;color:var(--jade-bright);font-size:11px}.viewerbar__uses{font-family:var(--font-mono);color:var(--self);margin-left:4px;font-size:10px;font-style:normal}.viewerbar__hint{color:var(--ink-ghost);margin-left:auto;font-size:10px}.vchip__role{color:var(--jade-bright);opacity:.85;margin-left:5px;font-size:9px}.vchip.is-active .vchip__role{color:var(--crimson-deep)}.vchip--master{color:var(--amber-bright);border-color:#f4c76866}.vchip--master.is-active{color:var(--void);background:var(--amber-bright);border-color:var(--amber-bright)}.viewerbar__list{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.viewerbar__list::-webkit-scrollbar{display:none}.vchip{color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--line-hard);white-space:nowrap;transition:all .14s var(--ease);border-radius:9px;flex:none;padding:7px 12px;font-size:12px;position:relative}.vchip:hover{color:var(--ink)}.vchip.is-active{color:var(--void);background:var(--amber-bright);border-color:var(--amber-bright);font-weight:600}.vchip.is-dead{opacity:.4;text-decoration:line-through}.vchip.is-dead.is-active{opacity:1;text-decoration:none}.vchip__done{color:var(--jade-bright);margin-left:5px;font-size:9px}.vchip.is-active .vchip__done{color:var(--crimson-deep)}.ptrans{z-index:90;pointer-events:none;--tone:var(--ink-dim);--tone-glow:#9b908880;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.ptrans--day{--tone:var(--amber-bright);--tone-glow:var(--amber-glow)}.ptrans--night{--tone:#8fb0ff;--tone-glow:#7896e68c}.ptrans--vote,.ptrans--finalDefense,.ptrans--judgement{--tone:var(--crimson-bright);--tone-glow:var(--crimson-glow)}.ptrans__veil{background:radial-gradient(120% 60% at 50% 50%, var(--tone-glow), transparent 55%), linear-gradient(180deg, #040306eb, #0403068c 45%, #040306eb);opacity:0;animation:ptrans-veil 1.5s var(--ease) forwards;transform-origin:top;position:absolute;inset:0}.ptrans__center{animation:ptrans-content 1.5s var(--ease-out) forwards;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.ptrans__rule{background:linear-gradient(90deg, transparent, var(--tone), transparent);opacity:.7;width:64px;height:1px}.ptrans__title{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);text-shadow:0 0 34px var(--tone-glow);white-space:nowrap;font-size:38px;font-weight:700}.ptrans__sub{font-family:var(--font-display);letter-spacing:.4em;color:var(--tone);text-transform:uppercase;padding-left:.4em;font-size:12px}@keyframes ptrans-veil{0%{opacity:0;transform:scaleY(.7)}18%{opacity:1;transform:scaleY(1)}72%{opacity:1}to{opacity:0}}@keyframes ptrans-content{0%{opacity:0;transform:translateY(16px)scale(.96)}22%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(1.02)}}@media (prefers-reduced-motion:reduce){.ptrans{display:none}}.introm{z-index:140;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise .3s var(--ease-out);background:#040306db;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.introm__sheet{background:linear-gradient(180deg, var(--surface), var(--base));border:1px solid var(--line-hard);border-radius:18px;width:100%;max-width:360px;padding:28px 24px;box-shadow:0 30px 70px -25px #000}.introm__sheet--mafia{box-shadow:0 30px 70px -25px #000, 0 0 30px -8px var(--crimson-glow);border-color:#ff314659}.introm__sheet--citizen{border-color:#5fc79c4d;box-shadow:0 30px 70px -25px #000,0 0 30px -8px #5fc79c66}.introm__kicker{font-family:var(--font-mono);letter-spacing:.4em;color:var(--ink-faint);font-size:10px}.introm__title{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);margin-top:6px;font-size:26px}.introm__team{color:var(--ink-dim);letter-spacing:.06em;margin-right:8px;font-size:13px}.introm__sheet--mafia .introm__team{color:var(--crimson-bright)}.introm__sheet--citizen .introm__team{color:var(--jade-bright)}.introm__cadence{font-family:var(--font-mono);color:var(--amber-bright);letter-spacing:.1em;margin-top:4px;font-size:11px}.introm__ability{color:var(--ink);margin-top:14px;font-size:14px;line-height:1.55}.introm__hallu{color:var(--phantom-bright);background:#9b5cf61a;border:1px dashed #9b5cf666;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:12.5px;line-height:1.45}.introm__halluLabel{font-family:var(--font-mono);letter-spacing:.14em;color:var(--void);background:var(--phantom);border-radius:5px;margin-right:7px;padding:2px 7px;font-size:9px}.introm__hint{letter-spacing:.04em;color:var(--ash,#888);text-align:center;margin:10px 0 0;font-size:11px}.introm__sync{letter-spacing:.06em;color:var(--ash);text-align:center;font-variant-numeric:tabular-nums;margin:18px 0 0;font-size:12px}.introm__ok{width:100%;font-family:var(--font-display);letter-spacing:.1em;color:var(--void);background:var(--amber-bright);box-shadow:0 8px 22px -10px var(--amber-glow);cursor:pointer;border:none;border-radius:11px;margin-top:14px;padding:13px;font-size:14px;font-weight:600}.introm__ok:hover:not(:disabled){transform:translateY(-1px)}.introm__ok.is-on,.introm__ok:disabled{background:var(--phantom,#444);color:var(--ash,#aaa);cursor:default;box-shadow:none}.game{flex-direction:column;height:100svh;display:flex;position:relative;overflow:hidden}.game:before{content:"";pointer-events:none;z-index:0;transition:background 1.2s var(--ease);background:radial-gradient(120% 60% at 50% -5%,#9b90880d,#0000 60%);position:absolute;inset:0}.game--day:before{background:radial-gradient(130% 70% at 50% -8%,#f4c7681a,#0000 62%)}.game--night:before{background:radial-gradient(130% 75% at 50% -8%,#5a6ec81f,#0000 64%)}.game--vote:before,.game--finalDefense:before,.game--judgement:before{background:radial-gradient(130% 70% at 50% -8%,#c01f331f,#0000 62%)}.game__top{z-index:20;-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);border-bottom:1px solid var(--line);background:linear-gradient(#08070af7,#08070ac7);flex:none}.game__body{z-index:1;flex:auto;min-height:0;position:relative;overflow-y:auto}.login{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:100svh;padding:40px 28px;display:flex;position:relative;overflow:hidden}.login__halo{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#c01f3338,#0000 60%);width:420px;height:420px;animation:6s ease-in-out infinite breathe;position:absolute;top:16%;left:50%;transform:translate(-50%)}.login__brand{text-align:center;animation:rise .7s var(--ease-out) backwards;margin-bottom:30px;position:relative}.login__logo{letter-spacing:.18em;color:var(--ink);text-shadow:0 0 30px var(--crimson-glow), 0 2px 0 #0009;font-family:Cinzel,serif;font-size:58px;font-weight:800;line-height:1}.login__sub{font-family:var(--font-display);letter-spacing:.5em;color:var(--ink-dim);margin-top:12px;padding-left:.5em;font-size:13px;display:block}.login__form{width:100%;max-width:340px;animation:rise .7s var(--ease-out) .1s backwards;flex-direction:column;gap:16px;display:flex;position:relative}.login__primary{font-family:var(--font-display);letter-spacing:.12em;color:var(--ink);background:linear-gradient(180deg, var(--crimson), var(--crimson-deep));box-shadow:0 10px 30px -12px var(--crimson-glow);transition:all .18s var(--ease);border:1px solid #ff788273;border-radius:12px;margin-top:6px;padding:15px;font-size:16px;font-weight:600}.login__primary:hover{background:linear-gradient(180deg, var(--crimson-bright), var(--crimson));box-shadow:0 14px 36px -12px var(--crimson-glow);transform:translateY(-1px)}.login__opt{color:var(--ink-ghost);margin-left:4px;font-size:9px;font-style:normal}.login__error{color:var(--crimson-bright);text-align:center;margin-top:4px;font-size:12px}.login__primary:disabled{opacity:.6;cursor:default}.login__switch{color:var(--ink-dim);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-hard);text-decoration-color:var(--line-hard);background:0 0;border:none;margin-top:18px;font-size:13px}.login__switch:hover{color:var(--ink)}.login__note{color:var(--ink-ghost);text-align:center;margin-top:22px;font-size:11px}.login__debug{border:1px dashed var(--line-hard);border-radius:12px;flex-direction:column;align-items:center;gap:10px;margin-top:18px;padding:13px 16px;display:flex}.login__debugLabel{letter-spacing:.04em;color:var(--ink-faint);font-size:11px}.login__debugRow{align-items:center;gap:8px;display:flex}.login__countBtn{width:30px;height:30px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-hard);border-radius:8px;font-size:16px}.login__countBtn:hover{color:var(--phantom-bright);border-color:var(--phantom)}.login__count{text-align:center;min-width:44px;font-family:var(--font-mono);color:var(--ink);font-size:14px}.login__debugStart{font-family:var(--font-display);letter-spacing:.06em;color:var(--void);background:var(--phantom-bright);border:none;border-radius:9px;margin-left:6px;padding:8px 16px;font-size:13px}.login__debugStart:hover{background:var(--phantom)}.login__debugAssign{color:var(--phantom-bright);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-hard);text-decoration-color:var(--line-hard);background:0 0;border:none;font-size:12px}.login__debugAssign:hover{color:var(--ink)}.login__credits{text-align:center;border-top:1px solid var(--line-soft,#a0a0aa14);font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.18em;color:var(--ink-faint,#685f5b);margin-top:38px;padding:18px 0 8px;font-size:10px;line-height:1.7}.login__creditsLine--meta{letter-spacing:.04em;font-size:11px;font-family:var(--font-sans,"IBM Plex Sans KR", sans-serif);color:var(--ink-dim,#9b9088);margin-top:4px}.login__crew{color:var(--amber-bright,#f4c768);letter-spacing:.32em;font-weight:600}.login__author{color:var(--ink-dim,#9b9088);text-underline-offset:4px;-webkit-text-decoration:underline dotted #d9a4414d;text-decoration:underline dotted #d9a4414d;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}.login__author:hover{color:var(--amber-bright,#f4c768);text-decoration-color:#f4c76899}.login__author i{color:var(--ink-faint,#685f5b);font-style:normal;font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.02em;margin-left:3px;font-size:10px}.login__creditsSep{color:var(--ink-ghost,#443d42);margin:0 8px}.login__debugToggle{border:1px solid var(--ink-ghost,#a0a0aa1f);width:32px;height:32px;color:var(--ink-faint,#685f5b);opacity:.35;cursor:pointer;z-index:50;background:0 0;border-radius:999px;place-items:center;font-size:14px;line-height:1;transition:opacity .15s,border-color .15s,transform .15s;display:grid;position:fixed;bottom:14px;right:14px}.login__debugToggle:hover{opacity:.85;border-color:var(--phantom,#9b5cf6);transform:scale(1.05)}.login__debugToggle.is-on{opacity:.9;border-color:var(--phantom-bright,#b886ff);background:#9b5cf614}.main{flex-direction:column;flex:1;gap:18px;padding:22px 18px 28px;display:flex}.main__error{color:var(--crimson-bright);text-align:left;background:#c01f331f;border:1px solid #ff31464d;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.joinmodal{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:rise .2s var(--ease-out);background:#040306c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.joinmodal__sheet{background:linear-gradient(180deg, var(--surface), var(--base));border:1px solid var(--line-hard);width:100%;max-width:320px;animation:sheet-pop .3s var(--ease-out);border-radius:18px;flex-direction:column;gap:12px;padding:24px 22px;display:flex;box-shadow:0 30px 70px -25px #000}.joinmodal__title{letter-spacing:.04em;color:var(--ink);font-size:20px}.joinmodal__room{color:var(--ink-dim);margin-top:-4px;font-size:13px}.joinmodal__error{color:var(--crimson-bright);font-size:12px}.joinmodal__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.joinmodal__cancel,.joinmodal__enter{font-family:var(--font-display);letter-spacing:.06em;transition:all .15s var(--ease);border-radius:11px;padding:12px;font-size:14px;font-weight:600}.joinmodal__cancel{color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--line-hard)}.joinmodal__cancel:hover{color:var(--ink)}.joinmodal__enter{color:var(--ink);background:linear-gradient(180deg, var(--crimson), var(--crimson-deep));box-shadow:0 8px 22px -10px var(--crimson-glow);border:1px solid #ff788273}.joinmodal__enter:hover{transform:translateY(-1px)}.main__profile{background:linear-gradient(150deg, var(--card-hi), var(--surface));border:1px solid var(--line);animation:rise .5s var(--ease-out) backwards;border-radius:16px;align-items:center;gap:13px;padding:16px;display:flex}.main__avatar{width:50px;height:50px;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 32% 28%, #ffffff24, transparent 60%), linear-gradient(160deg, var(--crimson-deep), var(--void));text-align:center;border:1px solid #ff314659;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex}.main__avatarLine{display:block}.main__avatar--lines-1{font-family:var(--font-display);font-size:20px}.main__avatar--lines-2 .main__avatarLine{font-size:14px;line-height:1.05}.main__avatar--lines-3 .main__avatarLine{font-size:12px;line-height:1.05}.main__who{flex:1;min-width:0}.main__nick{letter-spacing:.03em;color:var(--ink);align-items:center;gap:8px;font-size:19px;display:flex}.main__editnick{width:26px;height:26px;color:var(--ink-faint);background:var(--surface-2);border:1px solid var(--line-hard);border-radius:7px;font-size:12px}.main__editnick:hover{color:var(--self);border-color:var(--self)}.main__stats{font-size:12px;font-family:var(--font-mono);color:var(--ink-dim);gap:10px;margin-top:4px;display:flex}.main__win{color:var(--jade-bright)}.main__loss{color:var(--ink-faint)}.main__rate{color:var(--amber-bright)}.main__logout{color:var(--ink-faint);border:1px solid var(--line-hard);background:0 0;border-radius:9px;padding:7px 11px;font-size:12px}.main__logout:hover{color:var(--ink);border-color:var(--line-hard)}.main__create{font-family:var(--font-display);letter-spacing:.08em;color:var(--ink);background:linear-gradient(180deg, var(--crimson), var(--crimson-deep));box-shadow:0 10px 30px -14px var(--crimson-glow);transition:all .18s var(--ease);animation:rise .5s var(--ease-out) 60ms backwards;border:1px solid #ff788266;border-radius:14px;padding:17px;font-size:16px;font-weight:600}.main__create:hover{box-shadow:0 16px 38px -14px var(--crimson-glow);transform:translateY(-2px)}.main__createPlus{margin-right:4px;font-weight:400}.roomlist{animation:rise .5s var(--ease-out) .12s backwards;flex-direction:column;gap:8px;display:flex}.roomlist__head{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-ghost);justify-content:space-between;align-items:center;padding:4px 16px;font-size:10px;display:flex}.roomlist__refresh{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-dim);border:1px solid var(--line-hard);background:0 0;border-radius:7px;padding:4px 9px;font-size:10px}.roomlist__refresh:hover{color:var(--ink)}.roomlist__empty{color:var(--ink-faint);text-align:center;padding:18px 16px;font-size:13px}.room{text-align:left;background:var(--surface);border:1px solid var(--line);transition:all .16s var(--ease);border-radius:13px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:15px 16px;display:grid}.room:hover:not(:disabled){border-color:var(--line-hard);background:var(--surface-2);transform:translate(2px)}.room--live{opacity:.55;cursor:default}.room__name{color:var(--ink);align-items:center;gap:7px;font-size:15px;font-weight:500;display:flex}.room__lock{opacity:.7;font-size:11px}.room__count{font-family:var(--font-mono);color:var(--ink-dim);font-size:13px}.room__count b{color:var(--ink)}.room__status{border-radius:99px;padding:4px 10px;font-size:11px;font-weight:500}.room__status.is-open{color:var(--jade-bright);background:#3f9c7a24;border:1px solid #5fc79c40}.room__status.is-live{color:var(--crimson-bright);background:#c01f3324;border:1px solid #ff314640}.room__row{align-items:stretch;gap:6px;display:flex}.room__row .room{flex:1}.room__admin{width:38px;color:var(--ink-faint);border:1px solid var(--line);background:0 0;border-radius:11px;flex-shrink:0;font-size:13px}.room__admin:hover{color:var(--crimson-bright);border-color:#ff314659}.create{flex-direction:column;flex:1;padding:16px 18px 28px;display:flex}.create__body{width:100%;max-width:360px;animation:rise .5s var(--ease-out) backwards;flex-direction:column;flex:1;justify-content:center;margin:0 auto;padding-bottom:8vh;display:flex}.create__title{letter-spacing:.05em;color:var(--ink);text-shadow:0 0 24px var(--crimson-glow);font-size:28px}.create__hint{color:var(--ink-faint);margin-top:8px;margin-bottom:28px;font-size:13px}.create__form{flex-direction:column;gap:18px;display:flex}.create__opt{color:var(--ink-ghost);margin-left:4px;font-size:9px;font-style:normal}.create__submit{font-family:var(--font-display);letter-spacing:.1em;color:var(--ink);background:linear-gradient(180deg, var(--crimson), var(--crimson-deep));box-shadow:0 10px 30px -12px var(--crimson-glow);transition:all .18s var(--ease);border:1px solid #ff788273;border-radius:12px;margin-top:8px;padding:15px;font-size:16px;font-weight:600}.create__submit:hover{background:linear-gradient(180deg, var(--crimson-bright), var(--crimson));transform:translateY(-1px)}.create__error{color:var(--crimson-bright);text-align:center;font-size:12px}.stepper{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.stepper__label{color:var(--ink-dim);font-size:14px}.stepper__control{align-items:center;gap:4px;display:flex}.stepper__btn{width:32px;height:32px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-hard);transition:all .14s var(--ease);border-radius:9px;place-items:center;font-size:17px;display:grid}.stepper__btn:hover:not(:disabled){color:var(--crimson-bright);border-color:#ff314666}.stepper__btn:disabled{opacity:.3;cursor:default}.stepper__value{text-align:center;min-width:56px;font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.field{flex-direction:column;gap:7px;display:flex}.field__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding-left:2px;font-size:10px}.field__input{width:100%;font-family:var(--font-body);color:var(--ink);background:var(--surface-2);border:1px solid var(--line-hard);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);border-radius:12px;outline:none;padding:13px 14px;font-size:15px}.field__input::placeholder{color:var(--ink-ghost)}.field__input:focus{border-color:#ff314680;box-shadow:0 0 0 3px #c01f3324}.backbtn{color:var(--ink-dim);background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 12px 8px 8px;font-size:13px;display:inline-flex}.backbtn:hover{color:var(--ink)}.backbtn__arrow{font-size:15px}.lobby{flex-direction:column;flex:1;min-height:100svh;display:flex}.lobby__top{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:linear-gradient(#08070af5,#08070abd);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;position:sticky;top:0}.lobby__name{text-align:center;letter-spacing:.04em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;overflow:hidden}.lobby__start{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink);background:linear-gradient(180deg, var(--crimson), var(--crimson-deep));box-shadow:0 6px 20px -8px var(--crimson-glow);border:1px solid #ff788273;border-radius:10px;flex-shrink:0;padding:9px 15px;font-size:13px;font-weight:600}.lobby__start:hover{background:linear-gradient(180deg, var(--crimson-bright), var(--crimson))}.lobby__guide{width:34px;height:34px;color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--line-hard);border-radius:10px;flex-shrink:0;font-size:14px}.lobby__guide:hover{color:var(--ink)}.lobby__destroy{color:var(--crimson-bright);background:0 0;border:1px solid #ff314659;border-radius:9px;flex-shrink:0;padding:9px 12px;font-size:11.5px}.lobby__destroy:hover{background:#c01f332e}.lobby__waiting{color:var(--ink-faint);flex-shrink:0;padding:9px 8px;font-size:12px}.lobby__error{color:var(--crimson-bright);text-align:center;padding:4px;font-size:12.5px}.lobby__readonly{color:var(--ink-dim);background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:14px;font-size:13px;display:flex}.seat__badge--dim{color:var(--ink-ghost)}.lobby__scroll{flex-direction:column;flex:1;gap:16px;padding:16px 16px 28px;display:flex;overflow-y:auto}.lobby__block{animation:rise .45s var(--ease-out) backwards}.lobby__block:nth-child(2){animation-delay:50ms}.lobby__block:nth-child(3){animation-delay:.1s}.lobby__toggle,.startmode__choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle{color:var(--ink-dim);background:var(--surface);border:1px solid var(--line-hard);transition:all .16s var(--ease);border-radius:11px;padding:12px;font-size:14px;font-weight:500}.toggle.is-on{color:var(--ink);background:linear-gradient(180deg, #c01f3338, var(--surface));box-shadow:inset 0 0 18px -8px var(--crimson-glow);border-color:#ff314680}.toggle--spectate.is-on{background:linear-gradient(180deg, #d9a44133, var(--surface));box-shadow:inset 0 0 18px -8px var(--amber-glow);border-color:#d9a44180}.lobby__note{color:var(--ink-faint);text-align:center;margin-top:8px;font-size:11.5px}.lobby__settings{flex-direction:column;gap:8px;display:flex}.startmode{justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex}.startmode .stepper__label{white-space:nowrap}.startmode__choices{flex:1;max-width:220px}.lobby__rec{text-align:right;color:var(--ink-faint);padding-right:4px;font-size:12px}.lobby__rec b{color:var(--amber-bright)}.lobby__statusrow{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lobby__status{color:var(--jade-bright);background:#3f9c7a24;border:1px solid #5fc79c40;border-radius:99px;padding:4px 11px;font-size:12px}.lobby__count{font-family:var(--font-mono);color:var(--ink-dim);font-size:13px}.lobby__count b{color:var(--ink)}.seatgrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.seat{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:78px;padding:12px 6px 10px;display:flex;position:relative}.seat--host{border-color:#f4c76859}.seat--me{box-shadow:0 0 0 1px var(--self), 0 0 12px -4px var(--self-glow);border-color:#6f9bff8c}.seat__crown{color:var(--amber-bright);text-shadow:0 0 8px var(--amber-glow);pointer-events:none;font-size:11px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.seat--empty{border-style:dashed;border-color:var(--line-hard);background:0 0}.seat__avatar{width:44px;height:44px;font-family:var(--font-body);color:var(--ink);background:linear-gradient(160deg, var(--surface-2), var(--void));border:1px solid var(--line-hard);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex}.seat__avatarLine{display:block}.seat__avatar--lines-1{font-family:var(--font-display);font-size:16px}.seat__avatar--lines-2 .seat__avatarLine{font-size:12px;line-height:1.05}.seat__avatar--lines-3 .seat__avatarLine{font-size:10px;line-height:1.05}.seat__avatar--empty{color:var(--ink-ghost);font-weight:300;font-family:var(--font-display);font-size:16px}.seat__name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.seat__name--empty{color:var(--ink-ghost)}.seat__badge{font-family:var(--font-display);letter-spacing:.1em;color:var(--crimson-bright);font-size:9px}.seat__kick{color:var(--ink-faint);border:1px solid var(--line-hard);transition:all .14s var(--ease);background:0 0;border-radius:7px;padding:2px 8px;font-size:10px}.seat__kick:hover{color:var(--crimson-bright);border-color:#ff314666}.seat__spec{color:var(--amber-bright);background:#d9a44126;border-radius:5px;padding:1px 5px;font-size:8px;position:absolute;top:6px;right:6px}@media (width<=360px){.seatgrid{grid-template-columns:repeat(3,1fr)}}.result{--win:var(--jade-bright);--win-glow:#5fc79c73;flex-direction:column;flex:1;min-height:100svh;display:flex}.result--mafia{--win:var(--crimson-bright);--win-glow:var(--crimson-glow)}.result__head{text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(120% 90% at 50% -10%, var(--win-glow), transparent 60%);animation:rise .5s var(--ease-out) backwards;padding:34px 20px 22px;position:relative}.result__crest{filter:drop-shadow(0 0 16px var(--win-glow));font-size:38px}.result__title{letter-spacing:.06em;color:var(--ink);text-shadow:0 0 26px var(--win-glow);margin-top:8px;font-size:30px}.result__sub{font-family:var(--font-mono);letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase;margin-top:6px;font-size:10px}.result__scroll{flex-direction:column;flex:1;gap:24px;padding:18px 16px 24px;display:flex;overflow-y:auto}.result__reveal{flex-direction:column;gap:8px;display:flex}.reveal{background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--line-hard);animation:rise .4s var(--ease-out) backwards;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:11px 13px;display:grid}.reveal--mafia{border-left-color:var(--crimson)}.reveal--citizen{border-left-color:var(--jade)}.reveal--dead{opacity:.5}.reveal__avatar{width:34px;height:34px;font-family:var(--font-display);color:var(--ink);background:linear-gradient(160deg, var(--surface-2), var(--void));border:1px solid var(--line-hard);border-radius:50%;place-items:center;font-size:15px;display:grid}.reveal__who{flex-direction:column;gap:2px;min-width:0;display:flex}.reveal__name{color:var(--ink);font-size:14px}.reveal__role{font-family:var(--font-display);letter-spacing:.03em;color:var(--ink-dim);font-size:11px}.reveal__team{border-radius:99px;padding:3px 8px;font-size:10px}.reveal__team--mafia{color:var(--crimson-bright);background:#c01f3324}.reveal__team--citizen{color:var(--jade-bright);background:#3f9c7a24}.reveal__alive{font-family:var(--font-mono);text-align:right;min-width:30px;font-size:11px}.reveal__alive.is-alive{color:var(--ink-dim)}.reveal__alive.is-dead{color:var(--crimson)}.result__h2{letter-spacing:.08em;color:var(--ink-dim);margin-bottom:12px;font-size:14px}.result__empty{color:var(--ink-faint);font-size:13px}.timeline{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.timeline__item{grid-template-columns:74px auto 1fr;align-items:center;gap:12px;padding:8px 0;display:grid}.timeline__round{font-family:var(--font-mono);color:var(--ink-faint);font-size:11px}.timeline__dot{background:var(--crimson);width:7px;height:7px;box-shadow:0 0 10px var(--crimson-glow);border-radius:50%}.timeline__who{color:var(--ink);font-size:13px}.timeline__role{color:var(--ink-faint);margin-left:7px;font-size:11px;font-style:normal}.result__foot{border-top:1px solid var(--line);background:#08070ab3;grid-template-columns:1fr;gap:10px;padding:14px 16px;display:grid}.result__btn{font-family:var(--font-display);letter-spacing:.08em;transition:all .16s var(--ease);border-radius:12px;padding:14px;font-size:14px;font-weight:600}.result__btn--ghost{color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--line-hard)}.result__btn--ghost:hover{color:var(--ink)}.result__btn--primary{color:var(--void);background:var(--win);box-shadow:0 8px 24px -10px var(--win-glow);border:none}.result__btn--primary:hover{transform:translateY(-1px)}.dbg{flex-direction:column;flex:1;min-height:100svh;display:flex}.dbg__top{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:linear-gradient(#08070af5,#08070abd);justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;display:flex;position:sticky;top:0}.dbg__back,.dbg__random{color:var(--ink-dim);border:1px solid var(--line-hard);background:0 0;border-radius:9px;padding:7px 11px;font-size:12px}.dbg__back:hover,.dbg__random:hover{color:var(--ink)}.dbg__title{letter-spacing:.06em;color:var(--amber-bright);font-size:17px}.dbg__countrow{align-items:center;gap:9px;padding:14px 16px 6px;display:flex}.dbg__countlabel{color:var(--ink-dim);font-size:13px}.dbg__countbtn{width:30px;height:30px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-hard);border-radius:8px;font-size:16px}.dbg__countbtn:disabled{opacity:.3}.dbg__count{text-align:center;min-width:28px;font-family:var(--font-mono);color:var(--ink);font-size:16px}.dbg__split{font-family:var(--font-mono);color:var(--ink-faint);margin-left:auto;font-size:11px}.dbg__list{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:12px 16px;display:grid;overflow-y:auto}.dbg__seat{background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--line-hard);border-radius:10px;flex-direction:column;gap:5px;padding:9px 10px;display:flex}.dbg__seat--mafia{border-left-color:var(--crimson)}.dbg__seat--citizen{border-left-color:var(--jade)}.dbg__seatno{font-family:var(--font-mono);color:var(--ink-faint);font-size:10px}.dbg__select{width:100%;font-family:var(--font-body);color:var(--ink);background:var(--surface-2);border:1px solid var(--line-hard);appearance:none;border-radius:8px;padding:7px 8px;font-size:13px}.dbg__select:focus{border-color:#f4c76880;outline:none}.dbg__foot{border-top:1px solid var(--line);background:#08070ab3;padding:12px 16px 18px}.dbg__hint{color:var(--ink-faint);margin-bottom:10px;font-size:11.5px;line-height:1.5}.dbg__start{width:100%;font-family:var(--font-display);letter-spacing:.08em;color:var(--void);background:var(--amber-bright);box-shadow:0 8px 24px -10px var(--amber-glow);border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:600}.dbg__start:hover{transform:translateY(-1px)}@media (width<=360px){.dbg__list{grid-template-columns:1fr}}.modal{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rise .25s var(--ease-out);background:#040306b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal__sheet{background:linear-gradient(180deg, var(--surface), var(--base));border:1px solid var(--line-hard);width:100%;max-width:520px;max-height:88svh;animation:sheet-up .32s var(--ease-out);border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;display:flex;box-shadow:0 -20px 60px -20px #000000e6}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 20px 14px;display:flex}.modal__title{letter-spacing:.06em;color:var(--ink);font-size:22px}.modal__hint{color:var(--ink-faint);margin-top:3px;font-size:12px}.modal__close{width:34px;height:34px;color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--line-hard);border-radius:10px;place-items:center;font-size:14px;display:grid}.modal__close:hover{color:var(--ink);background:var(--card-hi)}.modal__notice{color:var(--amber-bright);background:#d9a4411a;border:1px dashed #f4c76866;border-radius:9px;margin:0 20px 12px;padding:10px 12px;font-size:12px;line-height:1.45}.modal__notice i{color:var(--ink-faint);font-size:11px;font-style:normal}.modal__body{flex-direction:column;gap:22px;padding:16px 20px 28px;display:flex;overflow-y:auto}.modal__teamtag{font-family:var(--font-display);letter-spacing:.14em;border-radius:99px;margin-bottom:12px;padding:4px 12px;font-size:13px;display:inline-block}.modal__teamtag--mafia{color:var(--crimson-bright);background:#c01f3324;border:1px solid #ff31464d}.modal__teamtag--citizen{color:var(--jade-bright);background:#3f9c7a24;border:1px solid #5fc79c4d}.modal__list{flex-direction:column;gap:10px;display:flex}.roleentry{background:var(--surface-2);border:1px solid var(--line);border-left:2px solid var(--line-hard);border-radius:12px;padding:12px 14px}.roleentry--mafia{border-left-color:var(--crimson)}.roleentry--citizen{border-left-color:var(--jade)}.roleentry--mine{background:linear-gradient(165deg, #6f9bff1f, var(--surface-2));box-shadow:0 0 0 1px var(--self), 0 0 20px -6px var(--self-glow);border-color:#6f9bff80}.roleentry__myBadge{font-family:var(--font-mono);letter-spacing:.12em;color:var(--void);background:var(--self);border-radius:99px;margin-left:8px;padding:2px 7px;font-size:9px}.roleentry__head{align-items:baseline;gap:9px;margin-bottom:6px;display:flex}.roleentry__name{letter-spacing:.04em;color:var(--ink);font-size:15px}.roleentry__cadence{font-family:var(--font-mono);color:var(--ink-faint);border:1px solid var(--line-hard);border-radius:99px;padding:1px 7px;font-size:10px}.roleentry__ability{color:var(--ink-dim);font-size:12.5px;line-height:1.5}.roleentry__hallu{color:var(--phantom-bright);opacity:.92;margin-top:7px;font-size:11.5px;line-height:1.45}.roleentry__halluLabel{font-family:var(--font-display);letter-spacing:.12em;color:var(--void);background:var(--phantom);border-radius:5px;margin-right:7px;padding:1px 6px;font-size:9px}