:root{--bg: #0a0a0c;--panel: #14141a;--panel-2: #1c1c24;--line: #2a2a35;--text: #ece8e1;--muted: #8a8593;--gold: #c9a227;--blood: #8e1f28;--blood-lit: #c4303c;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--vh: 1vh;--vw: 1vw;--area-hud: 13%;--area-battle: 55%;--area-hand: 32%;--pad: clamp(6px, calc(1.4 * var(--vw)), 14px);--gap: clamp(4px, calc(1 * var(--vw)), 10px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;user-select:none;-webkit-user-select:none}#app{height:100dvh;width:100%;overflow:hidden}.stage{position:relative;height:100%;overflow:hidden}.stage--panel{display:grid;grid-template-rows:var(--area-hud) 1fr;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}.hud{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:var(--gap);padding:0 var(--pad);min-height:0}.stage--battle .hud{position:absolute;top:var(--safe-t);left:var(--safe-l);right:var(--safe-r);z-index:30;height:var(--area-hud);background:linear-gradient(180deg,rgba(6,6,9,.82),rgba(6,6,9,.35) 62%,transparent)}.hud__side{display:flex;flex-direction:column;gap:2px;min-width:0}.hud__side--right{align-items:flex-end}.hud__name{font-size:clamp(8px,calc(1.5 * var(--vh)),11px);letter-spacing:.08em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bar{position:relative;display:block;width:min(calc(40 * var(--vw)),220px);height:clamp(10px,calc(2.4 * var(--vh)),16px);background:#000;border:1px solid var(--line);border-radius:2px;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,var(--blood-lit),var(--blood))}.bar--enemy i{background:linear-gradient(180deg,#6f6f7a,#43434d)}.bar b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(7px,calc(1.4 * var(--vh)),10px);font-weight:600;text-shadow:0 1px 2px #000}.chips{display:flex;gap:3px;flex-wrap:wrap}.chip{font-size:clamp(7px,calc(1.3 * var(--vh)),10px);font-style:normal;padding:1px 4px;border-radius:2px;border:1px solid var(--line);background:var(--panel);white-space:nowrap}.chip--buff{color:var(--gold);border-color:#55471a}.chip--debuff{color:#d98a90;border-color:#4a2126}.relicbar{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:clamp(2px,calc(.45 * var(--vw)),5px);min-width:0;min-height:clamp(14px,calc(3 * var(--vh)),22px);overflow:hidden;color:var(--muted)}.relicbar__label,.relicbar__empty{flex:0 0 auto;color:var(--muted);font-size:clamp(6px,calc(1.1 * var(--vh)),8px);letter-spacing:.08em}.relic-slot{flex:0 0 auto;display:grid;place-items:center;width:clamp(14px,calc(3.2 * var(--vh)),22px);height:clamp(14px,calc(3.2 * var(--vh)),22px);border:1px solid #55471a;border-radius:3px;background:linear-gradient(180deg,#211d12,#121218);color:var(--gold)}.relic-svg{display:block;width:78%;height:78%}.hud__mid{display:flex;flex-direction:column;align-items:center;gap:1px}.hud__act{font-size:clamp(7px,calc(1.3 * var(--vh)),10px);color:var(--gold);letter-spacing:.14em;white-space:nowrap}.hud__turn{font-size:clamp(8px,calc(1.6 * var(--vh)),12px);font-weight:700;letter-spacing:.1em}.hud__controls{display:flex;align-items:center;gap:4px}.hud__hint,.speed{font-size:clamp(6px,calc(1.1 * var(--vh)),8px);color:var(--muted);white-space:nowrap}.speed{padding:0 3px;border:1px solid var(--line);border-radius:2px;background:var(--panel);font-family:inherit;cursor:pointer}.battle{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--area-hud) clamp(10px,calc(5 * var(--vw)),60px) var(--area-hand);background:#0a0a0c var(--stage-bg, url(../bg/spade-hall.webp)) 50% var(--stage-bg-y, 91%) / auto var(--stage-bg-zoom, 175%) no-repeat}.actor{display:flex;flex-direction:column;align-items:center;justify-self:center;gap:4px;font-size:clamp(8px,calc(1.5 * var(--vh)),11px);letter-spacing:.12em;color:var(--muted)}.actor__portrait{position:relative;display:block;width:clamp(38px,calc(14 * var(--vh)),74px);aspect-ratio:.62;background:linear-gradient(180deg,#2b2b36,#16161d);border:1px solid var(--line);border-radius:4px 4px 2px 2px}.actor--enemy .actor__portrait{width:auto;height:clamp(80px,calc(43 * var(--vh)),230px);aspect-ratio:672 / 720;background:var(--art) center bottom / contain no-repeat;border:none;border-radius:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.75));transition:transform .12s ease,filter .12s ease}.actor--enemy .actor__portrait:not([style*=--art]){width:clamp(38px,calc(14 * var(--vh)),74px);height:auto;aspect-ratio:.62;background:linear-gradient(180deg,#3a2a2e,#1b1418);border:1px solid #4a2126;border-radius:4px 4px 2px 2px}.actor--enemy .actor__portrait:after{content:"";position:absolute;left:50%;bottom:-3%;width:76%;height:9%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.72),transparent 72%);z-index:-1}.actor--enemy.actor--drop-ready .actor__portrait{transform:scale(1.06);filter:drop-shadow(0 10px 18px rgba(0,0,0,.75)) drop-shadow(0 0 6px var(--blood-lit)) drop-shadow(0 0 18px rgba(196,48,60,.85))}.actor--player{position:absolute;left:50%;bottom:2%;width:46%;height:22%;transform:translate(-50%);pointer-events:none;gap:0}.actor--player .actor__portrait{width:100%;height:100%;aspect-ratio:auto;background:none;border:none}.actor--enemy.actor--drop-ready{color:#fff}.card-drag-guide{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:60;overflow:visible;pointer-events:none;opacity:0}.card-drag-guide--visible{opacity:1}.card-drag-guide__path{fill:none;stroke:#d9535f;stroke-width:5;stroke-dasharray:10 8;stroke-linecap:round;filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 6px #c4303c)}.card-drag-guide__head{fill:var(--blood-lit);stroke:#f2ddd0;stroke-width:.6}.actor__name{font-size:clamp(9px,calc(1.9 * var(--vh)),13px);letter-spacing:.16em;color:var(--muted)}.actor__intent{font-size:clamp(9px,calc(1.8 * var(--vh)),13px);font-weight:700;color:var(--blood-lit)}.visual-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;padding:calc(var(--area-hud) + 2%) 4% calc(var(--area-hand) + 2%);pointer-events:none;overflow:hidden}.visual-fx{--fx-duration: .5s;justify-self:center;font-size:clamp(13px,calc(3.6 * var(--vh)),22px);font-weight:900;text-shadow:0 2px 5px #000;animation:fx-pop var(--fx-duration) ease-out forwards}.visual-fx--enemy{grid-row:1;align-self:start}.visual-fx--center{grid-row:2;align-self:center}.visual-fx--player{grid-row:3;align-self:end}.visual-fx--light_attack{color:#f1eee7}.visual-fx--heavy_attack{color:#ff5964;font-size:clamp(17px,calc(4.8 * var(--vh)),28px)}.visual-fx--block{color:#8ab4d8}.visual-fx--buff{color:var(--gold)}.visual-fx--debuff{color:#d96878}.visual-damage-preview{grid-row:1;align-self:start;justify-self:center;z-index:2;color:#ff5964;font-size:clamp(18px,calc(5.2 * var(--vh)),32px);font-weight:900;text-shadow:0 2px 6px #000,0 0 10px #8e1f28;transform:translateY(calc(-2.2 * var(--vh)))}.visual-damage-preview--updated{animation:damage-preview-update .18s ease-out}.visual-fx--damage-impact{font-size:clamp(20px,calc(5.8 * var(--vh)),36px);filter:drop-shadow(0 0 8px #c4303c)}.visual-fx--damage-impact:before{width:clamp(36px,calc(12 * var(--vh)),64px);height:3px;margin-bottom:3px}.visual-fx--with-icon{display:inline-flex;align-items:center;gap:.35em}.visual-fx__icon{display:grid;place-items:center;width:1.35em;height:1.35em;color:var(--gold)}.visual-fx__icon .relic-svg{width:100%;height:100%}.visual-fx--light_attack:before,.visual-fx--heavy_attack:before{content:"";display:block;width:clamp(26px,calc(9 * var(--vh)),48px);height:2px;margin:0 auto 2px;background:currentColor;transform:rotate(-28deg);box-shadow:0 0 8px currentColor}.actor--hit{animation:actor-hit var(--fx-duration, .5s) ease-out}.actor--pulse{animation:actor-pulse var(--fx-duration, .5s) ease-out}.stage--resolving .card,.stage--resolving .endturn,.stage--resolving .speed{pointer-events:none;opacity:.65}@keyframes fx-pop{0%{opacity:0;transform:translateY(12px) scale(.65)}35%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-18px) scale(1)}}@keyframes damage-preview-update{0%{opacity:.7;transform:translateY(calc(-2.2 * var(--vh))) scale(.9)}to{opacity:1;transform:translateY(calc(-2.2 * var(--vh))) scale(1)}}@keyframes actor-hit{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-5px) scale(.98)}55%{transform:translate(4px) scale(1.03)}}@keyframes actor-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.08)}}.battle__ground{position:absolute;left:50%;bottom:0;width:150%;height:42%;transform:translate(-50%);pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(6,6,9,.55))}.battle__zone{display:none}.stage--debug .battle__zone{display:block;position:absolute;top:8%;right:18%;bottom:8%;left:18%;border:1px dashed #3d5a44;border-radius:4px;pointer-events:none}.stage--debug .battle__zone:after{content:"NO UI ZONE";position:absolute;top:2px;left:4px;font-size:8px;letter-spacing:.1em;color:#4d7a58}.handbar{overflow:visible;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--gap);padding:0 var(--pad) var(--gap);min-height:0}.stage--battle .handbar{position:absolute;bottom:var(--safe-b);left:var(--safe-l);right:var(--safe-r);z-index:40;height:var(--area-hand);background:linear-gradient(180deg,transparent,rgba(6,6,9,.62) 46%,rgba(6,6,9,.9))}.handbar__left,.handbar__right{display:flex;align-items:center;gap:4px}.orb{display:grid;place-items:center;width:clamp(26px,calc(7 * var(--vh)),40px);aspect-ratio:1;border-radius:50%;border:1px solid var(--gold);background:radial-gradient(circle at 50% 35%,#3a2f10,#12100a);line-height:1}.orb b{font-size:clamp(11px,calc(2.6 * var(--vh)),17px);color:var(--gold)}.orb small{font-size:clamp(6px,calc(1.2 * var(--vh)),9px);color:var(--muted)}.pips{display:flex;flex-direction:column;gap:3px}.pip{width:clamp(9px,calc(2 * var(--vh)),13px);aspect-ratio:1;border:1px solid var(--line);background:var(--panel);border-radius:2px}.endturn{font:inherit;font-size:clamp(8px,calc(1.7 * var(--vh)),12px);font-weight:700;color:var(--text);padding:clamp(5px,calc(1.4 * var(--vh)),10px) clamp(7px,calc(1.6 * var(--vw)),14px);border:1px solid var(--gold);border-radius:3px;background:linear-gradient(180deg,#2a2110,#15120b);white-space:nowrap;cursor:pointer}.hand{container-type:size;--card-gap: calc(-1*clamp(10px, calc(1.8 * var(--vw)), 24px)) ;--card-n: var(--n, 5);--card-ratio: .7;--selection-clearance: calc(42.5% - var(--card-gap) + clamp(4px, calc(.75 * var(--vw)), 8px));--fan-spread: 30deg;--fan-step: calc(var(--fan-spread) / max(var(--card-n) - 1, 1));--fan-depth: clamp(10px, calc(4.6 * var(--vh)), 26px);display:flex;justify-content:center;align-items:flex-end;height:100%;padding-top:var(--gap);min-width:0}.card{position:relative;flex:0 0 auto;height:min(100%,calc((100cqw - (var(--card-n) - 1) * var(--card-gap)) / var(--card-n) / var(--card-ratio)));aspect-ratio:var(--card-ratio);--mid: calc((var(--card-n) - 1) / 2);--off: calc(var(--i, 0) - var(--mid));--fan-rise: calc(var(--fan-depth) / max(var(--mid) * var(--mid), 1));transform:translateY(calc(var(--off) * var(--off) * var(--fan-rise))) rotate(calc(var(--off) * var(--fan-step)));z-index:calc(10 + var(--i, 0));display:grid;grid-template-rows:auto auto 1fr auto;gap:1px;padding:clamp(3px,calc(.9 * var(--vh)),6px) clamp(3px,calc(.6 * var(--vw)),6px);border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,var(--panel-2),#101015);color:var(--text);font:inherit;text-align:center;cursor:pointer;touch-action:none;transition:transform .14s ease,box-shadow .14s ease}.card+.card{margin-left:var(--card-gap)}.card--before-selected{transform:translate(calc(-1 * var(--selection-clearance))) translateY(calc(var(--off) * var(--off) * var(--fan-rise))) rotate(calc(var(--off) * var(--fan-step)))}.card--after-selected{transform:translate(var(--selection-clearance)) translateY(calc(var(--off) * var(--off) * var(--fan-rise))) rotate(calc(var(--off) * var(--fan-step)))}.card:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.55}.card:disabled:hover,.card:disabled:active{transform:translateY(calc(var(--off) * var(--off) * var(--fan-rise))) rotate(calc(var(--off) * var(--fan-step)));box-shadow:none}.card:hover,.card--lifted,.card:active{transform:translateY(calc(-1 * clamp(16px,calc(9 * var(--vh)),52px) - var(--drag-lift, 0px))) scale(1.85) rotate(0);box-shadow:0 0 0 1px var(--gold),0 12px 28px #000d;z-index:40;outline:none}.card--lifted:active{cursor:grabbing}.card__cost{position:absolute;bottom:2px;left:3px;display:grid;place-items:center;width:clamp(11px,calc(2.4 * var(--vh)),16px);aspect-ratio:1;border-radius:50%;background:#000;border:1px solid var(--gold);color:var(--gold);font-size:clamp(7px,calc(1.5 * var(--vh)),10px);font-weight:700;line-height:1}.card__suit{position:absolute;top:2px;right:3px;font-size:clamp(7px,calc(1.5 * var(--vh)),10px);color:var(--muted)}.card[data-suit=heart] .card__suit,.card[data-suit=diamond] .card__suit{color:#a63b44}.card__name{grid-row:1;min-width:0;max-width:calc(100% + var(--card-gap));text-align:left;font-size:clamp(8px,calc(2.1 * var(--vh)),12px);font-weight:700;letter-spacing:-.03em;line-height:1.15;white-space:nowrap}.card:last-child .card__name,.card:hover .card__name,.card--lifted .card__name{max-width:100%}.card__art{grid-row:2;height:clamp(14px,calc(5 * var(--vh)),30px);border:1px solid var(--line);border-radius:2px;background:repeating-linear-gradient(135deg,#1a1a22 0,#1a1a22 5px,#15151c 5px,#15151c 10px)}.card__value{grid-row:3;align-self:center;font-size:clamp(11px,calc(2.8 * var(--vh)),17px);font-weight:800;color:var(--gold);line-height:1}.card__desc{grid-row:4;padding-left:clamp(12px,calc(2.6 * var(--vh)),18px);display:flex;flex-direction:column;font-size:clamp(6px,calc(1.35 * var(--vh)),9px);line-height:1.28;color:var(--muted);overflow-wrap:anywhere}.stage--run{grid-template-rows:var(--area-hud) minmax(0,1fr) auto}.run-main{display:grid;place-items:center;min-height:0;padding:var(--gap) var(--pad);background:radial-gradient(100% 100% at 50% 100%,#17121a 0%,transparent 70%),repeating-linear-gradient(45deg,#0c0c10 0,#0c0c10 14px,#0a0a0c 14px,#0a0a0c 28px)}.run-panel{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,calc(1.2 * var(--vh)),10px);width:min(100%,760px);max-height:100%;padding:clamp(12px,calc(3 * var(--vh)),24px) var(--pad);border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,#1b1a22ef,#101015ef);text-align:center}.run-panel__eyebrow,.run-header__hint,.run-footer{color:var(--muted);font-size:clamp(7px,calc(1.4 * var(--vh)),10px);letter-spacing:.08em}.run-panel h1{color:var(--text);font-size:clamp(20px,calc(5.5 * var(--vh)),36px);line-height:1}.run-panel p{color:var(--muted);font-size:clamp(9px,calc(1.8 * var(--vh)),13px)}.reward-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,calc(1.2 * var(--vw)),12px);width:100%;margin-top:clamp(3px,calc(.8 * var(--vh)),8px)}.reward-card{display:grid;grid-template-rows:auto auto auto 1fr auto auto;gap:2px;min-width:0;min-height:clamp(130px,calc(30 * var(--vh)),210px);padding:clamp(6px,calc(1.4 * var(--vh)),12px) clamp(5px,calc(1.2 * var(--vw)),12px);border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,var(--panel-2),#101015);color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation}.reward-card:hover,.reward-card:focus-visible,.reward-card:active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 8px 18px #000b;outline:none}.reward-card__suit{justify-self:end;color:var(--muted);font-size:clamp(10px,calc(2 * var(--vh)),15px)}.reward-card__suit[data-suit=heart],.reward-card__suit[data-suit=diamond]{color:#a63b44}.reward-card__name{overflow:hidden;color:var(--text);font-size:clamp(9px,calc(1.9 * var(--vh)),13px);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.reward-card__cost,.reward-card__desc,.reward-card__take{color:var(--muted);font-size:clamp(7px,calc(1.35 * var(--vh)),10px)}.reward-card__art{min-height:clamp(18px,calc(5 * var(--vh)),32px);border:1px solid var(--line);border-radius:2px;background:repeating-linear-gradient(135deg,#1a1a22 0,#1a1a22 5px,#15151c 5px,#15151c 10px)}.reward-card__value{color:var(--gold);font-size:clamp(13px,calc(2.8 * var(--vh)),19px);font-weight:800;line-height:1;text-align:center}.reward-card__desc{display:flex;flex-direction:column;overflow-wrap:anywhere}.reward-card__take{padding-top:3px;border-top:1px solid var(--line);color:var(--gold);font-weight:700;text-align:center}.run-heal,.run-record{color:var(--gold);font-size:clamp(18px,calc(4.2 * var(--vh)),30px);font-weight:800}.run-heal small{color:var(--muted);font-size:.55em}.run-action{margin-top:clamp(4px,calc(1 * var(--vh)),10px);padding:clamp(7px,calc(1.6 * var(--vh)),12px) clamp(12px,calc(2.6 * var(--vw)),24px);border:1px solid var(--gold);border-radius:3px;background:linear-gradient(180deg,#2a2110,#15120b);color:var(--text);font:inherit;font-size:clamp(10px,calc(2 * var(--vh)),14px);font-weight:700;cursor:pointer}.run-footer{display:flex;justify-content:space-between;gap:var(--gap);min-height:clamp(24px,calc(6 * var(--vh)),42px);padding:0 var(--pad) var(--gap);align-items:center}@media(orientation:portrait){.stage{position:fixed;top:0;left:0;width:100dvh;height:100dvw;transform-origin:0 0;transform:rotate(90deg) translateY(-100%);--safe-t: env(safe-area-inset-right, 0px);--safe-r: env(safe-area-inset-bottom, 0px);--safe-b: env(safe-area-inset-left, 0px);--safe-l: env(safe-area-inset-top, 0px)}}.probe{position:fixed;bottom:calc(var(--safe-b) + 2px);left:50%;transform:translate(-50%);z-index:90;font-size:9px;font-family:ui-monospace,monospace;color:#7de2a0;background:#000c;border:1px solid #234;border-radius:3px;padding:1px 6px;pointer-events:none;white-space:nowrap}.actor{position:relative}.slash-fx{position:absolute;left:50%;top:50%;width:128%;aspect-ratio:200 / 140;transform:translate(-50%,-50%) rotate(var(--slash-angle, -5deg));pointer-events:none;z-index:3}.slash-fx--heavy{width:168%}.slash-fx:before{content:"";position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,238,238,.55),transparent 70%);opacity:0;animation:slash-flash calc(var(--slash-ms, .36s) * .5) ease-out forwards}.slash-fx__arc{display:block;width:100%;height:100%;overflow:visible;clip-path:inset(0 100% 0 0);animation:slash-reveal var(--slash-ms, .36s) cubic-bezier(.12,.85,.25,1) forwards}.slash-fx__blade{fill:#fff;filter:drop-shadow(0 0 3px rgba(255,150,165,.95)) drop-shadow(0 0 9px rgba(255,92,110,.85)) drop-shadow(0 0 22px rgba(196,48,60,.7))}.slash-fx--heavy .slash-fx__blade{filter:drop-shadow(0 0 4px rgba(255,170,180,.95)) drop-shadow(0 0 14px rgba(255,92,110,.9)) drop-shadow(0 0 34px rgba(214,40,56,.8))}@keyframes slash-reveal{0%{clip-path:inset(0 100% 0 0);opacity:1}38%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0}}@keyframes slash-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.slash-fx__arc,.slash-fx:before{animation-duration:1ms}}.hit-fx{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;pointer-events:none;z-index:4}.hit-fx__ring{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;border:2px solid rgba(255,196,202,.95);border-radius:50%;opacity:0;animation:hit-ring var(--hit-ms, .3s) cubic-bezier(.1,.8,.3,1) forwards}.hit-fx__spark{position:absolute;left:50%;top:50%;width:clamp(1.5px,calc(.5 * var(--vh)),3px);height:clamp(9px,calc(3.4 * var(--vh)),20px);margin-left:-1px;border-radius:2px;background:linear-gradient(180deg,#fff,#ff5c6e26);transform-origin:50% 0;transform:rotate(var(--a, 0deg)) translateY(40%) scaleY(.4);opacity:0;animation:hit-spark var(--hit-ms, .3s) cubic-bezier(.15,.75,.3,1) forwards}.hit-fx--heavy .hit-fx__ring{border-color:#ff96a0f2;border-width:3px}@keyframes hit-ring{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}70%{opacity:.5}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}@keyframes hit-spark{0%{transform:rotate(var(--a, 0deg)) translateY(40%) scaleY(.35);opacity:1}60%{opacity:1}to{transform:rotate(var(--a, 0deg)) translateY(var(--d, 70%)) scaleY(1);opacity:0}}.actor--struck{animation:actor-struck .22s cubic-bezier(.2,.9,.25,1)}@keyframes actor-struck{0%{transform:translate(0) scale(1)}18%{transform:translate(7px,-3px) scale(1.06)}42%{transform:translate(-5px,2px) scale(.97)}70%{transform:translate(3px,-1px) scale(1.02)}to{transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.hit-fx__ring,.hit-fx__spark,.actor--struck{animation-duration:1ms}}.stage--hurt{animation:stage-shake .32s cubic-bezier(.2,.8,.3,1)}.stage--hurt-heavy{animation:stage-shake-heavy .38s cubic-bezier(.2,.8,.3,1)}@keyframes stage-shake{0%{translate:0 0}15%{translate:-7px 3px}32%{translate:6px -2px}52%{translate:-4px 2px}74%{translate:3px -1px}to{translate:0 0}}@keyframes stage-shake-heavy{0%{translate:0 0}12%{translate:-13px 6px}27%{translate:11px -5px}44%{translate:-8px 4px}62%{translate:6px -3px}80%{translate:-3px 1px}to{translate:0 0}}.hurt-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;background:radial-gradient(ellipse at center,transparent 34%,rgba(196,48,60,.5) 100%);opacity:0;animation:hurt-veil .32s ease-out forwards}.hurt-veil--heavy{background:radial-gradient(ellipse at center,transparent 26%,rgba(196,48,60,.7) 100%);animation-duration:.42s}@keyframes hurt-veil{0%{opacity:0}18%{opacity:1}to{opacity:0}}.guard-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:69;pointer-events:none;opacity:0;animation:guard-veil .46s ease-out forwards}.guard-veil--block{background:linear-gradient(0deg,rgba(138,180,216,.5),transparent 42%)}.guard-veil--buff{background:linear-gradient(0deg,rgba(201,162,39,.5),transparent 42%)}@keyframes guard-veil{0%{opacity:0}22%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.stage--hurt,.stage--hurt-heavy{animation:none}.hurt-veil,.guard-veil{animation-duration:1ms}}.stage--intro{grid-template-rows:1fr;place-items:center;cursor:pointer}.intro{position:relative;display:grid;place-items:center;align-content:center;gap:clamp(2px,calc(.8 * var(--vh)),6px);width:100%;height:100%;text-align:center}.intro__stagelight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(58% 78% at 50% 26%,rgba(201,162,39,.14),transparent 66%),radial-gradient(90% 60% at 50% 120%,rgba(142,31,40,.24),transparent 72%)}.intro__suits{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:clamp(18px,calc(7 * var(--vw)),80px);pointer-events:none;font-size:clamp(40px,calc(30 * var(--vh)),150px);line-height:1;color:#fff;opacity:.035}.intro__title{position:relative;font-size:clamp(30px,calc(17 * var(--vh)),92px);font-weight:800;letter-spacing:.14em;line-height:1;color:var(--gold);text-shadow:0 2px 0 #000,0 0 30px rgba(201,162,39,.3),0 0 70px rgba(142,31,40,.35)}.intro__sub{position:relative;font-size:clamp(8px,calc(2.2 * var(--vh)),13px);letter-spacing:.34em;color:var(--muted);text-transform:uppercase}.intro__press{position:relative;margin-top:clamp(12px,calc(5 * var(--vh)),40px);font-size:clamp(12px,calc(3.6 * var(--vh)),22px);font-weight:700;letter-spacing:.22em;color:var(--text);animation:intro-blink 1.15s steps(1,end) infinite}.intro__any{position:relative;font-size:clamp(8px,calc(2 * var(--vh)),12px);letter-spacing:.12em;color:#6b6675}@keyframes intro-blink{0%,55%{opacity:1}56%,to{opacity:.12}}@media(prefers-reduced-motion:reduce){.intro__press{animation:none}}.actor--enemy{position:relative;display:block;gap:0}.actor--enemy .actor__intent,.actor--enemy .actor__name{position:absolute;left:50%;translate:-50% 0;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 8px #000;pointer-events:none}.actor--enemy .actor__intent{bottom:calc(100% + 2px)}.actor--enemy .actor__name{display:none}.actor--enemy{translate:0 calc(-3 * var(--vh))}.joker{position:absolute;left:calc(var(--safe-l) + var(--pad));bottom:calc(var(--safe-b) + var(--area-hand) * .72);z-index:46;display:flex;align-items:center;gap:clamp(5px,calc(1.4 * var(--vw)),12px);pointer-events:none}.joker__face{position:relative;flex:0 0 auto;width:clamp(34px,calc(11 * var(--vh)),62px);aspect-ratio:1;border-radius:50%;border:1px solid var(--gold);background:var(--joker-art, none) center / cover no-repeat,radial-gradient(circle at 50% 38%,#241f2d,#0c0b10 72%);box-shadow:0 3px 10px #000000b3;transition:transform .18s ease,box-shadow .18s ease}.joker__face:after{content:"";position:absolute;left:28%;right:28%;top:58%;height:14%;border-bottom:1.5px solid var(--blood-lit);border-radius:0 0 60% 60%;opacity:.85}.joker[style*=--joker-art] .joker__face:after{content:none}.joker--talking .joker__face{transform:translateY(-2px) scale(1.06);box-shadow:0 3px 14px #000c,0 0 14px #c9a22766}.joker[data-mood=amused] .joker__face{border-color:#e0b845}.joker[data-mood=surprised] .joker__face{border-color:var(--blood-lit)}.joker[data-mood=flat] .joker__face{border-color:var(--line)}.joker__bubble{order:2;max-width:min(46vw,260px);padding:clamp(4px,calc(1.2 * var(--vh)),9px) clamp(7px,calc(1.8 * var(--vw)),14px);border:1px solid var(--line);border-radius:4px;background:#0a0a0deb;color:var(--text);font-size:clamp(9px,calc(2.2 * var(--vh)),14px);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translate(-6px) scale(.96);transform-origin:left center;transition:opacity .18s ease,transform .18s ease}.joker__bubble:before{content:"";position:absolute;left:-4px;top:50%;width:7px;height:7px;translate:0 -50%;rotate:45deg;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0a0deb}.joker--talking .joker__bubble{opacity:1;transform:translate(0) scale(1)}.joker__face{order:1}.joker__bubble{position:relative}@media(prefers-reduced-motion:reduce){.joker__face,.joker__bubble{transition-duration:1ms}}.relic-die{position:absolute;left:calc(var(--safe-l) + var(--pad));top:50%;translate:0 -50%;z-index:46;width:var(--die-size);height:var(--die-size);--die-size: clamp(38px, calc(13 * var(--vh)), 68px);perspective:calc(var(--die-size) * 4);pointer-events:none}.relic-die__cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(24deg);transition:transform .42s cubic-bezier(.22,.8,.28,1)}.relic-die__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:1px solid rgba(201,162,39,.5);border-radius:4px;background:linear-gradient(150deg,#2c2536,#15131c);color:var(--muted);box-shadow:inset 0 0 10px #000000a6,inset 0 0 0 1px #ffffff0d;backface-visibility:hidden}.relic-die__face--front{transform:translateZ(calc(var(--die-size) / 2))}.relic-die__face--back{transform:rotateY(180deg) translateZ(calc(var(--die-size) / 2))}.relic-die__face--right{transform:rotateY(90deg) translateZ(calc(var(--die-size) / 2))}.relic-die__face--left{transform:rotateY(-90deg) translateZ(calc(var(--die-size) / 2))}.relic-die__face--top{transform:rotateX(90deg) translateZ(calc(var(--die-size) / 2))}.relic-die__face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--die-size) / 2))}.relic-die__icon{display:grid;place-items:center;width:68%;height:68%;color:var(--gold);filter:drop-shadow(0 0 3px rgba(201,162,39,.45))}.relic-die__icon .relic-svg{width:100%;height:100%}.relic-die__pip{font-size:calc(var(--die-size) * .34);font-weight:700;color:#3a3545}.relic-die--rolling{filter:drop-shadow(0 0 10px rgba(201,162,39,.35))}.relic-die__cube--landed .relic-die__face--front,.relic-die__cube--landed .relic-die__face--right,.relic-die__cube--landed .relic-die__face--back,.relic-die__cube--landed .relic-die__face--left,.relic-die__cube--landed .relic-die__face--top,.relic-die__cube--landed .relic-die__face--bottom{animation:die-land .52s ease-out}@keyframes die-land{0%{border-color:var(--gold);box-shadow:0 0 14px #c9a227bf,inset 0 0 10px #c9a22766}to{border-color:var(--line);box-shadow:inset 0 0 0 1px #ffffff0a}}.relic-die__label{position:absolute;left:calc(100% + clamp(6px,calc(1.4 * var(--vw)),12px));top:50%;translate:0 -50%;max-width:min(34vw,190px);padding:clamp(3px,calc(.9 * var(--vh)),6px) clamp(6px,calc(1.4 * var(--vw)),11px);border:1px solid rgba(201,162,39,.45);border-radius:3px;background:#0a0a0de6;color:var(--gold);font-size:clamp(8px,calc(2 * var(--vh)),12px);font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translate(-5px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.relic-die--naming .relic-die__label{opacity:1;transform:translate(0)}@media(prefers-reduced-motion:reduce){.relic-die__cube{transition-duration:1ms}.relic-die__cube--landed .relic-die__face{animation-duration:1ms}.relic-die__label{transition-duration:1ms}}.card--ready{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px #c9a2278c,0 12px 28px #000d}