:root{--bg:#0d1410;--panel:#120e0ae0;--ink:#eadfc4;--muted:#a99c80;--gold:#c9a95c;--ok:#6fbf73;--bad:#e06060;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif}button{font:inherit;color:var(--ink);cursor:pointer;background:#2b241b;border:1px solid #5a4a30;border-radius:6px;padding:5px 10px}button:hover:not(:disabled){border-color:var(--gold);background:#3a3022}button:disabled{opacity:.5;cursor:default}button.primary{border-color:var(--gold);background:#5a4520}button.big{padding:10px 18px;font-size:1.15rem}select{font:inherit;color:var(--ink);background:#221c14;border:1px solid #5a4a30;border-radius:4px;padding:3px}.game{background:#1a120b url(/table/table-bg.jpg) 50%/100% 100% no-repeat;position:fixed;inset:0}.topbar{background:var(--panel);z-index:50;border-bottom:1px solid #4a3b22;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:6px 12px;font-size:14px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .buttons{gap:6px;margin-left:auto;display:flex}.skilltest{background:var(--panel);border:1px solid var(--gold);text-align:center;border-radius:10px;flex:none;padding:8px 16px}.st-calc{font-size:22px}.st-value{color:var(--ok);font-weight:700}.st-diff{color:var(--bad);font-weight:700}.st-committed,.st-title{color:var(--muted);font-size:13px}.event-banner{z-index:60;cursor:pointer;pointer-events:auto;animation:.25s ease-out pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.event-banner .result{background:var(--panel);border:1px solid var(--gold);text-align:center;border-radius:12px;max-width:70vw;padding:12px 22px;font-size:20px}.event-banner .result.ok{border-color:var(--ok)}.event-banner .result.bad{border-color:var(--bad)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}.handoff{z-index:80;background:#050505ed;place-items:center;display:grid;position:absolute;inset:0}.handoff-box{text-align:center;border:1px solid var(--gold);background:#17120c;border-radius:14px;max-width:520px;padding:24px}.handoff-box.resolution p{white-space:pre-wrap;line-height:1.5}.zoom{background:var(--panel);z-index:45;pointer-events:none;border:1px solid #5a4a30;border-radius:10px;width:300px;padding:8px;position:absolute;top:64px;right:162px}.zoom img{border-radius:8px;width:100%;display:block}.zoom-text{margin-top:6px;font-size:13px;line-height:1.4}.zoom .traits{color:var(--muted);font-style:italic}.icon{color:var(--gold);font-weight:700}.popup{z-index:90;background:var(--panel);border:1px solid var(--gold);border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex;position:fixed;transform:translate(-50%,-110%)}.side-panel{background:var(--panel);z-index:55;border:1px solid #5a4a30;border-radius:10px;width:380px;max-height:45vh;padding:8px 10px;font-size:13px;position:absolute;bottom:12px;left:12px;overflow:auto}.side-panel h3{color:var(--gold);margin:0 0 6px}.side-panel .log-key{color:#fff}.side-panel.debug textarea{width:100%;height:200px;color:var(--ink);background:#0c0a07;font:11px monospace}.row{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.error{z-index:99;cursor:pointer;background:#5a1d1d;border-radius:8px;padding:8px 16px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.tokens{gap:2px;display:flex;transform:translate(10px,-6px)}.tok{color:#fff;border:1px solid #0006;border-radius:10px;place-items:center;min-width:20px;height:20px;font:700 12px sans-serif;display:grid;box-shadow:0 1px 3px #000a}.tok-damage{background:#b3261e}.tok-horror{background:#2f5fb3}.tok-clues{background:#2e8b57}.tok-doom{background:#c75b12}.tok-uses{background:#6b6b6b}.tok-resources{background:#b8902b}.pile-label,.mini-label{color:var(--ink);white-space:nowrap;background:#000a;border-radius:8px;padding:1px 6px;font:11px sans-serif}.mini-label{font-weight:700}.token-pop{color:#fff;text-shadow:0 0 6px #000;font:700 28px sans-serif}.screen{max-width:980px;margin:0 auto;padding:24px 16px 60px}.screen h1{color:var(--gold)}.screen section{background:#15110c;border:1px solid #3a2f1f;border-radius:10px;margin:18px 0;padding:14px}.screen label{margin:6px 16px 6px 0;display:inline-block}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:10px 0;display:grid}.inv-card{cursor:pointer;border:1px solid #3a2f1f;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.inv-card.selected{border-color:var(--gold);background:#261e12}.inv-card img{border-radius:6px;width:110px}.inv-card .sub{color:var(--muted);font-size:13px}.badge{background:var(--gold);color:#000;border-radius:6px;padding:0 6px;font-size:12px}.problems{color:var(--bad);margin:8px 0}.notice{background:#3a2f1f;border-radius:8px;padding:8px 12px}.result-win{color:var(--ok)}.result-lose{color:var(--bad)}table{border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #3a2f1f;padding:4px 12px}footer{color:var(--muted);margin-top:30px;font-size:12px}.float-num{text-shadow:0 0 6px #000,0 0 2px #000;white-space:nowrap;align-items:center;gap:10px;font:700 26px sans-serif;display:flex}.icon-img{vertical-align:middle;object-fit:contain;display:inline-block}.icon-fallback{vertical-align:middle;color:var(--ink);background:#3a2f1f;border-radius:50%;place-items:center;font-family:sans-serif;font-weight:700;display:inline-grid;overflow:hidden}.stat{align-items:center;gap:3px;display:inline-flex}.stat small{color:var(--muted)}.stat.flash b{animation:.6s ease-out flash}@keyframes flash{0%{color:#fff;text-shadow:0 0 8px #ffd27a;transform:scale(1.4)}to{transform:scale(1)}}.hand-fan{z-index:46;pointer-events:none;height:170px;position:fixed;bottom:0}.hand-fan:focus-within{z-index:60}.hand-fan:has(.fan-card:hover){z-index:60}.hand-fan:has(.dragging){z-index:60}.hand-fan:has(.focused){z-index:60}.fan-card{cursor:pointer;pointer-events:auto;transform-origin:50% 100%;touch-action:none;perspective:1400px;background:0 0;border:0;border-radius:14px;padding:0;transition:box-shadow .18s,left .3s ease-out;position:absolute;box-shadow:0 4px 14px #000a}.fan-flip{transform-style:preserve-3d;display:block;position:absolute;inset:0}.ff-front,.ff-back{backface-visibility:hidden;border-radius:14px;display:block;position:absolute;inset:0}.ff-back{transform:rotateY(180deg)}.fan-card:focus-visible{outline:none}.fan-card img,.fan-card .text-face{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:14px;width:100%;height:100%;display:block}.fan-card.legal{box-shadow:0 0 0 3px #7fe08a,0 0 18px #7fe08acc}.fan-card.dragging{cursor:grabbing;transition:none}.text-face{color:#2a2116;text-align:left;background:#e9e0c9;border-top:24px solid #555;flex-direction:column;gap:2px;padding:10px;font:16px/1.3 Alegreya,Georgia,serif;overflow:hidden;display:flex!important}.text-face b{font-family:Teutonic,TeutonicRU,Georgia,serif;font-size:20px;font-weight:400}.text-face small{color:#5a4a30;font-style:italic}.icon-inline{vertical-align:-.28em;object-fit:contain;width:1.25em;height:1.25em}.tok-icon{filter:drop-shadow(0 1px 2px #000c);place-items:center;display:inline-grid;position:relative}.tok-icon b{color:#fff;text-shadow:0 0 3px #000,0 0 2px #000;place-items:center;font:700 13px sans-serif;display:grid;position:absolute;inset:0}.token-face{color:#2a1d10;vertical-align:middle;background:radial-gradient(#e8dcc0,#b8a67e);border:2px solid #5a4a30;border-radius:50%;place-items:center;font-family:sans-serif;font-weight:700;display:inline-grid}.st-tokens{vertical-align:middle;gap:4px;margin-left:8px;display:inline-flex}.event-banner .result{justify-content:center;align-items:center;gap:8px;display:flex}.glyph{color:var(--gold);font-weight:700}.topbar-item{align-items:center;gap:6px;display:flex}.portrait{border:3px solid var(--gold);background-color:#333;background-position:12% 30%;background-size:260%;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 2px 6px #000a}.portrait.active{box-shadow:0 0 0 2px #ffd27a,0 0 14px 4px #ffd27acc}.portrait-initials{color:#fff;text-shadow:0 1px 2px #000;font:700 1em sans-serif}.mini{pointer-events:none}.mini.draggable{cursor:grab;pointer-events:auto}.engaged-badge{transform:translate(-50%,-50%)}.stat-name{color:var(--gold);align-items:center;gap:4px;font-weight:700;display:flex}@font-face{font-family:arkhamicons;src:url(/fonts/arkhamicons.ttf)format("truetype");font-display:block}@font-face{font-family:arkhamtokens;src:url(/fonts/tokens.ttf)format("truetype");font-display:block}@font-face{font-family:arkhamslim;src:url(/fonts/arkhamslim.ttf)format("truetype");font-display:block}@font-face{font-family:arkhamblood;src:url(/fonts/blood.ttf)format("truetype");font-display:block}@font-face{font-family:arkhamstandalone;src:url(/fonts/standalone.ttf)format("truetype");font-display:block}@font-face{font-family:Teutonic;src:url(/fonts/Teutonic.ttf)format("truetype");font-display:swap}@font-face{font-family:TeutonicRU;src:url(/fonts/Teutonic-RU.ttf)format("truetype");font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/Alegreya-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/Alegreya-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/Alegreya-Italic.ttf)format("truetype");font-style:italic;font-display:swap}.gl{vertical-align:-.12em;color:inherit;line-height:1;display:inline-block}.gl-i{font-family:arkhamicons;font-style:normal;font-weight:400}.gl-fb{font-weight:700;display:none}.no-icon-font .gl-i,.no-icon-font .tok-font{display:none}.no-icon-font .gl-fb{display:inline}.no-icon-font .token-face.font-backed{display:grid}.tok-wrap{vertical-align:middle;display:inline-block;position:relative}.tok-font{background:radial-gradient(circle,#fffbf2 60%,#d6cfb9 100%);border-radius:50%;font-family:arkhamtokens;line-height:1;position:absolute;inset:0}.tok-font>span{position:absolute;inset:0}.tok-wrap .token-face.font-backed{display:none;position:absolute;inset:0}.card-name,.stat-name,.zoom-text>b{letter-spacing:.02em;font-family:Teutonic,TeutonicRU,Georgia,serif;font-weight:400}.zoom-text,.card-text,.stat-dock{font-family:Alegreya,Georgia,serif}.center-col{z-index:46;pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:60vw;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.center-col>*{pointer-events:auto}.prompt-banner{background:var(--panel);border:1px solid var(--gold);text-align:center;border-radius:22px;padding:6px 20px 6px 8px;font:22px/1.3 Alegreya,Georgia,serif;box-shadow:0 3px 12px #000c}.prompt-banner .fe-num{color:#fff;font-size:1.15em}.prompt-banner .fe-inv b{font-family:Teutonic,TeutonicRU,Georgia,serif;font-size:1.05em;font-weight:400}.fe-glyphs{color:var(--gold);vertical-align:middle;align-items:center;gap:1px;margin:0 3px;display:inline-flex}.fe-glyphs .fe-num{color:#fff;margin-left:4px}.prompt-banner b{color:var(--gold)}.right-dock{z-index:48;flex-direction:column;gap:8px;width:160px;display:flex;position:fixed;bottom:14px;right:12px}.action-rail{flex-direction:column;gap:6px;display:flex}.camera-buttons{gap:6px;display:flex}.camera-buttons button{background:var(--panel);flex:1;padding:4px 6px;font-size:13px}.action-rail.busy{opacity:.6}.rail-btn{text-align:left;background:var(--panel);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:15px;display:flex}.rail-btn.primary{background:#5a4520}.rail-icon{width:32px;height:32px;color:var(--gold);flex:none;place-items:center;font-size:22px;display:grid}.rail-icon .icon-img{object-fit:contain}.rail-icon>img{border-radius:3px;height:32px}.rail-label{line-height:1.15}.modal{border:1px solid var(--gold);color:var(--ink);background:#17120c;border-radius:14px;max-width:min(1200px,94vw);max-height:92vh;padding:18px;overflow:auto;box-shadow:0 10px 40px #000}.modal::backdrop{background:#050403bf}.card-modal[open]{align-items:flex-start;gap:22px;display:flex}.modal-card img,.modal-card .text-face{border-radius:14px;height:70vh;max-height:640px;display:block}.modal-card.landscape img{width:min(62vw,760px);height:auto;max-height:none}.modal-card .text-face{width:50.05vh}.modal-side{flex-direction:column;gap:10px;width:320px;font-family:Alegreya,Georgia,serif;font-size:16px;line-height:1.4;display:flex}.modal-side h2{color:var(--gold);margin:0;font-size:26px}.modal-tokens{gap:12px;font-size:22px;display:flex}.modal-options{flex-direction:column;gap:6px;display:flex}.modal-options button{text-align:left;padding:8px 12px;font-size:16px}.modal-close{align-self:flex-start}.muted{color:var(--muted)}.stat-dock{z-index:47;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:8px;left:8px}.token-row{align-items:center;gap:18px;padding-left:8px;display:flex}.token-stack{text-shadow:0 1px 3px #000;align-items:center;gap:6px;font-size:38px;font-weight:700;line-height:1;display:flex}.token-stack.flash b{animation:.6s ease-out flash}.token-pile{position:relative}.token-pile>span{filter:drop-shadow(0 2px 3px #000c);position:absolute;top:0}.token-empty{opacity:.35}.portrait-btn{background:0 0;border:0;border-radius:50%;padding:0}.portrait-btn:hover:not(:disabled){background:0 0}.portrait-btn.legal .portrait{box-shadow:0 0 0 3px #7fe08a,0 0 18px #7fe08acc}.inv-tokens{z-index:47;flex-direction:column;gap:8px;width:138px;display:flex}.inv-token{background:var(--panel);text-align:left;border-radius:14px;align-items:center;gap:8px;padding:6px;display:flex}.inv-token.active{border-color:var(--gold)}.inv-token.legal{box-shadow:0 0 0 3px #7fe08a,0 0 14px #7fe08acc}.inv-token.defeated,.inv-token.resigned{filter:grayscale();opacity:.55}.inv-counts{flex-direction:column;gap:2px;font-size:15px;display:flex}.inv-counts .stat small{font-size:11px}.inv-modal[open]{width:min(1200px,94vw)}.inv-head{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.inv-stats{flex-direction:column;gap:6px;width:320px;display:flex}.inv-actions{flex-direction:column;gap:8px;min-width:220px;display:flex}.inv-row h3{color:var(--gold);margin:14px 0 6px;font-size:16px}.inv-cards{flex-wrap:wrap;gap:10px;display:flex}.card-btn{background:0 0;border:0;border-radius:12px;width:200px;height:280px;padding:0;overflow:hidden}.card-btn.landscape{width:340px;height:243px}.card-btn img,.card-btn .text-face{object-fit:cover;width:100%;height:100%;display:block}.scenario-panel{z-index:44;gap:8px;display:flex;position:fixed;top:52px;left:8px}.scenario-card{position:relative}.scenario-badge{background:var(--panel);border:1px solid #5a4a30;border-radius:12px;align-items:center;gap:3px;padding:1px 8px 1px 4px;font-size:18px;display:inline-flex;position:absolute;bottom:-14px;left:6px}.scenario-badge small{color:var(--muted);font-size:13px}.mini-card{background:#1a140d;border:0;border-radius:8px;padding:0;position:relative;overflow:visible;box-shadow:0 3px 10px #000b}.mini-card:hover:not(:disabled){background:#1a140d}.mini-card>img,.mini-card>.text-face{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.mini-card>.text-face{border-top-width:10px;padding:4px;font-size:8px}.mini-card>.text-face b{font-size:10px}.mini-card.legal{box-shadow:0 0 0 3px #7fe08a,0 0 14px #7fe08acc}.mini-card .tokens{position:absolute;top:-8px;right:-6px;transform:none}.pile-column{z-index:44;grid-template-columns:1fr 1fr;gap:10px 8px;width:184px;display:grid;position:fixed;top:196px;left:8px}.pile{flex-direction:column;align-items:center;gap:2px;display:flex}.pile-card{background:#00000040;border:0;border-radius:7px;width:80px;height:112px;padding:0;position:relative;box-shadow:2px 3px #0008,4px 6px #0005}.pile-card:disabled{opacity:1;cursor:default}.pile-card.empty{box-shadow:none;outline:1px dashed #5a4a30}.pile-card>img,.pile-card>.text-face{object-fit:cover;border-radius:7px;width:100%;height:100%;display:block}.pile-card>.text-face{border-top-width:8px;padding:3px;font-size:7px}.pile-count{background:var(--panel);border:1px solid var(--gold);min-width:26px;color:var(--ink);border-radius:12px;padding:1px 6px;font:700 14px sans-serif;position:absolute;bottom:-6px;right:-6px}.pile-name{color:var(--muted);font-size:12px}.pile-divider{border-top:1px solid #4a3b22;grid-column:1/-1}.chaos-bag{z-index:47;filter:drop-shadow(0 4px 8px #000c);background:0 0;border:0;flex:none;width:110px;height:96px;padding:0}.chaos-bag:hover:not(:disabled){background:0 0;transform:scale(1.05)}.chaos-bag img{object-fit:contain;width:100%;height:100%}.bag-modal[open]{align-items:flex-start;gap:24px;display:flex}.bag-tokens{flex-direction:column;gap:12px;width:380px;display:flex}.bag-tokens h2{color:var(--gold);margin:0}.bag-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.bag-token{align-items:center;gap:8px;font-size:22px;display:flex}.bag-reference img,.bag-reference .text-face{border-radius:14px;height:70vh;max-height:640px;display:block}.card-modal.both[open]{flex-direction:column;align-items:center}.modal-sides{gap:14px;display:flex}.modal-sides .modal-card.landscape img{width:min(42vw,600px)}.card-modal.both .modal-side{align-items:center;width:auto;max-width:900px}.play-strip{--sw:124px;z-index:45;pointer-events:none;justify-content:center;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:228px;left:436px;right:184px}.play-strip>*{pointer-events:auto}.strip-slot{width:var(--sw);height:calc(var(--sw) * 1.4);place-items:center;display:grid;position:relative}.strip-slot.exhausted{width:calc(var(--sw) * 1.4)}.strip-actions{z-index:2;flex-direction:column;align-items:stretch;gap:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.strip-action{white-space:nowrap;color:#eaffea;background:#121e12eb;border:1px solid #7fe08a;border-radius:16px;justify-content:center;align-items:center;gap:5px;padding:4px 12px;font:17px/1.1 Alegreya,Georgia,serif;display:flex;box-shadow:0 2px 8px #000c}.strip-action:hover{background:#2f5a30}.mini-card.target{box-shadow:0 0 0 3px var(--gold), 0 0 16px #e8c46acc}.strip-slot.exhausted .mini-card{transform:rotate(90deg)}.strip-divider{background:#c9a95c66;align-self:stretch;width:2px;margin:0 6px}.flight{z-index:58;pointer-events:none;perspective:1200px;transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1),width .6s,height .6s;position:fixed}.flight img,.flight .text-face{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative;transform:rotateY(180deg)}.flip.flipped{transform:rotateY(0)}.flip-front,.flip-back{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;box-shadow:0 10px 30px #000c}.flip-back{transform:rotateY(180deg)}.token-flight{animation:.6s ease-out tokspin}@keyframes tokspin{0%{transform:rotate(-200deg)scale(.4)}}.resolving{z-index:43;pointer-events:none;filter:drop-shadow(0 10px 24px #000c);position:fixed}.resolving img,.resolving .text-face{object-fit:cover;border-radius:12px;width:100%;height:100%}.st-committed{justify-content:center;gap:8px;margin-top:6px;display:flex}.st-commit-slot{position:relative}.st-commit-slot.removable .mini-card{cursor:pointer}.st-takeback{color:#fff;pointer-events:none;background:#2f5a30;border:1px solid #7fe08a;border-radius:50%;width:26px;height:26px;font-size:17px;line-height:24px;position:absolute;top:-8px;left:-6px}.st-parts{color:#e6dcc3}.st-title .icon,.st-title svg{vertical-align:middle}.hover-card{z-index:80;pointer-events:none;filter:drop-shadow(0 12px 28px #000e);flex-direction:column;align-items:center;display:flex;position:fixed}.hover-face{position:relative}.hover-face>img,.hover-face>.text-face{object-fit:cover;border-radius:14px;width:100%;height:100%;display:block}.hover-face .tokens{position:absolute;top:-10px;right:-8px;transform:none}.stat-bar{background:var(--panel);border:1px solid var(--gold);border-radius:16px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.stat-head{align-items:flex-start;gap:12px;display:flex}.stat-who{flex-direction:column;gap:4px;min-width:0;padding-top:4px;display:flex}.stat-head .stat-name{font-size:36px;line-height:1.05}.stat-ability{color:var(--ink);font:14px/1.3 Alegreya,Georgia,serif}.stat-who .modal-options button{padding:4px 10px;font-size:14px}.stat-row{align-items:center;gap:14px;display:flex}.stat-bar .stat b{font-size:38px;line-height:1}.stat-bar .stat small{font-size:22px}.stat-row.vitals .stat.actions{color:var(--gold);gap:4px}.stat-row.skills{border-top:1px solid #4a3b22;justify-content:space-between;padding-top:8px}.stat-dock b,.inv-token b,.scenario-badge b,.pile-count{font-variant-numeric:lining-nums}@media (height<=1000px){.pile-column{grid-template-columns:repeat(3,1fr);gap:8px 6px;width:228px}.pile-card{width:64px;height:90px}.pile-name{font-size:11px}}.token-draw{z-index:75;background:radial-gradient(circle at 50% 60%,#0a08068c,#050403d9);position:fixed;inset:0}.token-draw-hint{text-align:center;width:100%;color:var(--gold);text-shadow:0 2px 6px #000;font:28px Teutonic,TeutonicRU,Georgia,serif;position:absolute;top:18%}.token-draw-bag{filter:drop-shadow(0 10px 20px #000);transition:opacity .4s,transform .4s;position:absolute}.token-draw.picked .token-draw-bag{opacity:0;transform:scale(.9)}.test-subject{flex-direction:column;align-items:center;gap:10px;width:340px;animation:.3s ease-out popin;display:flex;position:absolute;top:calc(50% - 210px);left:calc(50% - 520px)}.test-subject-card{width:180px;height:252px;box-shadow:0 10px 30px #000d, 0 0 0 2px var(--gold);border-radius:12px;overflow:hidden}.test-subject-card img,.test-subject-card .text-face{object-fit:cover;width:100%;height:100%;display:block}.test-subject-line{background:var(--panel);border:1px solid var(--gold);text-align:center;white-space:nowrap;border-radius:16px;padding:4px 12px;font:20px/1.3 Alegreya,Georgia,serif}.test-subject-line .fe-num{color:#fff;font-size:1.15em}.token-auto-subject{z-index:57;pointer-events:none;position:fixed;inset:0}.token-auto-subject .test-subject-card{pointer-events:auto}@media (width<=1100px){.test-subject{left:16px}}.token-circle{cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff,#e6e1d3 60%,#b9b2a0);border:2px solid #d8cfb5;border-radius:50%;padding:0;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1),width .7s,height .7s,transform .2s,opacity .3s;position:absolute;box-shadow:0 3px 8px #000a}.token-circle:hover:not(:disabled){border-color:var(--gold);background:radial-gradient(circle at 35% 30%,#fff,#f3eedf 60%,#c9c1ad);transform:scale(1.18)}.token-draw.picked .token-circle:not(.chosen){opacity:0;pointer-events:none}.token-circle.chosen{z-index:2}.token-circle.landed{box-shadow:none;background:0 0;border-color:#0000;animation:.5s ease-out tokflip}@keyframes tokflip{0%{transform:rotateY(90deg)}}.breakdown-wrap{z-index:75;background:#05040373;place-items:center;display:grid;position:fixed;inset:0}.breakdown{background:var(--panel);border:2px solid var(--gold);border-radius:16px;flex-direction:column;gap:8px;min-width:320px;padding:18px 26px;font:22px Alegreya,Georgia,serif;animation:.25s ease-out popin;display:flex;box-shadow:0 12px 40px #000}@keyframes popin{0%{opacity:0;transform:scale(.8)}}.breakdown.ok{border-color:var(--ok)}.breakdown.bad{border-color:var(--bad)}.bd-row{align-items:center;gap:10px;display:flex}.bd-row b{font-variant-numeric:lining-nums;margin-left:auto;font-size:30px}.bd-row.total{border-top:1px solid #5a4a30;justify-content:center;gap:14px;padding-top:8px}.bd-row.total b{margin-left:0}.bd-result{text-align:center;font:34px Teutonic,TeutonicRU,Georgia,serif}.breakdown.ok .bd-result{color:var(--ok)}.breakdown.bad .bd-result{color:var(--bad)}.glyph-icon{vertical-align:middle;flex:none;line-height:1;display:inline-block;position:relative}.glyph-icon>.gl-i{place-items:center;font-style:normal;font-weight:400;display:grid;position:absolute;inset:0}.glyph-icon>.gl-fb{place-items:center;display:none;position:absolute;inset:0}.no-icon-font .glyph-icon>.gl-fb{display:grid}.pile-name{background:var(--panel);color:var(--ink);border-radius:8px;padding:0 7px}.token-row{background:var(--panel);border:1px solid #5a4a30;border-radius:14px;align-self:flex-start;padding:4px 12px 4px 8px}.pile-card.empty{background:#140e0859}.token-stack b{position:relative;top:.08em}.right-col{z-index:47;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;width:300px;display:flex;position:fixed;top:50px;bottom:320px;right:8px}.right-col>*{pointer-events:auto}.feed{pointer-events:none;flex-direction:column;flex:1;gap:6px;width:100%;min-height:0;display:flex;overflow:hidden}.feed>*{pointer-events:auto}.feed.journal{background:var(--panel);pointer-events:auto;border:1px solid #5a4a30;border-radius:12px;padding:8px;overflow-y:auto}.feed-title{color:var(--gold);padding:0 4px 4px;font-size:22px}.feed-item{border:1px solid #4a3b22;border-left:4px solid var(--gold);color:var(--ink);background:#120e0adb;border-radius:10px;padding:5px 9px;font:15px/1.35 Alegreya,Georgia,serif;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .4s;animation:.3s ease-out feed-in;box-shadow:0 3px 10px #0008}.feed-item.leaving{transform:translateY(14px);opacity:0!important}.feed.journal .feed-item{box-shadow:none;animation:none}@keyframes feed-in{0%{opacity:0;transform:translateY(-16px)}}.sentence{display:inline}.sentence>*{vertical-align:middle}.fe-inv,.fe-card,.fe-amount{vertical-align:middle;align-items:center;gap:4px;margin:0 2px;display:inline-flex}.fe-inv .portrait{border-width:2px}.fe-thumb{background:0 0;border:0;border-radius:3px;flex:none;padding:0;overflow:hidden;box-shadow:0 1px 3px #000a}.fe-thumb img,.fe-thumb .text-face{object-fit:cover;width:100%;height:100%;font-size:4px;display:block}.fe-card .card-name{color:#f1e6c8;font-size:1.05em}.fe-num{font-variant-numeric:lining-nums;font-size:1.1em}.fe-ok{color:var(--ok)}.fe-fail{color:var(--bad)}.action-float{z-index:62;pointer-events:none;white-space:nowrap;color:#fff;text-shadow:0 2px 4px #000,0 0 10px #000;--life:3.5s;animation:float-rise var(--life) ease-out forwards, float-fade .6s calc(var(--life) - .6s) ease-in forwards;font:22px/1.3 Alegreya,Georgia,serif;position:fixed;transform:translate(-50%,-100%)}.action-float .sentence{background:#0a08068c;border-radius:12px;padding:3px 10px}.action-float .card-name{color:#ffe9b8}@keyframes float-rise{0%{opacity:0;margin-top:0;scale:.85}8%{opacity:1;scale:1}to{opacity:1;margin-top:-50px}}@keyframes float-fade{to{opacity:0}}.hand-details{z-index:151;pointer-events:none;background:var(--panel);color:var(--text,#e6dcc3);border:1px solid #5a4a30;border-radius:12px;flex-direction:column;gap:7px;max-height:calc(100vh - 16px);padding:12px 14px;font:17px/1.35 Alegreya,Georgia,serif;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 28px #000c}.hand-details>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hand-details .hd-name{display:block}.hand-details .hd-name b{color:var(--gold);font-size:26px;font-weight:400}.hand-details .hd-name i{color:var(--muted)}.hand-details .hd-traits{color:var(--muted);font-style:italic}.hand-details .hd-num{color:var(--gold);font-size:22px}.hand-details .pip{background:var(--gold);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #0008}.hand-details .hd-text{border-top:1px solid #5a4a30;margin:4px 0 0;padding-top:8px}.hand-details .hd-label{color:var(--muted);min-width:78px;font-size:15px}.loc-clues{color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap;pointer-events:none;background:#000a;border-radius:22px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font:700 26px/1 Alegreya,Georgia,serif;display:flex;box-shadow:0 2px 8px #000a}.hand-details .hd-muted{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.hand-details .hd-strong{color:var(--gold);font-weight:700}.hand-details .hd-enemy{color:var(--bad)}.ghost-card{z-index:58;pointer-events:none;border-radius:6px;position:fixed;box-shadow:0 6px 16px #000b}.phase-title{z-index:72;pointer-events:none;text-align:center;background:linear-gradient(90deg,#0000,#060504d1 22% 78%,#0000);padding:26px 0 22px;animation:2.6s ease-in-out forwards phase-band;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)}.phase-title-name{color:#f2dfae;text-shadow:0 4px 18px #000,0 0 30px #c9a95c55;font:76px/1.05 Teutonic,TeutonicRU,Georgia,serif;animation:2.6s cubic-bezier(.2,.7,.2,1) forwards phase-name}.phase-title-round{color:var(--muted);letter-spacing:.3em;text-transform:uppercase;margin-top:8px;font:italic 26px Alegreya,Georgia,serif;animation:2.6s ease-out forwards phase-round}@keyframes phase-band{0%{opacity:0}18%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes phase-name{0%{opacity:0;letter-spacing:0;translate:0 14px}22%{opacity:1}80%{opacity:1}to{opacity:0;letter-spacing:.12em;translate:0 -6px}}@keyframes phase-round{0%,15%{opacity:0}35%{opacity:1}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.phase-title-name,.phase-title-round{animation-name:phase-band}}