:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--vellum:#efe3c6;--vellum-deep:#e4d2a8;--vellum-light:#f7eedb;--ink:#2b1d12;--ink-soft:#6b5640;--ink-faint:#2b1d122e;--gold:#c19a3b;--gold-bright:#e8c96a;--gold-deep:#8d6a1e;--lapis:#27457f;--azure:#2f5ea8;--vermilion:#b8321f;--verdigris:#4f7a4a;--bone:#f4ecd8;--tincture-argent:#e9e6dc;--tincture-azure:var(--lapis);--tincture-gules:var(--vermilion);--tincture-vert:var(--verdigris);--tincture-or:var(--gold);--ready-bg:var(--azure);--ready-border:3px;--spell-parchment:#e4d2a873;--ready-glow:#2f5ea8e6;--side-hero:var(--lapis);--side-foe:var(--vermilion);--font-display:"UnifrakturMaguntia", "Old English Text MT", serif;--font-label:"IM Fell English SC", "EB Garamond", Georgia, serif;--font-body:"EB Garamond", Garamond, Georgia, serif;--step--1:.8rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.6rem;--step-3:2.1rem;--step-4:2.8rem;--tracking-label:.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:36px;--gutter:clamp(12px, 2vw, 28px);--rule:1px solid var(--ink-faint);--frame-gold:2px solid var(--gold);--frame-ink:1px solid var(--ink);--frame-gap:4px;--radius-gem:50%;--radius-card:2px;--shadow-lift:0 1px 0 #fffaebb3, 0 2px 6px #2b1d122e;--stage-h:clamp(200px, 30vh, 380px);--chrome-h:150px;--unit-scale:.66;--board-cols:8;--board-rows:8;--board-size:max(320px, min(calc(100vh - var(--stage-h) - var(--chrome-h)), 760px, calc(100vw - 2 * var(--panel-w) - 4 * var(--gutter))));--gem-inset:7%;--panel-w:clamp(220px, 22vw, 300px);--portrait:52px;--icon:44px;--pip-w:14px;--pool-icon:22px;--cost-icon:21px;--cost-overlap:-4px;--meter-w:84px;--pip-h:8px;--pip-empty:#2b1d124d;--texture-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--page-texture:url(../assets/tex/palimpsest.jpg);--scenery-opacity:.15;--scenery-x:12%;--scenery-contrast:1.15;--scenery-saturation:.4;--mist-back-opacity:.8;--mist-front-opacity:.8;--wind-colour:#fffdf5;--wind-opacity:.45;--wind-gap-ms:7s;--wind-draw-ms:1.4s;--mist-drift-s:110s;--mist-ink:.55;--ground-opacity:1;--scenery-size:170%;--scenery-headroom:0px;--scenery-aspect:5.776;--parchment-texture:url(../assets/tex/parchment.jpg);--parchment-size:520px;--parchment-wash:#f7eedb4d;--parchment-burn:#70401261;--sheet-margin:14px;--bark-w:220px;--spell-max-h:64px;--line-fill:.00058;--texture-size:560px;--texture-wash:#efe3c61a;--well-shade:#6e501e1f;--vignette:radial-gradient(ellipse 120% 100% at 50% 40%, transparent 55%, #462d0f3d 100%);--boil-amount:1.4;--boil-fps:4;--swap-ms:.18s;--snap-ms:.26s;--clear-ms:.22s;--fall-ms:.15s;--fall-cell-ms:45ms;--cascade-ms:70ms;--shuffle-ms:.52s;--chain-ms:.9s;--pose-ms:.52s;--beat-ms:.26s;--fly-ms:.38s;--card-ms:.22s;--card-w:min(210px, 19vw);--card-overlap:-26px;--band-knight:var(--vermilion);--band-wizard:var(--lapis);--band-abbess:var(--gold);--foe-think-ms:.85s;--turn-banner-ms:1.1s;--bob-ms:.65s;--bob-depth:6;--fidget-min-ms:2.2s;--fidget-spread-ms:4.5s;--glint-s:6s;--twinkle-s:2.4s;--smoke-s:3.2s;--smoke:#6e645a8c;--float-ms:.9s;--bark-ms:2.6s;--bark-fade-ms:.26s;--bark-gap-ms:.9s;--bark-reply-ms:1.5s;--hover-ms:.12s;--glow:0 0 0 3px var(--gold-bright), 0 0 14px 4px #e8c96abf;--target-glow:0 0 0 2px var(--vermilion), 0 0 12px 3px #b8321f73;--lunge:14px;--heal-ink:#2f6b3a;--banner-veil:#efe3c6d1}@media (width<=640px){:root{--phone-head-h:26px;--stage-h:clamp(124px, 19dvh, 165px);--unit-scale:.62;--gutter:8px;--sheet-margin:8px;--phone-pool-icon:18px;--phone-cost-icon:18px;--phone-hp-w:44px;--phone-hp-text:.85rem;--dock-portrait:46px;--dock-ring-gap:7px;--dock-menu-w:min(300px, calc(100vw - 2 * var(--gutter)));--dock-spell-h:56px}}@media (width<=640px) and (height<=740px){:root{--stage-h:clamp(112px, 17dvh, 130px);--dock-portrait-sm:38px}}[data-texture=vellum]{--page-texture:url(../assets/tex/vellum.jpg);--texture-size:640px;--texture-wash:#efe3c600}[data-texture=parchment]{--page-texture:url(../assets/tex/parchment.jpg);--texture-size:720px;--texture-wash:#efe3c673}[data-texture=palimpsest]{--page-texture:url(../assets/tex/palimpsest.jpg);--texture-size:560px;--texture-wash:#efe3c61a}[data-texture=laid]{--page-texture:url(../assets/tex/laid.jpg);--texture-size:640px;--texture-wash:#efe3c600}[data-texture=flat]{--page-texture:var(--texture-noise);--texture-size:220px;--texture-wash:#efe3c600}[data-vignette=off]{--vignette:linear-gradient(transparent, transparent)}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--vignette) fixed, linear-gradient(var(--texture-wash), var(--texture-wash)), var(--page-texture) 0 0 / var(--texture-size) repeat, var(--vellum);color:var(--ink);font:var(--step-0)/1.45 var(--font-body)}img{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.screen{max-width:1440px;padding-inline:var(--gutter);padding-block:var(--space-4) var(--space-5);grid-template-columns:var(--panel-w) minmax(0, 1fr) var(--panel-w);gap:var(--space-4) var(--space-5);grid-template-areas:"head head head""stage stage stage""party board foes";align-items:start;margin:0 auto;display:grid}.double-frame{border:var(--frame-gold);outline:var(--frame-ink);outline-offset:var(--frame-gap)}.head{justify-content:space-between;align-items:baseline;gap:var(--space-4);border-bottom:var(--rule);padding-bottom:var(--space-2);grid-area:head;display:flex}.turn{gap:var(--space-4);font:var(--step-0) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink-soft);display:flex}.turn b{color:var(--ink);font-weight:400}.turn{align-items:baseline}.guard{color:var(--azure)}.end-turn{border:1px solid var(--gold);background:var(--vellum-light);cursor:pointer;font:var(--step-0) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink);box-shadow:var(--shadow-lift);padding:2px 12px}.end-turn:hover:not(:disabled){background:var(--gold-bright)}.end-turn:disabled{opacity:.45;cursor:default}.board-wrap{position:relative}.banner{z-index:10;place-content:center;justify-items:center;gap:var(--space-3);background:var(--banner-veil);text-align:center;display:grid;position:absolute;inset:0}.banner[hidden]{display:none}.banner-title{font:400 var(--step-4)/1 var(--font-display);color:var(--vermilion);margin:0}.banner-text{font:italic var(--step-1) var(--font-body);color:var(--ink-soft);margin:0}.stage{min-width:0;height:var(--stage-h);grid-area:stage;justify-content:space-between;align-items:flex-end;padding-inline:clamp(8px,4vw,64px);display:flex;position:relative}.ground{inset:auto 0 calc(var(--stage-h) * .1) 0;height:calc(var(--stage-h) * .26);opacity:var(--ground-opacity);pointer-events:none;background:url(../assets/ground.png) bottom/auto 100% repeat-x;position:absolute}.line{align-items:flex-end;gap:clamp(4px,2vw,28px);display:flex;position:relative}.fighter{justify-items:center;gap:var(--space-1);transition:translate var(--hover-ms) ease-out, opacity var(--pose-ms);--u:min(calc(var(--stage-h) * var(--unit-scale) / 320), calc((min(100vw, 1440px) - 2 * var(--gutter)) * var(--line-fill)));margin:0;display:grid;position:relative}.body{width:calc(var(--u) * var(--bw));height:calc(var(--u) * var(--bh));position:relative}.sprite{bottom:0;left:calc(var(--u) * var(--x));width:calc(var(--u) * var(--w));height:calc(var(--u) * var(--h));filter:url(#boil);pointer-events:none;max-width:none;position:absolute}.boil-off .sprite{filter:none}.fighter.acting{z-index:2}.line.party .fighter.lunge{translate:var(--lunge) 0}.line.foes .fighter.lunge{translate:calc(-1 * var(--lunge)) 0}.fighter.shake{animation:.32s linear shake}@keyframes shake{20%{translate:-7px}40%{translate:6px}60%{translate:-4px}80%{translate:2px}}.fighter.defeated{opacity:.35;filter:grayscale()}.fighter.targetable,.card.targetable{cursor:pointer}.fighter.targetable .body{box-shadow:var(--target-glow);border-radius:50% 50% 8px 8px}.card.targetable{box-shadow:var(--target-glow)}.card.defeated{opacity:.5;filter:grayscale(.8)}.countdown.pulse{animation:.4s ease-out pulse}@keyframes pulse{40%{transform:scale(1.25)}}.floater{font:var(--step-2)/1 var(--font-label);text-shadow:0 0 4px var(--vellum-light), 0 0 2px var(--vellum-light);pointer-events:none;white-space:nowrap;animation:rise var(--float-ms) ease-out forwards;z-index:5;position:absolute;top:20%;left:50%;translate:-50%}.floater.hurt{color:var(--vermilion)}.floater.healed{color:var(--heal-ink)}.floater.blocked{color:var(--azure);font-size:var(--step-0);top:35%}@keyframes rise{0%{opacity:0;transform:translateY(8px)}15%{opacity:1}to{opacity:0;transform:translateY(-36px)}}.status{justify-items:center;gap:3px;min-height:26px;display:grid}.hp{border:1px solid var(--ink);background:var(--vellum-light);width:64px;height:6px}.hp>i{height:100%;width:var(--hp,100%);background:var(--vermilion);display:block}.hp{position:relative}.hp>b{top:0;bottom:0;left:var(--from);width:calc(var(--to) - var(--from));background:repeating-linear-gradient(135deg, var(--ink) 0 2px, var(--vellum-light) 2px 4px);animation:1s ease-in-out infinite alternate doomed;position:absolute}@keyframes doomed{to{opacity:.35}}.hp-loss{color:var(--vermilion)}.pips{align-items:center;gap:2px;display:flex}.pips img{width:16px;height:16px;margin-right:3px}.pip{width:var(--pip-w);height:var(--pip-h);border:1px solid var(--pip-empty);background:0 0}.pips[data-meter=mana]{width:var(--meter-w)}.pips[data-meter=mana] .pip{flex:1;width:auto;min-width:2px}.pips[data-meter=mana] img{flex:none}.line.foes .fighter{cursor:pointer}.fighter.is-target:before{content:"";left:50%;top:calc(-1 * var(--space-3));border:9px solid #0000;border-top:12px solid var(--vermilion);filter:drop-shadow(0 1px 0 var(--ink));animation:1.2s ease-in-out infinite alternate bob;position:absolute;translate:-50%}@keyframes bob{to{transform:translateY(4px)}}.card.is-target{border-color:var(--vermilion)}.foe-ability.ready{box-shadow:var(--target-glow)}.pip.on{border-color:var(--ink);background:var(--pip-color,var(--gold));box-shadow:inset 0 0 0 1px #ffffff59,0 1px 1px #2b1d124d}.charge{margin-bottom:var(--space-1)}.countdown{background:radial-gradient(circle at 35% 30%, var(--gold-bright), var(--gold) 60%, var(--gold-deep));border:1.5px solid var(--ink);width:38px;height:38px;font:var(--step-1)/1 var(--font-label);color:var(--ink);box-shadow:var(--shadow-lift);border-radius:50%;place-items:center;display:grid}.intent{align-items:center;gap:var(--space-1);display:flex}.intent img{width:22px;height:22px}.panel{gap:var(--space-3);align-content:start;display:grid}.panel.party{grid-area:party}.panel.foes{grid-area:foes}.panel-label{font:var(--step-0) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink-soft);border-bottom:var(--rule);padding-bottom:var(--space-1);margin:0}.panel.party .panel-label{color:var(--side-hero)}.panel.foes .panel-label{color:var(--side-foe)}.card{grid-template-columns:var(--portrait) minmax(0, 1fr);gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);background:#f7eedb8c;border:1px solid #c19a3b8c;align-items:center;display:grid}.portrait{width:var(--portrait);height:var(--portrait);border:var(--frame-gold);box-shadow:0 0 0 1px var(--ink), var(--shadow-lift);background:var(--src) var(--pos,50% 4%) / auto var(--zoom,260%) no-repeat, var(--vellum-light);border-radius:50%}.card-body{gap:var(--space-1);min-width:0;display:grid}.name{font:400 var(--step-1)/1 var(--font-display);margin:0}.meta{font:var(--step--1) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink-soft)}.abilities{gap:var(--space-2);flex-wrap:wrap;display:flex}.ability{width:var(--icon);height:var(--icon);cursor:pointer;transition:transform var(--hover-ms);background:0 0;border:0;padding:0;position:relative}.ability img{width:100%;height:100%}.ability:hover{transform:translateY(-2px)}.ability[aria-disabled=true]{filter:grayscale(.85)opacity(.55);cursor:default;transform:none}.ability.ready{box-shadow:var(--glow)}.ability.pending{box-shadow:var(--target-glow);transform:translateY(-2px)}.ability .cost{border:1px solid var(--ink);background:var(--vellum-light);min-width:18px;height:18px;font:12px/16px var(--font-label);text-align:center;border-radius:9px;padding-inline:3px;position:absolute;bottom:-5px;right:-5px}.board-wrap{padding:calc(var(--frame-gap) + 2px);grid-area:board;justify-self:center}.board{width:var(--board-size);aspect-ratio:var(--board-cols) / var(--board-rows);grid-template-columns:repeat(var(--board-cols), 1fr);grid-template-rows:repeat(var(--board-rows), 1fr);background:linear-gradient(var(--ink-faint) 1px, transparent 1px) 0 0 / calc(100% / var(--board-cols)) calc(100% / var(--board-rows)), linear-gradient(90deg, var(--ink-faint) 1px, transparent 1px) 0 0 / calc(100% / var(--board-cols)) calc(100% / var(--board-rows)), linear-gradient(var(--well-shade), var(--well-shade)), var(--page-texture) 0 0 / var(--texture-size), var(--vellum-deep);display:grid;position:relative}.piece{width:calc(100% / var(--board-cols));height:calc(100% / var(--board-rows));transform:translate(calc(var(--col) * 100% + var(--dx,0px)), calc(var(--row) * 100% + var(--dy,0px)));transition:transform var(--dur,var(--swap-ms)) var(--ease,ease-out);cursor:pointer;touch-action:none;position:absolute;top:0;left:0}.piece.entering,.piece.dragging,.piece.nudged{transition:none}.piece.dragging{z-index:2}.piece.dragging .gem{box-shadow:var(--glow);transform:scale(1.12)}.gem{inset:var(--gem-inset);width:calc(100% - 2 * var(--gem-inset));height:calc(100% - 2 * var(--gem-inset));border-radius:var(--radius-gem);transition:transform var(--hover-ms), box-shadow var(--hover-ms), opacity var(--clear-ms);filter:drop-shadow(0 1px 1px #2b1d1259);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.piece:hover .gem{transform:scale(1.05)}.piece.is-selected .gem{box-shadow:var(--glow);transform:scale(1.08)}.piece.is-hint .gem{box-shadow:var(--glow);animation:.6s ease-in-out infinite alternate matched}.piece.is-clearing .gem{opacity:0;box-shadow:var(--glow);transition-duration:var(--clear-ms);transform:scale(1.25)}.piece.is-converting .gem{box-shadow:var(--glow);transform:scale(1.2)}.board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}.board img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.board.busy .piece{cursor:default}@keyframes matched{to{filter:drop-shadow(0 0 6px var(--gold-bright)) brightness(1.08);transform:scale(1.06)}}.chain{text-align:center;font:var(--step-3)/1 var(--font-display);color:var(--vermilion);text-shadow:0 0 6px var(--vellum-light), 0 0 2px var(--vellum-light);pointer-events:none;opacity:0;position:absolute;inset:auto 0 45%}.chain.show{animation:chain var(--chain-ms) ease-out}@keyframes chain{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1.05)}70%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.dev{right:var(--space-4);bottom:calc(var(--space-4) + 48px);z-index:60;width:min(760px, calc(100vw - 2 * var(--space-4)));gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--vellum-light);border:var(--frame-gold);border-radius:var(--radius-card);box-shadow:var(--shadow-lift), 0 8px 24px #2b1d1233;font:var(--step--1) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;display:none;position:fixed}.dev.open{display:flex}.dev-toggle{right:var(--space-4);bottom:var(--space-4);z-index:61;border:1px solid var(--gold);background:var(--vellum-light);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;opacity:.55;transition:opacity var(--hover-ms);border-radius:50%;place-items:center;display:grid;position:fixed}.dev-toggle:hover,.dev-toggle[aria-expanded=true]{opacity:1;color:var(--ink)}.dev .seg{border:1px solid var(--gold);display:inline-flex}.dev .seg button{cursor:pointer;font:inherit;letter-spacing:inherit;color:var(--ink-soft);background:0 0;border:0;padding:3px 9px}.dev .seg button+button{border-left:1px solid #c19a3b80}.dev .seg button[aria-pressed=true]{background:var(--gold);color:var(--ink)}.dev label{gap:var(--space-1);cursor:pointer;align-items:center;display:inline-flex}.dev input{accent-color:var(--vermilion)}.dev .btn{border:1px solid var(--gold);cursor:pointer;font:inherit;letter-spacing:inherit;color:var(--ink-soft);background:0 0;padding:3px 9px}.dev .btn:hover{background:var(--vellum-light)}.dev output{color:var(--ink)}.dev .tally{gap:var(--space-1);align-items:center;display:inline-flex}.dev .tally img{width:var(--step-0);height:var(--step-0)}@media (width>=641px) and (width<=1080px){.screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""stage stage""board board""party foes"}:root{--stage-h:clamp(180px, 28vh, 280px);--board-size:min(64vh, 600px, calc(100vw - 2 * var(--gutter) - 16px))}}@media (prefers-reduced-motion:reduce){.piece.is-hint .gem{animation:none}}.pools{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.pools[hidden]{display:none}.pool{justify-items:center;gap:2px;display:grid;position:relative}.pool img{width:var(--pool-icon);height:var(--pool-icon);object-fit:contain}.pool b{font:400 var(--step-1)/1 var(--font-label)}.pool i{border:1px solid var(--ink-faint);background:linear-gradient(90deg, var(--ink-soft) var(--fill,0%), transparent var(--fill,0%));width:100%;height:4px;display:block}.pool[data-colour=argent] i{background:linear-gradient(90deg, var(--tincture-argent) var(--fill,0%), transparent var(--fill,0%));border-color:var(--ink-soft)}.pool[data-colour=azure] i{background:linear-gradient(90deg, var(--tincture-azure) var(--fill,0%), transparent var(--fill,0%))}.pool[data-colour=gules] i{background:linear-gradient(90deg, var(--tincture-gules) var(--fill,0%), transparent var(--fill,0%))}.pool[data-colour=vert] i{background:linear-gradient(90deg, var(--tincture-vert) var(--fill,0%), transparent var(--fill,0%))}.pool[data-colour=or] i{background:linear-gradient(90deg, var(--tincture-or) var(--fill,0%), transparent var(--fill,0%))}.pool.gained:after,.pool.spent:after{content:attr(data-change);font:var(--step--1) var(--font-label);animation:rise var(--float-ms) ease-out forwards;position:absolute;top:-6px;right:0}.pool.gained:after{color:var(--heal-ink)}.pool.spent:after{color:var(--vermilion)}.card{grid-template-columns:var(--portrait) minmax(0, 1fr)}.card-head{gap:var(--space-1);min-width:0;display:grid}.spells{gap:var(--space-1);grid-column:1/-1;display:grid}.spell{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--ink-faint);border-radius:var(--radius-card);background:var(--vellum-deep);text-align:left;font:inherit;color:inherit;transition:background var(--hover-ms), box-shadow var(--hover-ms);grid-template-columns:minmax(0,1fr) auto;display:grid}button.spell{cursor:pointer}.spell-name{font:var(--step-0) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.costs{gap:var(--space-2);display:flex}.cost-chip{font:var(--step--1)/1 var(--font-label);color:var(--ink-soft);justify-items:center;display:grid}.cost-chip img{width:var(--cost-icon);height:var(--cost-icon);object-fit:contain;filter:drop-shadow(0 0 1px var(--ink))}.spell.ready{border-color:var(--gold);background:var(--gold-bright)}.spell.ready .cost-chip{color:var(--ink)}button.spell[aria-disabled]{cursor:default}.spell.pending{box-shadow:var(--target-glow)}.spell.intent{border-color:var(--vermilion)}.spell.intent .spell-name:before{content:"Next: ";color:var(--vermilion)}.intent{min-height:26px}.intent img{filter:drop-shadow(0 1px 1px #2b1d1266);width:26px;height:26px}.fighter.taunting .body{box-shadow:0 0 0 2px var(--azure), 0 0 14px 4px #2f5ea873;border-radius:50% 50% 8px 8px}.floater.cast{color:var(--ink);font-size:var(--step-0);top:0}.forecast{left:50%;top:calc(-1 * var(--space-5));padding:1px var(--space-2);border:1px solid var(--ink);border-radius:var(--radius-card);background:var(--vermilion);color:var(--vellum-light);font:var(--step-0)/1.1 var(--font-label);box-shadow:var(--shadow-lift);z-index:3;animation:1.4s ease-in-out infinite pulse;position:absolute;translate:-50%}.fx{left:calc(var(--u) * var(--fx-x));top:calc(var(--u) * var(--fx-y));pointer-events:none;position:absolute}.fighter.acting .fx,.fighter.defeated .fx,.boil-off .fx{display:none}.glint{width:calc(var(--u) * var(--fx-r) * 2);height:calc(var(--u) * var(--fx-r) * 2);animation:orbit var(--glint-s) linear infinite var(--fx-delay);translate:-50% -50%}.glint:after{content:"";background:radial-gradient(circle, var(--bone) 0 18%, var(--gold-bright) 30%, transparent 70%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);width:9px;height:9px;animation:glint var(--glint-s) linear infinite var(--fx-delay);position:absolute;top:0;left:50%;translate:-50% -50%}@keyframes orbit{to{rotate:360deg}}@keyframes glint{0%,55%,to{opacity:0;scale:.4}65%{opacity:1;scale:1.4}80%{opacity:.9;scale:1}}.twinkle{background:radial-gradient(circle, var(--bone) 0 15%, color-mix(in srgb, var(--gold-bright) 60%, transparent) 35%, transparent 70%);width:22px;height:22px;animation:twinkle var(--twinkle-s) ease-in-out infinite var(--fx-delay);translate:-50% -50%}@keyframes twinkle{0%,to{opacity:.15;scale:.6}50%{opacity:1;scale:1.3}}.smoke{width:0;height:0}.smoke i{border:1px solid var(--ink-faint);background:var(--smoke);opacity:0;width:10px;height:10px;animation:smoke var(--smoke-s) ease-out infinite var(--fx-delay);border-radius:50%;position:absolute;top:0;left:0}.smoke i:nth-child(2){animation-delay:calc(var(--fx-delay) - var(--smoke-s) / 3)}.smoke i:nth-child(3){animation-delay:calc(var(--fx-delay) - var(--smoke-s) * 2 / 3)}@keyframes smoke{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:.9}to{opacity:0;transform:translate(14px,-38px)scale(1.8)}}@media (prefers-reduced-motion:reduce){.fx{display:none}.hp>b{animation:none}}.dev input[type=range]{width:90px;accent-color:var(--vermilion)}.juice{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.juice-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.splat{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out forwards splat}@keyframes splat{0%{opacity:1;transform:scale(.2)}12%{transform:scale(1.08)}20%{transform:scale(1)}70%{opacity:.95}to{opacity:0}}.leaf{transform-box:fill-box;transform-origin:50%;animation:1.3s ease-out forwards leaf-rise}@keyframes leaf-rise{0%{opacity:0;transform:translateY(6px)scale(.4)}20%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-46px)scale(.8)}}.flake{width:5px;height:7px;box-shadow:0 0 0 .5px var(--gold-deep);border-radius:1px;position:absolute}.flyer{filter:drop-shadow(0 2px 2px #2b1d1273);position:absolute}.plume{transform-origin:100% 55%;filter:url(#boilFire);max-width:none;animation:.22s ease-out forwards unfurl,.5s ease-in .65s forwards dissipate;position:absolute}@keyframes unfurl{0%{clip-path:inset(0 0 0 100%);transform:rotate(var(--a)) scale(.55, .45)}to{clip-path:inset(0);transform:rotate(var(--a)) scale(1, 1)}}@keyframes dissipate{0%{transform:rotate(var(--a)) scale(1, 1);opacity:1}to{transform:rotate(var(--a)) scale(1.06, 1.2);opacity:0}}.stage.quake{animation:.38s linear quake}@keyframes quake{15%{translate:-6px 2px}30%{translate:5px -2px}45%{translate:-4px 1px}60%{translate:3px -1px}80%{translate:-1px}}@media (prefers-reduced-motion:reduce){.splat,.leaf,.plume{animation-duration:10ms}.stage.quake{animation:none}}.hand-wrap{place-self:start center;gap:var(--space-4);width:min(100%,900px);padding-top:var(--space-5);grid-area:board;display:grid}.hand-wrap[hidden],.board-wrap[hidden]{display:none}.hand-bar{gap:var(--space-4);font:var(--step-0) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink-soft);justify-content:center;display:flex}.hand-bar b{color:var(--ink);font-weight:400}.hand{min-height:calc(var(--card-w) * 1.4 + 60px);padding-top:var(--space-4);justify-content:center;align-items:flex-start;display:flex}.play-card{width:var(--card-w);aspect-ratio:5/7;margin-inline:calc(var(--card-overlap) / 2);cursor:pointer;rotate:var(--rot,0deg);translate:0 var(--lift,0px);transform-origin:50% 120%;filter:drop-shadow(0 6px 8px #2b1d124d);font:inherit;color:var(--ink);text-align:center;background:0 0;border:0;flex:none;padding:0;transition:rotate .18s ease-out,translate .18s ease-out,scale .18s ease-out,filter .18s;position:relative}.play-card:hover,.play-card:focus-visible{filter:drop-shadow(0 14px 16px #2b1d1259);translate:0 -34px;rotate:0deg;scale:1.1;z-index:20!important}.play-card[aria-disabled]{cursor:default}.play-card[aria-disabled] .card-frame{filter:saturate(.45)brightness(.92)}.card-frame{background:linear-gradient(var(--texture-wash), var(--texture-wash)), var(--page-texture) 0 0 / 300px, var(--vellum-light);border:3px solid var(--gold);box-shadow:inset 0 0 0 1px var(--ink), inset 0 0 0 5px var(--vellum-light), inset 0 0 0 6px var(--gold-deep), 0 0 0 1px var(--ink);border-radius:6px;position:absolute;inset:0}.play-card .card-frame:before{content:"";background:var(--band);height:10px;box-shadow:0 1px 0 var(--ink);border-radius:2px 2px 0 0;position:absolute;inset:6px 6px auto}.play-card[data-owner=knight]{--band:var(--band-knight)}.play-card[data-owner=wizard]{--band:var(--band-wizard)}.play-card[data-owner=abbess]{--band:var(--band-abbess)}.play-card.ready .card-frame{box-shadow:inset 0 0 0 1px var(--ink), inset 0 0 0 5px var(--vellum-light), inset 0 0 0 6px var(--gold-deep), 0 0 0 1px var(--ink), 0 0 0 4px var(--gold-bright), 0 0 18px 6px #e8c96ab3}.card-corner{z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg fill='%23c19a3b' stroke='%232b1d12' stroke-width='.8'%3E%3Cpath d='M2 2h9c-2 2-3 4-3 7-3 0-5 1-6 3z'/%3E%3Ccircle cx='13.5' cy='4.5' r='2'/%3E%3Ccircle cx='4.5' cy='13.5' r='2'/%3E%3Cpath d='M9 9c3 1 5 3 6 6' fill='none'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:26px;height:26px;position:absolute}.card-corner.tl{top:8px;left:8px}.card-corner.tr{top:8px;right:8px;rotate:90deg}.card-corner.br{bottom:8px;right:8px;rotate:180deg}.card-corner.bl{bottom:8px;left:8px;rotate:270deg}.card-window{aspect-ratio:1;border:2px solid var(--gold);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px var(--ink);background:var(--lapis);position:absolute;top:13%;left:12%;right:12%;overflow:hidden}.card-window .card-art{object-fit:cover;width:100%;height:100%;display:block}.card-window.icon{background:var(--vellum-deep);place-items:center;display:grid}.card-window.icon .card-art{object-fit:contain;width:70%;height:70%}.card-banner{background:var(--vellum-light);border:1px solid var(--ink);box-shadow:inset 0 0 0 2px var(--vellum-light), inset 0 0 0 3px var(--gold);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);z-index:2;justify-content:center;align-items:baseline;gap:1px;padding:3px 14px 4px;display:flex;position:absolute;top:calc(67.2857% - 4px);left:6%;right:6%}.card-initial{font:400 calc(var(--card-w) * .13)/1 var(--font-display);color:var(--vermilion)}.card-name{font:calc(var(--card-w) * .085)/1 var(--font-label);letter-spacing:var(--tracking-label)}.card-text{font:italic calc(var(--card-w) * .075)/1.2 var(--font-body);color:var(--ink);place-items:center;display:grid;position:absolute;inset:76.2857% 12% 16%}.card-cost{z-index:3;width:calc(var(--card-w) * .2);height:calc(var(--card-w) * .2);background:radial-gradient(circle at 35% 30%, var(--gold-bright), var(--gold) 60%, var(--gold-deep));border:2px solid var(--ink);box-shadow:var(--shadow-lift);font:calc(var(--card-w) * .12)/1 var(--font-label);color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-12px;left:-12px}.card-owner{z-index:3;width:calc(var(--card-w) * .18);height:calc(var(--card-w) * .18);border:2px solid var(--gold);box-shadow:0 0 0 1px var(--ink), var(--shadow-lift);background:var(--src) var(--pos,50% 4%) / auto 240% no-repeat, var(--vellum-light);border-radius:50%;position:absolute;bottom:-12px;left:50%;translate:-50%}.play-card.dealt{animation:.38s cubic-bezier(.2,.8,.3,1) backwards deal;animation-delay:var(--deal-delay,0s)}@keyframes deal{0%{opacity:0;transform:translateY(120px)rotate(-10deg)}}.play-card.played{animation:played var(--card-ms) ease-in forwards;pointer-events:none}@keyframes played{to{opacity:0;transform:translateY(-140px)scale(1.12)}}.play-card.discarded{animation:discarded var(--card-ms) ease-in forwards}@keyframes discarded{to{opacity:0;transform:translate(220px,60px)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.play-card.dealt,.play-card.played,.play-card.discarded{animation-duration:10ms}}.hp-num{font:var(--step--1)/1 var(--font-label);color:var(--ink-soft)}.status{z-index:3;position:relative}.hp-num{color:var(--ink);text-shadow:0 0 3px var(--vellum-light), 0 0 2px var(--vellum-light)}.hp-num.low{color:var(--vermilion)}.intent{position:relative}.intent-tip{top:calc(100% + var(--space-2));width:max-content;max-width:220px;padding:var(--space-2) var(--space-3);background:var(--vellum-light);border:var(--frame-gold);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);font:var(--step--1)/1.3 var(--font-body);color:var(--ink-soft);text-align:left;z-index:20;gap:2px;display:none;position:absolute;left:50%;translate:-50%}.intent-tip b{font:var(--step-0) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink);font-weight:400}.intent:hover .intent-tip{display:grid}.screen.no-panels{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""board"}.screen.no-panels .panel.party,.screen.no-panels .panel.foes{display:none}.scenery{inset:0 0 calc(var(--stage-h) * .18) 0;background:url(../assets/scenery.png) var(--scenery-x) bottom / var(--scenery-size) auto no-repeat;opacity:var(--scenery-opacity);filter:contrast(var(--scenery-contrast)) saturate(var(--scenery-saturation));pointer-events:none;position:absolute}.screen.no-panels{--stage-h:clamp(280px, 54vh, 620px);row-gap:var(--space-3)}.dev-group{gap:var(--space-2) var(--space-3);width:100%;padding-block:var(--space-2);border-block:var(--rule);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.dev-group b{color:var(--ink);font-weight:400}.panel.party,.panel.foes{flex-direction:column;align-self:stretch;display:flex}#cards-company,#cards-foe{align-content:stretch;gap:var(--space-2);flex:1;grid-auto-rows:1fr}.panel.foes .card{align-content:center}.panel.party .card{padding:var(--space-2) var(--space-3);gap:var(--space-1) var(--space-3);align-content:center}.panel.party .spells{gap:3px}.panel.party .spell{padding-block:3px}.intent-count{background:radial-gradient(circle at 35% 30%, var(--gold-bright), var(--gold) 60%, var(--gold-deep));border:1px solid var(--ink);min-width:18px;height:18px;font:12px/1 var(--font-label);color:var(--ink);border-radius:9px;place-items:center;padding-inline:4px;display:grid;position:absolute;bottom:-6px;right:-8px}.intent-count.pulse{animation:.4s ease-out pulse}#cards-foe{grid-auto-rows:auto;align-content:start}.board-cell{grid-area:board;place-items:start center;min-width:0;min-height:0;display:grid}.board-cell .board-wrap{grid-area:auto}@media (width>=1081px){.screen{grid-template-rows:auto var(--stage-h) minmax(0, 1fr);height:100vh;padding-block:var(--space-3);row-gap:var(--space-3)}.board-cell{align-self:stretch;container-type:size}.board-cell .board{width:calc(min(100cqw, 100cqh) - 2 * var(--sheet-margin) - 8px)}.panel.party,.panel.foes{min-height:0;overflow:hidden}#cards-company,#cards-foe{min-height:0}.panel .card{min-height:0;overflow:hidden}#cards-foe{overflow-y:auto}.panel.foes .card{overflow:visible}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.head{border-bottom:0;justify-content:flex-end;padding-bottom:0}.scenery,.ground{left:calc(50% - 50vw);right:calc(50% - 50vw)}html,body{overflow-x:clip}.scenery{top:calc(-1 * var(--scenery-headroom));background-size:min(var(--scenery-size), calc((var(--stage-h) * .82 + var(--scenery-headroom)) * var(--scenery-aspect))) auto}.panel.party .card{padding-block:var(--space-2);grid-template-rows:auto minmax(0,1fr);align-items:start}.panel.party .card .spells{grid-auto-rows:minmax(auto, var(--spell-max-h));align-content:start;align-self:stretch}.panel.party .card .spell{padding-block:var(--space-2)}.bark{--tail:22px;z-index:6;width:max-content;max-width:var(--bark-w);padding:var(--space-1) var(--space-3);background:var(--vellum-light);border:1px solid var(--ink);box-shadow:inset 0 0 0 2px var(--vellum-light), inset 0 0 0 3px var(--gold-deep), var(--shadow-lift);font:italic var(--step-0)/1.2 var(--font-body);color:var(--ink);text-align:center;text-wrap:balance;pointer-events:none;animation:bark-in var(--bark-fade-ms) ease-out both;transition:opacity var(--bark-fade-ms);border-radius:3px;position:absolute}.bark.from-company{translate:calc(-1 * var(--tail)) calc(-100% - var(--space-2));transform-origin:var(--tail) 100%}.bark.from-foe{translate:var(--tail) calc(-100% - var(--space-2));transform-origin:calc(100% - var(--tail)) 100%}.bark:after{content:"";background:var(--vellum-light);border:solid var(--ink);border-width:0 1px 1px 0;width:10px;height:10px;position:absolute;bottom:-6px;rotate:45deg}.bark.from-company:after{left:calc(var(--tail) - 5px)}.bark.from-foe:after{right:calc(var(--tail) - 5px)}.bark.leaving{opacity:0}@keyframes bark-in{0%{opacity:0;scale:.6}}.parchment,.panel .card{isolation:isolate;background:0 0;border-color:#0000;position:relative}.parchment:before,.panel .card:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 45%, transparent 55%, var(--parchment-burn) 120%), linear-gradient(var(--parchment-wash), var(--parchment-wash)), var(--parchment-texture) var(--sheet-x,0) var(--sheet-y,0) / var(--parchment-size);box-shadow:inset 0 0 12px var(--parchment-burn);filter:url(#deckle)drop-shadow(0 2px 3px #2b1d1247);pointer-events:none;position:absolute;inset:0}.panel .card:nth-child(3n+1){--sheet-x:-130px;--sheet-y:-40px}.panel .card:nth-child(3n+2){--sheet-x:-310px;--sheet-y:-260px}.panel .card:nth-child(3n){--sheet-x:-60px;--sheet-y:-380px}.panel .card.is-target:before{box-shadow:inset 0 0 0 2px var(--vermilion), inset 0 0 12px var(--parchment-burn)}.panel .card .spell:not(.ready){background:var(--spell-parchment);border-color:#6b564059}.board-wrap.parchment{padding:var(--sheet-margin)}.board-wrap.parchment .board{background:linear-gradient(var(--ink-faint) 1px, transparent 1px) 0 0 / calc(100% / var(--board-cols)) calc(100% / var(--board-rows)), linear-gradient(90deg, var(--ink-faint) 1px, transparent 1px) 0 0 / calc(100% / var(--board-cols)) calc(100% / var(--board-rows));outline:1px solid #2b1d1273}.board-wrap.parchment:before{--sheet-x:-200px;--sheet-y:-120px}.mist{pointer-events:none;position:absolute;left:calc(50% - 50vw);right:calc(50% - 50vw);overflow:hidden}.mist:before{content:"";width:calc(2 * var(--mist-tile));background:var(--mist-texture) 0 100% / var(--mist-tile) 100% repeat-x;animation:mist-drift var(--mist-drift-s) linear infinite;position:absolute;inset:0 auto 0 0}.mist-back{--mist-tile:1600px;top:8%;bottom:calc(var(--stage-h) * .12);opacity:var(--mist-back-opacity)}.mist-back:before{filter:brightness(var(--mist-ink)) sepia(.6)}.mist-front{--mist-tile:1200px;top:60%;bottom:calc(var(--stage-h) * .1);opacity:var(--mist-front-opacity);z-index:2}.mist-front:before{animation-duration:calc(var(--mist-drift-s) * .6)}@keyframes mist-drift{to{translate:calc(-1 * var(--mist-tile)) 0}}@media (prefers-reduced-motion:reduce){.mist:before{animation:none}}.wind{pointer-events:none;top:0;bottom:calc(var(--stage-h) * .3);opacity:var(--wind-opacity);position:absolute;left:calc(50% - 50vw);right:calc(50% - 50vw);overflow:hidden}.gust{filter:url(#boil);position:absolute;overflow:visible}.gust path{fill:none;stroke:var(--wind-colour);stroke-width:1.5px;stroke-linecap:round}.gust{filter:url(#boil)drop-shadow(0 0 1px #6b564033)}.spell{isolation:isolate;position:relative;overflow:hidden}.spell:after{content:"";z-index:-1;height:4px;width:calc(var(--progress,0) * 100%);background:var(--ready-bg);opacity:.75;transition:width var(--clear-ms) ease-out;position:absolute;bottom:0;left:0}.panel.foes .spell:after{background:var(--gold)}.spell.ready:after{display:none}.costs{align-items:center}.cost-chip{align-items:center;display:flex}.cost-chip img+img{margin-left:var(--cost-overlap)}.panel .card .spell.ready{border-color:var(--gold-deep);background:linear-gradient(160deg, var(--gold-bright), var(--gold) 60%, var(--gold-bright));box-shadow:0 0 0 1px var(--ink), inset 0 1px 0 #fffae6b3}.panel.party .card .spell.ready{border-color:var(--ready-bg);background:var(--spell-parchment);box-shadow:inset 0 0 0 var(--ready-border) var(--ready-bg)}.panel .card .spell.ready .cost-chip{color:var(--ink)}.panel.party .card .spell.live{box-shadow:inset 0 0 0 var(--ready-border) var(--ready-bg), 0 0 7px 1px var(--ready-glow)}.panel.party .card .spell.just-ready{animation:.45s cubic-bezier(.3,1.6,.5,1) spell-pop}.spell.just-ready:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fff6 50%,#0000 65%);animation:.9s ease-in-out .15s forwards spell-glint;position:absolute;inset:0;translate:-120%}.card:has(.spell.live) .portrait{box-shadow:0 0 0 1px var(--ink), 0 0 0 3px var(--ready-bg)}@keyframes spell-glint{to{translate:120%}}@keyframes spell-pop{0%{scale:.92}50%{scale:1.08}to{scale:1}}@media (prefers-reduced-motion:reduce){.panel.party .card .spell.just-ready,.spell.just-ready:before{animation:none}}@media (width<=640px){html,body{overscroll-behavior:none}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.screen{height:100dvh;padding:env(safe-area-inset-top) calc(var(--gutter) + env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom)) calc(var(--gutter) + env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);grid-template-rows:var(--phone-head-h) var(--stage-h) auto minmax(0, 1fr) auto;row-gap:var(--space-2);grid-template-areas:"head""stage""foes""board""party"}.head{margin-bottom:calc(-1 * var(--space-2));grid-area:head;align-self:stretch;align-items:center;padding:0}.turn{font-size:var(--step--1);gap:var(--space-3)}.stage{padding-inline:0}.line{gap:var(--space-1)}.hp{width:var(--phone-hp-w)}.fighter.is-target:before{top:calc(-1 * var(--space-1));border-width:9px 6px 6px}.fighter.is-target:not(:has(.intent img)):before{top:var(--space-4)}.hp-num{font-size:var(--phone-hp-text);letter-spacing:.03em}.board-cell{align-self:stretch;min-height:0;container-type:size}.board-cell .board{width:calc(min(100cqw, 100cqh) - 2 * var(--sheet-margin) - 4px)}.pools{gap:var(--space-1)}.pool{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:2px 3px}.pool img{width:var(--phone-pool-icon);height:var(--phone-pool-icon)}.pool b{font-size:var(--step-0)}.pool i{grid-column:1/-1;height:3px}.pool.gained:after,.pool.spent:after{top:-12px}.panel.foes{align-items:center;gap:var(--space-2);flex-direction:row;grid-area:foes;min-height:0;position:relative;overflow:visible}.panel.foes .panel-label{padding:var(--space-1) var(--space-2);font-size:var(--step--1);cursor:pointer;border-radius:var(--radius-card);border:1px solid #b8321f59;flex:none}.panel.foes .panel-label:after{content:"";margin-left:var(--space-1);vertical-align:middle;border:5px solid #0000;border-top:6px solid;border-bottom:0;display:inline-block}#pools-foe{flex:1}#cards-foe{display:none}.screen.foe-open #cards-foe{top:calc(100% + var(--space-2));z-index:40;max-height:60dvh;padding:var(--space-2);gap:var(--space-2);background:var(--vellum-light);border:var(--frame-gold);box-shadow:var(--shadow-lift), 0 8px 24px #2b1d1240;display:grid;position:absolute;left:0;right:0;overflow-y:auto}.screen.foe-open .panel.foes .panel-label:after{border-top:0;border-bottom:6px solid}.panel.party{gap:var(--space-1);z-index:20;grid-area:party;min-height:0;display:grid;position:relative;overflow:visible}.panel.party .panel-label{display:none}#cards-company{gap:var(--space-1);flex:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;display:grid}.panel.party .card{cursor:pointer;grid-template-rows:auto auto;grid-template-columns:none;justify-items:center;gap:2px;padding:0;display:grid;position:relative;overflow:visible}.panel.party .card:before{display:none}.panel.party .portrait{width:var(--dock-portrait);height:var(--dock-portrait);margin:var(--dock-ring-gap);box-shadow:0 0 0 1px var(--ink);position:relative}.panel.party .card:has(.spell.live) .portrait{box-shadow:0 0 0 1px var(--ink)}.panel.party .portrait .spell-ring{inset:calc(-1 * var(--dock-ring-gap));width:calc(100% + 2 * var(--dock-ring-gap));height:calc(100% + 2 * var(--dock-ring-gap));display:block;position:absolute;overflow:visible}.panel.party .card:has(.spell.just-ready) .portrait{animation:.45s cubic-bezier(.3,1.6,.5,1) spell-pop}.panel.party .card.open .portrait{box-shadow:0 0 0 1px var(--ink), 0 0 0 calc(var(--dock-ring-gap) + 4px) #c19a3b40}.panel.party .card-head{text-align:center;margin-top:calc(-1 * var(--space-1));justify-items:center}.panel.party .name{font:var(--step--1) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink-soft);white-space:nowrap}.panel.party .meta{display:none}.panel.party .card.targetable{box-shadow:none}#cards-company .card.targetable .portrait{box-shadow:var(--target-glow)}#cards-company .card.targetable .spell-ring path{stroke:var(--vermilion);stroke-opacity:1;filter:none}.panel.party .card .spells{bottom:calc(100% + var(--space-2));z-index:30;width:var(--dock-menu-w);gap:var(--space-1);padding:var(--space-2);background:linear-gradient(var(--parchment-wash), var(--parchment-wash)), var(--parchment-texture) 0 0 / var(--parchment-size), var(--vellum);border:1px solid #6b564073;border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;display:none;position:absolute;box-shadow:0 6px 18px #2b1d1259}.panel.party .card.open .spells{animation:.18s ease-out menu-in;display:grid}.panel.party .card:first-child .spells{left:0}.panel.party .card:nth-child(2) .spells{left:50%;translate:-50%}.panel.party .card:last-child .spells{right:0}.panel.party .card .spell{min-height:var(--dock-spell-h);padding:var(--space-2) var(--space-1);grid-template-columns:minmax(0,1fr);justify-items:center;gap:3px}.panel.party .spell-name{letter-spacing:.03em;max-width:100%;padding-inline:16px;font-size:.85rem}.panel.party .costs{gap:var(--space-1)}.panel.party .cost-chip img{width:var(--phone-cost-icon);height:var(--phone-cost-icon)}.panel.party .spell .mini-ring{width:15px;height:15px;display:block;position:absolute;top:5px;left:5px}.dev-toggle{top:calc(env(safe-area-inset-top) + 2px);left:calc(env(safe-area-inset-left) + var(--gutter));width:calc(var(--phone-head-h) - 4px);height:calc(var(--phone-head-h) - 4px);bottom:auto;right:auto}.dev-toggle svg{width:16px;height:16px}.dev{top:calc(env(safe-area-inset-top) + var(--phone-head-h) + var(--space-2));bottom:auto;right:var(--space-2);left:var(--space-2);width:auto;max-height:70dvh;overflow-y:auto}}.toast{left:50%;top:calc(var(--stage-h) + var(--space-5));z-index:70;width:max-content;max-width:min(320px,90vw);padding:var(--space-2) var(--space-3);background:var(--vellum-light);border:var(--frame-gold);border-radius:var(--radius-card);box-shadow:var(--shadow-lift), 0 6px 18px #2b1d1240;font:var(--step--1)/1.35 var(--font-body);color:var(--ink-soft);text-align:center;pointer-events:none;animation:bark-in var(--bark-fade-ms) ease-out both;position:fixed;translate:-50%}.toast[hidden]{display:none}.toast b{font:var(--step-0) var(--font-label);letter-spacing:var(--tracking-label);color:var(--ink);display:block}@media (width<=640px) and (height<=740px){.panel.party .portrait{width:var(--dock-portrait-sm);height:var(--dock-portrait-sm)}}.spell-ring,.mini-ring{display:none}.seg-track{fill:none;stroke:#6b564073;stroke-width:7px;stroke-linecap:round}.seg-fill{fill:none;stroke:var(--ready-bg);stroke-opacity:.45;stroke-width:7px;stroke-dasharray:0 1;transition:stroke-dasharray var(--clear-ms) ease-out}.seg-ready{fill:none;stroke:var(--ready-bg);stroke-width:10px;stroke-linecap:round;opacity:0}.seg.ready .seg-ready{opacity:1;filter:drop-shadow(0 0 3px var(--ready-glow))}.mini-ring .seg-track{stroke-width:10px}.seg-mine{fill:none;stroke:var(--ink);stroke-width:16px;stroke-linecap:round}.spell.ready .mini-ring .seg-mine{stroke:var(--ready-bg)}@keyframes menu-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@media (prefers-reduced-motion:reduce){.panel.party .card.open .spells{animation:none}.panel.party .card:has(.spell.just-ready) .portrait{animation:none}}@media (width>=1081px){.screen{grid-template-rows:var(--stage-h) auto auto minmax(0, 1fr);row-gap:var(--space-2);grid-template-areas:"stage stage stage""clabel turn flabel""cpools turn fpools""ccards board fcards"}.head{grid-area:turn;justify-content:center;align-self:center}.panel.party,.panel.foes{display:contents}.panel.party .panel-label{grid-area:clabel}.panel.foes .panel-label{grid-area:flabel}#pools-company{grid-area:cpools}#pools-foe{grid-area:fpools}#cards-company{grid-area:ccards}#cards-foe{grid-area:fcards}#cards-company,#cards-foe{min-height:0;max-height:100%;margin-top:var(--space-2);flex:none;grid-auto-rows:auto;align-content:start;align-self:start;overflow-y:auto}.panel.party .card{grid-template-rows:auto auto}.panel.party .card .spells{grid-auto-rows:auto}.board-cell{margin-top:var(--space-2)}.pool{justify-content:center;align-items:center;column-gap:var(--space-1);grid-template-columns:auto auto;row-gap:3px}.pool i{grid-column:1/-1}.panel-label{padding-bottom:2px}.pool.gained:after,.pool.spent:after{top:-14px}}.turn-banner{z-index:12;padding-block:var(--space-3);text-align:center;pointer-events:none;opacity:0;font:var(--step-3)/1 var(--font-display);background:linear-gradient(90deg, transparent, var(--banner-veil) 18%, var(--banner-veil) 82%, transparent);position:absolute;top:42%;left:0;right:0}.turn-banner.foe{color:var(--vermilion)}.turn-banner.you{color:var(--lapis)}.turn-banner.show{animation:turn-banner var(--turn-banner-ms) ease-out both}@keyframes turn-banner{0%{opacity:0;transform:scale(.85)}15%{opacity:1;transform:scale(1.03)}25%{transform:scale(1)}75%{opacity:1}to{opacity:0}}.screen.foe-turn .board-wrap:after{content:"";z-index:5;pointer-events:none;border:3px solid var(--vermilion);border-radius:3px;position:absolute;inset:4px;box-shadow:0 0 14px #b8321f73,inset 0 0 18px #b8321f33}#moves.foe{color:var(--vermilion)}.piece.foe-hint .gem{box-shadow:0 0 0 3px var(--vermilion), 0 0 14px 4px #b8321f99}.swap-arrow{z-index:3;pointer-events:none;width:calc(100% / var(--board-cols));height:calc(100% / var(--board-rows));transform:translate(calc(var(--col) * 100%), calc(var(--row) * 100%));place-items:center;display:grid;position:absolute;top:0;left:0}.swap-arrow svg{width:90%;animation:.25s ease-out both arrow-in;overflow:visible}.swap-arrow.vertical svg{rotate:90deg}.swap-arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round}.swap-arrow .edge{stroke:var(--vellum-light);stroke-width:12px}.swap-arrow .ink{stroke:var(--vermilion);stroke-width:6px}@keyframes arrow-in{0%{opacity:0;scale:.5}}@media (prefers-reduced-motion:reduce){.turn-banner.show{animation-duration:10ms}.swap-arrow svg{animation:none}}.muster{z-index:80;padding:var(--space-4);background:var(--banner-veil);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.muster[hidden]{display:none}.muster-sheet{isolation:isolate;justify-items:center;gap:var(--space-3);width:min(980px,100%);padding:var(--space-5) var(--space-4);display:grid;position:relative}.muster-sheet:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 45%, transparent 55%, var(--parchment-burn) 120%), linear-gradient(var(--parchment-wash), var(--parchment-wash)), var(--parchment-texture) 0 0 / var(--parchment-size);box-shadow:inset 0 0 14px var(--parchment-burn), 0 10px 30px #2b1d124d;filter:url(#deckle);position:absolute;inset:0}.muster-title{font:400 var(--step-3)/1 var(--font-display);color:var(--side-hero);margin:0}.muster-hint{font:italic var(--step-0) var(--font-body);color:var(--ink-soft);margin:0}.muster-heroes{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.muster-hero{grid-template-columns:var(--portrait) minmax(0, 1fr);align-content:start;align-items:center;gap:var(--space-2);padding:var(--space-3);text-align:left;cursor:pointer;background:var(--spell-parchment);border-radius:var(--radius-card);opacity:.6;transition:opacity var(--hover-ms), box-shadow var(--hover-ms);border:1px solid #6b564059;display:grid}.muster-hero[aria-pressed=true]{opacity:1;border-color:var(--ready-bg);box-shadow:inset 0 0 0 var(--ready-border) var(--ready-bg), 0 0 7px 1px var(--ready-glow)}.muster-hero .portrait{width:var(--portrait);height:var(--portrait)}.muster-head{display:grid}.muster-head .name{font:400 var(--step-1)/1 var(--font-display)}.muster-spells{gap:var(--space-2);grid-column:1/-1;display:grid}.muster-spell{gap:2px;display:grid}.muster-spell .spell-name{font:var(--step-0) var(--font-label);letter-spacing:var(--tracking-label)}.muster-text{font:italic var(--step--1)/1.3 var(--font-body);color:var(--ink-soft)}.muster-spell .cost-chip img{width:var(--cost-icon);height:var(--cost-icon)}.muster-subtitle{margin:var(--space-2) 0 0;font:400 var(--step-2)/1 var(--font-display);color:var(--side-foe)}.muster-foes{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.muster-foe{grid-template-columns:var(--portrait) minmax(0, 1fr);align-items:center;gap:var(--space-3);padding:var(--space-3);text-align:left;cursor:pointer;background:var(--spell-parchment);border-radius:var(--radius-card);opacity:.6;transition:opacity var(--hover-ms), box-shadow var(--hover-ms);border:1px solid #6b564059;display:grid}.muster-foe[aria-pressed=true]{opacity:1;border-color:var(--vermilion);box-shadow:inset 0 0 0 var(--ready-border) var(--vermilion), 0 0 7px 1px #b8321f73}.muster-foe .portrait{width:var(--portrait);height:var(--portrait)}.muster-go{font-size:var(--step-1);padding:var(--space-2) var(--space-5)}.muster-go:disabled{opacity:.45;cursor:default}@media (width<=760px){.muster{padding:var(--space-2);align-items:start}.muster-sheet{padding:var(--space-4) var(--space-3)}.muster-heroes{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.muster-foes{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.muster-go{bottom:var(--space-3);z-index:2;box-shadow:var(--shadow-lift), 0 4px 14px #2b1d124d;position:sticky}.muster-foe,.muster-hero{padding:var(--space-2)}.muster-spell .cost-chip img{width:16px;height:16px}}