*,:before,:after{box-sizing:border-box}html,body{background:#0c0d14;margin:0;padding:0}#root{min-height:100vh}:root{--font-ui:"Space Grotesk", system-ui, sans-serif;--font-display:"Saira Condensed", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--steel-900:#0a0d12;--steel-850:#0e121a;--steel-800:#12161f;--steel-700:#1a2030;--steel-600:#222a3d;--line:#2a3349;--line-soft:#1f2638;--text:#e7ecf6;--muted:#8b95ac;--faint:#5c6885;--defuse:#2fe08a;--bomb:#ff4d4d;--neutral:#6e7bf2;--hazard:#ffb020;--panel-shadow:0 18px 50px #0000008c;--r:14px}.lobby__title,.game-board__turn,.game-over__title,.detonator__type,.round-transition__num{font-family:var(--font-display)}.log,.gauge__label,.other-hand__claim,.detonator__chip,.detonator__progress,.detonator__cap{font-family:var(--font-mono)}svg.lucide{vertical-align:-.15em;flex:none}.pip{vertical-align:-.16em;width:1.05em;height:1.05em;display:inline-block}.app{height:100dvh;padding:max(env(safe-area-inset-top), clamp(12px, 2vw, 24px)) max(env(safe-area-inset-right), clamp(12px, 2vw, 24px)) max(env(safe-area-inset-bottom), clamp(12px, 2vw, 24px)) max(env(safe-area-inset-left), clamp(12px, 2vw, 24px));font-family:var(--font-ui);color:var(--text);background:radial-gradient(120% 80% at 50% -10%, #6e7bf21a, transparent 55%), radial-gradient(90% 70% at 88% 110%, #ff4d4d14, transparent 50%), radial-gradient(80% 60% at 10% 100%, #2fe08a0f, transparent 50%), var(--steel-900);flex-direction:column;align-items:stretch;gap:clamp(10px,1.6vw,18px);display:flex;position:relative;overflow:hidden}.app>:not(.app__backdrop):not(.game-over){z-index:1;position:relative}.app:before{content:"";pointer-events:none;z-index:2;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff04 0 1px,#0000 1px 3px);position:fixed;inset:0}.app:after{content:"";pointer-events:none;z-index:2;position:fixed;inset:0;box-shadow:inset 0 0 200px 40px #000000b3}@media (prefers-reduced-motion:reduce){.app:before{display:none}}.app__backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app__backdrop-circuit{opacity:.06;width:100%;height:100%;position:absolute;inset:0}.app__backdrop-glow{filter:blur(70px);opacity:.4;border-radius:50%;animation:7s ease-in-out infinite bd-pulse;position:absolute}.app__backdrop-glow--a{background:radial-gradient(circle,#4b6cf58c,#0000 70%);width:38vmax;height:38vmax;top:-10%;left:8%}.app__backdrop-glow--b{background:radial-gradient(circle,#f54b5a73,#0000 70%);width:32vmax;height:32vmax;animation-delay:3.5s;bottom:-12%;right:6%}@keyframes bd-pulse{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.app__backdrop-hazard{opacity:.14;background-image:repeating-linear-gradient(45deg,#f5c518 0 12px,#1a1a1a 12px 24px);height:14px;position:absolute;left:0;right:0}.app__backdrop-hazard--top{top:0}.app__backdrop-hazard--bottom{bottom:0}@media (prefers-reduced-motion:reduce){.app__backdrop-glow{animation:none}}.topbar{z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.topbar__brand{align-items:center;gap:12px;display:flex}.topbar__mark{background:radial-gradient(circle at 50% 35%, var(--steel-600), #0c1018);border:1px solid var(--line);border-radius:10px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 12px #ffb02040}.topbar__mark:after{content:"";background:var(--bomb);width:8px;height:8px;box-shadow:0 0 10px 2px var(--bomb);border-radius:50%;animation:1.6s step-end infinite brand-blink}.topbar__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:clamp(18px,2vw,24px);font-weight:800;line-height:.95}.topbar__name b{color:var(--hazard);font-weight:800}.topbar__sub{font-family:var(--font-mono);letter-spacing:.3em;color:var(--faint);margin-top:2px;font-size:10px}.topbar__controls{align-items:center;gap:8px;display:flex}.topbar__chip{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);background:var(--steel-800);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;display:inline-flex}.topbar__chip-dot{background:var(--hazard);width:7px;height:7px;box-shadow:0 0 8px var(--hazard);border-radius:50%}@keyframes brand-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.topbar__mark:after{animation:none}}.mute-toggle,.rules-btn{cursor:pointer;min-width:34px;height:34px;color:var(--muted);background:var(--steel-800);border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:.95rem;line-height:1;transition:background .15s,color .15s,border-color .15s}.mute-toggle:hover,.rules-btn:hover{color:var(--text);border-color:var(--steel-600)}.mute-toggle[aria-pressed=true]{opacity:.65}.rules-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:var(--font-ui);color:var(--text);background:#06080eb3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.rules-modal{background:var(--steel-800);border:1px solid var(--line);border-radius:12px;width:min(520px,100%);max-height:85vh;overflow-y:auto;box-shadow:0 12px 40px #00000080}.rules-modal__head{background:var(--steel-800);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1.1rem;display:flex;position:sticky;top:0}.rules-modal__title{margin:0;font-size:1.15rem}.rules-modal__close{cursor:pointer;color:#c8c8d2;background:0 0;border:none;border-radius:6px;padding:.2rem .4rem;font-size:1.1rem;line-height:1}.rules-modal__close:hover{background:var(--steel-700)}.rules-modal__body{padding:.6rem 1.1rem 1.1rem}.rules-modal__section{margin-top:.9rem}.rules-modal__section-title{color:var(--neutral);margin:0 0 .25rem;font-size:.95rem}.rules-modal__section-text{opacity:.9;margin:0;font-size:.9rem;line-height:1.5}.rules-fig{background:var(--steel-850);border:1px solid var(--line-soft);border-radius:10px;align-items:center;gap:.6rem;margin-top:.7rem;padding:.7rem .8rem;display:flex}.rules-fig--wires{justify-content:space-around}.rules-fig--roles{justify-content:center;gap:.9rem}.rules-wire{flex-direction:column;align-items:center;gap:.3rem;display:flex}.rules-wire__art{width:38px;height:38px}.rules-wire__label{color:var(--muted);font-size:.7rem}.rules-wire--defuse .rules-wire__label{color:var(--defuse)}.rules-wire--bomb .rules-wire__label{color:var(--bomb)}.rules-role{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.rules-role__icon{font-size:1rem;line-height:1}.rules-role__vs{color:var(--faint);font-size:.75rem}.rules-role--defuser{color:var(--defuse);background:#2fe08a1a;border-color:#2fe08a59}.rules-role--saboteur{color:var(--bomb);background:#ff4d4d1a;border-color:#ff4d4d59}.lang-switcher{gap:.25rem;display:flex}.lang-switcher__btn{cursor:pointer;height:34px;color:var(--muted);background:var(--steel-800);border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:.75rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.lang-switcher__btn:hover{color:var(--text);border-color:var(--steel-600)}.lang-switcher__btn--active{color:#04130b;background:var(--defuse);border-color:var(--defuse)}.lobby{flex-direction:column;flex:1;align-items:center;gap:1rem;width:100%;min-height:0;padding-bottom:.5rem;display:flex;overflow-y:auto}.lobby__title{flex:none;align-items:center;gap:.4rem;margin:0;font-size:2.5rem;display:inline-flex}.lobby__title-icon{flex:none;width:2.4rem;height:2.4rem}.lobby__body{flex-direction:row;justify-content:center;align-items:flex-start;gap:clamp(1rem,2.5vw,2rem);width:100%;min-height:0;display:flex}.lobby__main{flex-direction:column;flex:none;align-items:center;gap:1rem;width:min(360px,100%);display:flex}.lobby__join{flex:none;gap:.5rem;display:flex}.lobby__input{background:var(--steel-800);color:inherit;border:1px solid #3a3f55;border-radius:8px;padding:.6rem .8rem}.lobby__seats{flex:none;width:100%;max-width:360px;max-height:34vh;margin:0;padding:0;list-style:none;overflow-y:auto}.lobby__seat{background:var(--steel-800);border-radius:8px;align-items:center;gap:.55rem;margin-bottom:.4rem;padding:.5rem .8rem;display:flex}.lobby__seat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lobby__kick{cursor:pointer;width:22px;height:22px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.7rem;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.lobby__kick:hover{color:#ffd2d2;border-color:var(--bomb);background:#ff4d4d29}.lobby__count{opacity:.7;flex:none}.lobby__hint{opacity:.8;flex:none}.lobby__actions{flex-wrap:wrap;flex:none;justify-content:center;gap:.6rem;display:flex}.lobby__btn--bot{background:#6b4bf5}.lobby__btn--leave{color:#ffbebef2;background:0 0;border:1px solid #ff4d4d73}.lobby__btn--leave:hover{border-color:var(--bomb);background:#ff4d4d24}.lobby__crown{color:var(--hazard);flex:none}.lobby__seat-you{color:var(--defuse)}.lobby__hint--host{opacity:.75;font-style:italic}@media (width<=900px){.lobby__body{flex-direction:column;align-items:center}.lobby__main{width:min(420px,100%)}}.settings{border:1px solid var(--line-soft);border-radius:var(--r);background:linear-gradient(180deg, var(--steel-800), var(--steel-850));width:min(420px,100%);box-shadow:var(--panel-shadow);flex-direction:column;gap:.55rem;padding:.9rem 1.1rem;display:flex}.settings__title{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin:0 0 .2rem;font-size:11px}.settings__row{justify-content:space-between;align-items:center;gap:.8rem;min-height:2rem;display:flex}.settings__row--locked{opacity:.75}.settings__label{color:var(--text);flex-direction:column;font-size:.92rem;display:flex}.settings__hint{color:var(--hazard);opacity:.85;font-size:.72rem}.settings__switch{border:1px solid var(--line);background:var(--steel-700);cursor:pointer;border-radius:999px;flex:none;width:42px;height:24px;padding:0;transition:background .15s,border-color .15s;position:relative}.settings__switch--on{background:var(--defuse);border-color:var(--defuse)}.settings__switch:disabled{cursor:not-allowed}.settings__knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 3px #0006}.settings__switch--on .settings__knob{left:21px}.settings__segments{gap:4px;display:flex}.settings__segment{color:var(--muted);background:var(--steel-700);border:1px solid var(--line);cursor:pointer;border-radius:7px;padding:.28rem .6rem;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.settings__segment--on{color:#06140d;background:var(--defuse);border-color:var(--defuse)}.settings__segment:disabled{cursor:not-allowed}.settings__note{opacity:.7;margin:.1rem 0 0;font-size:.78rem;font-style:italic}.lobby__btn,.btn{background:var(--neutral);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:600}.lobby__btn:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}.lobby__btn--start,.btn--start{background:#2fb36b}.lobby__btn--ghost,.btn--ghost{color:#ffffffd9;background:0 0;border:1px solid #ffffff47}.lobby__btn--ghost:hover,.btn--ghost:hover{background:#ffffff14}.panel{background:linear-gradient(180deg, var(--steel-800), var(--steel-850));border:1px solid var(--line-soft);border-radius:var(--r);box-shadow:var(--panel-shadow)}.panel__head{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--faint);padding:12px 14px 4px;font-size:10px}.game-board{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.stage{flex:1;grid-template-columns:220px minmax(0,1fr) 260px;gap:clamp(12px,1.6vw,20px);min-height:0;display:grid}.stage--no-log{grid-template-columns:220px minmax(0,1fr)}.rail{flex-direction:column;align-self:start;gap:14px;min-height:0;max-height:100%;padding:14px;display:flex;overflow-y:auto}.gauge{border-top:1px solid var(--line-soft);padding-top:12px}.gauge:first-of-type{border-top:0;padding-top:0}.gauge__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-size:10px}.gauge__value{font-family:var(--font-display);align-items:center;gap:.3rem;margin-top:4px;font-size:34px;font-weight:800;line-height:1;display:flex}.gauge__value small{color:var(--muted);font-size:17px}.gauge__value .pip{width:.7em;height:.7em}.status-row{color:var(--defuse);align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:600;display:flex}.status-row__led{background:var(--defuse);width:9px;height:9px;box-shadow:0 0 8px var(--defuse);border-radius:50%}.status-row--blown{color:var(--bomb)}.status-row--blown .status-row__led{background:var(--bomb);box-shadow:0 0 8px var(--bomb)}.log{flex-direction:column;align-self:stretch;min-height:0;padding:14px;display:flex}.log__details{flex-direction:column;flex:1;min-height:0;display:flex}.log__head{cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 0 8px;list-style:none}.log__head::-webkit-details-marker{display:none}.log__count{color:var(--muted);font-weight:400}.log__list{flex-direction:column;gap:7px;min-height:0;max-height:clamp(220px,58vh,620px);display:flex;overflow-y:auto}.log__empty{font-family:var(--font-mono);color:var(--faint);margin:0;font-size:11px}.log__line{font-family:var(--font-mono);color:var(--muted);border-left:2px solid var(--line);background:#ffffff03;border-radius:0 7px 7px 0;align-items:baseline;gap:.45rem;padding:7px 9px;font-size:11px;line-height:1.35;display:flex}.log__line strong{color:var(--text)}.log__line--bomb{border-left-color:var(--bomb)}.log__line--defuse{border-left-color:var(--defuse)}.log__line--neutral{border-left-color:var(--neutral)}.log__round{color:var(--faint);flex:none}.log__icon{flex:none;align-self:center;width:17px;height:17px}.log__text{min-width:0}@media (width<=1080px){.app{height:auto;min-height:100dvh;overflow:visible}.stage{grid-template-columns:1fr}.rail{flex-flow:wrap;align-items:flex-start;max-height:none;overflow:visible}.gauge{border-top:0;flex:1;min-width:130px;padding-top:0}.table{min-height:340px}.log{align-self:stretch;max-height:none;overflow:visible}.log__list{max-height:40vh}}.table-panel{flex-direction:column;flex:1;gap:clamp(.6rem,1.4vh,1.1rem);min-width:0;min-height:0;display:flex;position:relative}.game-board__stop{z-index:3;color:#ffd2d2e6;cursor:pointer;background:#ff4d4d1f;border:1px solid #ff4d4d66;border-radius:7px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:absolute;top:0;left:0}.game-board__stop:hover{color:#fff;border-color:var(--bomb);background:#ff4d4d3d}.turn-timer{z-index:4;width:52px;height:52px;color:var(--defuse);background:#0a0d12b3;border-radius:50%;padding:4px;position:absolute;top:2px;right:2px;box-shadow:0 2px 10px #00000080}.turn-timer__ring{width:100%;height:100%;display:block}.turn-timer__track{stroke:var(--line);stroke-width:4px}.turn-timer__fill{stroke:currentColor;stroke-width:4px;transition:none}.turn-timer__num{font-family:var(--font-mono);color:currentColor;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:absolute;inset:0}.game-board__bots-wait{text-align:center;max-width:32rem;color:var(--hazard);opacity:.9;align-self:center;font-size:.82rem}.game-board__turn{text-align:center;background:var(--steel-800);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-self:center;align-items:center;gap:.45rem;padding:.4rem 1.1rem;font-size:1rem;display:inline-flex}.game-board__turn--mine{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:#06140d;background:linear-gradient(95deg, #38ffa6, var(--defuse));border-color:#0000;font-size:1.5rem;font-weight:800;animation:1.3s ease-in-out infinite turn-pulse;box-shadow:0 0 26px #2fe08a73}.game-board__me{border-top:1px solid var(--line-soft);grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(10px,1.4vw,18px);padding-top:.7rem;display:grid}.game-board__me .role-badge{justify-self:start}.game-board__me .declare{justify-self:end}.game-board__turn--spectator{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hazard);background:#ffb0201a;border-color:#ffb02066}.game-board__me--spectator{text-align:center;color:var(--muted);font-size:.95rem;display:block}.table{border:1px solid var(--line);width:100%;min-height:0;box-shadow:var(--panel-shadow), inset 0 1px 0 #ffffff08;background:radial-gradient(60% 55% at 50% 42%,#6e7bf212,#0000 70%),radial-gradient(120% 120% at 50% 120%,#10141d,#0b0e15 70%);border-radius:22px;flex:1;grid-template-rows:auto 1fr;gap:clamp(8px,1.6vh,22px);margin:0 auto;padding:clamp(12px,1.6vw,18px);transition:border-color .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.game-board--mine .table{border-color:#2fb36ba6;animation:1.6s ease-in-out infinite board-glow;box-shadow:0 0 0 1px #2fb36b59,0 0 30px #2fb36b66}.table__others{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(8px,1.4vw,20px);min-height:0;display:flex}.table__seat{width:max-content;max-width:100%}.table__others--crowded{gap:clamp(5px,.8vw,12px)}.table__others--crowded .other-hand{width:clamp(86px,10vw,118px);padding:.4rem .4rem .5rem}.table__others--crowded .other-hand__count-num{font-size:1.2rem}.table__others--crowded .other-hand__count-icon{width:13px;height:13px}.table__others--crowded .other-hand__name{gap:.25rem;font-size:.85rem}.table__others--crowded .other-hand__claim{margin-bottom:.35rem;font-size:.72rem}.table__center{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex}.detonator{aspect-ratio:1;place-items:center;width:clamp(150px,22vw,230px);max-width:100%;max-height:100%;margin:0 auto;display:grid;position:relative}.detonator__ring{width:100%;height:100%;position:absolute;inset:0}.detonator__seg{stroke:#3b465f}.detonator__seg--on{stroke:var(--defuse);filter:drop-shadow(0 0 5px #2fe08abf);transition:stroke .3s}.detonator__card{z-index:1;aspect-ratio:.82;text-align:center;border:1.5px solid var(--line);background:linear-gradient(#1a2336,#10141e);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;width:62%;padding:.6rem .4rem;display:flex;position:relative;box-shadow:inset 0 0 22px #0000008c,0 10px 22px #00000073}.detonator__card.card--neutral{border-color:#6e7bf299}.detonator__card.card--defuse{border-color:#2fe08a99}.detonator__card.card--bomb{border-color:#ff4d4d99}.detonator__card--empty{opacity:.5}.detonator__chip{letter-spacing:.2em;text-transform:uppercase;opacity:.5;font-size:.5rem}.detonator__art{width:46%;height:auto;display:block}.detonator__type{text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:800}.detonator__type--muted{opacity:.6;font-weight:600}.detonator__cap{opacity:.75;font-size:.62rem}.detonator__progress{z-index:2;letter-spacing:.06em;color:#2fe08a;white-space:nowrap;background:#11151f;border:1px solid #2fb36b52;border-radius:999px;padding:2px 9px;font-size:.56rem;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@media (width<=480px){.table{gap:.5rem;padding:.7rem .5rem}.table__others{gap:.45rem}}@media (width<=680px){.topbar__controls{flex-wrap:wrap;justify-content:flex-end}.gauge__value{font-size:26px}.gauge__value small{font-size:14px}.gauge{min-width:96px}}@media (width<=860px){.game-board__me{grid-template-columns:1fr;justify-items:center}}@media (width<=560px){.app,.stage{gap:8px}.topbar{flex-wrap:nowrap;gap:8px}.topbar__sub,.topbar__chip{display:none}.topbar__mark{border-radius:8px;width:28px;height:28px}.topbar__name{letter-spacing:.05em;font-size:15px}.topbar__controls{gap:5px}.lang-switcher__btn,.mute-toggle,.rules-btn{min-width:30px;height:30px;padding:0 7px}.rail{flex-wrap:nowrap;gap:10px;padding:8px 10px;overflow-x:auto}.rail .panel__head{display:none}.gauge{flex:none;min-width:70px}.gauge__value{font-size:19px}.rail,.table__others{scrollbar-width:none;-ms-overflow-style:none}.rail::-webkit-scrollbar{display:none}.table__others::-webkit-scrollbar{display:none}.game-board__turn{padding:.35rem .8rem;font-size:.85rem}.game-board__turn--mine{font-size:1.1rem}.table{gap:.5rem;min-height:0;padding:.6rem .5rem}.table__others{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.table__seat{flex:none}.other-hand{width:clamp(104px,30vw,130px)}.detonator{width:clamp(128px,42vw,172px)}.game-board__me{gap:8px;padding-top:.6rem}.game-over__title{font-size:2.4rem}.game-over__icon{font-size:4rem}}.defuse-bar{gap:2px;margin-top:.2rem;display:inline-flex}.defuse-bar__seg{background:#2a3142;border-radius:2px;width:9px;height:4px;transition:background .3s,box-shadow .3s}.defuse-bar__seg--on{background:#2fe08a;box-shadow:0 0 5px #2fe08a8c}@media (prefers-reduced-motion:reduce){.defuse-bar__seg{transition:none}}.other-hand{background:var(--steel-800);appearance:none;width:clamp(116px,13vw,156px);color:inherit;font:inherit;text-align:center;cursor:default;border:2px solid #0000;border-radius:12px;padding:.55rem .6rem .65rem;transition:border-color .15s,box-shadow .15s,transform .12s;display:block;position:relative}.other-hand--active{border-color:#f5b14b}.other-hand--speaking{box-shadow:0 0 0 2px #3ba55d,0 0 16px #3ba55d73}.other-hand--selectable{cursor:pointer;border-color:#2fe08a59}.other-hand--selectable:hover,.other-hand--selectable:focus-visible{border-color:var(--defuse);outline:none;transform:translateY(-2px);box-shadow:0 0 18px #2fe08a4d}.other-hand--idle .other-hand__count{opacity:.6}.other-hand__name{justify-content:center;align-items:center;gap:.4rem;min-width:0;margin-bottom:.3rem;font-weight:600;display:flex}.other-hand__name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.other-hand__role{opacity:.7;font-weight:400}.other-hand__claim{text-align:center;opacity:.75;margin-bottom:.45rem;font-size:.8rem}.other-hand__badge{color:#14161c;border:1.5px solid var(--steel-900);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex;position:absolute;top:-8px}.other-hand__badge--cutter{background:var(--hazard);animation:1.3s ease-in-out infinite turn-pulse;left:-8px;box-shadow:0 0 10px #ffb02099}.other-hand__badge--host{background:#ffd257;right:-8px}.other-hand__count{border-top:1px solid var(--line-soft);justify-content:center;align-items:baseline;gap:.28rem;margin-top:.4rem;padding-top:.35rem;display:flex}.other-hand__count-icon{opacity:.8;align-self:center;width:15px;height:15px}.other-hand__count-num{font-family:var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700;line-height:1}.other-hand__count-num.is-low{color:var(--hazard)}.other-hand__count-num.is-empty{color:var(--bomb);opacity:.85}.other-hand__count-den{font-family:var(--font-mono);opacity:.45;font-size:.85rem}.other-hand__pick{letter-spacing:.02em;color:var(--defuse);margin-top:.3rem;font-size:.7rem;font-weight:700;display:block}.other-hand__ghosts{opacity:.6;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:.4rem;display:flex}.other-hand__ghost{border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.other-hand__ghost.card--bomb{background:#ff4d4d2e}.other-hand__ghost.card--defuse{background:#2fe08a2e}.other-hand__ghost.card--neutral{background:#6e7bf22e}.other-hand__ghost-art{width:11px;height:11px;display:block}.cut-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06080cb8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cut-overlay__panel{background:linear-gradient(180deg, var(--steel-800), var(--steel-850));border:1px solid var(--line);border-radius:var(--r);width:min(440px,100%);max-height:90dvh;box-shadow:var(--panel-shadow);flex-direction:column;align-items:center;gap:.7rem;padding:1.3rem 1.2rem 1.1rem;display:flex;overflow-y:auto}.cut-overlay__head{align-items:center;gap:.5rem;display:flex}.cut-overlay__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:1.15rem;font-weight:800}.cut-overlay__hint{opacity:.7;margin:0;font-size:.85rem}.cut-overlay__cards{flex-wrap:wrap;justify-content:center;gap:.6rem;padding:.4rem 0 .2rem;display:flex}.cut-overlay__card{appearance:none;padding:0}.cut-overlay__cancel{color:#ffffffd9;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:8px;margin-top:.2rem;padding:.5rem 1rem;font-weight:600}.cut-overlay__cancel:hover{background:#ffffff14}.player-avatar{object-fit:cover;color:#fff;box-sizing:border-box;border:2px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:border-color .15s,box-shadow .15s;display:inline-flex}.player-avatar--speaking{border-color:#3ba55d;box-shadow:0 0 0 2px #3ba55d73}.player-avatar--offline{filter:grayscale(.7)brightness(.7);opacity:.75}.player-avatar-wrap{flex:none;display:inline-flex;position:relative}.player-avatar__offline{color:#fff;border:1.5px solid var(--steel-900,#14161c);pointer-events:none;background:#e0364f;border-radius:50%;justify-content:center;align-items:center;width:1em;height:1em;font-size:.72rem;line-height:1;display:inline-flex;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 0 1px #e0364f80}.declare{flex-direction:column;align-items:center;gap:.35rem;display:flex}.declare__title{opacity:.7;font-size:.85rem}.declare__stepper{align-items:center;gap:.6rem;display:flex}.declare__step{cursor:pointer;color:#e8e8ec;background:var(--steel-700);border:1px solid var(--line);border-radius:8px;width:2rem;height:2rem;font-size:1.2rem;line-height:1}.declare__step:hover:not(:disabled){background:var(--steel-600)}.declare__step:disabled{opacity:.4;cursor:default}.declare__value{text-align:center;min-width:3rem;font-weight:700}.declare__submit{cursor:pointer;color:#fff;background:var(--neutral);border:none;border-radius:8px;padding:.35rem 1rem;font-weight:600}.declare__submit:disabled{opacity:.4;cursor:default}.declare__status{opacity:.6;font-size:.75rem}.declare__bomb{border:1px solid var(--line);background:var(--steel-800);color:#8b95ac;font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;margin-top:.3rem;padding:.35rem .75rem;font-weight:600;display:inline-flex}.declare__bomb:hover{color:#e7ecf6}.declare__bomb--on{color:#ffd2d2;background:#ff4d4d29;border-color:#ff4d4d}.other-hand__bomb{color:#ff8a8a;justify-content:center;align-items:center;gap:.3rem;margin-top:.2rem;font-size:.72rem;display:inline-flex}.card{background:var(--steel-700);border:3px solid #16182a;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:56px;height:78px;display:flex;box-shadow:0 3px #0006,inset 0 2px 5px #ffffff14}.card__art{filter:drop-shadow(0 1px 1px #00000059);width:38px;height:38px;display:block}.card__label{letter-spacing:.2px;text-align:center;overflow-wrap:anywhere;opacity:.95;max-width:100%;padding:0 3px;font-size:.5rem;font-weight:700;line-height:1.05}.card--back{cursor:pointer;background:linear-gradient(150deg,#323a5e,#1d2238)}.card--back:disabled{cursor:default}.card--cuttable{cursor:crosshair;animation:1.8s ease-in-out infinite card-breathe}.card--bomb{background:linear-gradient(150deg,#6e2630,#46131a)}.card--defuse{background:linear-gradient(150deg,#20704a,#133b29)}.card--neutral{background:linear-gradient(150deg,#353d61,#232842)}.card--flippable{transform-style:preserve-3d;padding:0;position:relative}.card--flippable .card__face{backface-visibility:hidden;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card--flippable .card__face--front{border-radius:13px;transform:rotateY(180deg)}.player-hand .card{transition:transform .14s,box-shadow .14s}.player-hand .card:hover{transform:translateY(-6px)scale(1.04);box-shadow:0 9px #0006,inset 0 2px 5px #ffffff1a}@keyframes card-breathe{0%,to{box-shadow:0 3px #0006,inset 0 2px 5px #ffffff14}50%{box-shadow:0 3px #0006,inset 0 2px 5px #ffffff14,0 0 14px #f5b14b8c}}@keyframes spark-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.65;transform:scale(1.4)rotate(22deg)}}.card-art__spark{transform-box:fill-box;transform-origin:50%;animation:.85s ease-in-out infinite spark-twinkle}@media (prefers-reduced-motion:reduce){.card-art__spark{animation:none}.player-hand .card{transition:none}.card--cuttable{animation:none}}.player-hand{text-align:center}.player-hand__title{opacity:.7;margin:0 0 .5rem;font-size:.9rem}.player-hand__cards{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.role-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;border:1.5px solid #0000;border-radius:14px;align-items:center;gap:.55rem;padding:.55rem 1.15rem;font-size:1.2rem;font-weight:800;display:inline-flex}.role-badge__icon{font-size:1.5rem;line-height:1}.role-badge__label{line-height:1}.role-badge--saboteur{color:#ffdade;background:linear-gradient(150deg,#6e2229,#3d141a);border-color:#ff4d4d99;box-shadow:0 0 24px #ff4d4d52,inset 0 1px #ffffff0f}.role-badge--defuser{color:#c9ffe7;background:linear-gradient(150deg,#1f6044,#114130);border-color:#2fe08a99;box-shadow:0 0 24px #2fe08a52,inset 0 1px #ffffff0f}.game-over{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.game-over--win{background:#1d4d36e0}.game-over--lose{background:#5a1d24e6}.game-over--spectator{background:#10141deb}.game-over__panel{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.game-over__flash{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 45%,#ff5a5ad9,#ff282880 60%,#0000 100%);position:absolute;inset:0}.game-over__confetti{z-index:1;pointer-events:none;width:0;height:0;position:absolute;top:42%;left:50%}.game-over__confetti-piece{filter:drop-shadow(0 2px 4px #0006);will-change:transform, opacity;font-size:1.7rem;position:absolute;top:0;left:0}.game-over__icon{font-size:5rem}.game-over__title{letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0;font-size:3.2rem;font-weight:800}.game-over--lose .game-over__title{color:#ff8a8a}.game-over--win .game-over__title{color:#7ef0b0}.game-over__subtitle{opacity:.9}.game-over__lastcut{border:1.5px solid var(--line);background:#00000047;border-radius:14px;flex-direction:column;align-items:center;gap:.25rem;margin:.7rem 0 .2rem;padding:.7rem 1.2rem;display:flex}.game-over__lastcut.card--bomb{border-color:#ff4d4d99}.game-over__lastcut.card--defuse{border-color:#2fe08a99}.game-over__lastcut.card--neutral{border-color:#6e7bf299}.game-over__lastcut-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;opacity:.55;font-size:.6rem}.game-over__lastcut-art{width:54px;height:54px;display:block}.game-over__lastcut-type{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;font-weight:800}.game-over__lastcut-cause{opacity:.8;text-align:center;font-size:.85rem}.game-over__roles{flex-direction:column;gap:.4rem;width:min(340px,80vw);margin:.4rem 0 0;padding:0;list-style:none;display:flex}.game-over__role{background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:.8rem;padding:.3rem .4rem .3rem .7rem;display:flex}.game-over__role-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.game-over__role-tag{text-transform:uppercase;letter-spacing:.03em;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.15rem .65rem;font-size:.85rem;font-weight:700;display:inline-flex}.game-over__role--saboteur{background:#ff4d4d14}.game-over__role--saboteur .game-over__role-tag{color:#ffc2c7;background:#ff4d4d2e;border-color:#ff4d4d8c}.game-over__role--defuser{background:#2fe08a12}.game-over__role--defuser .game-over__role-tag{color:#b9ffe0;background:#2fe08a29;border-color:#2fe08a80}.game-over__actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.2rem;display:flex}.game-over__replay{padding:.7rem 1.4rem;font-size:1.1rem}.game-over__lobby{padding:.7rem 1.2rem;font-size:1.05rem}@keyframes turn-pulse{0%,to{box-shadow:0 0 12px #2fb36b73}50%{box-shadow:0 0 26px #2fb36be6}}@keyframes board-glow{0%,to{box-shadow:0 0 0 1px #2fb36b4d,0 0 18px #2fb36b59}50%{box-shadow:0 0 0 1px #2fb36b80,0 0 34px #2fb36ba6}}@media (prefers-reduced-motion:reduce){.game-board__turn--mine,.game-board--mine .table{animation:none}}.round-toast{z-index:45;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(150deg,#1b2030f7,#11141ff7);border:1.5px solid #ffb0208c;border-radius:999px;align-items:center;gap:.85rem;padding:.6rem 1.5rem .6rem .8rem;display:flex;position:fixed;top:35%;left:50%;box-shadow:0 16px 44px #0000008c,0 0 30px #ffb0202e}.round-toast__ring{flex:none;width:40px;height:40px;transform:rotate(-90deg)}.round-toast__ring-track{fill:none;stroke:var(--line);stroke-width:3px}.round-toast__ring-fill{fill:none;stroke:var(--hazard);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 5px #ffb02080)}.round-toast__text{flex-direction:column;line-height:1.18;display:flex}.round-toast__title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--hazard);font-size:1.2rem;font-weight:800}.round-toast__next{font-family:var(--font-mono);color:var(--muted);font-size:.9rem}