*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:Noto Sans JP,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#game{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game img{-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}#game{width:1920px;height:1080px;position:relative;overflow:hidden;background:#000}#bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:0;pointer-events:none}#bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00000a4d,#0000141a 40%,#00000a66),radial-gradient(ellipse at 50% 55%,transparent 40%,rgba(0,0,0,.4) 100%)}#arrow-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:1920px;height:1080px;pointer-events:none;z-index:200}#battlefield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.unit-pos{position:absolute;display:flex;flex-direction:column;align-items:center}#top-bar{position:absolute;top:0;left:0;right:0;height:72px;z-index:50;display:flex;align-items:center;padding:0 24px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);color:var(--color-text-white);font-size:20px}#top-bar>*{position:absolute}#hand-section{position:absolute;bottom:0;left:0;right:0;height:240px;z-index:50;pointer-events:none}#hand-section>*{pointer-events:auto}#hand-area{position:absolute;bottom:5px;left:270px;width:1412px;height:240px;pointer-events:none}#end-turn-btn{position:absolute;z-index:55;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:22px;font-weight:700;color:var(--color-text-white);background:var(--color-btn-active);cursor:pointer;border:2px solid rgba(255,255,255,.2);text-shadow:0 1px 3px rgba(0,0,0,.5);transition:filter .15s}#end-turn-btn:hover{filter:brightness(1.2)}#end-turn-btn.disabled{display:none}.pile-counter{position:absolute;z-index:55;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e1e28d9;border:2px solid rgba(255,255,255,.15);border-radius:10px;color:var(--color-text-white);font-size:28px;font-weight:700;cursor:pointer}.pile-counter .label{font-size:13px;font-weight:400;color:var(--color-text-gray);margin-top:2px}#potion-area{display:flex;gap:8px;align-items:center}.potion-item{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.15);transition:filter .15s,border-color .15s}.potion-item.has-potion{background:linear-gradient(180deg,#c34,#823)}.potion-item.has-potion.usable{cursor:pointer;border-color:#ffffff4d}.potion-item.has-potion.usable:hover{filter:brightness(1.3);border-color:#fff}.potion-item.empty{background:#32323c80;border-color:#ffffff14}#placement-overlay{pointer-events:auto}#phase-banner{position:absolute;left:50%;top:400px;transform:translate(-50%);z-index:90;font-size:40px;font-weight:700;color:var(--color-text-white);text-shadow:0 0 20px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.9);pointer-events:none;opacity:0}#result-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:150;background:#000000b3;align-items:center;justify-content:center;flex-direction:column}#result-overlay.visible{display:flex}.decoy-bar-container{position:absolute;left:50%;transform:translate(-50%);bottom:calc(50% - var(--ally-intent-offset-y) - var(--ally-intent-dy, 0px) - var(--ally-intent-dy-role, 0px) + var(--decoy-bar-offset-above-intent, 64px));width:var(--decoy-bar-width, 132px);z-index:5;pointer-events:none}.decoy-bar-container.hidden{display:none}.decoy-text{font-size:11px;color:#8ad8e8;display:block;text-align:center;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.decoy-bar-inner{width:100%;height:6px;background:#1e1e28b3;border-radius:3px;overflow:hidden;border:1px solid rgba(100,200,220,.3)}.decoy-bar-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a8b3);border-radius:3px;transition:width .3s ease}.unit-pos.drag-target-valid{box-shadow:0 0 20px #ffc86466,inset 0 0 15px #ffc8641a;transition:box-shadow .15s,filter .15s}.unit-pos.drag-target-hover{box-shadow:0 0 30px #ffd700b3,inset 0 0 20px #ffd70033;filter:brightness(1.3)}.unit-pos.swap-enabled{cursor:grab}.unit-pos.swap-dragging{cursor:grabbing}.swap-cost-text{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#000000d9;color:#fffffff2;font-size:18px;line-height:1.6;padding:12px 24px;border-radius:10px;pointer-events:none;white-space:nowrap;z-index:200;text-align:center;border:1px solid rgba(255,204,0,.3);-webkit-text-stroke:1px rgba(0,0,0,.6);paint-order:stroke fill;animation:swap-text-appear .2s ease-out}.swap-cost-text strong{color:#fc0}.swap-cost-note{opacity:.75;font-size:.85em}.swap-cost-text.insufficient{color:#f66;border-color:#f446;animation:swap-text-appear .2s ease-out,swap-text-shake .4s ease-out}@keyframes swap-text-appear{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes swap-text-shake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% + 4px))}40%{transform:translate(calc(-50% - 4px))}60%{transform:translate(calc(-50% + 2px))}80%{transform:translate(calc(-50% - 2px))}}.unit-sprite-wrap{position:relative;width:100%;height:calc(100% - 60px);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transform-origin:bottom center}.ally .unit-sprite-wrap{height:calc(100% + var(--ally-sprite-height-extra, 5px));overflow:visible}.enemy .unit-sprite-wrap{height:calc(100% + var(--enemy-sprite-height-extra, 45px));transform:scale(var(--enemy-sprite-scale, 1.3))}.unit-sprite{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;image-rendering:auto;contain:layout style}.ally .unit-sprite{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:calc(100% * var(--ally-sprite-scale, 1.4));height:auto;aspect-ratio:1;z-index:1;overflow:hidden}.unit-sprite-inner{position:absolute;top:0;left:0;width:calc(var(--sprite-cols, 7) * 100%);height:calc(var(--sprite-rows, 6) * 100%);background-size:100% 100%;background-repeat:no-repeat;background-position:0 0;image-rendering:auto;will-change:transform;pointer-events:none}.ally .ground-shadow{width:calc(var(--ground-shadow-w, 70%) * var(--ally-sprite-scale, 1.4))}.ground-shadow{position:absolute;bottom:var(--ground-shadow-offset-y, 0px);left:50%;transform:translate(-50%);width:var(--ground-shadow-w, 70%);height:var(--ground-shadow-h, 12px);background:var(--ground-shadow-color, rgb(0,0,0));border-radius:50%;filter:blur(var(--ground-shadow-blur, 5px));pointer-events:none;z-index:0;opacity:var(--ground-shadow-alpha, .4)}.enemy .unit-sprite{background-size:contain;overflow:visible;filter:drop-shadow(0 var(--sprite-shadow-y) var(--sprite-shadow-blur) rgba(0,0,0,var(--sprite-shadow-alpha)))}.enemy .unit-sprite svg{width:100%;height:100%;overflow:visible}.ally .hp-bar-container{left:calc(50% - var(--ally-hp-bar-w) / 2);top:calc(50% + var(--ally-hp-offset-y) - var(--ally-hp-bar-h) / 2);width:var(--ally-hp-bar-w);height:var(--ally-hp-bar-h)}.ally .ally-intent-display{left:calc(50% + var(--ally-intent-offset-x, 0px));bottom:calc(50% - var(--ally-intent-offset-y) - var(--ally-intent-dy, 0px) - var(--ally-intent-dy-role, 0px))}.ally-intent-floating{animation:ally-intent-float 5s ease-in-out infinite alternate}@keyframes ally-intent-float{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-4px)}}.char-akairo{--ally-intent-dy: var(--ally-intent-dy-char-akairo, 0px)}.char-kiiro{--ally-intent-dy: var(--ally-intent-dy-char-kiiro, 0px)}.char-mizuiro{--ally-intent-dy: var(--ally-intent-dy-char-mizuiro, 0px)}.unit-pos[data-role=A]{--ally-intent-dy-role: var(--ally-intent-dy-role-a, 0px)}.unit-pos[data-role=D]{--ally-intent-dy-role: var(--ally-intent-dy-role-d, 0px)}.unit-pos[data-role=S]{--ally-intent-dy-role: var(--ally-intent-dy-role-s, 0px)}.ally .effect-row{top:calc(50% + var(--ally-hp-offset-y) + var(--ally-hp-bar-h) + var(--effect-offset-y));left:calc(50% - var(--ally-hp-bar-w) / 2 + var(--effect-offset-x));bottom:auto}.enemy .hp-bar-container{left:calc(50% - var(--enemy-hp-bar-w) / 2);top:calc(50% + var(--enemy-hp-offset-y) - var(--enemy-hp-bar-h) / 2);width:var(--enemy-hp-bar-w);height:var(--enemy-hp-bar-h)}.enemy .ally-intent-display{left:calc(50% + var(--enemy-intent-offset-x, 0px));top:calc(50% + var(--enemy-intent-offset-y));bottom:auto;justify-content:flex-start}.enemy .effect-row{top:calc(50% + var(--enemy-hp-offset-y) + var(--enemy-hp-bar-h) + var(--effect-offset-y));left:calc(50% - var(--enemy-hp-bar-w) / 2 + var(--effect-offset-x));bottom:auto}.hp-bar-container{position:absolute;border-radius:3px;overflow:visible;background:transparent}.hp-bar-inner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:50%;border-radius:4px;background:var(--color-hp-bg);border:1px solid rgba(255,255,255,.15);overflow:hidden;transition:height .3s ease,border-color .3s ease,border-width .3s ease}.has-block .hp-bar-inner{height:100%;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 8px #ffffff4d}.hp-ghost-bar{position:absolute;top:0;left:0;height:100%;background:#ffdc3cbf;transition:none}.hp-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(180deg,#e04040,#c02020 40%,#901818);box-shadow:inset 0 1px #fff3;transition:width .3s ease,background .3s ease;z-index:2}.has-block .hp-bar-fill{background:linear-gradient(180deg,#3a6ea5,#2c5282 40%,#1a365d);box-shadow:inset 0 1px #ffffff4d}.has-block .hp-ghost-bar{background:#c8c86499}.hp-bar-block{display:none}@keyframes hp-flash-damage{0%{filter:brightness(1.4)}to{filter:brightness(1)}}.hp-bar-fill.flash-damage{animation:hp-flash-damage .2s ease-out}@keyframes hp-flash-heal{0%{background:linear-gradient(180deg,#4e6,#2ecc71 40%,#209050)}to{background:linear-gradient(180deg,#e04040,#c02020 40%,#901818)}}.hp-bar-fill.flash-heal{animation:hp-flash-heal .5s ease-out}@keyframes hp-flash-heal-block{0%{background:linear-gradient(180deg,#4e6,#2ecc71 40%,#209050)}to{background:linear-gradient(180deg,#3a6ea5,#2c5282 40%,#1a365d)}}.has-block .hp-bar-fill.flash-heal{animation:hp-flash-heal-block .5s ease-out}.block-badge{position:absolute;top:50%;right:-22px;transform:translateY(-50%);width:38px;height:38px;background:linear-gradient(180deg,#3a6ea5,#2c5282,#1a365d);border:2px solid #90cdf4;border-radius:6px 6px 6px 50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#e2e8f0;z-index:5;box-shadow:0 0 10px #4299e180;text-shadow:0 1px 2px rgba(0,0,0,.8)}.block-badge.hidden{display:none}.hp-text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--color-text-white);-webkit-text-stroke:2px rgba(0,0,0,.9);paint-order:stroke fill;z-index:5}@keyframes block-badge-pulse{0%,to{transform:translateY(-50%) scale(1)}30%{transform:translateY(-50%) scale(1.3)}}.block-badge.block-pop{animation:block-badge-pulse .5s ease-out}.role-label{display:none}.ally-intent-display{position:absolute;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:20;pointer-events:auto}.ally-intent-display:empty{display:none}.ally-intent-row.intent-error{border:2px dashed #ff4444;background:#ff000026;border-radius:6px;padding:2px}.ally-intent{display:flex;flex-direction:column;align-items:center;position:relative}.ally-intent-rows{display:flex;flex-direction:row;align-items:flex-end;gap:var(--intent-row-gap);min-width:var(--max-intent-width, 0px);justify-content:center}.ally-intent-row{display:flex;flex-direction:column;align-items:center}.ally-intent-row>:nth-child(2){margin-top:var(--intent-cell-gap)}.ally-intent-val-line{display:flex;align-items:baseline;justify-content:center;gap:0px}.ally-intent-icon{font-size:20px;line-height:1;width:var(--intent-icon-size);height:var(--intent-icon-size);display:flex;align-items:center;justify-content:center;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.7))}.ally-intent-icon.intent-icon-svg{padding:var(--intent-icon-padding)}.ally-intent-icon.intent-icon-svg svg{width:100%;height:100%}.alt-intent-icon.intent-icon-svg{padding:var(--intent-icon-padding)}.alt-intent-icon.intent-icon-svg svg{width:100%;height:100%}.ally-intent-value{font-size:var(--intent-font-size);font-weight:700;color:#fff;-webkit-text-stroke:3px rgba(0,0,0,.9);paint-order:stroke fill}.ally-intent-value.intent-val-attack{color:var(--intent-val-attack)}.ally-intent-value.intent-val-defend{color:var(--intent-val-defend)}.ally-intent-value.intent-val-buff{color:var(--intent-val-buff)}.ally-intent-value.intent-val-debuff{color:var(--intent-val-debuff)}.ally-intent-value.intent-val-draw{color:#8d8}.ally-intent-value.intent-val-energy{color:#fd6}.ally-intent-hits{font-size:var(--intent-hits-font);font-weight:700;color:#ffffffb3;-webkit-text-stroke:2px rgba(0,0,0,.9);paint-order:stroke fill;margin-left:0}.ally-intent-preemptive{font-size:12px;margin-left:2px;filter:drop-shadow(0 0 3px rgba(255,220,80,.8))}.ally-intent-tooltip{display:none;position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:transparent;border:none;border-radius:6px;padding:0;width:var(--intent-tooltip-max-w, 330px);min-width:var(--intent-tooltip-max-w, 330px);max-width:var(--intent-tooltip-max-w, 330px);font-size:13px;line-height:1.5;color:#ffffffe6;-webkit-text-stroke:1px rgba(0,0,0,.6);paint-order:stroke fill;white-space:normal;z-index:30;pointer-events:none}.ally-intent-tooltip .tt-line{margin-bottom:4px}.ally-intent-tooltip .tt-line:last-child{margin-bottom:0}.ally-intent-tooltip .tt-num{color:#4f8;font-weight:700;-webkit-text-stroke:2px rgba(0,0,0,.9);paint-order:stroke fill;text-shadow:0 0 4px rgba(68,255,136,.5)}.passive-row{display:flex;gap:2px;justify-content:center;margin-top:4px}.ally-passive-icon{width:30px;height:30px;opacity:.9;display:inline-flex;align-items:center;justify-content:center}.ally-passive-icon svg{width:28px;height:28px}.tt-sep{border-top:1px solid rgba(255,255,255,.2);margin:6px 0}.tt-passive{color:#ffd700e6;font-size:11px}.tt-arts-card{background:#1e3250e6;border:1px solid rgba(100,160,255,.4);border-radius:6px;padding:8px 10px}.tt-buff-entry{margin-top:4px;background:#3c320feb;border:1px solid rgba(230,190,60,.4);border-radius:6px;padding:6px 10px}.tt-debuff-entry{margin-top:4px;background:#321441eb;border:1px solid rgba(190,120,230,.4);border-radius:6px;padding:6px 10px}.tt-arts-buff-inline{margin-top:0;background:none;border:none;border-radius:0;padding:4px 0 0}.tt-card-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.tt-card-icon{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.tt-card-icon svg{width:100%;height:100%}.tt-buff-entry .tt-entry-name,.tt-debuff-entry .tt-entry-name{font-weight:700;font-size:12px;color:#fffffff2}.tt-arts-buff-inline.tt-buff-entry .tt-entry-name{color:#e6be3cf2}.tt-arts-buff-inline.tt-debuff-entry .tt-entry-name{color:#be78e6f2}.tt-buff-entry .tt-entry-desc,.tt-debuff-entry .tt-entry-desc{font-size:11px;line-height:1.4;color:#ffffffd9;margin-top:1px;padding-left:26px}.tt-arts-buff-inline.tt-buff-entry .tt-entry-desc{color:#e6be3ce6}.tt-arts-buff-inline.tt-debuff-entry .tt-entry-desc{color:#be78e6e6}.unit-pos:hover .ally-intent-tooltip,.swap-dragging .ally-intent-tooltip{display:block}.ally-face-icon{display:none}.ally-intent.has-face .ally-face-icon{display:block;position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;object-fit:cover;object-position:center 25%;border:none}.ally-intent-diff{position:absolute;font-size:18px;font-weight:700;color:#4f8;-webkit-text-stroke:2px rgba(0,0,0,.8);paint-order:stroke fill;text-shadow:0 0 8px rgba(68,255,136,.6);pointer-events:none;z-index:25}.alt-intent-container{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:4px;margin-bottom:6px}.placement-dragging .alt-intent-container{display:flex}.alt-intent-item{display:flex;flex-direction:column;align-items:center;position:relative;padding:3px 0;border-radius:6px}.alt-intent-face{position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;object-fit:cover;object-position:center 25%;border:none}.alt-intent-rows{display:flex;flex-direction:row;align-items:flex-end;gap:var(--intent-row-gap);min-width:var(--max-intent-width, 0px);justify-content:center}.alt-intent-row{display:flex;flex-direction:column;align-items:center}.alt-intent-row>:nth-child(2){margin-top:var(--intent-cell-gap)}.alt-intent-val-line{display:flex;align-items:baseline;justify-content:center;gap:0px}.alt-intent-icon{font-size:20px;line-height:1;width:var(--intent-icon-size);height:var(--intent-icon-size);display:flex;align-items:center;justify-content:center;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.7))}.alt-intent-value{font-size:var(--intent-font-size);font-weight:700;color:#fff;-webkit-text-stroke:3px rgba(0,0,0,.9);paint-order:stroke fill}.alt-intent-value.intent-val-attack{color:var(--intent-val-attack)}.alt-intent-value.intent-val-defend{color:var(--intent-val-defend)}.alt-intent-value.intent-val-buff{color:var(--intent-val-buff)}.alt-intent-value.intent-val-debuff{color:var(--intent-val-debuff)}.alt-intent-value.intent-val-draw{color:#8d8}.alt-intent-value.intent-val-energy{color:#fd6}.alt-intent-hits{font-size:var(--intent-hits-font);font-weight:700;color:#ffffffb3;-webkit-text-stroke:2px rgba(0,0,0,.9);paint-order:stroke fill}.alt-intent-preemptive{font-size:12px;margin-left:2px;filter:drop-shadow(0 0 3px rgba(255,220,80,.8))}.face-overlay{position:absolute;bottom:var(--choice-overlay-bottom, 10%);left:calc(50% + var(--choice-overlay-offset-x, 0%));transform:translate(-50%);width:var(--choice-overlay-w, 80%);aspect-ratio:1;z-index:2;pointer-events:none;background-repeat:no-repeat;background-position:center bottom;background-size:calc(var(--sprite-cols, 7) * 100%) calc(var(--sprite-rows, 6) * 100%);filter:drop-shadow(0 var(--sprite-shadow-y) var(--sprite-shadow-blur) rgba(0,0,0,var(--sprite-shadow-alpha)))}.effect-row{position:absolute;display:flex;gap:var(--effect-gap);z-index:20}.effect-icon{position:relative;width:var(--effect-icon-size);height:var(--effect-icon-size);display:flex;align-items:center;justify-content:center;cursor:help}.effect-svg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.effect-svg svg{width:100%;height:100%}.effect-stacks{position:absolute;bottom:calc(-1 * var(--effect-stack-offset-y));right:calc(-1 * var(--effect-stack-offset-x));font-size:var(--effect-stack-font);font-weight:700;line-height:1;z-index:1;-webkit-text-stroke:2px rgba(0,0,0,.9);paint-order:stroke fill}.effect-icon.buff .effect-stacks{color:#4caf50}.effect-icon.debuff .effect-stacks{color:#f44336}.effect-icon.decay-fixed .effect-stacks{color:#fff}@keyframes status-pop-in{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.effect-icon.status-new{animation:status-pop-in .25s ease-out}.unit-pos.dead{pointer-events:none}.unit-pos.dead .unit-sprite{filter:grayscale(var(--death-grayscale)) brightness(var(--death-brightness))}#energy-orb{position:absolute;z-index:55;display:flex;align-items:center;justify-content:center}.orb-body{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#8b2020,#5a1515,#2a0808);display:flex;align-items:center;justify-content:center;border:4px solid #d4a020;box-shadow:0 0 20px #c8323280,0 0 40px #c8323233,inset 0 0 25px #00000080}.orb-glow{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;background:radial-gradient(circle,rgba(200,50,50,.25) 0%,transparent 70%);pointer-events:none}@keyframes orb-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(1.15)}}.energy-text{font-size:36px;font-weight:900;color:var(--color-text-white);-webkit-text-stroke:4px rgba(0,0,0,.8);paint-order:stroke fill;text-shadow:0 0 12px rgba(255,100,100,.8)}#awakening-orb{display:none;position:absolute;z-index:55;flex-direction:column;align-items:center;justify-content:center}.awake-gauge{width:100%;height:8px;background:var(--color-hp-bg);border-radius:4px;overflow:hidden;position:relative}.awake-gauge:after{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#84c,#c4f);border-radius:4px;transition:width .3s}.awake-text{font-size:14px;color:var(--color-text-white);-webkit-text-stroke:2px rgba(0,0,0,.9);paint-order:stroke fill;margin-top:4px}.card{position:absolute;width:var(--card-w);height:var(--card-h);transform-origin:bottom center;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card *{-webkit-user-drag:none}.card img{pointer-events:none;-webkit-user-drag:none;draggable:false}.card.unplayable{cursor:default}.card.unplayable .card-cost-orb{color:#5a1a1a}.card.card-error{border:3px dashed #ff4444;background:#ff000026;color:#f66;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-all;padding:8px;border-radius:8px;pointer-events:none}.card-inner{--s: var(--card-hover-scale);width:calc(var(--card-w) * var(--s));height:calc(var(--card-h) * var(--s));transform:scale(calc(1 / var(--s)));transform-origin:top left;border-radius:calc(10px * var(--s));overflow:hidden;position:relative;display:flex;flex-direction:column;border:calc(3px * var(--s)) solid #555;background:linear-gradient(180deg,#1e1e2e,#141420);box-shadow:0 calc(1px * var(--s)) calc(4px * var(--s)) #00000080;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;backface-visibility:hidden;contain:layout style paint}.card-inner.char-mizuiro{border-color:var(--color-char-mizuiro);--frame-shadow: inset 0 0 calc(5px * var(--s)) rgba(var(--color-char-mizuiro-rgb), .35);box-shadow:var(--frame-shadow),0 calc(1px * var(--s)) calc(4px * var(--s)) #00000080}.card-inner.char-kiiro{border-color:var(--color-char-kiiro);--frame-shadow: inset 0 0 calc(5px * var(--s)) rgba(var(--color-char-kiiro-rgb), .35);box-shadow:var(--frame-shadow),0 calc(1px * var(--s)) calc(4px * var(--s)) #00000080}.card-inner.char-akairo{border-color:var(--color-char-akairo);--frame-shadow: inset 0 0 calc(5px * var(--s)) rgba(var(--color-char-akairo-rgb), .35);box-shadow:var(--frame-shadow),0 calc(1px * var(--s)) calc(4px * var(--s)) #00000080}.card-inner.char-generic{border-color:var(--color-char-generic);--frame-shadow: inset 0 0 calc(5px * var(--s)) rgba(var(--color-char-generic-rgb), .25);box-shadow:var(--frame-shadow),0 calc(1px * var(--s)) calc(4px * var(--s)) #00000080}.card-cost-orb{--s: var(--card-hover-scale);position:absolute;top:calc(var(--card-cost-y, -5px));left:calc(var(--card-cost-x, -5px));width:calc(38px * var(--s));height:calc(38px * var(--s));border-radius:50%;background:radial-gradient(circle at 40% 35%,#8b2020,#4a1010 80%);display:flex;align-items:center;justify-content:center;font-size:calc(22px * var(--s));font-weight:900;color:#fff;-webkit-text-stroke:calc(3px * var(--s)) rgba(0,0,0,.8);paint-order:stroke fill;z-index:10;border:calc(2px * var(--s)) solid #d4a020;transform:scale(calc(1 / var(--s)));transform-origin:top left;-webkit-font-smoothing:antialiased;backface-visibility:hidden}.card-cost-orb.card-cost-modified-down{color:#50fa7b;-webkit-text-stroke-color:rgba(0,80,20,.8)}.card-cost-orb.card-cost-modified-up{color:#f55;-webkit-text-stroke-color:rgba(80,0,0,.8)}.card-role-badge{--s: var(--card-hover-scale);position:absolute;top:calc(var(--card-cost-y, -5px) + 40px);left:calc(var(--card-cost-x, -5px) + 5px);width:calc(28px * var(--s));height:calc(28px * var(--s));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(16px * var(--s));font-weight:900;-webkit-text-stroke:calc(1.5px * var(--s)) rgba(0,0,0,.7);paint-order:stroke fill;border:calc(1.5px * var(--s)) solid rgba(0,0,0,.4);z-index:9;transform:scale(calc(1 / var(--s)));transform-origin:top left;-webkit-font-smoothing:antialiased}.card-role-badge.card-role-A{background:radial-gradient(circle at 40% 35%,#5a1a20,#2e0808 80%);color:#ff8a7a}.card-role-badge.card-role-D{background:radial-gradient(circle at 40% 35%,#1b4a25,#0b2712 80%);color:#8af098}.card-role-badge.card-role-S{background:radial-gradient(circle at 40% 35%,#3e1e5c,#1e0a30 80%);color:#c088ff}.card-name-banner{width:100%;height:calc(28px * var(--s));display:flex;align-items:center;justify-content:center;padding:0 calc(10px * var(--s));z-index:2;position:relative;min-height:calc(28px * var(--s))}.card-name{font-size:calc(var(--card-name-font, 14) * 1px * var(--s));font-weight:700;color:#f0f0f0;-webkit-text-stroke:calc(2px * var(--s)) rgba(0,0,0,.8);paint-order:stroke fill;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.rarity-basic .card-name-banner{background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border-bottom:calc(1px * var(--s)) solid #555}.rarity-common .card-name-banner{background:linear-gradient(180deg,#4a4a4a,#353535);border-bottom:calc(1px * var(--s)) solid #666}.rarity-uncommon .card-name-banner{background:linear-gradient(180deg,#1a4a6a,#0d3050);border-bottom:calc(1px * var(--s)) solid #3498db;box-shadow:0 calc(2px * var(--s)) calc(8px * var(--s)) #3498db66}.rarity-rare .card-name-banner{background:linear-gradient(180deg,#6a5a10,#4a3a08);border-bottom:calc(1px * var(--s)) solid #ffd700;box-shadow:0 calc(2px * var(--s)) calc(10px * var(--s)) #ffd70080}.rarity-uncommon .card-name{color:#b8d8f0}.rarity-rare .card-name{color:#ffe070}.card-art{height:calc(100px * var(--s));position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#14141e99;margin:0;flex-shrink:0}.card-art-img{width:100%;height:100%;object-fit:cover;object-position:center}.card-type-tab{height:calc(var(--card-type-tab-h, 10) * 1px * var(--s));display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-type-tab-font, 7) * 1px * var(--s));font-weight:700;color:#ffffffe6;text-shadow:0 calc(1px * var(--s)) calc(2px * var(--s)) rgba(0,0,0,.6);letter-spacing:calc(1px * var(--s));width:calc(var(--card-type-tab-w, 40) * 1%);margin:calc(1px * var(--s)) auto 0;border-radius:0 0 calc(3px * var(--s)) calc(3px * var(--s))}.card-type-tab.type-arts{background:linear-gradient(180deg,#4a3a1a,#3a2a10)}.card-type-tab.type-memory{background:linear-gradient(180deg,#8b7a10,#6a5a08)}.card-type-tab.type-token{background:linear-gradient(180deg,#8b5520,#6a4015)}.card-type-tab.type-status{background:linear-gradient(180deg,#5a5a5a,#3a3a3a)}.card-type-tab.type-curse{background:linear-gradient(180deg,#6b1a3a,#551030)}.card-desc{flex:1;padding:calc(4px * var(--s)) calc(var(--card-desc-pad-x, 8px) * var(--s));font-size:calc(var(--card-desc-font, 15) * 1px * var(--s));line-height:1.35;color:#c8c8d2e6;text-align:center;display:block;justify-content:center;word-break:normal;overflow-wrap:break-word;overflow:hidden;max-width:calc(var(--card-desc-max-w, 85) * 1%);align-self:center}body.perf-no-css-anim *{animation:none!important}.card:not(.unplayable):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(10px * var(--card-hover-scale));pointer-events:none;z-index:-1;box-shadow:0 0 calc(5px * var(--card-hover-scale)) #ffffffe6,0 0 calc(14px * var(--card-hover-scale)) #00ffffb3,0 0 calc(28px * var(--card-hover-scale)) #00d2ff59;opacity:.7}.card.rarity-rare:not(.unplayable):after{box-shadow:0 0 calc(5px * var(--card-hover-scale)) #ffffc8e6,0 0 calc(14px * var(--card-hover-scale)) #ffe632b3,0 0 calc(28px * var(--card-hover-scale)) #ffc80059}#game.drag-dimmed .card:not(.unplayable):after{opacity:.35}.no-glow .card:not(.unplayable):after{display:none}.card-gem-slots{display:flex;justify-content:center;gap:calc(4px * var(--s, 1));padding:calc(3px * var(--s, 1)) 0;min-height:calc(12px * var(--s, 1))}.gem-dot{width:calc(8px * var(--s, 1));height:calc(8px * var(--s, 1));border-radius:50%;display:inline-block;border:calc(1px * var(--s, 1)) solid rgba(255,255,255,.3)}.gem-dot.gem-empty{background:#50505a99}.gem-dot.gem-equipped{box-shadow:0 0 calc(3px * var(--s, 1)) currentColor}.card.dead-card:not(.unplayable) .card-inner{animation:none}.val-up{color:#50fa7b;font-weight:700}.val-down{color:#f55;font-weight:700}.card-tooltip-panel{position:absolute;z-index:1000;background:#14141ef2;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px 12px;max-width:300px;min-width:160px;display:flex;flex-direction:column;color:#dcdce6f2;font-size:13px;line-height:1.4;pointer-events:none;box-shadow:0 4px 16px #0009}.tooltip-keyword{padding:4px 0}.tooltip-keyword+.tooltip-keyword{border-top:1px solid rgba(255,255,255,.1);margin-top:4px;padding-top:6px}.tooltip-keyword-name{font-weight:700;font-size:14px;color:#f0f0f0;margin-bottom:2px}.tooltip-keyword-desc{font-weight:400;font-size:12px;color:#c8c8d2d9}.kw{color:#ffd866;display:inline}.card-play-anim{position:relative;box-shadow:0 0 15px #78d2ffcc,0 0 35px #3c8cff80,0 0 60px #2864dc4d}.card-play-anim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:-1;box-shadow:0 0 20px #8cdcfff2,0 0 45px #46a0ff99,0 0 70px #3278f059;animation:card-play-glow-opacity .8s ease-in-out infinite alternate}@keyframes card-play-glow-opacity{0%{opacity:.3}to{opacity:1}}#hand-area .card{position:absolute;bottom:0;left:50%;will-change:transform;pointer-events:auto;cursor:grab}#hand-area .card.hovered{z-index:999!important}#hand-area .card.selected{z-index:1000!important;cursor:grabbing}#hand-area .card.docked{z-index:1000!important;filter:drop-shadow(0 0 16px rgba(100,180,255,.5));cursor:crosshair}#hand-area .card.unplayable{cursor:default}.damage-popup{position:absolute;pointer-events:none;z-index:100;font-weight:900;text-align:center;white-space:nowrap}.damage-popup.damage{font-size:48px;color:var(--popup-damage);-webkit-text-stroke:5px #000;paint-order:stroke fill;text-shadow:0 0 12px rgba(var(--popup-damage-rgb),.6)}.damage-popup.heal{font-size:40px;color:var(--popup-heal);-webkit-text-stroke:5px #000;paint-order:stroke fill;text-shadow:0 0 10px rgba(var(--popup-heal-rgb),.5)}.damage-popup.block{font-size:40px;color:var(--popup-block);-webkit-text-stroke:5px #000;paint-order:stroke fill;text-shadow:0 0 10px rgba(var(--popup-block-rgb),.5)}.damage-popup.effect{font-size:24px;color:var(--popup-effect);-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:0 0 8px rgba(var(--popup-effect-rgb),.5)}.damage-popup.overkill{font-size:56px;color:var(--popup-overkill);-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:0 0 16px rgba(var(--popup-overkill-rgb),.8)}.damage-popup.awakening{font-size:56px;color:var(--popup-awakening);-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:0 0 20px rgba(var(--popup-awakening-rgb),.9)}.icon-popup{position:absolute;pointer-events:none;z-index:100;display:flex;flex-direction:column;align-items:center;gap:4px;will-change:transform,opacity}.icon-popup-icon{width:48px;height:48px}.icon-popup-icon svg{width:100%;height:100%}.icon-popup-name{font-size:18px;font-weight:900;-webkit-text-stroke:4px #000;paint-order:stroke fill;white-space:nowrap}.icon-popup-effect .icon-popup-icon{color:var(--popup-effect);filter:drop-shadow(0 0 6px rgba(var(--popup-effect-rgb),.7))}.icon-popup-effect .icon-popup-name{color:var(--popup-effect);text-shadow:0 0 8px rgba(var(--popup-effect-rgb),.6)}.icon-popup-block .icon-popup-icon{color:var(--popup-block);filter:drop-shadow(0 0 6px rgba(var(--popup-block-rgb),.7))}.icon-popup-block .icon-popup-name{color:var(--popup-block);text-shadow:0 0 8px rgba(var(--popup-block-rgb),.6)}.fullscreen-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none;background:#fff}.deck-viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000e6;display:flex;flex-direction:column;overflow-y:auto}.deck-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;flex-shrink:0}.deck-viewer-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.deck-viewer-close{width:40px;height:40px;border:none;background:#ffffff26;color:#fff;font-size:20px;border-radius:50%;cursor:pointer;transition:background .15s}.deck-viewer-close:hover{background:#ffffff4d}.deck-viewer-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:20px 40px 40px}.deck-viewer-card{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;cursor:default;transition:transform .15s ease,z-index 0s}.deck-viewer-card:hover{transform:scale(1.5)!important;z-index:10!important}