@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=IM+Fell+English:ital@0;1&family=VT323&display=swap";:root{--bg-1: #0f0a17;--bg-2: #170f25;--ink: #f7efe3;--muted: #c8b8cb;--gold: #e0ba86;--gold-dim: #aa7e5f;--rose: #cc8e89;--panel: #1a1327;--panel-2: #20172f;--line: rgba(226, 174, 141, .42)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:IM Fell English,Georgia,serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 14% 10%,rgba(171,87,103,.24),transparent 30%),radial-gradient(circle at 84% 8%,rgba(85,124,138,.22),transparent 34%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 58%,#0c0914 100%)}.app{width:min(1780px,calc(100vw - 24px));margin:0 auto;padding:1.2rem .8rem 2.8rem}.header{margin:0 0 .95rem;display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.header h1{font-family:Cinzel,Georgia,serif;font-size:clamp(2.1rem,5vw,3.45rem);letter-spacing:.05em;color:#f9f2e8;line-height:1}.subtitle{font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:#d0aeb7;margin-bottom:.2rem}.back-link{margin-left:auto;color:#9b8ba9;font-size:.82rem;text-decoration:none;border:1px solid rgba(154,132,173,.35);padding:.3rem .55rem;letter-spacing:.06em;text-transform:uppercase}.back-link:hover{color:#f0d3b0;border-color:#f0bd9999}.setup{display:flex;justify-content:center;padding-top:3.2rem}.setup-inner{width:min(720px,100%);border:1px solid var(--line);background:linear-gradient(180deg,#1c1528f2,#120d1cf2);box-shadow:inset 0 0 0 1px #78546752,0 20px 60px #00000073;border-radius:14px;padding:1.2rem;text-align:center}.title-hero{font-family:Cinzel,Georgia,serif;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:.06em;color:#f9f2e8;line-height:1;margin-bottom:1.6rem}.title-ai{color:#ff2975}.setup-form{display:grid;grid-template-columns:1fr auto;gap:.6rem}.setup-form input,.setup-form button,.phase-controls textarea,.phase-controls select,.phase-controls button{font-family:IM Fell English,Georgia,serif}.setup-form input{width:100%;padding:.65rem .7rem;background:#110d1b;border:1px solid #4d3a5f;color:#f5ecdf;font-size:1.02rem;outline:none}.setup-form input:focus{border-color:var(--gold)}.setup-form button{padding:.66rem 1.05rem;border:1px solid #d3a271;background:linear-gradient(180deg,#4a2f23,#2f1f19);color:#ffedd7;font-size:.98rem;cursor:pointer}.setup-form button:hover{filter:brightness(1.05)}.setup-form button:disabled{opacity:.45;cursor:default}.intro-stage{width:min(1180px,100%);margin:1.2rem auto 0}.intro-overlay{cursor:pointer}.intro-scene{display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:2rem 1rem 1.6rem}.clawdia-avatar{flex-shrink:0;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));transition:transform .3s ease}.clawdia-avatar.speaking{animation:clawdiaBob 1.6s ease-in-out infinite}@keyframes clawdiaBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.intro-dialogue{width:min(640px,100%);border:1px solid rgba(223,170,136,.55);border-left:4px solid #f2c898;border-radius:12px;background:linear-gradient(180deg,#2e1c2df5,#171022f5);box-shadow:0 16px 40px #0006;padding:1.1rem 1.3rem}.intro-speaker{color:#f0c48d;letter-spacing:.07em;text-transform:uppercase;font-size:.82rem;margin-bottom:.4rem}.intro-speech{color:#f8efe2;font-size:1.1rem;line-height:1.65;min-height:4.5em}.intro-prompt{margin-top:.65rem;text-align:right;font-size:.8rem;color:#b89fbf;letter-spacing:.06em;text-transform:uppercase}.typewriter-cursor{color:var(--gold);animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.game-area{position:relative}.hud-strip{display:flex;flex-wrap:wrap;gap:.42rem;margin-bottom:.62rem}.hud-chip{border:1px solid rgba(227,176,142,.45);background:linear-gradient(180deg,#351f40f2,#1b1127f2);color:#f4d4b6;border-radius:999px;padding:.26rem .58rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.stage-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:.85rem;align-items:start}.stage-main{min-width:0;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#191123f5,#0f0b18f5);box-shadow:inset 0 0 0 1px #6e485d4d,0 26px 60px #00000075;padding:.75rem}.scene-banner{border:1px solid rgba(220,173,136,.4);border-radius:10px;padding:.4rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.62rem;background:linear-gradient(180deg,#392330d9,#1e1424d9)}.scene-banner-title{font-family:Cinzel,Georgia,serif;letter-spacing:.06em;font-size:.9rem;text-transform:uppercase;color:#f3d2ad}.scene-banner-sub{color:#d8c8db;font-size:.82rem;font-style:italic}.scene-night,.scene-vote{background:linear-gradient(180deg,#2c1b3de6,#190f26e6)}.scene-parlor{background:linear-gradient(180deg,#1a2839e6,#141b27e6)}.stage-sidebar{display:grid;gap:.72rem}.action-dock,.roster-panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#1e142cf5,#120c1cf5);box-shadow:inset 0 0 0 1px #66425547;padding:.72rem}.castle-wrap{position:relative;border:1px solid rgba(255,41,117,.3);border-radius:4px;overflow:hidden;background:#060410}.castle-svg{width:100%;height:auto;max-height:min(74vh,940px);display:block}.room-label{fill:#ff2975;font-size:26px;font-family:VT323,monospace;letter-spacing:.25em}.host-title{fill:#ff2975;font-size:24px;font-family:VT323,monospace;letter-spacing:.2em}.dialogue-bar{position:absolute;bottom:0;left:0;right:0;background:#060410f0;border-top:2px solid #ff2975;padding:10px 20px;display:flex;flex-direction:column;gap:3px;animation:dialogueSlide .15s ease-out}.dialogue-name{font-family:VT323,monospace;color:#ff2975;font-size:1rem;letter-spacing:.18em;text-transform:uppercase}.dialogue-name.you{color:#00f5ff}.dialogue-text{font-family:VT323,monospace;color:#f0e8f8;font-size:1.2rem;line-height:1.35;letter-spacing:.03em}@keyframes dialogueSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.host-pulse{animation:hostPulse 1.8s ease-in-out infinite}@keyframes hostPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.empty-chair-pulse rect{animation:chairPulse 1.8s ease-in-out infinite}@keyframes chairPulse{0%{opacity:.35}50%{opacity:.92}to{opacity:.35}}.player-token{transition:transform .36s ease}.player-token.speaking{transform:translateY(-2px)}.player-sprite{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.player-shadow{fill:#00000080}.player-name{fill:#c8b8e0;font-family:VT323,monospace;font-size:24px;letter-spacing:.1em;text-transform:uppercase}.player-token.human .player-name{fill:#00f5ff}.player-model{font-family:VT323,monospace;font-size:17px;letter-spacing:.05em;fill:#a0a0c0}.player-model.tier-elite{fill:gold}.player-model.tier-sharp{fill:#40ffd0}.player-model.tier-basic{fill:#a0a0c0}.player-token.dead{opacity:.25;filter:grayscale(.9) brightness(.6)}.player-cross line{stroke:#ff2975;stroke-width:5;opacity:.9}.host-dialogue{display:flex;gap:.72rem;align-items:flex-start;border:1px solid rgba(223,170,136,.6);border-left:4px solid #f2c898;border-radius:10px;background:linear-gradient(180deg,#2e1c2df2,#171022f2);padding:.72rem .82rem;box-shadow:0 12px 22px #00000057}.host-dialogue.large{padding:1rem 1.08rem}.host-name{color:#f0c48d;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;margin-bottom:.22rem}.host-speech{color:#f8efe2;font-size:1.04rem;line-height:1.55}.host-continue{margin-top:.45rem;background:none;border:1px solid rgba(232,186,151,.5);color:#f2d0aa;padding:.24rem .55rem;cursor:pointer;font-family:VT323,monospace;font-size:1.1rem;text-transform:uppercase}.host-continue:hover{color:#fff2df;border-color:#f4d0a6d1}.roster-title{font-family:Cinzel,Georgia,serif;letter-spacing:.1em;text-transform:uppercase;color:#f0c9a3;font-size:.74rem;margin-bottom:.5rem}.roster-list{display:grid;gap:.36rem;margin-bottom:.56rem}.roster-item{display:flex;justify-content:space-between;gap:.4rem;border:1px solid rgba(196,143,132,.24);border-radius:8px;padding:.36rem .46rem}.roster-item.alive{background:#452c5585}.roster-item.out{background:#3a222c85;opacity:.72}.roster-item.you{border-color:#f0bb98b8;box-shadow:0 0 0 1px #f0bb9833 inset}.roster-name{color:#f8eee3;font-size:.79rem}.roster-model{font-size:.68rem;font-family:VT323,monospace;letter-spacing:.04em;color:#a0a0c0;margin-left:auto;margin-right:.3rem}.roster-model.tier-elite{color:gold}.roster-model.tier-sharp{color:#40ffd0}.roster-model.tier-basic{color:#a0a0c0}.roster-state{color:#dfb8a8;font-size:.76rem;font-weight:700}.roster-meta{border-top:1px solid rgba(194,141,131,.26);padding-top:.4rem;color:#c9b9ce;font-size:.72rem;display:grid;gap:.18rem}.phase-controls{border:1px solid rgba(221,170,136,.48);border-radius:10px;padding:.72rem;background:linear-gradient(180deg,#21172ef0,#140e1ff0);display:grid;gap:.5rem}.phase-controls.parlor{border-color:#94b9db80;background:linear-gradient(180deg,#1d2635f0,#131b26f0)}.phase-controls.roundtable,.phase-controls.vote{border-color:#d6a87c8f}.phase-controls.night{border-color:#b07ed194;background:linear-gradient(180deg,#2c1a3df0,#181024f0)}.phase-controls.reveal{border-color:#e4c28594;background:linear-gradient(180deg,#2d2217f0,#1e1711f0)}.phase-controls.muted{opacity:.84}.controls-label{color:#e7bc8c;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.endgame-prompt{color:#d8cadf;line-height:1.42;font-size:.94rem}.phase-controls textarea,.phase-controls select{width:100%;border:1px solid #49385e;background:#0f0b18;color:#f6ece0;font-size:.95rem;padding:.5rem .55rem;outline:none}.phase-controls textarea{resize:vertical;min-height:86px;line-height:1.5}.phase-controls textarea:focus,.phase-controls select:focus{border-color:var(--gold)}.controls-actions{display:flex;flex-wrap:wrap;gap:.44rem}.controls-actions.stacked{flex-direction:column}.phase-controls button{border:1px solid #cb9982;background:linear-gradient(180deg,#5c384ae0,#3d2434e0);color:#fff2e9;font-size:.92rem;cursor:pointer;padding:.4rem .82rem}.phase-controls button:hover{border-color:#f0caa7;color:#fff9f3}.phase-controls button:disabled{opacity:.38;cursor:default}.phase-controls .quiet-btn{border-color:#8f4f4f;color:#f2c0c0}.phase-controls .quiet-btn:hover:not(:disabled){border-color:#cc7a7a;background:#8e3c3c38}.phase-controls .murder-btn{border-color:#b26565;color:#ffd5d5;background:linear-gradient(180deg,#722a34e6,#471921e6)}.footer-actions{margin-top:.62rem;display:flex;align-items:center;gap:.65rem}.reset-btn{border:1px solid rgba(147,127,167,.5);background:transparent;color:#ad9cbf;font-family:VT323,monospace;font-size:1.08rem;letter-spacing:.08em;text-transform:uppercase;padding:.24rem .56rem;cursor:pointer}.reset-btn:hover{color:#f6d2bb;border-color:#f6b79fb8}.reset-btn:disabled{opacity:.4;cursor:default}.error{color:#ffafaf;font-size:.86rem}@media(max-width:1080px){.stage-shell,.stage-sidebar{grid-template-columns:1fr}}@media(max-width:700px){.app{width:calc(100vw - 16px);padding:.75rem .4rem 2rem}.setup-form{grid-template-columns:1fr}.castle-svg{max-height:62vh}.scene-banner{flex-direction:column;align-items:start}.clawdia-avatar svg{width:120px;height:150px}.intro-speech{font-size:.98rem}}@media(prefers-reduced-motion:reduce){.host-pulse,.dialogue-bar,.empty-chair-pulse rect,.typewriter-cursor,.clawdia-avatar.speaking{animation:none!important}}