@import "https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Jost:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg:#f3f0e8;--bg-soft:#e5ded2;--ink:#121318;--muted:#62636d;--line:#d6cdbc;--surface:#fffaf0;--surface-strong:#f7eddd;--accent:#ff4f7b;--accent-strong:#df2358;--accent-contrast:#fff;--green:#17a77b;--danger:#ff4d57;--warning:#f0a92c;--system:#6f56f5;--system-surface:#eeeafd;--shadow:0 24px 70px #12131826;--font-primary:"Jost", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary:"Cabin", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);font-family:var(--font-primary);font-synthesis:none;text-rendering:optimizelegibility}:root[data-theme=dark]{--bg:#030407;--bg-soft:#080a10;--ink:#f7f7fb;--muted:#9a9daa;--line:#1b1f2b;--surface:#0d1018;--surface-strong:#141925;--accent:#ff5a8a;--accent-strong:#ff7aa2;--accent-contrast:#090a0e;--green:#32d0a0;--danger:#ff626b;--warning:#f5ba52;--system:#9a87ff;--system-surface:#17122f;--shadow:0 28px 90px #0000009e}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 24rem),radial-gradient(circle at 80% 8%,color-mix(in srgb,var(--green) 12%,transparent),transparent 22rem),linear-gradient(180deg,var(--bg),var(--bg-soft));min-height:100vh;color:var(--ink);margin:0;transition:background-color .52s,background .52s,color .52s}.theme-changing body:before{content:"";z-index:9999;pointer-events:none;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 28%,transparent),transparent 45%);animation:.72s both theme-wash;position:fixed;inset:0}@keyframes theme-wash{0%{opacity:.45;clip-path:circle(0 at 88% 8%)}to{opacity:0;clip-path:circle(140% at 88% 8%)}}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);min-height:74px;margin:0 auto;display:flex}.room-topbar{grid-template-columns:auto 1fr;display:grid}.brand,.ghost-link{align-items:center;gap:10px;font-weight:850;display:inline-flex}.brand--mark-only{width:fit-content}.brand__mark{background:var(--ink);width:38px;height:38px;color:var(--surface);box-shadow:5px 5px 0 var(--accent);border-radius:8px;place-items:center;transition:background .42s,color .42s,box-shadow .42s,transform .18s;display:grid}.brand__mark:hover{transform:translateY(-1px)}.nav-controls{align-items:center;gap:10px;display:flex}.room-nav-actions{justify-content:flex-end}.copy-nav-button,.icon-action,.language-select,.theme-toggle{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);min-height:42px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;transition:background .32s,border-color .32s,color .32s,transform .16s;display:inline-flex}.language-select{gap:8px;padding:0 10px}.language-select select{color:var(--ink);background:0 0;border:0;outline:none;font-weight:850}.field select option,.language-select option{color:#121318;background:#fffaf0}.field select option:checked,.language-select option:checked{color:#fff;background:#ff4f7b}.theme-toggle{width:70px;padding:0 7px}.theme-toggle__track{background:color-mix(in srgb,var(--ink) 13%,transparent);border-radius:999px;width:52px;height:28px;transition:background .42s;display:block;position:relative}.theme-toggle__orb{background:var(--surface);width:20px;height:20px;color:var(--ink);border-radius:50%;place-items:center;transition:transform .42s cubic-bezier(.22,1,.36,1),background .42s,color .42s;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 4px 12px #0000002e}:root[data-theme=dark] .theme-toggle__orb{transform:translate(24px)rotate(180deg)}.icon-action{width:42px;padding:0}.icon-action--danger{border-color:color-mix(in srgb,var(--danger) 38%,var(--line));color:var(--danger)}.copy-nav-button{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--surface));min-width:178px;color:var(--ink);gap:10px;padding:0 18px;font-weight:900}.copy-nav-button:hover,.icon-action:hover,.language-select:hover,.theme-toggle:hover{transform:translateY(-1px)}.landing-page,.room-page{min-height:100vh}.home-hero{grid-template-columns:minmax(280px,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(30px,6vw,86px);width:min(1180px,100% - 32px);min-height:calc(100vh - 74px);margin:0 auto;padding:40px 0 72px;display:grid}.home-copy{justify-self:end;max-width:min(100%,700px)}.home-cards{justify-self:start;width:min(100%,520px);min-height:clamp(480px,62vh,540px);position:relative}.home-card{--role:var(--accent);--role-soft:color-mix(in srgb, var(--role) 12%, transparent);--rotation:0deg;aspect-ratio:.68;border:1px solid color-mix(in srgb,var(--role) 28%,var(--line));background:linear-gradient(160deg,#ffffff29,transparent 44%),color-mix(in srgb,var(--surface) 96%,transparent);width:clamp(176px,17vw,232px);color:var(--ink);transform:rotate(var(--rotation));border-radius:8px;flex-direction:column;justify-content:space-between;padding:16px;transition:background .42s,border-color .42s,box-shadow .42s,transform .18s;display:flex;position:absolute;box-shadow:0 26px 70px #1213182e}:root[data-theme=dark] .home-card{box-shadow:0 30px 80px #00000094}.home-card--white{--role:var(--ink);--rotation:-9deg;z-index:1;top:16%;left:6%}.home-card--undercover{--role:var(--accent);--rotation:3deg;z-index:3;top:3%;left:34%}.home-card--civil{--role:var(--green);--rotation:11deg;z-index:2;top:38%;left:20%}.home-card:hover{transform:translateY(-8px) rotate(var(--rotation))}.home-card__corner{width:32px;color:var(--role);align-content:start;justify-items:center;display:grid}.home-card__corner strong{margin:0;font-size:1.36rem;font-weight:950;line-height:.9;display:block}.home-card__corner--bottom{align-self:flex-end;transform:rotate(180deg)}.home-card__face{text-align:center;place-items:center;gap:10px;margin:auto 0;display:grid}.home-card__rank{background:var(--role-soft);width:82px;height:82px;color:var(--role);border-radius:50%;place-items:center;font-size:3rem;font-weight:950;line-height:1;display:grid}.home-card__face strong{color:var(--ink);margin:0;font-size:clamp(1.28rem,2vw,1.65rem);font-weight:950;line-height:1;display:block}.home-card p{max-width:92%;color:var(--muted);text-align:center;margin:0 auto;font-size:.82rem;font-weight:650;line-height:1.28}.center-state h1,.home-copy h1,.room-heading h1,.room-snapshot--join h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(2.5rem,4.25vw,4.55rem);line-height:.98;transition:color .42s}.muted{color:var(--muted)}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:950}.home-create{grid-template-columns:1fr;align-items:stretch;gap:12px;width:100%;margin-top:28px;display:grid}.home-field span{font-size:1rem}.home-field input{min-height:66px;padding:0 20px;font-size:1.08rem}.home-create__button{min-height:64px;font-size:1.08rem}.home-warning{max-width:640px;margin-top:18px}.create-room-panel,.join-form,.settings-form{gap:16px;display:grid}.field{color:var(--ink);gap:8px;font-size:.9rem;font-weight:850;display:grid}.chat-form input,.field input,.field select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:50px;color:var(--ink);border-radius:8px;outline:none;padding:0 15px;font-weight:700;transition:background .32s,color .32s,border-color .32s,box-shadow .16s}.chat-form input::-moz-placeholder{color:color-mix(in srgb,var(--muted) 74%,transparent);font-weight:450}.field input::-moz-placeholder{color:color-mix(in srgb,var(--muted) 74%,transparent);font-weight:450}.chat-form input::placeholder,.field input::placeholder{color:color-mix(in srgb,var(--muted) 74%,transparent);font-weight:450}.chat-form input:focus,.field input:focus,.field select:focus,.language-select select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.danger-button,.icon-button,.kick-button,.primary-button,.secondary-button{letter-spacing:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-weight:900;transition:transform .15s,border-color .26s,background .26s,color .26s;display:inline-flex}.danger-button:hover,.icon-button:hover,.kick-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button{border:1px solid var(--accent-strong);background:var(--accent);width:100%;color:var(--accent-contrast);box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 28%,transparent);padding:0 20px}.primary-button--fit{width:fit-content}.danger-button,.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 16px}.danger-button{border-color:color-mix(in srgb,var(--danger) 42%,var(--line));color:var(--danger)}.icon-button{width:42px;min-height:42px;color:inherit;background:0 0;border:1px solid #0000}.icon-button--small{width:30px;min-height:30px}.send-button{border-color:var(--accent-strong);background:var(--accent);width:50px;min-height:50px;color:var(--accent-contrast);flex:0 0 50px}.kick-button{border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line));width:36px;min-height:36px;color:var(--danger);background:0 0;padding:0;font-size:.78rem}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.inline-warning{border:1px solid color-mix(in srgb,var(--danger) 34%,var(--line));background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger);border-radius:8px;margin:0;padding:13px 14px;font-size:.95rem;line-height:1.45}.center-state,.join-layout,.lobby-layout{width:min(1180px,100% - 32px);margin:0 auto}.center-state{text-align:center;align-content:center;place-items:center;gap:18px}.center-state,.join-layout{min-height:calc(100vh - 74px);display:grid}.join-layout{padding:34px 0 56px}.join-layout--single{place-items:center}.panel,.room-snapshot{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);border-radius:8px;transition:background .42s,border-color .42s,box-shadow .42s}.room-snapshot--join{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent),var(--surface);gap:18px;width:min(100%,540px);padding:clamp(22px,5vw,36px);display:grid}.snapshot-topline{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;font-weight:900;display:flex}.room-code{aspect-ratio:1.9;background:var(--ink);width:min(100%,260px);color:var(--surface);letter-spacing:0;box-shadow:10px 10px 0 var(--accent);border-radius:8px;place-items:center;font-size:clamp(3rem,10vw,5.8rem);font-weight:950;display:inline-grid}.room-snapshot--join .room-code{margin:8px auto 6px}.join-form--clean{gap:14px;padding-top:4px}.join-field{gap:10px}.join-field span{font-size:1rem}.join-field input{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-strong) 72%,transparent)),var(--surface);border-width:2px;min-height:64px;padding:0 20px;font-size:1.08rem;box-shadow:inset 0 1px #ffffff6b}.join-form--clean .primary-button{min-height:58px;font-size:1.03rem}.room-heading{justify-content:space-between;align-items:flex-end;gap:20px;padding:30px 0 22px;display:flex}.room-heading h1{font-size:clamp(2.3rem,6vw,4.9rem)}.room-heading__actions{align-items:center;gap:10px;margin-bottom:7px;display:inline-flex}.lobby-grid{grid-template-columns:minmax(300px,.92fr) minmax(330px,.98fr) minmax(340px,1.1fr);align-items:start;gap:18px;padding-bottom:52px;display:grid}.panel{padding:22px}.panel__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel__header--flat{align-items:center}.panel__header--flat strong{background:color-mix(in srgb,var(--accent) 14%,var(--surface-strong));min-width:42px;min-height:34px;color:var(--accent-strong);border-radius:8px;place-items:center;font-size:1.08rem;display:grid}.panel h2{letter-spacing:0;margin:0;font-size:1.45rem}.cosmetics-button{border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--surface-strong));width:42px;min-height:42px;color:var(--accent-strong);border-radius:8px;place-items:center;transition:transform .15s,border-color .22s,background .22s,color .22s;display:grid}.cosmetics-button:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 18%,var(--surface));transform:translateY(-1px)}.cosmetics-button:disabled{transform:none}.players-panel{flex-direction:column;min-height:0;display:flex}.avatar-theme--char1{--avatar-bg:#ffc928;--avatar-bg-soft:#9b1d82;--avatar-glow:#ff4f7b38}.avatar-theme--char2{--avatar-bg:#76efe1;--avatar-bg-soft:#2d4feb;--avatar-glow:#2d4feb33}.avatar-switcher{grid-template-columns:48px minmax(0,1fr) 48px;place-items:center;min-height:260px;padding:12px 0 6px;display:grid}.avatar-arrow{z-index:2;width:58px;height:118px;color:color-mix(in srgb,var(--ink) 84%,var(--accent));background:0 0;border:0;border-radius:999px;place-items:center;transition:transform .15s,color .22s,opacity .22s;display:grid;position:relative}.avatar-arrow:hover{color:var(--accent-strong)}.avatar-arrow--previous:hover{transform:translate(-3px)}.avatar-arrow--next:hover{transform:translate(3px)}.avatar-arrow:disabled{opacity:.42}.avatar-switcher__frame{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#ffffff57,transparent 24%),linear-gradient(135deg,var(--avatar-bg-soft),var(--avatar-bg));width:min(220px,100%);box-shadow:0 18px 42px color-mix(in srgb,var(--ink) 18%,transparent),0 0 0 12px var(--avatar-glow,color-mix(in srgb,var(--accent) 16%,transparent));border:3px solid #fff;border-radius:999px;place-items:center;display:grid;overflow:hidden}.avatar-switcher__image{-o-object-fit:contain;object-fit:contain;width:112%;height:112%;display:block;transform:translateY(3px)}.player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.player-row{border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 42%,transparent),transparent),var(--surface-strong);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:10px;min-height:166px;padding:18px 10px 14px;position:relative}.player-avatar,.player-row{place-items:center;display:grid}.player-avatar{background:radial-gradient(circle at 34% 28%,#ffffff4d,transparent 24%),linear-gradient(135deg,var(--avatar-bg-soft),var(--avatar-bg));border:2px solid #fff;border-radius:999px;width:98px;height:98px;overflow:hidden}.player-avatar img{-o-object-fit:contain;object-fit:contain;width:112%;height:112%;display:block;transform:translateY(3px)}.player-row__name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;padding:0 4px;font-weight:900;overflow:hidden}.player-row__name small{color:var(--muted);margin-left:6px;font-weight:750}.host-badge{background:color-mix(in srgb,var(--warning) 22%,transparent);min-height:30px;color:color-mix(in srgb,var(--warning) 60%,var(--ink));border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:.78rem;font-weight:900;display:inline-flex}.player-row .host-badge{background:color-mix(in srgb,var(--warning) 28%,var(--surface));place-items:center;width:32px;min-height:32px;padding:0;display:grid}.player-row .host-badge,.player-row .kick-button{border-radius:999px;position:absolute;top:8px;right:8px}.player-row .kick-button{background:color-mix(in srgb,var(--danger) 10%,var(--surface));width:34px;min-height:34px}.settings-panel{min-height:540px;overflow:hidden}.role-carousel{grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:6px;min-height:328px;margin-bottom:18px;display:grid}.role-carousel__arrow{z-index:5;width:38px;height:86px;color:color-mix(in srgb,var(--ink) 78%,var(--accent));background:0 0;border:0;border-radius:999px;place-items:center;transition:color .18s,transform .16s;display:grid;position:relative}.role-carousel__arrow:hover{color:var(--accent-strong);transform:translateY(-1px)}.role-deck{perspective:900px;min-width:0;height:318px;position:relative}.room-role-card{--role:var(--accent);--role-soft:color-mix(in srgb, var(--role) 12%, transparent);z-index:0;aspect-ratio:.68;border:1px solid color-mix(in srgb,var(--role) 28%,var(--line));background:linear-gradient(160deg,#ffffff29,transparent 44%),color-mix(in srgb,var(--surface) 96%,transparent);width:min(174px,64%);color:var(--ink);opacity:0;pointer-events:none;border-radius:8px;flex-direction:column;justify-content:space-between;padding:14px;transition:opacity .26s,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .26s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)}.room-role-card--white{--role:var(--ink)}.room-role-card--undercover{--role:var(--accent)}.room-role-card--civil{--role:var(--green)}.room-role-card--active{z-index:3;opacity:1;pointer-events:auto;box-shadow:0 24px 58px color-mix(in srgb,var(--ink) 20%,transparent);transform:translate(-50%,-50%)rotate(0)scale(1)}.room-role-card--previous{transform:translate(calc(-50% - 82px),-50%)rotate(-14deg)scale(.82)}.room-role-card--next,.room-role-card--previous{z-index:2;opacity:.82;pointer-events:auto;box-shadow:0 14px 36px color-mix(in srgb,var(--ink) 13%,transparent)}.room-role-card--next{transform:translate(calc(82px - 50%),-50%)rotate(14deg)scale(.82)}.room-role-card__corner{width:32px;color:var(--role);align-content:start;justify-items:center;display:grid}.room-role-card__corner strong{margin:0;font-size:1.32rem;font-weight:950;line-height:.9;display:block}.room-role-card__corner--bottom{align-self:flex-end;transform:rotate(180deg)}.room-role-card__face{text-align:center;place-items:center;gap:9px;margin:auto 0;display:grid}.room-role-card__rank{background:var(--role-soft);width:66px;height:66px;color:var(--role);border-radius:50%;place-items:center;font-size:2.45rem;font-weight:950;line-height:1;display:grid}.room-role-card__title{max-width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;font-weight:900;line-height:1;display:block;overflow:hidden}.role-count-control{min-height:38px;font-family:var(--font-secondary);grid-template-columns:34px 48px 34px;justify-content:center;align-items:center;gap:5px;display:inline-grid}.role-count-control--readonly{grid-template-columns:1fr}.role-count-control strong{color:var(--role);font-size:2.05rem;font-weight:700;line-height:1}.role-count-control__button{border:1px solid color-mix(in srgb,var(--role) 35%,var(--line));background:color-mix(in srgb,var(--role) 9%,var(--surface));width:34px;height:34px;color:var(--role);border-radius:999px;place-items:center;transition:transform .15s,background .18s,opacity .18s;display:grid}.role-count-control__button:hover{background:color-mix(in srgb,var(--role) 16%,var(--surface));transform:translateY(-1px)}.setting-stepper{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 48%),color-mix(in srgb,var(--surface-strong) 74%,var(--surface));min-height:62px;font-family:var(--font-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:10px 12px 10px 15px;display:flex}.setting-stepper>span{color:var(--muted);font-size:.83rem;font-weight:850}.setting-stepper__control{grid-template-columns:34px 48px 34px;justify-content:center;align-items:center;gap:5px;display:inline-grid}.setting-stepper__control strong{color:var(--accent-strong);text-align:center;font-size:1.55rem;font-weight:900;line-height:1}.setting-stepper__button{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--surface));width:34px;height:34px;color:var(--accent-strong);border-radius:999px;place-items:center;transition:transform .15s,background .18s,opacity .18s;display:grid}.setting-stepper__button:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface));transform:translateY(-1px)}.setting-select-control{align-items:center;min-width:148px;display:grid;position:relative}.setting-select-control select{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));appearance:none;background:color-mix(in srgb,var(--accent) 9%,var(--surface));width:100%;min-height:42px;color:var(--accent-strong);font-family:var(--font-secondary);border-radius:999px;outline:none;padding:0 38px 0 14px;font-size:1rem;font-weight:900;transition:background .18s,border-color .18s,box-shadow .16s}.setting-select-control select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.setting-select-control__chevron{pointer-events:none;color:var(--accent-strong);position:absolute;right:13px}.settings-form{align-content:start}.settings-readonly{gap:12px;display:grid}.setting-stat{font-family:var(--font-secondary);border:1px solid var(--line);background:color-mix(in srgb,var(--surface-strong) 74%,var(--surface));border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:0 15px;display:flex}.setting-stat span{color:var(--muted);font-size:.83rem;font-weight:850}.setting-stat strong{color:var(--ink);text-align:right;font-size:1rem;font-weight:950}.chat-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 40%),color-mix(in srgb,var(--surface) 94%,transparent);flex-direction:column;height:540px;display:flex}.message-list{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--accent) 62%,var(--ink)) color-mix(in srgb,var(--surface-strong) 70%,transparent);scrollbar-gutter:stable;scrollbar-width:thin;flex:auto;align-content:start;gap:12px;min-height:0;padding:4px 9px 4px 0;display:grid;overflow-y:auto}.message-list::-webkit-scrollbar{width:10px}.message-list::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-strong) 72%,transparent);border-radius:999px}.message-list::-webkit-scrollbar-thumb{border:2px solid color-mix(in srgb,var(--surface-strong) 72%,transparent);background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--system) 55%,var(--accent)));border-radius:999px}.message-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 86%,var(--ink)),color-mix(in srgb,var(--system) 72%,var(--accent)))}.message-empty{margin:0}.message-row{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;justify-self:start;width:min(50%,430px);min-width:min(240px,100%);padding:11px 62px 11px 13px;position:relative}.message-row--own{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface-strong));justify-self:end}.message-row--player+.message-row--player{margin-top:-2px}.message-row--system{border-color:color-mix(in srgb,var(--system) 38%,var(--line));background:color-mix(in srgb,var(--system-surface) 88%,var(--surface));width:100%;max-width:100%;color:var(--system);justify-self:stretch;padding:10px 62px 10px 12px}.message-row p{font-family:var(--font-secondary);color:var(--ink);overflow-wrap:anywhere;margin:5px 0 0;font-size:.92rem;line-height:1.42}.message-row--system p{color:color-mix(in srgb,var(--system) 74%,var(--ink));margin-top:7px;font-size:.88rem;font-weight:650}.message-meta{min-width:0;color:var(--muted);display:block}.message-meta strong{max-width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:950;line-height:1.05;display:block;overflow:hidden}.message-meta time{color:var(--muted);text-align:right;white-space:nowrap;font-size:.66rem;font-weight:750;line-height:1;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.message-row--system .message-meta{display:block}.message-row--system .message-meta strong{border:1px solid color-mix(in srgb,var(--system) 32%,transparent);background:color-mix(in srgb,var(--system) 10%,transparent);max-width:100%;min-height:22px;color:var(--system);text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;font-size:.66rem;font-weight:900;display:inline-flex}.message-row--system .message-meta time{color:color-mix(in srgb,var(--system) 68%,var(--muted));font-size:.62rem;font-weight:700;right:12px}.chat-form{gap:10px;margin-top:auto;padding-top:14px;display:flex}.setting-toggle{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--surface-strong) 74%,var(--surface));width:100%;min-height:58px;color:var(--ink);font-family:var(--font-secondary);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px 10px 15px;transition:background .18s,border-color .18s,transform .15s;display:grid}.setting-toggle:hover{transform:translateY(-1px)}.setting-toggle>span:first-child{color:var(--muted);font-size:.83rem;font-weight:850}.setting-toggle strong{min-width:46px;color:var(--muted);text-align:right;font-weight:950}.setting-toggle--active{border-color:color-mix(in srgb,var(--green) 42%,var(--line));background:color-mix(in srgb,var(--green) 10%,var(--surface))}.setting-toggle--active strong{color:var(--green)}.setting-info{border:1px solid color-mix(in srgb,#111318 44%,var(--line));background:color-mix(in srgb,#111318 8%,var(--surface));color:#111318;border-radius:999px;outline:none;place-items:center;width:22px;height:22px;display:grid;position:relative}:root[data-theme=dark] .setting-info{color:#f7f7fb;background:#111318;border-color:#2b303b}.setting-info:after,.setting-info:before{z-index:20;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;position:absolute;right:0}.setting-info:before{content:"";background:#111318;width:10px;height:10px;bottom:calc(100% + 5px);transform:translateY(6px)rotate(45deg)}.setting-info:after{content:attr(data-tooltip);border:1px solid color-mix(in srgb,var(--surface) 18%,transparent);color:#fffaf0;width:min(260px,72vw);font-family:var(--font-secondary);text-align:left;background:#111318;border-radius:8px;padding:10px 12px;font-size:.78rem;font-weight:750;line-height:1.35;bottom:calc(100% + 10px);transform:translateY(6px);box-shadow:0 18px 45px #00000042}.setting-info:focus-visible:after,.setting-info:focus-visible:before,.setting-info:hover:after,.setting-info:hover:before{opacity:1;transform:translateY(0)rotate(45deg)}.setting-info:focus-visible:after,.setting-info:hover:after{transform:translateY(0)}.settings-start-button{margin-top:2px}.game-grid{grid-template-columns:minmax(420px,1.15fr) minmax(260px,.72fr) minmax(340px,.92fr);gap:18px;padding-bottom:52px}.game-stage-panel{background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 22rem),color-mix(in srgb,var(--surface) 94%,transparent);min-height:540px;position:relative;overflow:hidden}.game-stage-topline{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;font-size:.82rem;font-weight:950;display:flex}.turn-timer{border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));min-height:34px;color:var(--accent-strong);border-radius:999px;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.current-turn-card{grid-template-columns:148px minmax(0,1fr);align-items:center;gap:26px;min-height:220px;margin:16px 0 28px;display:grid}.current-turn-card p,.game-end-header p{margin:0 0 8px}.current-turn-card h2,.game-end-header h2{margin:0;font-size:clamp(2.1rem,4vw,4rem);line-height:.95}.turn-word-form{grid-template-columns:minmax(0,1fr) 190px;gap:12px;margin-top:auto;animation:.42s cubic-bezier(.22,1,.36,1) both turn-input-slide;display:grid;position:relative}.turn-word-form input{border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--surface);width:100%;min-height:70px;color:var(--ink);border-radius:999px;outline:none;padding:0 24px;font-size:1.25rem;font-weight:850}.turn-word-form input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent);font-weight:450}@keyframes turn-input-slide{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.skip-turn-button,.turn-waiting-pill{width:100%;margin-top:14px}.turn-waiting-pill{border:1px dashed color-mix(in srgb,var(--accent) 32%,var(--line));min-height:58px;color:var(--muted);border-radius:999px;place-items:center;font-weight:850;display:grid}.turn-word-list{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.turn-word-chip{border:1px solid var(--line);background:var(--surface-strong);min-height:34px;font-family:var(--font-secondary);border-radius:999px;align-items:center;gap:8px;padding:0 11px;display:inline-flex}.turn-word-chip span{color:var(--muted);font-size:.76rem;font-weight:850}.turn-word-chip strong{font-size:.92rem;font-weight:900}.turn-word-chip--skipped strong{color:var(--danger)}.vote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vote-card{border:1px solid var(--line);background:var(--surface-strong);min-height:174px;color:var(--ink);border-radius:8px;justify-items:center;gap:10px;padding:16px 10px;transition:transform .15s,border-color .18s,background .18s;display:grid}.vote-card--selected,.vote-card:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));transform:translateY(-2px)}.vote-card .player-avatar{width:86px;height:86px}.vote-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:950;overflow:hidden}.vote-card>span:last-child{color:var(--accent-strong);font-weight:950}.game-order-panel{min-height:540px}.game-order-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.game-order-list li{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;grid-template-columns:28px 54px minmax(0,1fr);align-items:center;gap:10px;min-height:72px;padding:8px 10px;transition:border-color .18s,background .18s,opacity .18s;display:grid}.game-order-list li>span:first-child{color:var(--muted);font-family:var(--font-secondary);text-align:center;font-weight:900}.game-order-list .player-avatar{width:50px;height:50px}.game-order-list strong{text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.game-order-item--active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.game-order-item--out{opacity:.46}.game-end-header{color:var(--warning);align-items:center;gap:18px;margin-bottom:24px;display:flex}.end-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.end-role-card,.role-reveal-card{opacity:1;pointer-events:auto;width:100%;min-height:232px;position:relative;top:auto;left:auto;transform:none}.end-role-card .room-role-card__face small,.role-reveal-card .room-role-card__face small{color:var(--muted);font-family:var(--font-secondary);font-size:.86rem;font-weight:850;display:block}.game-end-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.role-reveal-backdrop{background:#0000009e}.game-layout{width:min(1180px,100% - 32px);min-height:calc(100vh - 74px);margin:0 auto;padding:34px 0 122px;position:relative}.game-grid{grid-template-columns:minmax(0,1fr) minmax(320px,382px);align-items:stretch;gap:28px;min-height:calc(100vh - 230px);padding-bottom:0;display:grid}.game-stage{flex-direction:column;justify-content:center;min-height:560px;display:flex;position:relative;overflow:hidden}.game-chat-panel{align-self:center;height:min(640px,100vh - 132px);min-height:520px;position:sticky;top:90px}.game-stage-status{color:var(--muted);font-family:var(--font-secondary);text-transform:uppercase;justify-content:flex-start;align-items:center;gap:14px;font-size:.83rem;font-weight:900;display:flex;position:absolute;top:8px;left:0;right:0}.game-stage-split{grid-template-columns:minmax(240px,.74fr) minmax(280px,1fr);gap:clamp(28px,6vw,70px);display:grid}.game-stage-split,.game-stage-split--last-word{align-items:center}.current-player-showcase{text-align:center;justify-items:center;gap:11px;animation:.36s cubic-bezier(.22,1,.36,1) both player-focus-in;display:grid}.current-player-showcase h2{text-overflow:ellipsis;max-width:100%;margin:0;font-size:clamp(2.2rem,5vw,4.6rem);font-weight:950;line-height:.94;overflow:hidden}.current-player-showcase--last-word h2{font-size:clamp(2rem,4.6vw,4rem)}.current-turn-avatar{width:clamp(138px,17vw,190px);height:clamp(138px,17vw,190px)}.current-player-order,.turn-order-number{border:1px solid color-mix(in srgb,var(--ink) 18%,var(--line));background:var(--surface);width:30px;height:30px;color:var(--ink);font-family:var(--font-secondary);border-radius:999px;place-items:center;font-size:.82rem;font-weight:950;display:grid}.current-player-showcase .skip-turn-button{border-radius:999px;width:fit-content;min-height:42px;margin-top:4px;padding:0 16px}.spoken-word-board{scrollbar-color:color-mix(in srgb,var(--accent) 62%,var(--ink)) color-mix(in srgb,var(--surface-strong) 70%,transparent);scrollbar-gutter:stable;scrollbar-width:thin;align-content:start;gap:12px;min-height:230px;max-height:min(430px,48vh);padding:4px 10px 4px 0;display:grid;overflow-y:auto}.spoken-word-board::-webkit-scrollbar{width:10px}.spoken-word-board::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-strong) 72%,transparent);border-radius:999px}.spoken-word-board::-webkit-scrollbar-thumb{border:2px solid color-mix(in srgb,var(--surface-strong) 72%,transparent);background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--system) 55%,var(--accent)));border-radius:999px}.spoken-word-board--empty:before{content:"";background:color-mix(in srgb,var(--line) 72%,transparent);border-radius:999px;width:min(260px,70%);height:2px;display:block}.spoken-word-card{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--surface) 84%,transparent);border-radius:999px;grid-template-columns:minmax(92px,.72fr) minmax(0,1fr) minmax(92px,.72fr);align-items:center;width:min(100%,460px);min-height:58px;padding:10px 16px;animation:.26s both spoken-word-in;display:grid;box-shadow:0 14px 40px #00000014}.spoken-word-card--featured{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--surface) 95%,transparent)}.spoken-word-card:after{content:""}.spoken-word-card span{color:var(--muted);font-family:var(--font-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:850;display:block;overflow:hidden}.spoken-word-card strong{overflow-wrap:anywhere;color:var(--ink);font-family:var(--font-secondary);text-align:center;justify-self:center;font-size:clamp(1.35rem,3vw,2.25rem);font-weight:700;line-height:1.05;display:block}.spoken-word-card--skipped strong{color:var(--danger)}.turn-order-strip{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:13px;margin-top:clamp(28px,6vh,54px);display:flex}.turn-order-player{opacity:.76;justify-items:center;gap:8px;transition:opacity .18s,transform .18s;display:grid}.turn-order-player .player-avatar{width:72px;height:72px}.turn-order-player strong{max-width:92px;color:var(--ink);font-family:var(--font-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:760;line-height:1;overflow:hidden}.turn-order-player--active{opacity:1;transform:translateY(-4px)}.turn-order-player--active .turn-order-number{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:var(--accent);color:var(--accent-contrast)}.turn-order-word-badge{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--surface) 86%,transparent);max-width:118px;min-height:28px;color:var(--ink);font-family:var(--font-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 11px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.turn-order-word-badge--skipped{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));color:var(--danger)}.turn-order-player--out{opacity:.34}.game-bottom-hud{z-index:42;pointer-events:none;gap:10px;width:min(690px,100vw - 32px);display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.secret-word-badge{border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--surface) 92%,transparent);pointer-events:auto;border-radius:999px;justify-self:center;align-items:center;gap:10px;max-width:100%;min-height:42px;padding:0 16px;display:inline-flex;box-shadow:0 16px 40px #00000029}.secret-word-badge span{color:var(--muted);font-family:var(--font-secondary);text-transform:uppercase;font-size:.76rem;font-weight:850}.secret-word-badge strong{max-width:min(360px,58vw);color:var(--ink);font-family:var(--font-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.turn-word-form--dock{box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:999px;grid-template-columns:minmax(0,1fr) 58px;gap:10px;margin:0;padding:0;display:grid}.turn-word-form--dock input{border:1px solid color-mix(in srgb,var(--ink) 14%,var(--line));background:color-mix(in srgb,var(--surface) 94%,transparent);border-radius:999px;min-height:58px;padding:0 20px;font-size:1.08rem;box-shadow:0 18px 48px #0000002e}.turn-word-form--dock input:focus{border-color:color-mix(in srgb,var(--ink) 20%,var(--line));box-shadow:0 18px 48px #0000002e}.turn-word-form--dock .primary-button{white-space:nowrap;border-radius:999px;width:58px;min-height:58px;padding:0}.vote-stage{align-content:center;gap:22px;min-height:480px;display:grid}.vote-stage__header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.vote-stage__header h2{margin:0;font-size:clamp(2.6rem,6vw,5.6rem);font-weight:650;line-height:.9}.vote-stage__header span{color:var(--muted);font-family:var(--font-secondary);font-weight:900}.vote-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.game-end-stage{align-content:center;gap:24px;min-height:520px;display:grid}.game-end-header{color:var(--ink);text-align:center;margin-bottom:0;display:block}.end-player-row{scrollbar-color:color-mix(in srgb,var(--accent) 62%,var(--ink)) color-mix(in srgb,var(--surface-strong) 70%,transparent);scrollbar-width:thin;gap:18px;padding:4px 4px 18px;display:flex;overflow-x:auto}.end-player-card{flex:0 0 176px;justify-items:center;gap:9px;display:grid}.end-player-card .room-role-card{border-color:color-mix(in srgb,var(--role) 34%,var(--line));opacity:1;pointer-events:none;width:150px;min-height:224px;position:relative;top:auto;left:auto;transform:none;box-shadow:0 18px 44px #00000024}.end-player-card .end-role-avatar,.end-player-card .room-role-card__rank{border:2px solid color-mix(in srgb,var(--role) 76%,#fff);width:68px;height:68px;padding:0;font-size:1.9rem;overflow:hidden}.end-player-card .end-role-avatar img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block;transform:none}.end-player-card .room-role-card__title{white-space:normal;font-size:1rem}.end-player-word{border:1px solid var(--line);background:var(--surface-strong);max-width:100%;min-height:34px;color:var(--ink);font-family:var(--font-secondary);border-radius:999px;place-items:center;padding:0 12px;font-size:.9rem;font-weight:900;display:grid}.role-reveal-modal{perspective:1200px;width:min(360px,100%)}.role-reveal-card-shell{filter:drop-shadow(0 34px 70px #00000061);width:min(300px,100%);min-height:440px;transform-style:preserve-3d;margin:0 auto;animation:6s cubic-bezier(.08,.84,.16,1) both card-reveal-spin;position:relative}.reveal-card-face{opacity:1;pointer-events:none;backface-visibility:hidden;width:100%;min-height:440px;margin:0;position:absolute;inset:0;transform:none}.reveal-card-face--idle{--role:#242832;--role-soft:#ffffff0b;color:#252a35;background:linear-gradient(155deg,#ffffff0b,#0000 42%),#101218;border-color:#2a1823;animation:6s linear both reveal-idle-face}.reveal-card-face--idle .room-role-card__rank{color:#262b36;background:#ffffff09;width:94px;height:94px;font-size:3.25rem}.reveal-card-face--actual{--role:var(--accent);--role-soft:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb,var(--accent) 32%,#101218);color:var(--accent);background:linear-gradient(155deg,#ffffff0e,#0000 42%),#101218;animation:6s linear both reveal-actual-face}.reveal-card-face--actual .room-role-card__rank{width:92px;height:92px;font-size:3.25rem}.reveal-card-face--actual .room-role-card__face small{color:var(--muted);font-family:var(--font-secondary);font-size:.86rem;font-weight:850;display:block}.reveal-secret-word,.room-role-card--secret .room-role-card__title{white-space:normal;color:#fffaf0;max-width:100%;font-family:var(--font-secondary);font-size:clamp(1.5rem,4.6vw,2.4rem);font-weight:650;line-height:1.04;display:block}.elimination-reveal-modal{perspective:1200px;justify-items:center;gap:18px;width:min(380px,100%);display:grid}.elimination-player{color:#fffaf0;justify-items:center;gap:8px;display:grid}.elimination-player .player-avatar{width:96px;height:96px}.elimination-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(320px,82vw);font-size:1.35rem;font-weight:950;overflow:hidden}.elimination-role-card{opacity:1;pointer-events:none;width:min(220px,72vw);min-height:320px;animation:1.7s cubic-bezier(.13,.82,.2,1) both elimination-card-spin;position:relative;top:auto;left:auto;transform:none}.elimination-role-card .room-role-card__rank{width:76px;height:76px;font-size:2.75rem}.elimination-role-card .room-role-card__face small{color:var(--muted);font-family:var(--font-secondary);font-size:.9rem;font-weight:760;display:block}@keyframes player-focus-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes spoken-word-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes reveal-idle-face{0%,79%{opacity:1}84%,to{opacity:0}}@keyframes reveal-actual-face{0%,79%{opacity:0}84%,to{opacity:1}}@keyframes card-reveal-spin{0%{opacity:0;transform:rotateY(0)scale(.82)}8%{opacity:1}to{opacity:1;transform:rotateY(5turn)scale(1)}}@keyframes elimination-card-spin{0%{opacity:0;transform:rotateY(-540deg)scale(.84)}to{opacity:1;transform:rotateY(0)scale(1)}}.toast-stack{z-index:50;pointer-events:none;width:min(440px,100vw - 36px);position:fixed;bottom:18px;left:18px}.toast,.toast-stack{gap:12px;display:grid}.toast{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);pointer-events:auto;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:72px;padding:15px 14px 18px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000038}.toast p{color:var(--ink);margin:0;font-weight:800;line-height:1.32}.toast--success .toast__bossbar{color:var(--green);background:var(--green)}.toast--error .toast__bossbar{color:var(--danger);background:var(--danger)}.toast--info .toast__bossbar{color:var(--system);background:var(--system)}.toast__bossbar{transform-origin:0;width:100%;height:5px;animation:toast-bossbar var(--toast-duration) linear forwards;position:absolute;bottom:0;left:0}@keyframes toast-bossbar{to{transform:scaleX(0)}}.toast-enter-active,.toast-leave-active{transition:opacity .19s,transform .19s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)scale(.98)}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal,.cosmetics-modal{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;padding:26px;position:relative}.cosmetics-modal{width:min(460px,100%);overflow:visible}.cosmetics-modal__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.cosmetics-modal__close{flex:none}.cosmetics-modal h2{margin:0;font-size:1.5rem}.avatar-switcher--modal{margin-top:4px}.confirm-modal__close{position:absolute;top:12px;right:12px}.confirm-modal__icon{background:color-mix(in srgb,var(--danger) 12%,var(--surface-strong));width:48px;height:48px;color:var(--danger);border-radius:8px;place-items:center;display:grid}.confirm-modal h2{margin:18px 0 8px;font-size:1.55rem}.confirm-modal p{color:var(--muted);margin:0;line-height:1.5}.confirm-modal__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .17s}.modal-fade-enter-active .confirm-modal,.modal-fade-enter-active .cosmetics-modal,.modal-fade-leave-active .confirm-modal,.modal-fade-leave-active .cosmetics-modal{transition:transform .21s cubic-bezier(.22,1,.36,1),opacity .21s}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .confirm-modal,.modal-fade-enter-from .cosmetics-modal,.modal-fade-leave-to .confirm-modal,.modal-fade-leave-to .cosmetics-modal{opacity:0;transform:translateY(14px)scale(.97)}@media (width<=980px){.home-hero{grid-template-columns:1fr;gap:34px}.home-copy{order:-1;justify-self:stretch;max-width:760px}.home-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;width:100%;min-height:auto;display:grid}.home-card,.home-card--civil,.home-card--undercover,.home-card--white{justify-self:center;width:min(100%,218px);min-height:0;margin:0;position:relative;top:auto;left:auto;transform:none}.home-card:hover{transform:translateY(-4px)}}@media (width<=1050px){.lobby-grid{grid-template-columns:1fr}.chat-panel{height:470px}}@media (width<=760px){.room-topbar{grid-template-columns:auto 1fr}.copy-nav-button{min-width:0;padding:0 12px}.room-heading{flex-direction:column;align-items:flex-start}.message-row{width:min(82%,430px);min-width:0}.message-row--system{width:100%}.home-cards,.home-create{grid-template-columns:1fr}.home-card,.home-card--civil,.home-card--undercover,.home-card--white{width:min(100%,210px)}.home-copy h1{font-size:clamp(2.35rem,11vw,3.85rem)}}@media (width<=560px){.center-state,.home-hero,.join-layout,.lobby-layout,.topbar{width:min(100% - 24px,1180px)}.topbar{min-height:68px}.brand span:last-child{display:none}.language-select{width:54px;padding:0 6px}.language-select svg{display:none}.theme-toggle{width:58px}.theme-toggle__track{width:44px}:root[data-theme=dark] .theme-toggle__orb{transform:translate(16px)rotate(180deg)}.copy-nav-button span{display:none}.copy-nav-button{width:44px}.confirm-modal,.cosmetics-modal,.panel,.room-snapshot--join{padding:16px}.center-state h1,.room-heading h1,.room-snapshot--join h1{font-size:clamp(2rem,12vw,3.2rem);line-height:1}.danger-button,.primary-button,.primary-button--fit,.secondary-button{width:100%}.players-panel,.settings-panel{min-height:auto}.avatar-switcher{grid-template-columns:44px minmax(0,1fr) 44px;min-height:214px;padding:8px 0}.avatar-arrow{width:44px;height:92px}.avatar-switcher__frame{width:min(190px,100%)}.role-carousel{grid-template-columns:34px minmax(0,1fr) 34px;min-height:286px}.role-carousel__arrow{width:34px}.role-deck{height:276px}.room-role-card{width:min(152px,66%)}.room-role-card--previous{transform:translate(calc(-50% - 58px),-50%)rotate(-13deg)scale(.78)}.room-role-card--next{transform:translate(calc(58px - 50%),-50%)rotate(13deg)scale(.78)}.room-role-card__title{font-size:.95rem}.player-list{grid-template-columns:repeat(2,minmax(0,1fr))}.player-row{min-height:146px;padding:16px 8px 12px}.player-avatar{width:78px;height:78px}.player-row .host-badge,.player-row .kick-button{top:7px;right:7px}.chat-form{align-items:stretch}.confirm-modal__actions{grid-template-columns:1fr}}@media (width<=1050px){.game-grid{grid-template-columns:1fr}.game-order-panel,.game-stage-panel{min-height:auto}}@media (width<=760px){.current-turn-card,.game-end-actions,.turn-word-form{grid-template-columns:1fr}.current-turn-card{text-align:center;justify-items:center}.end-role-grid,.vote-grid{grid-template-columns:1fr}.role-reveal-card{min-height:390px}}@media (width<=1050px){.game-layout{padding-bottom:150px}.game-grid{grid-template-columns:1fr;min-height:auto}.game-stage{min-height:auto;padding:32px 0 0}.game-chat-panel{height:470px;min-height:470px;position:relative;top:auto}.game-stage-status{margin-bottom:28px;position:relative;top:auto}.game-stage-split{grid-template-columns:1fr}.spoken-word-board{justify-items:center;min-height:auto}}@media (width<=760px){.game-layout{width:min(100% - 24px,1180px);padding-top:16px}.game-stage-status{flex-direction:column;align-items:flex-start;gap:8px}.current-player-showcase h2{font-size:clamp(2rem,12vw,3.35rem)}.turn-order-player .player-avatar{width:48px;height:48px}.current-player-order,.turn-order-number{width:28px;height:28px;font-size:.78rem}.turn-order-word-badge{max-width:86px;min-height:26px;font-size:.72rem}.game-bottom-hud{width:min(100% - 24px,690px);bottom:14px}.turn-word-form--dock{border-radius:28px;grid-template-columns:1fr}.turn-word-form--dock .primary-button{width:100%;min-height:54px}.secret-word-badge{min-height:38px}.end-player-row{gap:14px}.end-player-card{flex-basis:150px}.end-player-card .room-role-card{width:132px;min-height:196px}.reveal-card-face,.role-reveal-card-shell{min-height:390px}}