@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--bg: #1b1410;--bg-2: #3a2a1d;--wood: #2a1e15;--panel: rgba(255, 240, 210, .06);--panel-border: rgba(255, 225, 170, .18);--text: #f6ead2;--muted: #c2ad8a;--accent: #d9a441;--accent-dark: #8a6420;--danger: #e0533c;--good: #7fcf6a;--parchment: #f1e2c0;--ink: #2b1d10;--noble: #e2b007;--religious: #3d7be0;--trade: #3fa34d;--military: #d0393b;--unique: #9b59b6;--dw: 58px;--dh: 80px;--hand-w: 76px;--hand-h: 106px;--char-w: 62px;--char-h: 84px;--out-w: 64px;font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif}@media(max-width:900px),(max-height:640px){:root{--dw: 40px;--dh: 54px;--hand-w: 56px;--hand-h: 78px;--char-w: 44px;--char-h: 60px;--out-w: 52px}}@media(max-width:520px){:root{--dw: 22px;--dh: 30px;--hand-w: 46px;--hand-h: 64px;--char-w: 36px;--char-h: 50px;--out-w: 46px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:radial-gradient(1200px 800px at 50% -10%,var(--bg-2),var(--bg));overflow:hidden;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0 0 .4em}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.55em 1em;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#f0c766,var(--accent));box-shadow:0 4px 0 var(--accent-dark),0 8px 16px #00000059;transition:transform .08s ease,filter .15s ease;touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(2px)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.secondary{color:var(--text);background:linear-gradient(180deg,#5b4330,#3f2e20);box-shadow:0 4px #22170f,0 8px 16px #00000059}button.ghost{color:var(--text);background:transparent;box-shadow:none;border:1px solid var(--panel-border)}button.danger{color:#fff;background:linear-gradient(180deg,#ef6b55,var(--danger));box-shadow:0 4px #7d2416}button.small{padding:.3em .7em;font-size:13px}button.icon{width:34px;height:34px;padding:0;border-radius:50%;display:inline-grid;place-items:center;font-size:16px}input,select{font:inherit;padding:.55em .8em;border-radius:10px;border:1px solid var(--panel-border);background:#0000004d;color:var(--text);outline:none;min-width:0}input:focus,select:focus{border-color:var(--accent)}.center-page{height:100dvh;display:grid;place-items:center;padding:16px;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 20px 50px #00000073}.title{font-size:clamp(34px,7vw,52px);letter-spacing:2px;color:var(--accent);text-shadow:0 3px 0 #000;text-align:center}.subtitle{text-align:center;color:var(--muted);margin:0 0 18px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.error{color:var(--danger)}.field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.field small{grid-column:1 / -1;color:var(--muted);margin-top:-6px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#00000059;border:1px solid var(--panel-border)}.error-toast{position:fixed;top:12px;left:50%;z-index:300;padding:10px 16px;border-radius:10px;background:var(--danger);color:#fff;font-weight:700;box-shadow:0 8px 20px #0006}.lobby{width:min(720px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:640px){.lobby-grid{grid-template-columns:1fr}}.seat-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#00000040}.seat-row .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share{display:flex;gap:8px}.share input{flex:1;font-family:monospace;font-size:13px}.game{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px 10px;padding:6px 10px 4px;background:linear-gradient(180deg,#0000008c,#0003);border-bottom:1px solid var(--panel-border)}.status{display:flex;align-items:center;gap:10px;min-width:0;font-size:clamp(13px,1.6vw,17px)}.status-text{max-width:40vw;text-align:center;font-size:clamp(13px,1.6vw,17px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-text strong{color:var(--accent)}.top-right{display:flex;align-items:center;gap:8px;justify-self:end}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#0006;border:1px solid var(--panel-border);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.timer{position:relative;width:30px;height:30px;flex:none}.timer svg{transform:rotate(-90deg)}.timer span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.timer.low span{color:var(--danger)}.track{grid-column:1 / -1;display:flex;gap:6px;justify-content:center;padding-top:2px}.char-card,.district{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.char-card{position:relative;flex:none;width:var(--char-w);height:calc(var(--char-h) + 16px);border-radius:8px;padding:0;display:flex;flex-direction:column;align-items:stretch;color:var(--ink);background:var(--parchment);box-shadow:0 3px 8px #00000073;border:2px solid transparent;cursor:default;overflow:hidden;font-weight:400;transition:transform .15s ease,opacity .2s ease,box-shadow .2s ease}.char-card .art{flex:1;display:grid;place-items:center;font-size:calc(var(--char-w) * .5);font-weight:700;color:#ffffffeb;text-shadow:0 2px 0 rgba(0,0,0,.4);background:linear-gradient(160deg,#6e5a45,#3a2c1f)}.char-card .rank{position:absolute;top:2px;left:4px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.char-card .label{font-size:clamp(8px,1.1vw,11px);text-align:center;padding:2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-card .owner{height:16px;font-size:10px;line-height:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#000000bf;color:var(--text);padding:0 2px}.char-card .flag{position:absolute;top:2px;right:3px;font-size:13px}.char-card.out{opacity:.35;filter:grayscale(1)}.char-card.done{opacity:.7}.char-card.current{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 18px var(--accent);transform:translateY(2px) scale(1.06)}.char-card.mine{border-color:var(--good)}.char-card.pickable{cursor:pointer;border-color:var(--accent);animation:pulse 1.2s ease-in-out infinite}.char-card.pickable:hover{transform:translateY(3px) scale(1.08)}.char-card.keep{border-color:var(--good);box-shadow:0 0 14px var(--good);animation:none}.char-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:clamp(8px,1vw,11px);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none}.char-overlay span{font-size:calc(var(--char-w) * .45);letter-spacing:0}.char-overlay.killed{background:linear-gradient(160deg,#9614148c,#3c0000cc)}.char-overlay.robbed{background:linear-gradient(160deg,#c8961e80,#5a3c00cc)}.char-overlay.bewitched{background:linear-gradient(160deg,#783cc880,#280a50cc);font-size:clamp(6px,.75vw,9px);letter-spacing:0}.deck-card{width:38px;height:54px;display:grid;place-items:center;font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}.char-card.large{--char-w: 150px;--char-h: 200px;height:auto;min-height:216px}.char-card.large .label{font-size:16px}.char-card.large .rank{font-size:18px}@keyframes pulse{0%,to{box-shadow:0 0 0 2px var(--accent)}50%{box-shadow:0 0 0 2px var(--accent),0 0 16px var(--accent)}}.district{position:relative;flex:none;width:var(--dw);height:var(--dh);border-radius:5px;background:var(--parchment);color:var(--ink);border:2px solid var(--c, #888);box-shadow:0 2px 5px #00000073;overflow:hidden;display:flex;flex-direction:column;padding:0;font-weight:400;cursor:zoom-in}.district.noble{--c: var(--noble)}.district.religious{--c: var(--religious)}.district.trade{--c: var(--trade)}.district.military{--c: var(--military)}.district.unique{--c: var(--unique)}.district .art{flex:1;background:linear-gradient(160deg,transparent 40%,rgba(0,0,0,.25)),var(--c);display:grid;place-items:center;color:#ffffffe6;font-size:calc(var(--dw) * .38)}.district .cost{position:absolute;top:2px;left:2px;min-width:calc(var(--dw) * .3);height:calc(var(--dw) * .3);border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe28a,#c8901d);color:var(--ink);font-weight:700;font-size:calc(var(--dw) * .2);display:grid;place-items:center;box-shadow:0 1px 2px #0009}.district .name{font-size:calc(var(--dw) * .15);line-height:1.1;text-align:center;padding:2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.district.thumb .name{display:none}.district.big{--dw: 200px;--dh: 280px;cursor:default}.district.big .name{font-size:20px;padding:6px}.district .text{font-size:13px;padding:6px 10px 10px;line-height:1.3;background:#ffffff80}.district.inhand{--dw: var(--hand-w);--dh: var(--hand-h)}.district.playable{cursor:pointer;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 14px var(--accent)}.district.playable:hover{transform:translateY(-6px)}.district.selected{transform:translateY(-10px);box-shadow:0 0 0 3px var(--good),0 0 16px var(--good)}.district.target{cursor:crosshair;animation:target-glow 1s ease-in-out infinite}.district.target:after{content:attr(data-price);position:absolute;bottom:0;right:0;background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:0 3px;border-top-left-radius:4px}@keyframes target-glow{50%{box-shadow:0 0 0 2px var(--danger),0 0 14px var(--danger)}}.back{width:calc(var(--dw) * .75);height:calc(var(--dh) * .75);border-radius:4px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 4px,transparent 4px 8px),linear-gradient(160deg,#7b2d26,#3d1410);border:1px solid #d9a441;box-shadow:0 1px 3px #00000080}.coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe28a,#c8901d);border:1px solid #8a6420;box-shadow:0 1px 2px #0009;flex:none}.table{position:relative;display:grid;gap:6px;padding:6px;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr)}.seat{min-width:0;min-height:0;display:flex;justify-content:center;align-items:center}.seat-n,.seat-nw,.seat-ne{align-items:flex-start}.seat-s,.seat-sw,.seat-se{align-items:flex-end}.seat-w,.seat-nw,.seat-sw{justify-content:flex-start}.seat-e,.seat-ne,.seat-se{justify-content:flex-end}.player{position:relative;flex:0 1 auto;min-width:0;min-height:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;border:2px solid var(--panel-border);background:#00000047;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.player.active{border-color:var(--accent);box-shadow:0 0 18px #d9a44173}.player.offline{opacity:.7}.player.targetable .district,.player.targetable .char-card{pointer-events:none}.player.targetable{cursor:pointer;border-color:var(--danger);animation:target-glow 1s ease-in-out infinite}.player-head{display:flex;align-items:center;gap:5px;min-width:0;font-size:clamp(11px,1.3vw,14px)}.player-head .pname{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-head .crown{font-size:1.2em}.player-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.backs{display:flex;align-items:center}.backs .back+.back{margin-left:calc(var(--dw) * -.55)}.coins{display:flex;align-items:center}.coins .coin+.coin{margin-left:-9px}.count{font-weight:700;margin-left:4px;font-variant-numeric:tabular-nums}.city{display:flex;flex-wrap:wrap;gap:3px;align-content:flex-start;min-height:0;overflow:hidden;flex:0 1 auto}.my-chars{display:flex;gap:4px}.my-chars .char-card{--char-w: 40px;--char-h: 46px}.char-back{width:40px;height:62px;border-radius:6px;flex:none;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 4px,transparent 4px 8px),linear-gradient(160deg,#3b4a6b,#1c2438);border:2px solid var(--accent);box-shadow:0 2px 6px #00000073}.hand{display:flex;align-items:flex-end;min-height:0;padding-top:10px}.hand .district+.district{margin-left:calc(var(--hand-w) * -.18)}.me-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;min-height:0;flex:1}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:0;text-align:center;padding:6px;border-radius:16px;background:radial-gradient(ellipse at center,rgba(90,60,35,.55),transparent 75%);overflow:hidden}.deck{position:relative;display:flex;align-items:center;gap:8px;font-size:12px}.prompt{font-size:clamp(13px,1.5vw,16px)}.actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.offer{display:flex;gap:8px;justify-content:center}.offer .district{--dw: var(--hand-w);--dh: var(--hand-h)}.picker{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;width:min(92vw,900px);max-height:80vh;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.picker .offer{flex-wrap:wrap}.beautified-tag{position:absolute;right:2px;top:2px;font-size:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));pointer-events:none}.district.beautified{box-shadow:0 0 0 2px #c58bff}.cast-picker{grid-column:1 / -1;display:grid;gap:8px}.cast-rank{display:grid;grid-template-columns:18px 1fr;gap:6px}.cast-rank .cast-option{grid-column:2}.cast-rank-n{grid-row:1 / span 3;align-self:center;color:var(--muted);font-weight:700}.cast-option{display:flex;gap:8px;align-items:flex-start;padding:6px;border:1px solid var(--panel-border);border-radius:8px;cursor:pointer;opacity:.6;text-align:left}.cast-option.chosen{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cast-option .char-card{--char-w: 52px;--char-h: 64px}.cast-text{font-size:12px;line-height:1.35}.cast-text strong{display:block;font-size:13px}.cast-none{align-items:center;justify-content:center}.corner-button{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50}.drawer{position:fixed;right:12px;bottom:calc(60px + env(safe-area-inset-bottom));width:min(380px,calc(100vw - 24px));height:min(60dvh,520px);z-index:60;display:flex;flex-direction:column;padding:12px}.drawer .log{flex:1;overflow-y:auto;font-size:13px;line-height:1.45}.log .round-head{margin-top:8px;color:var(--accent);font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:grid;place-items:center;padding:16px}.modal{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:linear-gradient(180deg,#3a2a1d,#241a12)}.modal:focus{outline:none}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:150}.fx-layer .fly{position:fixed;left:0;top:0}.floater{position:fixed;font-weight:700;font-size:18px;color:#ffe28a;text-shadow:0 2px 4px #000}.hover-card{position:fixed;z-index:120;pointer-events:none}.versus{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0}.arrow-line{font-size:40px;color:var(--danger)}.burning{position:relative}.flames{position:absolute;inset:auto 0 -10px 0;text-align:center;font-size:46px;filter:drop-shadow(0 0 12px #ff7a00)}.halves{position:relative;width:150px;height:216px}.halves>div{position:absolute;top:0;right:0;bottom:0;left:0}.slash{position:absolute;left:-20%;right:-20%;top:50%;height:4px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 16px #fff;transform:rotate(-35deg)}.score-table{width:100%;border-collapse:collapse;font-size:14px}.score-table th,.score-table td{padding:6px 4px;text-align:right;border-bottom:1px solid var(--panel-border)}.score-table th:first-child,.score-table td:first-child{text-align:left}.score-table tr.winner td{color:var(--accent);font-weight:700}.spectator-bar{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:70;padding:8px 14px;font-size:14px}.requests{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;padding:10px;width:min(320px,calc(100vw - 80px))}.help p,.help li{line-height:1.5}.center button{font-size:clamp(12px,1.3vw,15px);padding:.45em .85em}.center .prompt{margin:0}[data-testid=my-area]{padding-right:64px}@media(max-width:520px){.topbar{grid-template-columns:auto minmax(0,1fr);padding:4px 6px}.top-right{grid-column:1 / -1;order:-1;justify-self:stretch;justify-content:flex-end;gap:5px}.top-right button.small{font-size:11px}.status .chip{display:none}.status-text{max-width:none;text-align:left;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.track{gap:3px}.table{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr) minmax(0,.85fr);gap:4px;padding:4px}.player{padding:4px}.player-stats{gap:4px;font-size:11px}[data-testid=my-area]{padding-right:56px}}.table-center{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.table-center .center{flex:1;align-self:stretch}.player-head-row{display:flex;align-items:center;gap:6px;min-width:0}.sections{display:flex;flex-wrap:wrap;gap:4px}.section{display:flex;flex-direction:column;gap:3px;min-width:0;min-height:0;padding:3px 6px 5px;border:1px solid var(--panel-border);border-radius:8px;background:#00000038}.section.grow{overflow:hidden}.section-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);white-space:nowrap}.section>.coins,.section>.backs{min-height:22px}.none{font-size:11px;font-style:italic}@media(max-width:520px){.section{padding:2px 4px 3px}.section-label{font-size:8px;letter-spacing:0}}@media(max-width:520px){.sections{flex-wrap:nowrap}.section{flex:0 1 auto}.coins .coin+.coin,.backs .back:nth-child(n+3){display:none}.char-back{width:22px;height:32px;border-width:1px}.my-chars .char-card{--char-w: 26px;--char-h: 22px}.my-chars .char-card .label,.my-chars .char-card .owner,.player-head .badge{display:none}.char-overlay{font-size:0}.me-body{align-items:start}}.me-body{align-items:start}.section-label .short{display:none}@media(max-width:520px){.section-label .long{display:none}.section-label .short{display:inline}}.build-hint{font-size:13px;color:var(--text);max-width:320px}.build-tag{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);padding:1px 6px;border-radius:6px;background:var(--accent);color:var(--ink);font-size:11px;font-weight:700;box-shadow:0 2px 4px #00000080;pointer-events:none}.round-over{position:fixed;top:0;right:0;bottom:0;left:0;z-index:155;pointer-events:none;background:#00000059}.round-over-banner{position:fixed;left:50%;top:22%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;background:#2f2218;font-size:clamp(16px,2.4vw,24px);white-space:nowrap}.round-over-banner strong{color:var(--accent);font-size:1.3em}.draft-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0009;pointer-events:auto}.drafting .seat,.drafting .table-center{position:relative;z-index:41}.drafting .table-center .center{background:none}.draft{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%}.draft-title{margin:0;font-size:clamp(16px,2.2vw,24px);color:var(--accent);text-shadow:0 2px 0 #000}.draft-note{margin:0;font-size:13px}.draft-cards{display:grid;grid-template-columns:repeat(4,auto);gap:8px;justify-content:center}.draft-cards .char-card{--char-w: clamp(40px, 7vw, 92px);--char-h: clamp(52px, 9.5vw, 124px);cursor:pointer}.draft-cards .char-card .label{font-size:clamp(9px,1.2vw,14px)}.draft-cards .char-card .owner{text-transform:capitalize}.round-over .fly{position:fixed;left:0;top:0}@media(max-width:520px){.draft-cards{gap:4px}.draft-cards .char-card{--char-w: 38px;--char-h: 46px}.draft-cards .char-card .owner{display:none}.draft-title{font-size:14px;text-align:center}}@media(max-width:520px){.versus{gap:8px;margin:10px 0}.versus .char-card.large{--char-w: 84px;--char-h: 96px;min-height:0}.versus .char-card.large .text{display:none}.versus .district.big{--dw: 110px;--dh: 154px}.versus .district.big .text{display:none}.halves{width:84px;height:130px}.flames{font-size:28px}}.district .art,.char-card .art{position:relative;overflow:hidden}.district .art img,.char-card .art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.district.has-art,.char-card.has-art{background-color:#111;background-size:100% 100%;border:none;border-radius:calc(var(--dw) * .07);padding:0}.district.has-art{height:auto;aspect-ratio:673 / 1051}.char-card.has-art{height:auto;aspect-ratio:673 / 1051;border-radius:calc(var(--char-w) * .07)}.has-art .art-name{position:absolute;left:26%;right:8%;bottom:6.5%;height:9%;display:grid;place-items:center;font-size:calc(var(--dw) * .12);line-height:1;color:var(--ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-card.has-art .art-name{left:24%;right:7%;top:6%;bottom:auto;height:9%;font-size:calc(var(--char-w) * .13)}.has-art .art-gem{position:absolute;left:6.3%;bottom:4.8%;width:17.5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.7),var(--c) 55%);box-shadow:inset 0 0 0 1px #0006}.district.thumb .art-name,.district.mini .art-name{display:none}@media(min-width:901px){.district.mini .art-name{display:grid;font-size:8px}}.char-card.has-art .owner{position:absolute;left:0;right:0;bottom:0}.char-card.has-art.out,.char-card.has-art.done{filter:grayscale(.6) brightness(.7)}.char-card.has-art .char-text{position:absolute;left:10%;right:10%;top:77%;bottom:7%;display:grid;place-items:center;text-align:center;font-size:12px;line-height:1.25;color:var(--ink);background:none;padding:0}.char-card.large.has-art{min-height:0}.big-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:220px}.big-wrap .text{border-radius:8px;background:var(--parchment);color:var(--ink);font-size:13px;line-height:1.3;padding:8px 10px}.district.big.has-art{--dw: 220px}.char-card.large.has-art{--char-w: 220px}.versus .char-card.large.has-art,.halves .char-card.large.has-art{--char-w: 150px}@media(max-width:520px){.versus .char-card.large.has-art,.halves .char-card.large.has-art{--char-w: 84px}}.draft-cards .char-card.has-art{--char-w: clamp(38px, 5.2vw, 76px)}.drafting .deck{display:none}@media(max-height:760px){.draft-cards .char-card.has-art{--char-w: clamp(34px, 4.2vw, 60px)}}.drafting .table-center{container-type:size}.drafting .draft-cards{display:flex;flex-wrap:wrap;justify-content:center}.drafting .draft-cards .char-card.has-art,.drafting .draft-cards .char-card{--char-w: min(80px, calc((100cqw - 56px) / 7), 34cqh)}@media(max-width:520px){.drafting .draft-cards .char-card.has-art,.drafting .draft-cards .char-card{--char-w: min( calc((100cqw - 16px)/4) , 24cqh)}}.has-art .art-box{position:absolute;left:10%;right:10%;display:grid;place-items:center;text-align:center;color:var(--ink);font-weight:700;line-height:1.1;overflow:hidden;pointer-events:none}.char-card.has-art .art-box{top:77%;bottom:7.5%;font-size:calc(var(--char-w) * .12)}.char-card.has-art .art-box.status{color:#5a1a0e;text-transform:capitalize;font-size:calc(var(--char-w) * .14)}.district.has-art .art-box{bottom:21%;height:10%;font-size:calc(var(--dw) * .1)}.district.thumb .art-box{display:none}.close-countdown{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;margin-top:6px}.close-bar{width:160px;height:3px;border-radius:2px;background:var(--accent);transform-origin:left}.marked{position:relative}.stamp{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:64px;filter:drop-shadow(0 4px 8px #000);pointer-events:none}.coin-lane{position:relative;width:140px;height:60px}.coin-lane .big-coin{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px}@media(max-width:520px){.stamp{font-size:36px}.coin-lane{width:70px}}.has-art .art-box,.has-art .art-name{overflow-wrap:normal;word-break:keep-all}.has-art .art-name{white-space:nowrap;text-overflow:clip}.hand .district+.district{margin-left:4px}.hand:has(>.district:nth-child(6)) .district+.district{margin-left:calc(var(--hand-w) * -.3)}.draft-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.hand-stack,.discard-flight{position:fixed;left:0;top:0;width:var(--out-w);height:calc(var(--out-w) * 1.55);margin:calc(var(--out-w) * -.775) 0 0 calc(var(--out-w) * -.5)}.stack-backs{position:relative;width:40px;height:62px}.stack-backs .char-back{position:absolute;top:0;right:0;bottom:0;left:0;width:40px;height:62px}.stack-count{position:absolute;right:-10px;bottom:-8px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;display:grid;place-items:center;background:var(--accent);color:var(--ink);font-size:12px;font-weight:700;box-shadow:0 2px 4px #00000080}.discard-flight{transform-style:preserve-3d}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.flip-face .char-back{display:block;width:var(--out-w);height:calc(var(--out-w) * 1.55)}.front-face{transform:rotateY(180deg)}.front-face .char-card,.draft-piles .char-card{--char-w: var(--out-w);--char-h: calc(var(--out-w) * 1.15)}.draft-piles{display:flex;align-items:center;justify-content:center;gap:8px;min-height:calc(var(--out-w) * 1.55 + 4px)}.pile-down{position:relative;width:var(--out-w);height:calc(var(--out-w) * 1.55)}.pile-down .char-back{display:block;width:var(--out-w);height:calc(var(--out-w) * 1.55)}.track-slot{display:flex;flex-direction:column;align-items:center;gap:2px;width:var(--char-w)}.track-owner{max-width:100%;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);text-transform:capitalize}.track-owner.empty{visibility:hidden}@media(max-width:520px){.track-owner{font-size:9px}}.district.big.has-art .art-box{top:64%;bottom:19%;height:auto;font-size:15px;font-weight:600;line-height:1.2}.char-card.large.has-art .art-box{top:77.5%;bottom:7.5%;left:10%;right:10%;font-size:15px;font-weight:600;line-height:1.2;text-transform:none}.pop-score{margin-left:auto;font-size:14px}.city:empty{min-height:var(--dh);min-width:var(--dw)}.fit-inner{display:block;max-width:100%}.has-art .art-name .fit-inner{white-space:nowrap}.char-card.large.has-art .art-box{top:80%;bottom:7.5%}.char-card.has-art:not(.large) .art-box{top:81%;bottom:7.5%;left:10.5%;right:10.5%;line-height:1}.player .pop-score{margin-left:auto;font-size:11px;padding:1px 7px}.deck-row{display:flex;align-items:center;justify-content:center;gap:14px}.out-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px}.out-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.draft-piles .char-card{--char-w: var(--out-w)}.danger-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(200,10,10,calc(.25 * var(--danger-strength))) 75%,rgba(200,10,10,calc(.75 * var(--danger-strength))) 100%);animation:danger-pulse .9s ease-in-out infinite}@keyframes danger-pulse{50%{opacity:.55}}.time-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:300;transform-origin:left;background:linear-gradient(90deg,#f0c766,var(--accent));box-shadow:0 0 8px #d9a441cc;transition:transform .1s linear;pointer-events:none}.time-bar.low{background:linear-gradient(90deg,#ff6b5a,var(--danger));box-shadow:0 0 10px #e0533ce6}.pile-down{display:flex;gap:4px;width:auto}[data-section=character]{min-width:52px;min-height:80px}.big-warning{display:grid;gap:6px;padding:14px 16px;border:2px solid var(--danger);border-radius:10px;background:#e0533c29;color:var(--text);line-height:1.4}.big-warning strong{font-size:1.15rem;color:#ff8a75}.score-pop{position:fixed;z-index:300;width:200px;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#3a2a1d,#241a12);box-shadow:0 8px 24px #00000080;font-size:13px;pointer-events:none}.score-pop strong{margin-bottom:4px;color:var(--accent)}.score-row{display:flex;justify-content:space-between;gap:12px}.score-row.muted{color:var(--muted)}.score-total{margin-top:4px;padding-top:4px;border-top:1px solid var(--panel-border);font-weight:700}@media(max-width:520px){.pile-down{gap:0}.pile-down .char-back+.char-back{margin-left:calc(var(--out-w) * -.65)}}.fx-modal{overflow:hidden}.round-flip{position:fixed;left:0;top:0;z-index:170}.building{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.building-note{font-size:12px;color:var(--muted)}.turn-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}