:root{--night:#08131d;--ink:#14232d;--paper:#f7f0e2;--paper-deep:#e6d7b7;--panel:#fffaf0;--line:#cdbb95;--red:#b73d42;--red-dark:#692027;--green:#217557;--green-dark:#0c4937;--blue:#315f9a;--blue-dark:#17375f;--gold:#d2a33e;--gold-light:#ffe394;--cream:#fff8e9;--muted:#69737a;--shadow:0 16px 40px #02090f38;--focus:#ffe891}*{box-sizing:border-box}html{background:var(--night)}body{min-width:320px;margin:0;color:var(--ink);font:16px/1.42 Georgia,serif;background:radial-gradient(circle at 12% -10%,#3a5361 0,#182b35 24%,transparent 46%),radial-gradient(circle at 88% 12%,#70512b4d 0,transparent 28%),linear-gradient(145deg,#0b1821 0,#162733 45%,#0b151c 100%);background-attachment:fixed}body:before{content:'';position:fixed;inset:0;z-index:-1;opacity:.28;pointer-events:none;background-image:linear-gradient(90deg,#ffffff07 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px);background-size:28px 28px}.topbar{position:relative;z-index:1;min-height:88px;padding:1rem max(1rem,calc((100% - 1480px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--cream);border-bottom:1px solid #e7bf6044;background:linear-gradient(100deg,#08131df5,#152b39f4 56%,#382814ed);box-shadow:0 8px 30px #0008}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffe7a7a8;border-radius:12px;color:var(--gold-light);font-size:1.45rem;transform:rotate(45deg);box-shadow:inset 0 0 16px #f8c95b38}.brand-mark::first-letter{transform:rotate(-45deg)}.eyebrow{margin:0;color:#e4c579;font:700 10px Arial,sans-serif;letter-spacing:.18em}.topbar h1{margin:.1rem 0 0;font-size:1.55rem;letter-spacing:.02em}.setup{display:flex;align-items:end;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.setup label{display:grid;gap:.18rem;color:#ddd3b9;font:700 10px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.setup select,.setup input{width:104px;padding:.45rem .5rem;border:1px solid #c7af795c;border-radius:7px;background:#fff9eb;color:var(--ink);font:13px Arial,sans-serif}.setup input:focus,.setup select:focus,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{border:1px solid #ffffff1e;border-radius:8px;padding:.58rem .76rem;color:var(--cream);background:linear-gradient(140deg,#1b3444,#0a1720);font:700 13px Arial,sans-serif;cursor:pointer;box-shadow:0 3px 9px #0003;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}button:hover:not(:disabled){filter:brightness(1.16);transform:translateY(-1px);box-shadow:0 7px 14px #0004}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}.shell{max-width:1480px;margin:0 auto;padding:1.15rem;display:grid;grid-template-columns:290px minmax(480px,1fr) 320px;gap:1rem}.panel{position:relative;overflow:hidden;padding:1rem;border:1px solid #e4c982a8;border-radius:14px;background:linear-gradient(145deg,#fffdf6,#f4ead7);box-shadow:var(--shadow)}.panel:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}.panel h2,.panel h3{margin:.15rem 0 .65rem;color:#182c38}.panel h2{font-size:1.08rem}.panel h3{margin-top:1rem;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase}.status{display:grid;gap:.42rem;padding:.7rem;border:1px solid #d9c499;border-radius:10px;background:#fffcf4;font:13px Arial,sans-serif}.status p{margin:0}.notice{min-height:2.2rem;margin:.65rem 0;padding:.62rem .75rem;border:1px solid #e7cf80;border-left:4px solid var(--gold);border-radius:7px;background:linear-gradient(90deg,#fff3c8,#fffaf0);font:13px/1.35 Arial,sans-serif;box-shadow:inset 0 1px #fff}.board{min-width:0;background:linear-gradient(150deg,#fffdf7,#eee1c8)}.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem;padding:.1rem .1rem .55rem}.board-head h2{margin:0;font-size:1.23rem}.badge{display:inline-flex;align-items:center;gap:.25rem;border:1px solid #d3bd8e;border-radius:99px;padding:.2rem .48rem;color:#665327;background:#faf0d6;font:700 10px Arial,sans-serif;letter-spacing:.03em}.zone-labels{display:grid;grid-template-columns:6fr 3fr 11fr;gap:3px;margin-top:.35rem;border-radius:8px 8px 0 0;overflow:hidden;font:700 10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.zone-labels span{padding:.38rem;text-align:center}.black{color:#f5ece0;background:#182128}.grey{color:#17232d;background:#bdc4c3}.white{color:#66542e;background:#f0e5c8}.track{position:relative;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;height:112px;padding:5px;border:1px solid #bda875;border-radius:0 0 12px 12px;background:#573f27;box-shadow:inset 0 2px 7px #120c0780,0 7px 15px #49301533}.space{position:relative;min-width:0;overflow:hidden;border:1px solid #ffffff36;border-radius:5px;box-shadow:inset 0 -8px 12px #0002}.space.black{background:linear-gradient(145deg,#0f171d,#374049)}.space.grey{background:linear-gradient(145deg,#d7ddda,#949e9d)}.space.white{background:linear-gradient(145deg,#fffdf3,#ded0ad)}.space:after{content:'';position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#00000017);pointer-events:none}.space b{position:absolute;z-index:1;inset:4px auto auto 5px;color:currentColor;font:700 10px Arial,sans-serif}.space.black b{color:#fff8e8}.pawn{position:absolute;z-index:4;width:31px;height:31px;border:2px solid #fffef4;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 10px Arial,sans-serif;letter-spacing:-.04em;transform:translateX(-50%);box-shadow:0 3px 7px #000a,0 0 0 3px #0b151b50;transition:left .9s cubic-bezier(.2,.75,.28,1);text-shadow:0 1px 2px #000}.pawn.moving{animation:pawn-land .95s cubic-bezier(.2,.75,.28,1) both}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;margin-top:.85rem}.player{position:relative;min-height:112px;padding:.68rem .7rem .6rem;border:1px solid #d8c5a0;border-left:5px solid #7b8990;border-radius:9px;background:linear-gradient(145deg,#fffaf0,#eadcc1);font-size:.86rem;box-shadow:0 3px 8px #48362114;transition:transform .22s ease,box-shadow .22s ease}.player:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff96,transparent 42%)}.player.human{border-width:2px 2px 2px 6px;box-shadow:0 0 0 2px #d4a33b62,0 8px 16px #3e2c1240}.player.active{transform:translateY(-2px);outline:2px solid var(--gold);box-shadow:0 0 0 5px #d6a63b2e,0 12px 22px #39261230}.player.targeted{border-color:#bd2f34;background:linear-gradient(145deg,#fff7ed,#f7d2c8);animation:target-alert .8s ease-in-out infinite}.player.popularity-changed{animation:score-flash .7s ease-out}.player.dead{opacity:.55;filter:grayscale(.85)}.player p{position:relative;z-index:1;margin:.24rem 0}.player> b{position:relative;z-index:1;font-size:.95rem}.role{position:relative;z-index:1;color:#76531b}.effects{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.effect-chip{border:1px solid #7e9ab6;border-radius:99px;padding:.12rem .34rem;color:#20415c;background:#e4f1fa;font:700 10px Arial,sans-serif}.effect-chip.danger{color:#7b1f28;border-color:#d78a85;background:#ffe1dc}.actions,.choice-row{display:flex;flex-wrap:wrap;gap:.48rem;margin:.82rem 0}.actions .primary,.choice-row .primary{color:#2b1e07;background:linear-gradient(145deg,#f4ca64,#b78522);border-color:#fff0b3}.choice{color:#25343b;background:linear-gradient(145deg,#fffdf6,#e6d7b8);border-color:#d1bc8c}.choice.selected{color:#281b06;background:linear-gradient(145deg,#ffe88f,#d7a437);border-color:#9d6f17;box-shadow:0 0 0 2px #f8d56880}.hand-title{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin-top:1rem}.hand-title h3{margin:.2rem 0}.hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:.72rem}.card{position:relative;isolation:isolate;min-height:218px;overflow:hidden;padding:.72rem;color:#fff;text-align:left;border:2px solid #ffffff42;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 16px #0a11142e;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:card-deal .42s cubic-bezier(.2,.85,.3,1.2) both}.card:before{content:'';position:absolute;z-index:-1;inset:0;opacity:.65;background:linear-gradient(135deg,#ffffff3b,transparent 28%,#00000035);pointer-events:none}.card:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff38;border-radius:8px;pointer-events:none}.card.red{background:linear-gradient(145deg,#8a252d,#c94c4f 54%,#591c25)}.card.green{background:linear-gradient(145deg,#0e4f3b,#318762 54%,#0c3f31)}.card.blue{background:linear-gradient(145deg,#173a6b,#477fb7 54%,#17315a)}.card.dual{background:linear-gradient(145deg,#8e252e 0 45%,#2f805e 55% 100%)}.card:hover:not(:disabled){transform:translateY(-7px) rotate(-.35deg);box-shadow:0 17px 24px #0b11185a}.card.selected{border-color:#fff09d;transform:translateY(-9px);box-shadow:0 0 0 3px #c9962c,0 19px 30px #0b11186a}.card:disabled{filter:grayscale(.3);opacity:.55}.card small,.card .title,.card .icons,.art{position:relative;z-index:1}.card small{font:700 10px/1.3 Arial,sans-serif;letter-spacing:.03em}.card .title{font-size:1.03rem;line-height:1.1;text-shadow:0 2px 2px #0005}.art{width:100%;height:55px;filter:drop-shadow(0 4px 4px #0004)}.icons{display:flex;align-items:center;gap:.28rem}.faction-icon{width:23px;height:23px;flex:0 0 23px;display:inline-grid;place-items:center;border:1px solid #ffffffa8;border-radius:50%;vertical-align:middle;font:700 13px Arial,sans-serif;font-style:normal;box-shadow:inset 0 1px #fff8}.faction-icon.mafia{color:#62232b;background:#f6d0d1}.faction-icon.government{color:#1c4e8a;background:#d8e8ff}.faction-icon.media{color:#08645d;background:#d2f3ea}.icon{width:22px;height:22px;border:1px solid #ffffff99;border-radius:50%;display:grid;place-items:center;color:#243036;background:#fff;font:800 13px Arial,sans-serif}.icon.up{color:#1d764f}.icon.down{color:#b42f34}.reaction{position:relative;margin:1rem 0;padding:.85rem;border:1px solid #9db9d8;border-left:5px solid var(--blue);border-radius:10px;background:linear-gradient(135deg,#e8f3ff,#f9fcff);box-shadow:0 5px 12px #3355781c}.reaction>b{font-size:.86rem;letter-spacing:.02em}.reaction details{margin:.45rem 0;padding:.46rem .2rem;border-bottom:1px solid #cad9e8;font:13px/1.4 Arial,sans-serif}.reaction details:last-of-type{border-bottom:0}.queue-card{border-left:4px solid #789fc4!important;padding-left:.55rem!important;background:#ffffff80}.queue-card.is-instant{border-left-color:#8668b1!important}.queue-card.is-blocked{border-left-color:#be383d!important;background:#fff0ed;text-decoration:line-through}.queue-card.is-stolen{border-left-color:#cb9430!important;background:#fff8dc}.targeted-action{border-left-color:#bd2f31!important;background:#fff0ed!important;animation:target-alert .8s ease-in-out infinite}.targeted-action summary{color:#941c20}.queue-state{display:inline-block;margin-left:.35rem;border-radius:99px;padding:.12rem .32rem;background:#e3edf7;color:#375b7d;font:700 9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}.is-blocked .queue-state{color:#8f2025;background:#ffd8d5}.is-stolen .queue-state{color:#715114;background:#ffefad}.card-text{margin:.48rem 0;padding:.62rem;border:1px solid #e0cfaa;border-radius:7px;background:#fffaf0;font:13px/1.38 Arial,sans-serif}.bot-card-play{position:relative;overflow:hidden;margin:.75rem 0;padding:1rem 1.05rem;border:1px solid #ffffff8c;border-radius:12px;color:#fff;box-shadow:0 12px 25px #15212c55;animation:bot-card-arrive .48s cubic-bezier(.18,.88,.35,1.25),bot-card-glow 1.5s ease-in-out infinite}.bot-card-play.red{background:linear-gradient(120deg,#6c1d27,#d15855)}.bot-card-play.green{background:linear-gradient(120deg,#0d513a,#429a6e)}.bot-card-play.blue{background:linear-gradient(120deg,#183a6b,#4d89c6)}.bot-card-play.dual{background:linear-gradient(120deg,#a63239 0 47%,#23785b 53% 100%)}.bot-card-play:after{content:'';position:absolute;inset:-80% auto auto -20%;width:30%;height:260%;background:#fff6;transform:rotate(24deg);animation:bot-card-shine 1.15s ease-out}.bot-card-play small,.bot-card-play strong,.bot-card-play p{position:relative;z-index:1;display:block}.bot-card-play small{font:700 10px Arial,sans-serif;letter-spacing:.1em}.bot-card-play strong{margin:.25rem 0;font-size:1.28rem;text-shadow:0 2px 3px #0005}.bot-card-play p{margin:.15rem 0;font:13px/1.4 Arial,sans-serif}.bot-card-play.targeting-human{outline:3px solid #ffe584;animation:bot-card-arrive .48s cubic-bezier(.18,.88,.35,1.25),bot-card-glow 1.5s ease-in-out infinite,target-alert .8s ease-in-out infinite}.token-help{margin:1rem 0;padding:.65rem;border:1px solid #dcc480;border-left:4px solid var(--gold);border-radius:8px;background:linear-gradient(145deg,#fff7d9,#f5e9c8);font:12px/1.4 Arial,sans-serif}.token-help summary{cursor:pointer;font-weight:700}.token-help h4{margin:.7rem 0 .2rem}.token-help ul{margin:.25rem 0;padding-left:1.1rem}.legend{display:grid;grid-template-columns:28px 1fr;gap:.35rem .5rem;align-items:center;font:12px Arial,sans-serif}.log{max-height:540px;overflow:auto;padding-right:.2rem;font:12px/1.35 Arial,sans-serif}.log-entry{display:grid;grid-template-columns:27px 1fr;gap:.48rem;margin:0;padding:.58rem .1rem;border-bottom:1px solid #e7dac2}.log-entry:first-child{animation:log-enter .35s ease-out}.log-entry .log-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#486373;background:#dce8ec;font-size:12px}.log-entry .log-meta{margin-bottom:.12rem;color:#7a7b71;font:700 9px Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}.log-entry p{margin:0}.log-entry span{color:#63747e}.type-play .log-icon,.type-instant .log-icon{color:#725116;background:#ffefb9}.type-block .log-icon,.type-blocked .log-icon{color:#a62329;background:#ffd9d5}.type-popularity .log-icon{color:#176447;background:#d5f1e3}.type-elimination .log-icon{color:#86252a;background:#f7d9d5}.type-transfer .log-icon{color:#75551b;background:#ffedb0}.question{margin:.5rem 0;padding:.58rem;border-left:4px solid var(--gold);border-radius:0 7px 7px 0;background:#f6e9cd;font:12px/1.35 Arial,sans-serif}.goal-option{display:block;width:100%;margin:.55rem 0;padding:.75rem;color:#26363b;text-align:left;border:1px solid #d4bb7e;background:linear-gradient(145deg,#fff8dc,#e9d39b)}.winner{font-size:1.15rem;background:linear-gradient(145deg,#fff4bf,#ead18a)}.celebration{position:relative;overflow:hidden;margin-bottom:1rem;padding:1.15rem;border:1px solid #f5dc85;border-radius:13px;color:#fff8e7;text-align:center;background:radial-gradient(circle at 50% -40%,#ffe78a 0,transparent 40%),linear-gradient(135deg,#101f2d,#b17c21,#182b35);box-shadow:0 12px 28px #5e3f1180;animation:win-pop .65s cubic-bezier(.2,.85,.3,1.2)}.celebration p{margin:0;color:#fff0b0;font:700 10px Arial,sans-serif;letter-spacing:.18em}.celebration h2{margin:.28rem 0;font-size:1.42rem}.celebration b{display:inline-block;padding:.2rem .6rem;border:1px solid #ffe7968c;border-radius:99px;background:#0e192a55;font:700 12px Arial,sans-serif}.confetti{position:absolute;left:12%;top:12%;font-size:1.5rem;color:#ffe370;animation:confetti 1.5s ease-out infinite}.confetti.two{left:78%;top:18%;color:#ffb8b1;animation-delay:.25s}.confetti.three{left:88%;top:67%;color:#b7e7ff;animation-delay:.55s}@keyframes card-deal{from{opacity:0;transform:translateY(16px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pawn-land{0%{transform:translateX(-50%) scale(.75)}65%{transform:translateX(-50%) scale(1.22)}100%{transform:translateX(-50%) scale(1)}}@keyframes score-flash{0%{box-shadow:0 0 0 0 #f0c65b00}40%{box-shadow:0 0 0 7px #f0c65b85}100%{box-shadow:0 3px 8px #48362114}}@keyframes target-alert{0%,100%{box-shadow:0 0 0 #e13f3f00}50%{box-shadow:0 0 0 5px #e13f3f45}}@keyframes bot-card-arrive{from{opacity:0;transform:translateY(-24px) scale(.87) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes bot-card-glow{0%,100%{box-shadow:0 12px 25px #15212c55}50%{box-shadow:0 12px 31px #ffe888a0}}@keyframes bot-card-shine{from{transform:translateX(-280%) rotate(24deg)}to{transform:translateX(680%) rotate(24deg)}}@keyframes log-enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes win-pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.04)}100%{transform:scale(1);opacity:1}}@keyframes confetti{0%{transform:translateY(-18px) rotate(0);opacity:0}25%{opacity:1}100%{transform:translateY(78px) rotate(260deg);opacity:0}}@media(max-width:1080px){.shell{grid-template-columns:minmax(230px,.75fr) minmax(430px,1.5fr)}.right{grid-column:1/-1}.log{max-height:260px}.log-entry{display:inline-grid;width:calc(50% - .35rem);margin-right:.35rem;vertical-align:top}}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.setup{justify-content:flex-start}.shell{grid-template-columns:1fr;padding:.7rem}.left,.right{grid-column:auto}.track{height:91px}.players{grid-template-columns:1fr 1fr}.hand{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:190px}.log-entry{display:grid;width:100%;margin-right:0}}@media(max-width:480px){.setup input,.setup select{width:86px}.brand-mark{width:36px;height:36px}.topbar h1{font-size:1.25rem}.players{grid-template-columns:1fr}.track{height:76px;gap:2px;padding:3px}.pawn{width:26px;height:26px}.space b{font-size:8px}.hand{gap:.45rem}.card{min-height:173px;padding:.52rem}.card .title{font-size:.92rem}.art{height:42px}.zone-labels{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}