:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eee9dd;background:#17130f;font-synthesis:none;--ink: #eee9dd;--muted: #aaa092;--gold: #d6a84b;--gold-soft: #f0d38c;--red: #a13a45;--panel: #211c17;--panel-raised: #2a241e;--line: rgba(240, 211, 140, .18);--shadow: 0 24px 80px rgba(0,0,0,.46)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 50% -20%,#3a2c1b 0,#1d1813 38%,#14110e 78%)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;letter-spacing:-.02em}.eyebrow{color:var(--gold);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.fine-print{color:var(--muted);font-size:.78rem;line-height:1.5}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:12px;background:#ffffff09;cursor:pointer}.icon-button:hover:not(:disabled){background:#d6a84b1f;border-color:#d6a84b66}.icon-button:disabled{opacity:.3;cursor:default}.icon-button.danger:hover{color:#ff8d8d}.primary-button,.ghost-button,.toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:12px;padding:0 18px;font-weight:700;cursor:pointer}.primary-button{color:#211708;border:1px solid #e0b75e;background:linear-gradient(145deg,#f0d38c,#bd8730);box-shadow:0 8px 25px #d6a84b26}.primary-button:hover{filter:brightness(1.08)}.primary-button:disabled{opacity:.35;cursor:default;filter:none}.primary-button--large{min-height:54px;padding-inline:25px}.ghost-button,.toggle-button{border:1px solid var(--line);background:#ffffff09}.ghost-button:hover,.toggle-button:hover{border-color:var(--gold)}.toggle-button--active{background:#d6a84b26;border-color:var(--gold)}.toggle-button--danger{background:#a13a4533;border-color:var(--red)}.text-button{color:var(--gold-soft);border:0;background:none;cursor:pointer;font-size:.76rem}.stack{display:grid;gap:18px}.home-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:100vh}.home-header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand__sigil{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--gold);transform:rotate(45deg);color:var(--gold);font-size:1.25rem}.brand__sigil:first-letter{transform:rotate(-45deg)}.brand h1{margin:1px 0 0;font-size:1.45rem}.header-actions{position:relative;display:flex;align-items:center;gap:10px}.storage-pill{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.72rem}.storage-pill--ok{color:#9acb9e;border-color:#6ca67159}.popover{position:absolute;z-index:20;background:#2a241e;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:7px}.home-menu{top:48px;right:0;width:230px}.home-menu button{width:100%;display:flex;gap:10px;align-items:center;padding:11px;color:var(--ink);border:0;border-radius:8px;background:none;text-align:left;cursor:pointer}.home-menu button:hover{background:#ffffff0f}.hero-panel{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:46px 54px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 92% 30%,rgba(161,58,69,.22),transparent 30%),linear-gradient(135deg,#d6a84b14,#ffffff05);box-shadow:var(--shadow);position:relative}.hero-panel:after{content:"✦";position:absolute;right:22%;color:#d6a84b0f;font-size:210px}.hero-panel>*{position:relative;z-index:1}.hero-panel h2{margin:5px 0 10px;font-size:clamp(2.2rem,5vw,4rem)}.hero-panel p{max-width:590px;margin:0;color:var(--muted);line-height:1.65}.library-section{padding:50px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-heading h2{margin:3px 0 0;font-size:1.8rem}.section-heading>span{color:var(--muted);font-size:.8rem}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{border:1px solid var(--line);border-radius:18px;background:#241e18c7;overflow:hidden;transition:.2s ease}.game-card:hover{transform:translateY(-2px);border-color:#d6a84b59}.game-card__main{width:100%;min-height:145px;display:flex;gap:16px;align-items:center;padding:22px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.game-card__crest{flex:0 0 56px;height:56px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold-soft);font-family:Georgia,serif;font-size:1.35rem;box-shadow:inset 0 0 0 5px #d6a84b14}.game-card__status{color:var(--red);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.game-card h3{margin:3px 0 5px;font-size:1.25rem}.game-card p{margin:0;color:var(--muted);font-size:.77rem}.game-card footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.game-card footer div{display:flex;gap:5px}.game-card footer .icon-button{width:32px;height:32px}.empty-state{width:100%;min-height:220px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted);border:1px dashed rgba(214,168,75,.3);border-radius:18px;background:#ffffff04;cursor:pointer}.empty-state strong{color:var(--ink);font-family:Georgia,serif;font-size:1.2rem}.empty-state.static{border:0;cursor:default}.legal-footer{display:flex;align-items:center;gap:14px;padding:30px 0 45px;border-top:1px solid var(--line);color:#756d62;font-size:.7rem}.legal-footer strong{padding:6px 9px;border:1px solid rgba(214,168,75,.3);border-radius:6px;color:#a99a7f;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.legal-footer span{flex:1}.legal-footer a{color:#9f8c6e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#070504c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(560px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(214,168,75,.28);border-radius:22px;background:#211c17;box-shadow:var(--shadow)}.modal--wide{width:min(960px,100%)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 17px;border-bottom:1px solid var(--line)}.modal__header h2{margin:2px 0 0;font-size:1.55rem}.modal__body{padding:24px;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:7px}.field{display:grid;gap:8px;color:var(--muted);font-size:.78rem;font-weight:600}.field small,.field-label small{font-weight:400;opacity:.65}.field input,.field select,.field textarea,.search-input,.inline-input input{width:100%;color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#17130f;resize:vertical}.field-label{display:block;margin-bottom:8px;color:var(--muted);font-size:.78rem;font-weight:600}.range-row{display:flex;align-items:center;gap:18px}.range-row input{accent-color:var(--gold)}.range-row output{min-width:42px;color:var(--gold-soft);font:700 1.5rem Georgia,serif}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card{display:grid;gap:6px;padding:16px;color:var(--ink);border:1px solid var(--line);border-radius:13px;background:#ffffff06;text-align:left;cursor:pointer}.choice-card span{color:var(--muted);font-size:.75rem;line-height:1.45}.choice-card--active{border-color:var(--gold);background:#d6a84b1a}.game-shell{height:100dvh;display:grid;grid-template-rows:72px 1fr auto;overflow:hidden}.game-topbar{display:flex;align-items:center;gap:13px;padding:0 18px;border-bottom:1px solid var(--line);background:#14110ed4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-title{min-width:0;flex:1}.game-title span{display:block;color:var(--gold);font-size:.64rem;text-transform:uppercase;letter-spacing:.12em}.game-title h1{margin:0;overflow:hidden;font-size:1.25rem;white-space:nowrap;text-overflow:ellipsis}.game-actions{display:flex;gap:7px}.grim-stage{min-height:0;display:grid;place-items:center;overflow:auto;padding:18px;background:radial-gradient(circle,rgba(214,168,75,.055),transparent 61%)}.grim-circle{position:relative;width:min(74vw,calc(100dvh - 210px),820px);aspect-ratio:1;min-width:540px;min-height:540px;border:1px solid rgba(214,168,75,.12);border-radius:50%;box-shadow:inset 0 0 100px #00000057,0 0 0 18px #d6a84b03}.grim-circle:before,.grim-circle:after{content:"";position:absolute;top:19%;right:19%;bottom:19%;left:19%;border:1px solid rgba(214,168,75,.08);border-radius:50%}.grim-circle:after{top:31%;right:31%;bottom:31%;left:31%}.seat-card{position:absolute;left:var(--seat-x);top:var(--seat-y);z-index:2;width:clamp(92px,calc(150px - var(--seat-count) * 3px),126px);min-height:126px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;padding:7px 7px 8px;color:var(--ink);border:1px solid rgba(214,168,75,.22);border-radius:16px;background:linear-gradient(150deg,#312920,#1c1814);box-shadow:0 8px 22px #00000061;cursor:pointer}.seat-card:hover{z-index:4;border-color:var(--gold);transform:translate(-50%,-50%) scale(1.04)}.seat-card--dead{filter:grayscale(.72);opacity:.76}.seat-card--dead .role-token:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-top:2px solid #c5bfb4;transform:rotate(-38deg) translateY(50%)}.seat-card--traveller{border-style:dashed}.seat-card__number{position:absolute;top:5px;left:7px;color:var(--muted);font-size:.59rem}.seat-card>strong{width:100%;margin-top:3px;overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.seat-card__role{width:100%;color:var(--muted);overflow:hidden;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.seat-card__badges{height:17px;display:flex;max-width:100%;gap:3px;margin-top:3px;overflow:hidden}.seat-card__badges span{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;padding:2px 5px;border-radius:999px;background:#a13a453b;color:#e9c7c7;font-size:.48rem}.grim-center{position:absolute;z-index:1;top:35%;right:35%;bottom:35%;left:35%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.grim-center>strong{font:700 1.2rem Georgia,serif}.phase-orb{display:grid;place-items:center;width:46px;height:46px;margin-bottom:8px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.execution-chip,.warning-chip{margin-top:7px;padding:5px 9px;border:1px solid rgba(161,58,69,.5);border-radius:999px;background:#a13a452b;color:#f0b6bb;font-size:.58rem;cursor:pointer}.warning-chip{border-color:#d6a84b59;background:#d6a84b1a;color:var(--gold-soft)}.tool-dock{justify-self:center;z-index:10;display:flex;gap:6px;margin-bottom:max(14px,env(safe-area-inset-bottom));padding:7px;border:1px solid var(--line);border-radius:18px;background:#241e18f0;box-shadow:0 10px 35px #00000073;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.tool-dock button{min-width:66px;display:grid;place-items:center;gap:4px;padding:7px 10px;color:var(--muted);border:0;border-radius:11px;background:none;font-size:.58rem;cursor:pointer}.tool-dock button:hover{color:var(--gold-soft);background:#d6a84b17}.tool-dock svg{width:19px}.role-token{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 auto;border:2px solid #8b7d66;border-radius:50%;color:#15120f;background:#d7c7a8;box-shadow:inset 0 0 0 3px #ffffff4d,0 3px 10px #00000059}.role-token--small{width:38px;height:38px}.role-token--large{width:96px;height:96px}.role-token--townsfolk{background:linear-gradient(145deg,#b9ddf2,#4c95c2);border-color:#d8effa}.role-token--outsider{background:linear-gradient(145deg,#d2e7f4,#76a3bd);border-color:#e8f3f8}.role-token--minion{background:linear-gradient(145deg,#e78782,#9d302f);border-color:#f3a09c}.role-token--demon{background:linear-gradient(145deg,#d95853,#681a1d);border-color:#f0837d;color:#f7e6dd}.role-token--traveller{background:linear-gradient(145deg,#dfc686,#916b2c)}.role-token__mark{font:700 1rem Georgia,serif}.role-token--small .role-token__mark{font-size:.72rem}.role-token--large .role-token__mark{font-size:1.8rem}.role-token__name{display:none}.seat-editor{display:grid;grid-template-columns:320px 1fr;gap:24px;min-height:540px}.seat-editor__details{align-content:start}.inline-controls{display:flex;gap:8px}.inline-input{display:flex}.inline-input input{border-radius:10px 0 0 10px}.inline-input button{width:43px;border:1px solid var(--line);border-left:0;border-radius:0 10px 10px 0;background:#d6a84b1f;cursor:pointer}.token-list,.suggested-tokens{display:flex;flex-wrap:wrap;gap:6px}.token-list button,.suggested-tokens button{display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid rgba(214,168,75,.25);border-radius:999px;background:#d6a84b1a;color:var(--gold-soft);font-size:.68rem;cursor:pointer}.suggested-tokens{margin-top:-10px}.suggested-tokens button{background:transparent;color:var(--muted)}.role-picker{min-width:0;display:flex;flex-direction:column}.role-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.role-picker__header h3{margin:2px 0 0}.search-input{margin-bottom:12px}.role-picker__scroll{max-height:480px;overflow:auto;padding-right:4px}.role-picker section h4,.bag-roles h4,.nomination-history h4{margin:13px 0 8px;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.role-grid button{min-width:0;display:flex;align-items:center;gap:9px;padding:7px;color:var(--ink);border:1px solid transparent;border-radius:11px;background:#ffffff06;text-align:left;cursor:pointer}.role-grid button:hover,.role-grid .role-option--selected{border-color:#d6a84b66;background:#d6a84b14}.role-grid button>span:last-child{min-width:0}.role-grid strong,.role-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-grid strong{font-size:.75rem}.role-grid small{margin-top:2px;color:var(--muted);font-size:.58rem}.switch-list{display:grid;gap:7px}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#ffffff05}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:.78rem}.switch-row small{margin-top:2px;color:var(--muted);font-size:.66rem}.switch-row input{width:37px;height:20px;accent-color:var(--gold)}.seat-count-controls{display:flex;align-items:center;justify-content:space-between}.seat-count-controls strong,.seat-count-controls small{display:block}.seat-count-controls small{color:var(--muted);font-size:.68rem}.seat-count-controls>div{display:flex;gap:6px}.setup-layout,.vote-layout{display:grid;grid-template-columns:250px 1fr;gap:25px}.setup-count{display:grid;place-items:center;padding:20px;border:1px solid var(--line);border-radius:13px}.setup-count strong{color:var(--gold-soft);font:700 2rem Georgia,serif}.setup-count span{color:var(--muted);font-size:.7rem}.notice{padding:10px 12px;border-left:2px solid var(--gold);background:#d6a84b12;color:#d4cab8;font-size:.7rem;line-height:1.4}.bag-roles{max-height:610px;overflow:auto}.bag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bag-grid button{display:flex;align-items:center;gap:7px;padding:7px;border:1px solid transparent;border-radius:10px;background:#ffffff06;font-size:.68rem;cursor:pointer}.bag-grid button>svg{margin-left:auto;color:var(--gold)}.bag-grid .bag-role--selected{border-color:#d6a84b6b;background:#d6a84b1a}.bluff-list{display:grid;gap:6px;margin-bottom:8px}.bluff-list button{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--line);border-radius:10px;background:#ffffff06;cursor:pointer}.bluff-list button span{flex:1;text-align:left;font-size:.72rem}.night-runner{display:flex;flex-direction:column;align-items:center;text-align:center}.night-progress{width:100%;height:3px;margin-bottom:8px;overflow:hidden;border-radius:4px;background:#ffffff14}.night-progress span{display:block;height:100%;background:var(--gold);transition:width .25s}.night-count{align-self:flex-end;margin-bottom:18px;color:var(--muted);font-size:.65rem}.night-runner h3{margin:13px 0 8px;font-size:1.6rem}.ability-copy{max-width:460px;margin-bottom:8px;line-height:1.6}.night-runner .field{width:100%;text-align:left}.night-actions{display:flex;align-items:center;gap:14px;margin-top:18px}.vote-layout{grid-template-columns:240px 1fr}.vote-summary{display:flex;align-items:baseline;gap:8px;padding:15px;border:1px solid var(--line);border-radius:12px}.vote-summary strong{color:var(--gold-soft);font:700 2rem Georgia,serif}.vote-summary span{color:var(--muted);font-size:.7rem}.voter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.voter-grid button{position:relative;min-height:76px;display:grid;place-items:start;align-content:center;padding:10px 10px 10px 34px;color:var(--ink);border:1px solid var(--line);border-radius:11px;background:#ffffff05;text-align:left;cursor:pointer}.voter-grid button>span{position:absolute;left:10px;top:10px;color:var(--muted);font-size:.6rem}.voter-grid button>svg{position:absolute;right:8px;top:8px;width:16px;color:var(--gold)}.voter-grid button strong{font-size:.75rem}.voter-grid button small{color:var(--muted);font-size:.58rem}.voter-grid .voter--active{border-color:var(--gold);background:#d6a84b1a}.voter-grid .voter--spent{opacity:.4;cursor:not-allowed}.nomination-history{margin-top:18px}.nomination-history>div{display:flex;justify-content:space-between;padding:8px 3px;border-bottom:1px solid var(--line);font-size:.7rem}.nomination-history>div strong{color:var(--gold-soft);text-transform:capitalize}.toast{position:fixed;z-index:300;left:50%;bottom:24px;transform:translate(-50%);max-width:min(540px,calc(100% - 30px));padding:12px 18px;border:1px solid rgba(214,168,75,.35);border-radius:12px;background:#342b20;box-shadow:var(--shadow);font-size:.78rem}.update-banner{position:fixed;z-index:290;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#2a241e;box-shadow:var(--shadow);font-size:.72rem}.update-banner button{color:var(--gold-soft);border:0;background:none;cursor:pointer}@media(max-width:900px){.game-grid{grid-template-columns:1fr 1fr}.grim-circle{width:min(82vw,calc(100dvh - 200px))}.seat-editor{grid-template-columns:270px 1fr}.bag-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.home-shell{width:min(100% - 24px,540px)}.home-header{height:84px}.brand .eyebrow,.storage-pill{display:none}.hero-panel{min-height:310px;display:grid;padding:28px}.hero-panel h2{font-size:2.6rem}.game-grid{grid-template-columns:1fr}.legal-footer{align-items:flex-start;flex-wrap:wrap}.choice-grid,.seat-editor,.setup-layout,.vote-layout{grid-template-columns:1fr}.modal-backdrop{padding:0;align-items:end}.modal{width:100%;max-height:94dvh;border-radius:20px 20px 0 0}.modal__header,.modal__body{padding-left:18px;padding-right:18px}.role-picker__scroll{max-height:430px}.game-shell{grid-template-rows:64px 1fr auto}.game-topbar{padding:0 9px}.game-actions .icon-button:nth-child(3){display:none}.grim-stage{display:block;padding:15px 10px;overflow:auto}.grim-circle{width:100%;min-width:0;min-height:0;aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;border:0;border-radius:0;box-shadow:none}.grim-circle:before,.grim-circle:after,.grim-center{display:none}.seat-card{position:relative;inset:auto!important;width:auto;min-height:132px;transform:none}.seat-card:hover{transform:none}.tool-dock{width:calc(100% - 20px);justify-content:space-evenly;margin-bottom:max(8px,env(safe-area-inset-bottom))}.tool-dock button{min-width:50px;padding-inline:6px}.role-grid{grid-template-columns:1fr}.voter-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}