: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}.hud__resources{color:var(--gold);font-size:clamp(7px,calc(1.3 * var(--vh)),10px);white-space:nowrap}.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(16 * var(--vh)) 4% calc(36 * var(--vh));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--player,.visual-fx--center{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-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;justify-content:flex-end;gap:4px;min-width:clamp(48px,calc(6 * var(--vw)),92px)}.pip{width:clamp(12px,calc(3 * var(--vh)),19px);aspect-ratio:1;border:2px solid var(--gold);border-radius:2px;background:transparent;transition:background .14s ease,box-shadow .14s ease}.pip--full{background:var(--gold);box-shadow:0 0 8px #c9a22773}.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);padding-bottom:var(--fan-depth);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;gap:1px;padding:clamp(3px,calc(.9 * var(--vh)),6px) clamp(3px,calc(.6 * var(--vw)),6px);--suit: #ddd7c9;border:1.5px solid var(--suit);border-radius:5px;background:linear-gradient(180deg,#1b1a20,#101015);color:#e9e4d8;font-family:Nanum Myeongjo,"Noto Serif KR",serif;text-align:center;box-shadow:2px 0 8px #0009;cursor:pointer;touch-action:none;transition:transform .14s ease,box-shadow .14s ease}.card[data-suit=heart],.card[data-suit=diamond]{--suit: #d34350}.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 1.5px var(--suit),0 12px 28px #000c;z-index:40;outline:none}.card--lifted:active{cursor:grabbing}.card__cost{position:absolute;z-index:2;top:calc(var(--cost-size) * -.34);left:calc(var(--cost-size) * -.3);--cost-size: clamp(13px, calc(3 * var(--vh)), 19px);display:grid;justify-items:center;gap:1px;color:var(--suit);line-height:1}.card__cost b{display:grid;place-items:center;width:var(--cost-size);aspect-ratio:1;border-radius:50%;background:var(--suit);box-shadow:0 0 0 1.5px #100f15;color:#14131a;font-family:Cinzel,Nanum Myeongjo,serif;font-size:clamp(8px,calc(1.9 * var(--vh)),12px);font-weight:700;line-height:1}.card__cost i{font-style:normal;font-size:clamp(9px,calc(2.1 * var(--vh)),13px);line-height:1}.card__pips{position:absolute;top:16%;right:12%;bottom:12%;left:12%;z-index:0;pointer-events:none}.card__pip{position:absolute;left:var(--x, 50%);top:var(--y, 50%);translate:-50% -50%;rotate:var(--r, 0deg);font-style:normal;font-size:clamp(11px,calc(3 * var(--vh)),18px);line-height:1;color:var(--suit);opacity:.3}.card[data-suit=heart] .card__pip,.card[data-suit=diamond] .card__pip{opacity:.26}.card__name{grid-row:1;position:relative;z-index:1;min-width:0;max-width:calc(100% + var(--card-gap));padding-left:calc(var(--cost-size, 16px) + 3px);text-align:center;font-size:clamp(8px,calc(2.1 * var(--vh)),12px);font-weight:800;letter-spacing:-.02em;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;position:relative;z-index:1;height:1px;margin:2px 10%;border:0;border-radius:0;background:linear-gradient(90deg,transparent,var(--suit),transparent);opacity:.5}.card__body{grid-row:3;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:0}.card__value{padding:0 4%;font-size:clamp(8px,calc(2.2 * var(--vh)),13px);font-weight:800;color:#ece7db;line-height:1.25;overflow-wrap:anywhere}.card__desc{display:flex;flex-direction:column;gap:1px;padding:0 4% 1px;font-size:clamp(6px,calc(1.35 * var(--vh)),9px);line-height:1.3;color:#a9a294;overflow-wrap:anywhere}.card__desc:not(:empty){padding-top:2px;border-top:1px solid rgba(233,228,216,.16)}.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}@property --glow{syntax: "<number>"; inherits: false; initial-value: 1;}@property --tb{syntax: "<number>"; inherits: false; initial-value: 1;}@property --slash-sweep{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.slash-fx__arc{display:block;width:100%;height:100%;overflow:visible;--slash-sweep: -20%;-webkit-mask-image:linear-gradient(57deg,#000 0,#000 var(--slash-sweep),rgba(0,0,0,.4) calc(var(--slash-sweep) + 8%),transparent calc(var(--slash-sweep) + 17%));mask-image:linear-gradient(57deg,#000 0,#000 var(--slash-sweep),rgba(0,0,0,.4) calc(var(--slash-sweep) + 8%),transparent calc(var(--slash-sweep) + 17%));animation:slash-reveal var(--slash-ms, .36s) cubic-bezier(.12,.85,.25,1) forwards}.slash-fx__blade{filter:drop-shadow(0 0 calc(3px * var(--glow)) rgba(255,150,165,.95)) drop-shadow(0 0 calc(9px * var(--glow)) rgba(255,92,110,.85)) drop-shadow(0 0 calc(22px * var(--glow)) rgba(196,48,60,.7));animation:slash-core var(--slash-ms, .36s) ease-out forwards}.slash-fx__trail{filter:blur(calc(3px * var(--tb)));animation:slash-trail var(--slash-ms, .36s) ease-out forwards}.slash-fx--heavy .slash-fx__blade{filter:drop-shadow(0 0 calc(4px * var(--glow)) rgba(255,170,180,.95)) drop-shadow(0 0 calc(14px * var(--glow)) rgba(255,92,110,.9)) drop-shadow(0 0 calc(34px * var(--glow)) rgba(214,40,56,.8))}.slash-fx--heavy .slash-fx__trail{filter:blur(calc(5px * var(--tb)))}@keyframes slash-reveal{0%{--slash-sweep: -20%;scale:1.22;rotate:-7deg;opacity:1}38%{--slash-sweep: 118%;scale:1;rotate:0deg;opacity:1}to{--slash-sweep: 118%;scale:.99;rotate:1.5deg;opacity:0}}@keyframes slash-core{0%{--glow: 2.8;opacity:1}18%{--glow: 1.6;opacity:1}52%{--glow: 1.1;opacity:1}to{--glow: .5;opacity:.12}}@keyframes slash-trail{0%{--tb: .5;opacity:.85}to{--tb: 2.2;opacity:.4}}.slash-fx:after{content:"";position:absolute;left:50%;top:50%;width:34%;height:9%;translate:-50% -50%;rotate:-33deg;border-radius:50%;border:2px solid rgba(255,228,231,.9);opacity:0;animation:slash-shock calc(var(--slash-ms, .36s) * .9) 40ms cubic-bezier(.1,.8,.3,1) forwards}@keyframes slash-shock{0%{scale:.3 .6;opacity:.95}to{scale:2.9 1.7;opacity:0}}.slash-fx__streak{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-33deg);pointer-events:none}.slash-fx__streak:before{content:"";position:absolute;left:50%;top:calc(50% + var(--o, 0%));width:10%;height:clamp(1px,calc(.4 * var(--vh)),2.5px);margin-left:-5%;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,236,238,.95),transparent);opacity:0;animation:slash-streak .24s var(--sd, 0ms) cubic-bezier(.1,.82,.28,1) forwards}@keyframes slash-streak{0%{transform:scaleX(.25);opacity:0}18%{opacity:1}to{transform:scaleX(var(--sx, 9));opacity:0}}@keyframes slash-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.slash-fx__arc,.slash-fx__blade,.slash-fx__trail,.slash-fx__streak:before,.slash-fx:before,.slash-fx:after{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)}.actor--struck .actor__portrait{animation:portrait-flash .22s ease-out}@keyframes portrait-flash{0%{filter:drop-shadow(0 10px 18px rgba(0,0,0,.75)) brightness(2.6) contrast(.65) saturate(.35)}26%{filter:drop-shadow(0 10px 18px rgba(0,0,0,.75)) brightness(1.4) contrast(.9) saturate(.8)}to{filter:drop-shadow(0 10px 18px rgba(0,0,0,.75)) brightness(1) contrast(1) saturate(1)}}.hit-fx__ring:after{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border:1px solid rgba(255,226,230,.7);border-radius:50%;animation:hit-ring-late var(--hit-ms, .3s) 70ms cubic-bezier(.1,.8,.3,1) backwards}@keyframes hit-ring-late{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.5);opacity:0}}@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))}.rail{position:absolute;left:calc(var(--safe-l) + var(--pad) + clamp(12px,calc(2.6 * var(--vw)),26px));bottom:calc(var(--safe-b) + var(--area-hand) * .62);z-index:46;--rail-w: clamp(38px, calc(13 * var(--vh)), 68px);width:var(--rail-w);display:flex;flex-direction:column;align-items:center;gap:clamp(24px,calc(6 * var(--vh)),40px);pointer-events:none}.rail__energy{display:flex;align-items:center;justify-content:center;gap:clamp(3px,calc(.8 * var(--vw)),7px);width:100%}.joker{position:relative;width:156%;pointer-events:none}.joker__face{position:relative;display:block;width:100%;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[style*=--joker-art] .joker__face{width:100%;aspect-ratio:320 / 322;border:none;border-radius:0;background:var(--joker-art) center / contain no-repeat;box-shadow:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.85))}.joker[style*=--joker-art].joker--talking .joker__face{box-shadow:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.85)) drop-shadow(0 0 7px rgba(201,162,39,.65))}.joker[style*=--joker-art] .joker__face{border-color:transparent}.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{position:absolute;left:calc(100% + clamp(5px,calc(1.4 * var(--vw)),12px));top:50%;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;translate:0 -50%;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)}@media(prefers-reduced-motion:reduce){.joker__face,.joker__bubble{transition-duration:1ms}}.relic-die{position:relative;--die-size: var(--rail-w, clamp(38px, calc(13 * var(--vh)), 68px));margin-bottom:calc(var(--die-size) * .25);width:var(--die-size);height:var(--die-size);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}.damage-counter{position:absolute;left:50%;top:50%;z-index:4;translate:-50% -50%;display:inline-block;white-space:nowrap;font-size:clamp(22px,calc(7 * var(--vh)),44px);font-weight:900;letter-spacing:-.02em;line-height:1;color:#ff5964;text-shadow:0 2px 6px #000,0 0 18px rgba(196,48,60,.7);pointer-events:none}.damage-counter__half{display:block}.damage-counter__half--top{clip-path:polygon(0 0,100% 0,100% 34%,0 66%)}.damage-counter__half--bottom{position:absolute;left:0;top:0;clip-path:polygon(0 66%,100% 34%,100% 100%,0 100%)}.damage-counter--tick{animation:damage-tick .2s ease-out}@keyframes damage-tick{0%{transform:scale(1)}40%{transform:scale(1.22);color:#fff}to{transform:scale(1)}}.damage-counter--struck .damage-counter__half--top{animation:damage-split-top .27s 80ms ease-out forwards}.damage-counter--struck .damage-counter__half--bottom{animation:damage-split-bottom .27s 80ms ease-out forwards}@keyframes damage-split-top{0%{transform:none;opacity:1}15%{color:#fff}to{transform:translate(-5%,-52%) rotate(-7deg);opacity:0}}@keyframes damage-split-bottom{0%{transform:none;opacity:1}15%{color:#fff}to{transform:translate(5%,52%) rotate(7deg);opacity:0}}@media(prefers-reduced-motion:reduce){.damage-counter--tick,.damage-counter--struck .damage-counter__half--top,.damage-counter--struck .damage-counter__half--bottom{animation-duration:1ms}}.hand--to-deck .card{animation:card-to-deck .25s var(--fly-delay, 0ms) cubic-bezier(.45,0,.7,.28) forwards}@keyframes card-to-deck{0%{translate:0 0;rotate:0deg;scale:1 1;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:1}30%{translate:calc(var(--fly-x, 0px) * .13) calc(var(--fly-y, 0px) * .13);rotate:var(--fly-angle, 0deg);scale:1.3 .66;clip-path:polygon(0% 0%,100% 24%,100% 76%,0% 100%);opacity:1}76%{scale:1.55 .18;clip-path:polygon(0% 0%,100% 45%,100% 55%,0% 100%);opacity:1}to{translate:var(--fly-x, 0px) var(--fly-y, 0px);rotate:var(--fly-angle, 0deg);scale:.07 .03;clip-path:polygon(0% 0%,100% 49%,100% 51%,0% 100%);opacity:0}}.hand--from-deck .card{animation:card-from-deck .3s var(--fly-delay, 0ms) cubic-bezier(.24,.7,.3,1) backwards}@keyframes card-from-deck{0%{translate:var(--fly-x, 0px) var(--fly-y, 0px);rotate:var(--fly-angle, 0deg);scale:.07 .03;clip-path:polygon(0% 0%,100% 49%,100% 51%,0% 100%);opacity:0}16%{opacity:1}62%{translate:calc(var(--fly-x, 0px) * .16) calc(var(--fly-y, 0px) * .16);rotate:var(--fly-angle, 0deg);scale:1.32 .6;clip-path:polygon(0% 0%,100% 28%,100% 72%,0% 100%);opacity:1}to{translate:0 0;rotate:0deg;scale:1 1;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:1}}.joker--dealing .joker__face{animation:joker-deck-pulse .32s ease-out infinite}@keyframes joker-deck-pulse{0%{transform:scale(1);filter:drop-shadow(0 3px 8px rgba(0,0,0,.85))}38%{transform:scale(1.09);filter:drop-shadow(0 3px 8px rgba(0,0,0,.85)) drop-shadow(0 0 12px rgba(201,162,39,.85))}to{transform:scale(1);filter:drop-shadow(0 3px 8px rgba(0,0,0,.85))}}@media(prefers-reduced-motion:reduce){.hand--to-deck .card,.hand--from-deck .card{animation-duration:1ms;animation-delay:0ms}.joker--dealing .joker__face{animation:none}}.death-shards{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.actor--dying .actor__portrait{background-image:none}.death-shard{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--art) center bottom / contain no-repeat;animation:shard-death .95s cubic-bezier(.3,.55,.4,1) forwards}@keyframes shard-death{0%{translate:0 0;rotate:0deg;scale:1;filter:brightness(3.2) contrast(.6);opacity:1}16%{translate:var(--gx, 0) var(--gy, 0);rotate:var(--gr, 0deg);scale:1;filter:brightness(1);opacity:1}42%{translate:var(--fx, 0) var(--fy, 0);rotate:var(--fr, 0deg);scale:1;opacity:1}86%{opacity:1}to{translate:var(--jx, 0px) var(--jy, 0px);rotate:var(--jr, 180deg);scale:.04;opacity:0}}@media(prefers-reduced-motion:reduce){.death-shard{animation-duration:1ms}}.stage--impact{animation:stage-impact .2s cubic-bezier(.2,.9,.3,1)}.stage--impact-heavy{animation:stage-impact-heavy .26s cubic-bezier(.2,.9,.3,1)}@keyframes stage-impact{0%{translate:0 0;scale:1}20%{translate:-5px 3px;scale:1.014}52%{translate:3px -2px;scale:1.004}to{translate:0 0;scale:1}}@keyframes stage-impact-heavy{0%{translate:0 0;scale:1}16%{translate:-9px 5px;scale:1.026}40%{translate:6px -4px;scale:1.008}70%{translate:-3px 2px;scale:1.002}to{translate:0 0;scale:1}}@media(prefers-reduced-motion:reduce){.stage--impact,.stage--impact-heavy{animation-duration:1ms}}.actor--lunge .actor__portrait{animation:enemy-lunge .43s cubic-bezier(.32,0,.2,1)}.actor--lunge-heavy .actor__portrait{animation:enemy-lunge-heavy .43s cubic-bezier(.32,0,.2,1)}@keyframes enemy-lunge{0%{transform:scale(1) translateY(0)}26%{transform:scale(.93) translateY(5px)}48%{transform:scale(1.42) translateY(-8px)}66%{transform:scale(1.3) translateY(-4px)}to{transform:scale(1) translateY(0)}}@keyframes enemy-lunge-heavy{0%{transform:scale(1) translateY(0)}24%{transform:scale(.88) translateY(8px)}46%{transform:scale(1.72) translateY(-14px)}64%{transform:scale(1.5) translateY(-7px)}to{transform:scale(1) translateY(0)}}.claw-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:47;pointer-events:none;overflow:hidden}.claw-fx__mark{position:absolute;left:50%;width:150%;height:clamp(2px,calc(.9 * var(--vh)),6px);translate:-50% -50%;rotate:var(--a, -30deg);border-radius:4px;background:linear-gradient(90deg,transparent,rgba(255,120,130,.05) 12%,rgba(255,232,234,.95) 46%,rgba(255,120,130,.05) 88%,transparent);filter:drop-shadow(0 0 7px rgba(214,40,56,.9));opacity:0;animation:claw-slash .3s var(--d, 0ms) cubic-bezier(.1,.8,.3,1) forwards}@keyframes claw-slash{0%{scale:.2 1;opacity:0}18%{opacity:1}to{scale:1.15 1;opacity:0}}@media(prefers-reduced-motion:reduce){.actor--lunge .actor__portrait,.actor--lunge-heavy .actor__portrait,.claw-fx__mark{animation-duration:1ms}}