@font-face{font-family:Wolf Text;src:url(/assets/fonts/wolf-text.ttf) format("truetype");font-display:swap}@font-face{font-family:Wolf Number;src:url(/assets/fonts/wolf-number.ttf) format("truetype");font-display:swap}:root{color-scheme:dark;--bg-deep: #0b0d21;--bg-night: #121538;--surface: rgba(23, 27, 62, .96);--surface-raised: rgba(35, 40, 82, .96);--surface-soft: rgba(42, 48, 92, .72);--surface-paper: #f2d7a1;--border: rgba(150, 158, 224, .24);--border-bright: rgba(160, 206, 255, .42);--text: #f7f4ff;--text-soft: #c5c7df;--muted: #969bbd;--gold: #ffd55f;--gold-strong: #f4a62a;--cyan: #5de7ea;--blue: #538af7;--red: #f05a66;--red-deep: #8e263f;--green: #54d69d;--purple: #9a72ff;--shadow-soft: 0 18px 50px rgba(3, 5, 20, .32);--shadow-strong: 0 28px 80px rgba(3, 4, 16, .58);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--transition-fast: .16s ease;--transition: .24s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg-deep)}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(86,74,196,.24),transparent 44%),var(--bg-deep);color:var(--text);font-family:Wolf Text,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,select{cursor:pointer}button,input,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.46}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{text-wrap:balance}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:3000;top:12px;left:12px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--gold);color:#301c08;font-weight:800;transform:translateY(-150%);transition:transform var(--transition-fast)}.skip-link:focus-visible{transform:translateY(0)}.muted{color:var(--muted)}.eyebrow,.overline{color:var(--gold);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.screen{position:relative;min-height:100dvh}.screen-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 28% 38%,transparent 0 18%,rgba(8,9,32,.12) 50%),linear-gradient(90deg,#080a2142,#080a21b8)}.brand-logo{width:min(430px,80vw);height:auto;filter:drop-shadow(0 20px 26px rgba(5,5,18,.4))}.game-panel{border:1px solid var(--border);background:linear-gradient(145deg,#2f356ac7,#121535f5),var(--surface);box-shadow:var(--shadow-strong)}.game-button{position:relative;min-height:50px;border:1px solid rgba(182,193,255,.28);border-radius:var(--radius-sm);padding:11px 18px;background:var(--surface-raised);color:var(--text);font-weight:800;letter-spacing:.01em;transition:border-color var(--transition-fast),filter var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.game-button:hover:not(:disabled){border-color:#b2e2ffb3;filter:brightness(1.08);transform:translateY(-2px)}.game-button:active:not(:disabled){transform:scale(.97)}.primary-button{border-color:#ffd76c;background:linear-gradient(180deg,#ffdd68,#f6ad31 56%,#dc7025);box-shadow:inset 0 2px #ffffff61,inset 0 -3px #6b261061,0 9px 22px #f0892333;color:#3d2009;text-shadow:0 1px rgba(255,245,185,.45)}.primary-button:hover:not(:disabled){border-color:#fff0a8;filter:brightness(1.08) saturate(1.08)}.secondary-button{border-color:#6fdcf59e;background:linear-gradient(180deg,#39cadd,#2784c5);box-shadow:inset 0 2px #fff3;color:#071e35}.compact-button{min-height:44px;padding:8px 14px;white-space:nowrap}.icon-button{display:inline-grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border:1px solid var(--border);border-radius:12px;background:#1c2047db;color:var(--text);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.icon-button:hover{border-color:var(--border-bright);background:#3e4685e6;transform:translateY(-1px)}.icon-button:active{transform:scale(.94)}.icon-button svg,.game-button svg,.input-shell svg,.room-code-button svg,.faction svg,.skill-button svg,.chat-form svg,.vote-meter svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.screen-loading{display:grid;overflow:hidden;place-items:center;padding:32px;background:linear-gradient(#0a0b2775,#0a0b27d1),url(/assets/backgrounds/sky-night.png) center 44% / cover no-repeat}.screen-loading:before,.screen-loading:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.screen-loading:before{background:url(/assets/backgrounds/plant-night.png) center 56% / cover no-repeat;opacity:.62}.screen-loading:after{background:radial-gradient(circle at center,transparent 0 34%,rgba(3,5,22,.66) 100%),linear-gradient(180deg,transparent,rgba(4,5,21,.72))}.ambient-orb{position:absolute;z-index:1;width:420px;height:420px;border-radius:50%;filter:blur(72px);opacity:.24;pointer-events:none}.ambient-orb-one{top:-180px;left:-120px;background:#5f5bea;animation:ambient-drift 8s ease-in-out infinite alternate}.ambient-orb-two{right:-160px;bottom:-180px;background:#d84b85;animation:ambient-drift 10s ease-in-out 1s infinite alternate-reverse}.loading-stage{position:relative;z-index:2;display:grid;width:min(540px,100%);justify-items:center;text-align:center}.loading-logo{width:min(330px,70vw);margin-top:-8px;animation:logo-float 3.2s ease-in-out infinite}.loading-card-wrap{position:relative;width:116px;height:154px;margin:-36px 0 18px;transform:rotate(-3deg)}.loading-role-card{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:10px;filter:drop-shadow(0 16px 24px rgba(4,4,16,.55));animation:card-breathe 2.4s ease-in-out infinite}.loading-card-glow{position:absolute;top:16%;right:16%;bottom:16%;left:16%;z-index:1;border-radius:50%;background:#9c73ff;filter:blur(24px);opacity:.65}.loading-copy{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;color:var(--text-soft);font-size:.9rem}#loading-percent{color:var(--gold);font-family:Wolf Number,monospace;font-size:1.12rem;font-variant-numeric:tabular-nums}.loading-track{position:relative;width:100%;height:16px;overflow:hidden;border:2px solid rgba(154,170,244,.34);border-radius:999px;background:#050619b8;box-shadow:inset 0 3px 8px #00000073}#loading-progress{position:absolute;inset:2px auto 2px 2px;width:0;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#7547df,#df4e8d 48%,#ffd65d);box-shadow:0 0 18px #d766dca6;transition:width .28s cubic-bezier(.16,1,.3,1)}#loading-progress:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.5) 45%,transparent 70%);content:"";transform:translate(-100%);animation:loading-shine 1.35s ease-in-out infinite}.loading-tip{margin:14px 0 0;color:var(--muted);font-size:.82rem}.screen-login,.screen-lobby{overflow:hidden auto;background:linear-gradient(#1113383d,#08091cb3),url(/assets/backgrounds/lobby.png) center / cover fixed no-repeat}.screen-login:before,.screen-lobby:before{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 14%,rgba(96,79,219,.3),transparent 30%),radial-gradient(circle at 78% 72%,rgba(204,66,131,.14),transparent 32%);content:"";pointer-events:none}.login-layout{position:relative;z-index:1;display:grid;width:min(1180px,100%);min-height:100dvh;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:center;gap:clamp(48px,8vw,112px);margin:0 auto;padding:clamp(32px,6vw,80px)}.login-brand{max-width:620px}.login-brand .brand-logo{margin:-18px 0 -22px}.login-brand h1{margin-bottom:12px;font-size:clamp(2.35rem,5vw,4.6rem);line-height:.98;letter-spacing:-.035em;text-shadow:0 8px 28px rgba(5,5,18,.38)}.login-brand>p:not(.eyebrow){max-width:590px;color:var(--text-soft);font-size:1.08rem}.feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.feature-chips span{border:1px solid var(--border);border-radius:999px;padding:7px 12px;background:#1013339e;color:#e5e7fa;font-size:.82rem;font-weight:700}.login-panel{display:flex;border-radius:var(--radius-lg);flex-direction:column;padding:clamp(26px,4vw,42px)}.panel-kicker{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.panel-kicker-line{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,211,92,.58))}.panel-kicker-line:last-child{transform:scaleX(-1)}.login-panel h2{margin-bottom:4px;font-size:1.65rem}.login-panel>.muted{margin-bottom:24px}.login-panel label,.room-action-card>label:not(.player-count){margin-bottom:7px;color:var(--text-soft);font-size:.82rem;font-weight:800}.input-shell{display:flex;min-height:52px;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;background:#080a2294;color:var(--muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-shell:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #5de7ea1f}.input-shell input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:1rem}input::placeholder{color:#7e83a7}.field-help{margin:7px 0 22px;color:var(--muted);font-size:.8rem}.login-panel .primary-button{display:flex;align-items:center;justify-content:center;gap:8px}.demo-divider{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.demo-divider:before,.demo-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(167,145,232,.55))}.demo-divider:after{transform:scaleX(-1)}.demo-entry{display:flex;min-height:58px;align-items:center;justify-content:space-between;border-color:#ae8bff94;background:linear-gradient(135deg,#6647bf94,#2e2566e0),var(--surface-raised);color:#f7f2ff}.demo-entry small{color:#c8bfea;font-size:.68rem;font-weight:700}.error{min-height:1.5em;margin:8px 0 0;color:#ff929b;font-size:.86rem}.lobby-shell{position:relative;z-index:1;width:min(1440px,100%);min-height:100dvh;margin:0 auto;padding:20px clamp(20px,4vw,64px) 48px}.lobby-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:92px;border-bottom:1px solid rgba(144,153,220,.18)}.lobby-player{display:flex;align-items:center;gap:12px}.lobby-player strong{display:block;max-width:220px;overflow:hidden;color:var(--text);font-size:1.04rem;text-overflow:ellipsis;white-space:nowrap}.avatar-frame{position:relative;width:56px;height:56px;overflow:hidden;border:2px solid rgba(255,214,103,.8);border-radius:16px;background:#252956;box-shadow:0 6px 18px #04041252}.avatar-frame img{width:100%;height:100%;object-fit:cover}.online-dot{position:absolute;right:2px;bottom:2px;width:10px;height:10px;border:2px solid #20244d;border-radius:50%;background:var(--green)}.lobby-logo{width:138px;margin:-30px 0 -38px}.lobby-status{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:var(--text-soft);font-size:.84rem}.status-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #54d69d1f;animation:status-pulse 2s ease-out infinite}.lobby-content{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(620px,1.28fr);align-items:center;gap:clamp(40px,6vw,88px);padding-top:clamp(36px,6vh,84px)}.lobby-intro{align-self:start;padding-top:60px}.lobby-intro h1{max-width:620px;margin:10px 0 18px;font-size:clamp(2.35rem,4.6vw,4.5rem);line-height:.98;letter-spacing:-.042em;text-shadow:0 12px 32px rgba(4,4,18,.38)}.lobby-intro>p:not(.eyebrow){max-width:540px;color:var(--text-soft);font-size:1.02rem}.role-stack{display:flex;margin-top:28px;padding-left:8px}.role-stack img{width:62px;height:62px;margin-left:-8px;border:2px solid rgba(255,255,255,.18);border-radius:50%;background:#141739e0;object-fit:contain;transition:transform var(--transition),z-index 0s}.role-stack img:hover{z-index:2;transform:translateY(-5px) scale(1.06)}.lobby-board{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:clamp(22px,3vw,36px)}.lobby-board:before{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 8%,rgba(104,129,255,.14),transparent 28%),linear-gradient(155deg,transparent 58%,rgba(105,59,164,.1));content:"";pointer-events:none}.board-heading,.room-list-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px}.board-heading{margin-bottom:24px}.board-heading h2,.room-list-heading h3{margin:2px 0 0}.room-actions{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.room-action-card{position:relative;display:grid;min-width:0;grid-template-columns:auto 1fr;gap:10px 14px;overflow:hidden;border:1px solid rgba(158,169,235,.22);border-radius:var(--radius-md);padding:20px;background:linear-gradient(145deg,#32396ebd,#1b1e43e0)}.room-action-card:after{position:absolute;right:-50px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:#528af724;content:"";filter:blur(4px)}.join-card:after{background:#e54c8621}.action-number{position:absolute;top:14px;right:16px;color:#d2d7ff3d;font-family:Wolf Number,monospace;font-size:1.42rem}.action-icon{display:grid;width:48px;height:48px;grid-row:span 2;place-items:center;border:1px solid rgba(110,218,244,.45);border-radius:13px;background:#348bbf33;color:var(--cyan)}.join-card .action-icon{border-color:#da71a673;background:#b33f7b29;color:#ff91c1}.action-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-copy{min-width:0}.action-copy h3{margin:0 0 3px;font-size:1.02rem}.action-copy p{margin:0;color:var(--muted);font-size:.82rem}.player-count{position:relative;z-index:1;display:flex;min-height:46px;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 7px 0 13px;background:#080a228a;color:var(--text-soft);font-size:.84rem;font-weight:700}.player-count select{min-width:72px;border:0;border-radius:8px;padding:7px 9px;background:#48529685;color:var(--text);font-weight:800}.room-action-card>.game-button{position:relative;z-index:1;grid-column:1 / -1}.room-action-card>label:not(.player-count){grid-column:1 / -1;margin:4px 0 -4px}.room-code-input{position:relative;z-index:1;width:100%;min-height:46px;grid-column:1 / -1;border:1px solid var(--border);border-radius:var(--radius-sm);outline:0;padding:9px 14px;background:#080a228a;color:var(--gold);font-family:Wolf Number,monospace;font-size:1.2rem;font-weight:800;letter-spacing:.24em;text-align:center;text-transform:uppercase}.room-list-heading{margin:26px 0 12px;padding-top:20px;border-top:1px solid rgba(152,161,224,.15)}.room-list-heading h3{font-size:1rem}.room-list-heading .muted{font-size:.76rem}.room-list{position:relative;display:grid;max-height:230px;gap:8px;overflow-y:auto;margin:0;padding:0 4px 0 0;list-style:none;scrollbar-color:rgba(131,145,214,.48) transparent}.room-list li{display:grid;min-height:58px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(145,154,218,.16);border-radius:12px;padding:8px 9px 8px 13px;background:#0e113080;transition:border-color var(--transition-fast),background var(--transition-fast)}.room-list li:hover{border-color:#6fceee66;background:#222854a3}.room-list li.empty-room-list{display:flex;min-height:74px;justify-content:center;color:var(--muted);text-align:center}.room-list code{color:var(--gold);font-family:Wolf Number,monospace;font-size:1rem;letter-spacing:.08em}.room-list .room-list-copy{min-width:0}.room-list .room-list-copy strong,.room-list .room-list-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-list .room-list-copy strong{font-size:.9rem}.room-list .room-list-copy span{color:var(--muted);font-size:.74rem}.room-list button{min-width:70px;min-height:40px;border:1px solid rgba(107,215,241,.45);border-radius:9px;background:#298db83d;color:#bff8ff;font-size:.82rem;font-weight:800}.screen-table{display:flex;height:100dvh;min-height:650px;flex-direction:column;overflow:hidden;background:#090b20}.game-topbar{position:relative;z-index:20;display:flex;min-height:72px;flex:0 0 72px;align-items:center;gap:14px;border-bottom:1px solid rgba(144,156,225,.22);padding:10px 18px;background:linear-gradient(180deg,#3d1f28f7,#261931f7),var(--surface);box-shadow:0 10px 28px #02031042}.back-button{border-color:#ffc56452;background:#703628a8;color:var(--gold)}.room-meta{display:flex;flex-direction:column;padding-right:14px;border-right:1px solid rgba(166,154,197,.2)}.room-code-button{display:flex;min-height:30px;align-items:center;gap:7px;border:0;padding:0;background:transparent;color:var(--text)}.room-code-button strong{font-family:Wolf Number,monospace;font-size:1.08rem;letter-spacing:.09em}.room-code-button svg{width:16px;height:16px;color:var(--muted)}.faction-counter{display:flex;align-items:center;gap:7px}.faction{display:flex;min-height:42px;align-items:center;gap:4px;border:1px solid var(--border);border-radius:11px;padding:4px 9px 4px 5px;background:#1416388a}.faction img{width:34px;height:34px;object-fit:contain}.faction strong{font-family:Wolf Number,monospace;font-variant-numeric:tabular-nums}.villager-faction{color:var(--cyan)}.wolf-faction{color:#ff8f9b}.total-faction{color:var(--gold)}.total-faction svg{width:28px;height:28px}.role-badge{display:flex;min-width:158px;min-height:50px;align-items:center;gap:9px;border:1px solid rgba(161,133,255,.48);border-radius:13px;padding:5px 12px 5px 6px;background:linear-gradient(135deg,#6647bf85,#252055b8);color:var(--text);text-align:left}.demo-badge{margin-left:auto;border:1px solid rgba(190,154,255,.58);border-radius:999px;padding:7px 13px;background:linear-gradient(135deg,#7348cdd1,#432f84e6);color:#f6efff;font-size:.7rem;font-weight:900;letter-spacing:.08em}.role-badge img{width:40px;height:40px;object-fit:contain}.role-badge small,.role-badge strong{display:block}.role-badge small{color:#c8c1eb;font-size:.66rem;text-transform:uppercase}.role-badge strong{color:#fff0af;font-size:.88rem}.table-layout{display:grid;min-height:0;flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:10px;padding:10px;background:#080a1d}.game-stage{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid rgba(137,150,219,.22);border-radius:var(--radius-md);background:#111532;box-shadow:var(--shadow-soft)}#game-root{display:grid;width:100%;height:100%;min-height:0;flex:1;place-items:center;overflow:hidden;background:#080a1d}#game-root canvas{display:block;outline:0}.table-loading-cover{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:9px;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(82,65,151,.36),transparent 34%),linear-gradient(180deg,#090b25fa,#161331fc);color:var(--text);text-align:center}.table-loading-cover strong{color:#fff0b4;font-size:1.05rem}.table-loading-cover small{color:var(--text-soft)}.table-loading-emblem{position:relative;display:grid;width:116px;height:116px;place-items:center}.table-loading-emblem img{width:88px;height:auto;object-fit:contain}.table-loading-emblem span{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(102,221,238,.14);border-top-color:var(--cyan);border-radius:50%;animation:table-loading-spin 1.1s linear infinite}@keyframes table-loading-spin{to{transform:rotate(360deg)}}.action-dock{position:relative;z-index:12;display:grid;min-height:92px;flex:0 0 auto;grid-template-columns:70px minmax(180px,1fr) auto;align-items:center;gap:14px;border-top:1px solid rgba(174,146,215,.3);padding:9px 14px;background:linear-gradient(180deg,#391e2cfa,#241830fc),var(--surface)}.action-role-art{align-self:stretch;overflow:hidden;border:2px solid rgba(255,210,83,.62);border-radius:8px;background:#241c47;box-shadow:0 0 18px #965ce63d}.action-role-art img{width:100%;height:100%;object-fit:cover;object-position:top center}.action-copy{display:flex;min-width:0;flex-direction:column}.action-copy strong{margin:1px 0 2px;overflow:hidden;color:#ffe7a0;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.action-copy>span:last-child{display:-webkit-box;overflow:hidden;color:var(--text-soft);font-size:.78rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px}.skill-button{display:flex;min-width:112px;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:11px;padding:7px 12px;color:var(--text);font-weight:800;transition:transform var(--transition-fast),filter var(--transition-fast),border-color var(--transition-fast)}.skill-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.skill-button.selected,.skill-button.primary{border-color:var(--gold);box-shadow:0 0 0 3px #ffd55f29;transform:translateY(-2px)}.danger-skill{background:linear-gradient(145deg,#8d2946,#4d203f);color:#ffd4da}.revive-skill{background:linear-gradient(145deg,#256c62,#233e54);color:#ccfff0}.chat-panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid rgba(138,151,220,.22);border-radius:var(--radius-md);background:linear-gradient(180deg,#1c2048fa,#111433fa);box-shadow:var(--shadow-soft)}.chat-panel.expanded{position:fixed;z-index:60;top:88px;right:16px;bottom:16px;width:min(560px,calc(100vw - 32px));min-height:360px;border-color:#6addee7a;box-shadow:-18px 24px 80px #020312b3;animation:chat-expand-in .22s cubic-bezier(.16,1,.3,1) both}body.chat-expanded .screen-table{overflow:hidden}.chat-header{display:grid;min-height:70px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border-bottom:1px solid rgba(142,152,216,.18);padding:12px 14px;background:#353b7247}.chat-header h2{margin:0;font-size:1rem}.vote-meter{display:flex;min-height:38px;align-items:center;gap:7px;border:1px solid var(--border);border-radius:10px;padding:6px 9px;color:var(--gold);font-family:Wolf Number,monospace}.vote-meter svg{width:18px;height:18px}.chat-toggle{display:inline-grid;grid-column:3}.chat-toggle svg{transition:transform var(--transition)}.chat-panel.expanded .chat-toggle svg{transform:rotate(180deg)}.chat-log{display:flex;min-height:0;flex:1;flex-direction:column;gap:7px;overflow-y:auto;padding:13px;scrollbar-color:rgba(126,139,207,.45) transparent}.chat-log .line{max-width:94%;border:1px solid rgba(133,146,208,.14);border-radius:10px 10px 10px 3px;padding:8px 10px;background:#3239687a;color:#e5e6f2;font-size:.82rem;overflow-wrap:anywhere}.chat-log .line.mine{align-self:flex-end;border-color:#4ac1ce38;border-radius:10px 10px 3px;background:#23737f52}.chat-log .line.system{max-width:100%;align-self:center;border:0;background:transparent;color:var(--muted);font-size:.76rem;font-style:italic;text-align:center}.chat-log .line.wolf{border-color:#f15b6c38;background:#6f233b66}.chat-log .who{color:var(--cyan);font-weight:800}.chat-log .line.wolf .who{color:#ff9ba7}.chat-form{display:grid;min-height:62px;grid-template-columns:minmax(0,1fr) 46px;gap:8px;border-top:1px solid rgba(142,152,216,.18);padding:8px;background:#090b2394}.chat-form input{min-width:0;border:1px solid var(--border);border-radius:10px;outline:0;padding:10px 12px;background:#222751b8;color:var(--text);font-size:.9rem}.chat-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5de7ea1a}.chat-form button{display:grid;min-width:46px;min-height:46px;place-items:center;border:1px solid rgba(106,221,238,.48);border-radius:10px;background:linear-gradient(145deg,#2baec6,#3471b9);color:#eaffff}.phase-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;display:grid;place-content:center;justify-items:center;overflow:hidden;background:#040518eb;text-align:center;animation:phase-overlay-in .3s ease-out both}.phase-transition:before{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(105,91,222,.24),transparent 35%),url(/assets/backgrounds/cloud-night.png) center / cover no-repeat;content:"";opacity:.34}.phase-transition>*{position:relative;z-index:1}.phase-orbit{position:relative;width:170px;height:170px;margin-bottom:20px;border:1px solid rgba(190,198,248,.22);border-radius:50%;animation:orbit-turn 2s cubic-bezier(.16,1,.3,1) both}.phase-sun,.phase-moon{position:absolute;left:50%;width:68px;height:68px;border-radius:50%;transform:translate(-50%)}.phase-sun{top:-34px;background:#ffd95f;box-shadow:0 0 40px #ffd353b8}.phase-moon{bottom:-34px;overflow:hidden;background:#d9e7ff;box-shadow:0 0 36px #89a8ff85}.phase-moon:after{position:absolute;top:-5px;right:-7px;bottom:8px;left:17px;border-radius:50%;background:#212452;content:""}#phase-transition-kicker{margin:0 0 7px;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}#phase-transition-title{font-size:clamp(2rem,5vw,4rem)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:grid;overflow-y:auto;place-items:center;padding:20px;background:#050617c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modal-backdrop-in .22s ease-out both}.role-reveal-card,.endgame-card{position:relative;width:min(520px,100%);border:1px solid rgba(180,161,255,.42);border-radius:28px;padding:28px;background:radial-gradient(circle at 50% 18%,rgba(125,82,215,.25),transparent 34%),linear-gradient(155deg,#29295f,#121631 72%);box-shadow:0 32px 90px #01020dad;text-align:center;animation:modal-card-in .36s cubic-bezier(.16,1,.3,1) both}.modal-close{position:absolute;z-index:4;top:14px;right:14px}.role-card-stage{position:relative;width:190px;height:256px;margin:12px auto 18px;perspective:900px}.role-card-stage img{position:relative;z-index:2;width:100%;height:100%;border-radius:15px;object-fit:cover;filter:drop-shadow(0 24px 30px rgba(2,3,16,.58));animation:role-card-reveal .65s cubic-bezier(.16,1,.3,1) both}.role-card-halo{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:#8d69ee;filter:blur(30px);opacity:.6;animation:halo-pulse 2.2s ease-in-out infinite alternate}.role-reveal-copy>span{color:var(--text-soft);font-size:.8rem;text-transform:uppercase}.role-reveal-copy h2{margin:0;color:#ffe78d;font-size:clamp(2rem,7vw,3.3rem);line-height:1;text-transform:uppercase}.role-reveal-copy p{max-width:420px;min-height:48px;margin:12px auto 22px;color:var(--text-soft)}.role-reveal-card>.primary-button,.endgame-card>.primary-button{width:100%}.endgame-card{width:min(680px,100%)}.endgame-emblem{display:grid;width:94px;height:94px;place-items:center;margin:-72px auto 12px;border:4px solid #d9bd66;border-radius:50%;background:#202453;box-shadow:0 14px 36px #02031170}.endgame-emblem img{width:82px;height:82px;object-fit:contain}.endgame-card h2{margin:4px 0 8px;color:#ffe68a;font-size:clamp(1.9rem,6vw,3rem)}#endgame-subtitle{color:var(--text-soft)}.endgame-roster{display:grid;max-height:min(340px,42vh);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow-y:auto;margin:20px 0}.endgame-player{display:grid;min-width:0;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;border:1px solid var(--border);border-radius:10px;padding:7px 9px;background:#2f356685;text-align:left}.endgame-player.winner{border-color:#ffd55f7a;background:#76532557}.endgame-player .slot{color:var(--gold);font-family:Wolf Number,monospace;font-weight:800}.endgame-player .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endgame-player img{width:34px;height:34px;object-fit:contain}.toast{position:fixed;z-index:1200;left:50%;bottom:24px;max-width:min(440px,calc(100vw - 32px));border:1px solid rgba(255,209,105,.4);border-radius:12px;padding:11px 16px;background:#221e42f5;box-shadow:0 16px 44px #02031080;color:var(--text);font-weight:700;text-align:center;transform:translate(-50%);animation:toast-in .22s ease-out both}@media (max-width: 1120px){.lobby-content{grid-template-columns:1fr;padding-top:38px}.lobby-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-top:0}.lobby-intro .eyebrow,.lobby-intro h1,.lobby-intro>p{grid-column:1}.lobby-intro h1{max-width:800px}.role-stack{grid-column:2;grid-row:1 / span 3;align-self:center}.table-layout{grid-template-columns:minmax(0,1fr) 280px}.faction-counter .total-faction{display:none}.action-dock{grid-template-columns:58px minmax(150px,1fr) auto}}@media (max-width: 900px){.login-layout{grid-template-columns:1fr;gap:32px;padding:36px 24px}.login-brand{display:grid;justify-items:center;margin:0 auto;text-align:center}.login-brand .brand-logo{width:min(300px,70vw)}.login-brand h1{font-size:clamp(2.2rem,10vw,3.5rem)}.feature-chips{justify-content:center}.login-panel{width:min(520px,100%);margin:0 auto}.lobby-header{grid-template-columns:1fr auto}.lobby-logo{position:absolute;top:13px;left:50%;width:110px;transform:translate(-50%)}.lobby-status{grid-column:2}.screen-table{min-height:680px;overflow-y:auto}.game-topbar{position:sticky;top:0;min-height:66px;flex:0 0 66px}.faction-counter{display:none}.room-meta{flex:1}.role-badge{min-width:138px}.table-layout{display:flex;min-height:0;flex:1 0 auto;flex-direction:column}.game-stage{min-height:0;flex:0 0 auto}#game-root{width:100%;height:clamp(480px,60dvh,640px);flex:0 0 auto}.chat-panel{min-height:250px;flex:1 0 250px}.action-dock{min-height:104px}}@media (max-width: 680px){body{font-size:15px}.screen-loading{padding:20px}.loading-stage .eyebrow{font-size:.66rem}.loading-card-wrap{width:94px;height:128px;margin-top:-26px}.login-layout{padding:24px 16px}.login-brand>p:not(.eyebrow){font-size:.95rem}.login-panel{padding:24px 18px}.lobby-shell{padding:12px 14px 30px}.lobby-header{grid-template-columns:minmax(0,1fr) auto;min-height:70px;gap:8px}.lobby-logo{right:0;left:auto;width:82px;margin:0;justify-self:end;transform:none}.lobby-player .overline,.lobby-status{display:none}.avatar-frame{width:46px;height:46px;border-radius:13px}.lobby-player strong{max-width:min(126px,33vw);font-size:.9rem}.lobby-player{min-width:0}.lobby-intro{display:block}.lobby-intro h1{font-size:2.55rem}.role-stack{margin:22px 0 0}.role-stack img{width:52px;height:52px}.lobby-board{padding:18px 14px}.room-actions{grid-template-columns:1fr}.room-list li{grid-template-columns:62px minmax(0,1fr) auto}.game-topbar{gap:8px;padding:8px}.back-button{width:44px;height:44px;flex-basis:44px}.role-badge{min-width:0;padding-right:8px}.role-badge img{width:36px;height:36px}.role-badge small{display:none}.role-badge strong{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-layout{min-height:780px;gap:6px;padding:6px}.game-stage{min-height:0;flex-basis:auto}.action-dock{min-height:132px;grid-template-columns:46px minmax(0,1fr);gap:8px 10px;padding:8px 10px}.action-role-art{grid-row:1}.action-buttons{grid-column:1 / -1;justify-content:stretch;overflow-x:auto;padding-bottom:2px}.action-buttons>*{flex:1 0 auto}.action-copy strong{font-size:.86rem}.action-copy>span:last-child{font-size:.7rem}.skill-button{min-width:100px;min-height:44px}.chat-panel{min-height:210px;flex:1 0 210px}.chat-panel.expanded{top:74px;right:8px;bottom:8px;left:8px;width:auto;min-height:0}.chat-header{min-height:62px;padding:8px 10px}.vote-meter{min-height:36px}.chat-log{padding:9px}.modal-backdrop{padding:12px}.role-reveal-card,.endgame-card{padding:24px 16px 18px}.role-card-stage{width:150px;height:204px}.endgame-roster{grid-template-columns:1fr}}@media (max-height: 720px) and (min-width: 901px){.screen-table{min-height:620px}.game-topbar{min-height:62px;flex-basis:62px}.action-dock{min-height:82px}.role-card-stage{width:142px;height:192px}.role-reveal-card{padding-top:20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes ambient-drift{to{transform:translate3d(70px,45px,0) scale(1.08)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes card-breathe{0%,to{transform:rotateY(-4deg) translateY(0)}50%{transform:rotateY(4deg) translateY(-5px)}}@keyframes loading-shine{to{transform:translate(130%)}}@keyframes status-pulse{70%,to{box-shadow:0 0 0 9px #54d69d00}}@keyframes phase-overlay-in{0%{opacity:0}}@keyframes orbit-turn{0%{opacity:0;transform:rotate(-140deg) scale(.55)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(24px) scale(.94)}}@keyframes role-card-reveal{0%{opacity:0;transform:rotateY(85deg) scale(.72)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes halo-pulse{to{opacity:.9;transform:scale(1.18)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes chat-expand-in{0%{opacity:.72;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}