:root{--bg: #101013;--panel: #1a1a1f;--panel-2: #202028;--ink: #e8e8ec;--muted: #9a9aa6;--light: #d8c39c;--dark: #7a6446;--accent: #f2b340;--accent-ink: #1a1208;--plan: #5aa9e6;--good: #4caf78;--bad: #e05a5a;--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .14);--r-sm: 6px;--r-md: 10px;--r-lg: 14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:InterVariable,system-ui,-apple-system,Segoe UI,sans-serif;font-optical-sizing:auto;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased}.app{background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.035) 0%,transparent 55%),radial-gradient(100% 100% at 50% 120%,rgba(0,0,0,.5) 0%,transparent 60%),var(--bg)}html,body,#root{height:100%}body{overflow:hidden}.app{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app>.start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;overflow:auto;text-align:center}.board-inert{pointer-events:none}.end-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:auto}.end-overlay .draft-screen,.end-overlay .summary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;max-width:880px}h1,h2,h3,h4{font-weight:600;text-wrap:balance}h1.title{font-size:clamp(48px,8vw,72px);font-weight:600;letter-spacing:-.025em;line-height:1.02;margin:0 0 12px;text-align:center;text-wrap:balance}.subtitle{text-align:center;color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 28px}button{font:inherit;color:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:6px 14px;font-size:14px;font-weight:600;letter-spacing:-.01em;border:1px solid transparent;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--hairline-strong)}.btn.secondary:hover:not(:disabled){background:#ffffff0f}.btn:disabled{opacity:.4;cursor:not-allowed}.start-form{display:flex;flex-direction:column;gap:14px;align-items:stretch;width:100%;max-width:20rem}.start-form label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left}.start-form input{background:var(--panel-2);border:1px solid var(--hairline-strong);color:var(--ink);border-radius:var(--r-sm);padding:10px 14px;font-size:16px;font-variant-numeric:tabular-nums;width:100%;text-align:left}.start-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:transparent}.start-form .btn{height:40px;font-size:15px;margin-top:4px}.battle-screen{flex:1;min-height:0;position:relative;overflow:hidden}.board-area{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hud-topleft{position:absolute;top:12px;left:12px;z-index:20;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:max(0px,calc((100vw - 100vh)/2 - 24px));pointer-events:none}.hud-topleft .tutorial-help{pointer-events:auto}.floor-banner{display:flex;flex-direction:column;gap:2px;background:#101013c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hairline);border-radius:var(--r-md);padding:8px 16px;position:relative;max-width:100%;min-width:0;pointer-events:none}.floor-banner .floor-name{font-weight:600;font-size:15px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.floor-banner .floor-new{color:var(--accent);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.tutorial-help{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--hairline-strong);background:#101013c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);font-weight:600;font-size:16px;cursor:pointer;line-height:1}.tutorial-help:hover{border-color:var(--accent);color:var(--accent)}.tutorial-help:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes deploy-header-breathe{0%,to{transform:translate(-50%) scale(1)}42%,58%{transform:translate(-50%) scale(1.038)}}.deploy-header{position:absolute;top:clamp(18px,4vh,42px);left:50%;transform:translate(-50%) scale(1);transform-origin:top center;z-index:20;pointer-events:none;padding:clamp(12px,1.8vw,22px) clamp(24px,5vw,64px);border:2px solid rgba(242,179,64,.58);border-radius:var(--r-md);background:linear-gradient(180deg,#241e11e6,#0c0c0ec7);box-shadow:0 18px 48px #00000085,inset 0 1px #ffe8aa33;color:#ffd66f;font-size:clamp(44px,8vw,104px);font-weight:900;letter-spacing:.08em;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.85);white-space:nowrap;animation:deploy-header-breathe 3.2s cubic-bezier(.33,0,.2,1) infinite}.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tutorial-callout{position:relative;overflow:hidden;width:min(1040px,calc(100vw - 32px));background:linear-gradient(180deg,#272b36,#1c1e25 55%,#17181d);border:1px solid rgba(242,179,64,.32);border-radius:24px;padding:48px 56px 44px;text-align:center;box-shadow:0 32px 96px #000c,0 0 0 1px #0000008c,0 0 64px #f2b3401a;animation:tutorial-enter .18s ease-out}@keyframes tutorial-enter{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.tutorial-callout{animation:none}}.tutorial-callout:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,179,64,.5),transparent)}.tutorial-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);font-size:clamp(220px,34vw,340px);line-height:1;color:#f2b3400e;pointer-events:none;-webkit-user-select:none;user-select:none}.tutorial-callout .tutorial-head{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:20px}.tutorial-callout .tutorial-head:before,.tutorial-callout .tutorial-head:after{content:"";height:1px;width:min(96px,16%);background:linear-gradient(90deg,transparent,rgba(242,179,64,.55))}.tutorial-callout .tutorial-head:after{background:linear-gradient(270deg,transparent,rgba(242,179,64,.55))}.tutorial-callout .tutorial-tag{font-weight:600;font-size:clamp(20px,3.4vw,30px);color:var(--accent);text-transform:uppercase;letter-spacing:.2em}.tutorial-callout .tutorial-dismiss{position:relative;display:block;margin:36px auto 0;border:none;border-radius:999px;padding:16px 88px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:30px;letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 28px -6px #f2b34073;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.tutorial-callout .tutorial-dismiss:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 12px 32px -6px #f2b3408c}.tutorial-callout .tutorial-dismiss:active{transform:translateY(0);filter:brightness(.97)}.tutorial-callout .tutorial-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tutorial-callout .tutorial-body{position:relative;font-size:clamp(40px,8.5vw,84px);line-height:1.15;color:var(--ink)}.tutorial-callout .reward-note{position:relative;display:inline-block;margin-top:18px}.board{position:relative;display:grid;grid-template-columns:repeat(var(--board-size, 8),1fr);grid-template-rows:repeat(var(--board-size, 8),1fr);aspect-ratio:1 / 1;width:min(100vw,100vh);width:min(100vw,100dvh);height:min(100vw,100vh);height:min(100vw,100dvh);max-width:100%;max-height:100%;padding:6px;background:#0c0c0e;border-radius:12px;box-shadow:0 0 0 1px #ffffff0f,0 18px 50px -12px #000000b3,inset 0 0 0 1px #0009;overflow:hidden;touch-action:none}.board.drag-enabled .square{cursor:grab}.board.drag-enabled.dragging,.board.drag-enabled.dragging .square{cursor:grabbing}.board.drag-enabled.dragging .piece-token.piece{transition:transform 90ms cubic-bezier(.2,0,.12,1),opacity 90ms ease}.square{border:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;position:relative;background:var(--light)}.square.dark{background:var(--dark)}.square.selected{outline:4px solid var(--accent);outline-offset:-4px}.square.move-target:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(210,255,194,.14),transparent 52%),linear-gradient(160deg,#41d6712e,#107a4d1a);box-shadow:inset 0 0 0 2px #8eeb7c6b,inset 0 0 18px #3fd26329;pointer-events:none;z-index:1}.square.blocked-target:after{content:"";position:absolute;width:24%;height:24%;border-radius:50%;background:transparent;border:2px solid rgba(154,154,166,.55);pointer-events:none}.square.attack-target{outline:4px solid var(--bad);outline-offset:-4px}.square.attack-target:before{content:"⚔";position:absolute;top:1px;right:2px;font-size:min(3vw,16px);color:var(--bad);text-shadow:0 0 3px #000;pointer-events:none;z-index:3}.square.peek-target:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#d6454142;box-shadow:inset 0 0 0 2px #d6454166;pointer-events:none;z-index:1}.square.danger-target:before{content:"";position:absolute;top:0;right:0;width:30%;height:30%;background:var(--bad);clip-path:polygon(100% 0,0 0,100% 100%);pointer-events:none;z-index:2}.square.attack-target.danger-target:before{content:"⚔";width:auto;height:auto;background:none;clip-path:none}.square.attack-target.danger-target:after{content:"";position:absolute;bottom:0;right:0;width:30%;height:30%;background:var(--bad);clip-path:polygon(100% 100%,0 100%,100% 0);pointer-events:none;z-index:2}.square.card-target:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:6px;outline:3px dashed var(--good);pointer-events:none}.token-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.piece-token.piece{position:absolute;top:0;left:0;z-index:1;transition:transform .3s ease,opacity .16s ease}.piece-token.piece.selected-unit{z-index:6}.piece-token.piece.dragging{z-index:7;transition:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.38)) drop-shadow(0 0 3px rgba(255,200,90,.9))}@keyframes token-spawn{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.piece-token{animation:token-spawn .16s ease}.piece{position:relative;container-type:size;display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.piece .plate{position:absolute;top:4%;right:4%;bottom:4%;left:4%;display:flex;flex-direction:column;border-radius:12%;overflow:hidden;box-sizing:border-box}.piece .card-art{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}.piece .glyph{font-size:70cqmin;line-height:1}.piece.white .plate{background:linear-gradient(160deg,#fbf8ef,#ddd5c2);border:max(1.2cqmin,1px) solid #b9ad93;box-shadow:0 1cqmin 2cqmin #00000073,inset 0 1cqmin 1.5cqmin #fff9;--footer-bg: linear-gradient(180deg, #e7dfcc 0%, #d4cab2 100%);--footer-divider: rgba(0, 0, 0, .28);--atk-ink: #9c2a12;--hp-ink: #1c6e34;--hp-ink-hurt: #b8331a;--rank-ink: #b07a16;--rank-stroke: rgba(0, 0, 0, .7)}.piece.white .glyph{color:#20232b;text-shadow:0 1px 0 rgba(255,255,255,.5)}.piece.black .plate{background:linear-gradient(160deg,#3a3f4d,#15171d);border:max(1.2cqmin,1px) solid #0a0b0f;box-shadow:0 1cqmin 2cqmin #0000008c,inset 0 1cqmin 1.5cqmin #ffffff1f;--footer-bg: linear-gradient(180deg, #2b303c 0%, #1b1e26 100%);--footer-divider: rgba(255, 255, 255, .22);--atk-ink: #ff8a6b;--hp-ink: #6fe09a;--hp-ink-hurt: #ff7a55;--rank-ink: #ffce5e;--rank-stroke: rgba(0, 0, 0, .9)}.piece.black .glyph{color:#f3efe3;text-shadow:0 1px 2px #000}.piece.king .plate{border-color:#ffc24a;border-width:max(2.4cqmin,2px);box-shadow:0 0 2cqmin #ffc24a8c,inset 0 0 1.5cqmin #ffc24a73,0 1cqmin 2cqmin #00000080}@keyframes check-pulse{0%,to{box-shadow:0 0 2.5cqmin #ff4030d9,inset 0 0 1.5cqmin #ff40308c,0 1cqmin 2cqmin #00000080}50%{box-shadow:0 0 1cqmin #ff403073,inset 0 0 .8cqmin #ff40304d,0 1cqmin 2cqmin #00000080}}.piece-token.in-check .plate{border-color:#ff4030;animation:check-pulse 1s ease-in-out infinite}@keyframes last-stand-pulse{0%,to{box-shadow:0 0 1.5cqmin #d6bc9680,inset 0 0 1.2cqmin #786e6066,0 1cqmin 2cqmin #00000080}50%{box-shadow:0 0 3cqmin #d6bc96d9,inset 0 0 2cqmin #786e608c,0 1cqmin 2cqmin #00000080}}.piece-token.in-last-stand .plate{border-color:#c9a86a;animation:last-stand-pulse 1.6s ease-in-out infinite}.piece-token.in-last-stand .card-art{filter:saturate(.55) brightness(.92)}.last-stand-badge{left:2%;color:#e6c87a}.piece.acted{opacity:.62}.piece.frozen .plate{border-color:#2aa0ff;box-shadow:0 0 2cqmin #2aa0ff99,inset 0 0 1.5cqmin #2aa0ff66,0 1cqmin 2cqmin #00000080}.piece.frozen .glyph{color:#8fd3ff}.piece .card-footer{flex:0 0 28%;display:flex;align-items:center;justify-content:space-between;padding:0 9%;background:var(--footer-bg);border-top:max(1.2cqmin,1px) solid var(--footer-divider);box-sizing:border-box}.stat-num{font-size:19cqmin;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.atk-num{color:var(--atk-ink)}.hp-num{color:var(--hp-ink)}.hp-num.hurt{color:var(--hp-ink-hurt)}.hp-num.king-hp{text-shadow:0 0 1.5cqmin rgba(255,194,74,.85)}.badge{position:absolute;top:1%;z-index:4;font-size:20cqmin;line-height:1;filter:drop-shadow(0 1px 1px #000);pointer-events:none}.frozen-badge{left:2%}.shield-badge{right:2%}.shield-badge.shifted{right:34%}.token-rank-chevrons{position:absolute;top:6%;right:9%;left:auto;z-index:5;display:flex;flex-direction:column;align-items:flex-end;color:var(--rank-ink, #ffc24a);pointer-events:none}.token-rank-chevrons .rank-insignia{display:flex;flex-direction:column;align-items:center}.token-rank-chevrons .rank-insignia-svg{width:16cqmin;height:auto;filter:drop-shadow(0 0 max(.7cqmin,.5px) var(--rank-stroke, rgba(0, 0, 0, .85))) drop-shadow(0 .4cqmin .8cqmin rgba(0,0,0,.55))}.token-rank-chevrons .rank-insignia-more{font-size:11cqmin;font-weight:900;line-height:1;margin-top:.5cqmin;text-shadow:0 0 max(.6cqmin,.5px) var(--rank-stroke, rgba(0, 0, 0, .85))}.upgrade-badges{position:absolute;top:2%;left:50%;transform:translate(-50%);z-index:4;display:flex;gap:1.5cqmin;pointer-events:auto}.upgrade-badges .ubadge{display:inline-flex;align-items:center;justify-content:center;min-width:13cqmin;height:13cqmin;padding:0 1.5cqmin;border-radius:3cqmin;background:#14100ad1;border:max(.8cqmin,1px) solid var(--accent);color:var(--accent);font-size:9.5cqmin;line-height:1}.upgrade-badges .ubadge-more{font-size:8cqmin;font-weight:700}.square.predicted-hit{outline:3px dashed var(--bad);outline-offset:-3px}.square.predicted-vuln{outline:3px solid #c861e6;outline-offset:-3px}.plan-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.plan-arrow{stroke-linecap:round;fill:none}.plan-arrow.move{stroke:#ffa238c7;filter:drop-shadow(0 0 1.2px rgba(255,140,20,.85))}.plan-arrow.attack{stroke:#f0563cd1;filter:drop-shadow(0 0 1.2px rgba(220,50,30,.85))}.plan-arrow.invalid{stroke:#96969699;stroke-dasharray:2 1.5}.plan-arrow.live.move{stroke:#ffb246eb}.arrowhead path{fill:currentColor}.arrowhead.move{color:#ffa238eb}.arrowhead.attack{color:#f0563cf2}.arrowhead.invalid{color:#969696b3}.plan-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.seq-badge{position:absolute;top:0;left:0;display:flex;align-items:flex-start;justify-content:flex-start}.seq-num{margin:6%;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffcf5a,#ff8c20);color:#1a1208;font-size:min(2.4vw,11px);font-weight:800;border-radius:9px;border:1px solid rgba(0,0,0,.45);box-shadow:0 1px 2px #0000008c}.seq-badge.invalid .seq-num{background:linear-gradient(180deg,#d0d0d0,#9a9a9a)}.seq-reason{position:absolute;bottom:2px;left:50%;transform:translate(-50%);background:var(--bad);color:#fff;font-size:min(2vw,9px);font-weight:700;padding:1px 4px;border-radius:4px;white-space:nowrap}.pred-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.pred-token{position:absolute;top:0;left:0;display:flex;align-items:flex-start;justify-content:center;container-type:size}.pred-dmg{display:flex;align-items:center;gap:2cqmin;margin-top:7cqmin;padding:3cqmin 9cqmin 4cqmin;border-radius:12cqmin;background:#15101a;box-shadow:0 2cqmin 5cqmin #000000b3,0 0 0 max(.8cqmin,1.5px) #ff543cf2;font-weight:900;font-size:30cqmin;line-height:1;color:#ff5240;text-shadow:0 1cqmin 2cqmin rgba(0,0,0,.95);white-space:nowrap;animation:combo-pop .18s ease}.pred-dmg.lethal{color:#ff3a26;font-size:34cqmin;box-shadow:0 2cqmin 5cqmin #000000bf,0 0 0 max(1cqmin,2px) #ff4028}.pred-skull{font-size:.8em;filter:drop-shadow(0 1cqmin 2cqmin rgba(0,0,0,.9))}.pred-token.below-check .pred-dmg{margin-top:27cqmin}.combo-badge{position:absolute;top:0;left:0;display:flex;align-items:flex-end;justify-content:center}.combo-stack{position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.combo-label{background:linear-gradient(180deg,#ffcf5a,#ff9a3c);color:#1a1208;font-size:min(2.2vw,10px);font-weight:800;letter-spacing:.3px;padding:1px 5px;border-radius:5px;box-shadow:0 1px 3px #0009;white-space:nowrap;animation:combo-pop .22s ease}@keyframes combo-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.check-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.check-badge{position:absolute;top:0;left:0;display:flex;align-items:flex-start;justify-content:center}.check-label{margin-top:2px;font-size:min(2.4vw,11px);font-weight:800;letter-spacing:.6px;padding:1px 6px;border-radius:5px;box-shadow:0 1px 3px #0009;white-space:nowrap;animation:combo-pop .22s ease}.check-badge.white .check-label{background:linear-gradient(180deg,#ff7a6a,#d92e1e);color:#fff}.check-badge.black .check-label{background:linear-gradient(180deg,#ffcf5a,#ff9a3c);color:#1a1208}.hud-energy{position:absolute;bottom:16px;left:16px;z-index:20;pointer-events:none}.hud-energy-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-shadow:0 1px 2px rgba(0,0,0,.8);margin-bottom:8px}.energy-dots{display:flex;flex-wrap:wrap;gap:12px;max-width:40vw}.energy-dot{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffd06a 0%,var(--accent) 70%);border:1px solid rgba(0,0,0,.35);box-shadow:0 0 14px #f2b34099,0 3px 6px #00000080}.energy-dot.spent{background:transparent;border-color:#ffffff59;box-shadow:none;opacity:.6}.energy-dots.over .energy-dot:not(.spent){background:var(--bad);box-shadow:0 0 6px #e05a5a99}.hud-commit{position:absolute;bottom:16px;right:16px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:10px}.btn.commit-big{width:116px;height:116px;padding:0;font-size:56px;font-weight:700;line-height:1;border-radius:50%;box-shadow:0 12px 36px -8px #000000b3,0 0 28px #f2b34073;display:flex;flex-direction:column;align-items:center;justify-content:center}.btn.commit-big .commit-icon{font-size:42px;line-height:1}.btn.commit-big .commit-word{margin-top:3px;font-size:15px;font-weight:800;letter-spacing:.1em}.btn.clear-mini{height:40px;width:40px;padding:0;font-size:18px;border-radius:50%;background:#101013c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.battle-hand{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:20;max-width:calc(100% - 320px);display:flex;align-items:center;gap:14px;background:#101013c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hairline);border-radius:var(--r-md);padding:10px 16px;min-height:0;overflow-x:auto}.battle-hand .hand-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;flex:0 0 auto}.battle-hand .cards{display:flex;flex-wrap:nowrap;gap:10px}.card{position:relative;background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);border:1px solid var(--hairline-strong);border-radius:var(--r-md);padding:10px 12px 11px;min-width:104px;text-align:left;transition:transform .12s ease,box-shadow .12s ease}.card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px -6px #0009}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card:disabled{opacity:.45;cursor:not-allowed}.card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.card .card-name{font-weight:600;font-size:13px;letter-spacing:-.01em;padding-right:22px}.card .card-cost{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#f2b34026;border:1px solid rgba(242,179,64,.45);color:var(--accent);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.victory-modal{width:min(640px,calc(100vw - 64px));background:var(--panel-2);border:1px solid var(--hairline-strong);border-left:6px solid var(--accent);border-radius:var(--r-lg);padding:32px 40px 36px;box-shadow:0 24px 72px #000000b3;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.victory-modal .continue-btn{margin-top:16px;height:52px;padding:0 44px;font-size:20px;font-weight:700}.war-copy{max-width:46ch;color:var(--ink-dim, #c9c4b8);line-height:1.5;margin:0}.offer-cards{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}.offer-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:#ffffff0a;border:1px solid var(--hairline-strong);border-radius:10px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.offer-card:hover{border-color:var(--accent);background:#ffc24a14;transform:translateY(-1px)}.offer-icon{font-size:28px;line-height:1;width:36px;text-align:center}.offer-label{flex:1;font-weight:600}.offer-kind{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:5px;padding:2px 7px;opacity:.85}.reward-note{align-self:flex-start;margin-top:8px;padding:6px 12px;border-radius:8px;background:#ffc24a1a;border:1px solid rgba(255,194,74,.45);color:var(--accent);font-weight:600;font-size:14px}.ghost-btn{margin-top:10px;background:transparent;border:1px solid var(--hairline-strong)}.victory-banner{display:flex;flex-direction:column;align-items:center;gap:4px}.victory-eyebrow{text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.14em}.victory-title{color:var(--accent);text-shadow:0 0 32px rgba(242,179,64,.35)}.summary .run-complete{color:var(--accent);margin-bottom:6px}@keyframes gold-reward-rise{0%{opacity:0;transform:translate(-50%,14px) scale(.72)}14%{opacity:1;transform:translate(-50%) scale(1.08)}72%{opacity:1;transform:translate(-50%,-34px) scale(1)}to{opacity:0;transform:translate(-50%,-54px) scale(.92)}}.gold-reward-float{position:fixed;left:50%;top:clamp(92px,18vh,170px);z-index:120;pointer-events:none;color:#ffd66f;font-size:clamp(34px,6vw,62px);font-weight:900;line-height:1;text-shadow:0 2px 0 rgba(76,42,5,.95),0 0 18px rgba(242,179,64,.74),0 0 42px rgba(242,179,64,.36);animation:gold-reward-rise 1.4s cubic-bezier(.18,.84,.24,1) both}.unlock-banner{margin-top:6px;padding:10px 16px;border-radius:10px;border:1px solid var(--accent);background:linear-gradient(180deg,#f2b34029,#f2b3400a);color:var(--text);font-size:14px;line-height:1.45;text-align:center;text-wrap:balance;box-shadow:0 0 28px #f2b34047}.unlock-banner .unlock-glyph,.summary-unlocks .unlock-glyph{font-size:18px;color:var(--accent)}.unlock-banner strong{color:var(--accent)}.summary-unlocks{margin:10px 0;text-align:center}.summary-unlocks-head{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.summary-unlocks-list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.summary-unlocks-list li{font-size:15px;color:var(--text)}.offer .offer-desc{font-size:13px;line-height:1.45;color:var(--muted);text-wrap:balance}.offer.offer-relic{border-color:var(--accent);background:linear-gradient(180deg,rgba(242,179,64,.12) 0%,var(--panel) 100%);box-shadow:inset 0 0 0 1px #f2b34040}.offer.offer-relic .offer-label{color:var(--accent)}.offers{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:24px 0}.offer{display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);border:1px solid var(--hairline-strong);border-radius:var(--r-lg);padding:22px 20px;width:240px;text-align:center;transition:transform .12s ease,box-shadow .12s ease}.offer .offer-kind{text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.08em}.offer .offer-label{font-size:16px;font-weight:600;letter-spacing:-.01em;text-wrap:balance}.offer:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--accent),0 12px 28px -10px #000000b3}.offer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.summary{text-align:center}.summary .outcome{font-variant-numeric:tabular-nums}.summary .outcome.won{color:var(--accent)}.summary .outcome.lost{color:var(--bad)}.run-log{background:#00000059;border:1px solid var(--hairline);border-radius:var(--r-md);padding:6px 16px;text-align:left;max-width:560px;margin:16px auto;font-size:13px;color:var(--muted)}.run-log div{padding:7px 0;border-top:1px solid var(--hairline)}.run-log div:first-child{border-top:none}.dev-bar{margin-top:16px;display:flex;gap:8px;justify-content:center}.dev-bar .btn{background:transparent;border:1px solid var(--hairline-strong);color:var(--muted);font-size:12px;height:30px;padding:4px 10px}.dev-bar .btn:hover{color:var(--ink);background:#ffffff0f}.battle-screen>.dev-bar{position:absolute;top:12px;right:12px;z-index:20;margin-top:0;pointer-events:none}.battle-screen>.dev-bar .btn{font-size:10px;height:24px;padding:2px 7px;opacity:.55;pointer-events:auto}@media (max-width: 700px){.hud-topleft{top:8px;left:8px;width:auto;max-width:calc(100vw - 120px)}.floor-banner{padding:6px 10px}.floor-banner .floor-name{max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.floor-banner .floor-new{font-size:10px}.tutorial-help{width:30px;height:30px}.tutorial-backdrop{align-items:flex-start;padding:16px;overflow:auto}.tutorial-callout{width:100%;padding:30px 24px 26px;border-radius:18px}.tutorial-glyph{font-size:170px}.tutorial-callout .tutorial-tag{font-size:16px;letter-spacing:.14em;white-space:nowrap}.tutorial-callout .tutorial-body{font-size:clamp(32px,10vw,44px)}.tutorial-callout .tutorial-dismiss{width:100%;font-size:24px;padding:14px 16px}.hud-energy{bottom:8px;left:8px}.hud-energy-label{margin-bottom:4px;font-size:10px}.energy-dots{gap:6px;max-width:calc(100vw - 92px)}.energy-dot{width:24px;height:24px}.hud-commit{right:8px;bottom:8px;gap:6px}.btn.commit-big{width:64px;height:64px;font-size:32px}.btn.commit-big .commit-icon{font-size:24px}.btn.commit-big .commit-word{margin-top:1px;font-size:9px}.btn.clear-mini{width:32px;height:32px;font-size:15px}.battle-hand{right:8px;bottom:82px;left:8px;max-width:none;transform:none;gap:8px;padding:8px}.battle-hand .cards{gap:8px}.card{min-width:92px;padding:9px 10px 10px}.card .card-name{font-size:12px}.battle-screen>.dev-bar{top:8px;right:8px}}.piece.lunging .plate{animation:lunge-smack .2s cubic-bezier(.3,0,.2,1)}@keyframes lunge-smack{0%{transform:translate(0)}45%{transform:translate(var(--lunge-x, 0),var(--lunge-y, 0)) scale(1.06)}to{transform:translate(0)}}.piece.hit .plate{animation:hit-shake .22s ease}.piece.hit .plate:after{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:18%;pointer-events:none;box-shadow:0 0 0 2px var(--bad),0 0 10px 2px #e05a5ab3;background:radial-gradient(circle,#e05a5a73,#e05a5a00 70%);animation:hit-flash .22s ease forwards}@keyframes hit-shake{0%,to{transform:translate(0)}20%{transform:translate(-9%) rotate(-3deg)}45%{transform:translate(8%) rotate(2.5deg)}70%{transform:translate(-5%) rotate(-1.5deg)}}@keyframes hit-flash{0%{opacity:0;scale:.7}30%{opacity:1;scale:1}to{opacity:0;scale:1.15}}.piece.dying{animation:death-fade .3s ease forwards;z-index:9}.piece.dying .plate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18%;pointer-events:none;box-shadow:0 0 0 2px #ffdca0e6;animation:death-burst .3s ease-out forwards}@keyframes death-fade{0%{opacity:1;scale:1}35%{opacity:1;scale:1.08}to{opacity:0;scale:.55;filter:grayscale(1) brightness(1.4)}}@keyframes death-burst{0%{opacity:.9;scale:.9}to{opacity:0;scale:1.8}}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.dmg-num{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.dmg-val{font-weight:900;font-size:min(6vw,32px);line-height:1;color:#ff6b6b;text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 8px rgba(224,90,90,.65);animation:dmg-rise .7s cubic-bezier(.2,.7,.3,1) forwards}.dmg-num.big .dmg-val{font-size:min(8vw,44px);color:#ffd24a;text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 12px rgba(255,160,40,.9);animation:dmg-rise-big .8s cubic-bezier(.2,.7,.3,1) forwards}@keyframes dmg-rise{0%{opacity:0;transform:translateY(10%) scale(.6)}18%{opacity:1;transform:translateY(-2%) scale(1.1)}35%{transform:translateY(-12%) scale(1)}to{opacity:0;transform:translateY(-55%) scale(.95)}}@keyframes dmg-rise-big{0%{opacity:0;transform:translateY(10%) scale(.4) rotate(-6deg)}16%{opacity:1;transform:translateY(-4%) scale(1.35) rotate(2deg)}32%{transform:translateY(-14%) scale(1.05) rotate(0)}to{opacity:0;transform:translateY(-60%) scale(1)}}.fx-combo{position:absolute;top:0;left:0;display:flex;align-items:flex-end;justify-content:center}.fx-combo-stack{position:absolute;bottom:92%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px}.fx-combo-label{white-space:nowrap;background:linear-gradient(180deg,#ffd24a,#ff8c20);color:#1a1208;font-size:min(2.6vw,12px);font-weight:900;letter-spacing:.4px;padding:2px 7px;border-radius:6px;box-shadow:0 2px 6px #000000b3;animation:combo-flash .7s ease forwards}@keyframes combo-flash{0%{opacity:0;transform:scale(.5) translateY(20%)}20%{opacity:1;transform:scale(1.15) translateY(0)}40%{transform:scale(1) translateY(0)}to{opacity:0;transform:scale(1) translateY(-30%)}}.picker-title{color:var(--accent)}.unit-picker{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:24px 0}.unit-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px;padding:14px 16px;border-radius:12px;border:1px solid var(--panel-2);background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.unit-card:hover{transform:translateY(-3px);border-color:var(--accent)}.unit-card-glyph{font-size:44px;line-height:1}.unit-card-name{font-weight:700;letter-spacing:.04em}.unit-card-stats{display:flex;gap:14px;font-weight:700;font-size:14px}.unit-card-stats .unit-atk{color:#e0655a}.unit-card-stats .unit-atk:before{content:"⚔ ";font-weight:400}.unit-card-stats .unit-hp{color:#69c87a}.unit-card-stats .unit-hp:before{content:"♥ ";font-weight:400}.unit-card-badges{display:flex;flex-direction:column;gap:4px;margin-top:4px;font-size:12px;color:var(--muted)}.unit-card-badge .ubadge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:#14100ad1;border:1px solid var(--accent);color:var(--accent);font-size:12px;line-height:1}.grant-banner{margin-top:6px;padding:10px 16px;border-radius:10px;border:1px solid #69c87a;background:linear-gradient(180deg,#69c87a29,#69c87a0a);color:var(--text);font-size:14px;line-height:1.45;text-align:center;text-wrap:balance;box-shadow:0 0 28px #69c87a38}.grant-banner strong{color:#69c87a}.grant-banner .unlock-glyph{font-size:18px;color:#69c87a}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:12px;width:min(560px,86vw);margin:14px auto}.recruit-grid{margin-bottom:10px}.support-grid{display:grid;grid-template-columns:minmax(180px,320px);justify-content:center;width:min(560px,86vw);margin:0 auto 14px;padding-top:12px;border-top:1px solid var(--hairline)}.shop-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;aspect-ratio:3 / 4;padding:10px 8px 8px;border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.06) 0%,transparent 60%),var(--panel-2);color:var(--ink);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.shop-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent)}.shop-card:disabled{opacity:.45;cursor:default}.support-card{min-height:96px;aspect-ratio:auto}.shop-card .card-art{font-size:44px;line-height:1.1;margin-top:6px;text-shadow:0 2px 6px rgba(0,0,0,.45)}.shop-card .card-name{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-top:auto;text-align:center}.shop-card .card-sub{font-size:9px;color:var(--muted);text-align:center;margin-top:2px;min-height:2.2em}.shop-card .card-stats{display:flex;justify-content:space-between;width:100%;margin-top:6px;padding-top:5px;border-top:1px solid var(--hairline);font-size:13px;font-weight:800}.shop-card .card-atk{color:#e08585}.shop-card .card-hp{color:#7fc99a}.shop-card .card-price{position:absolute;top:6px;right:6px;font-size:10px;font-weight:800;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:2px 7px}.shop-card .card-price.free{background:#7fc99a}.rank-chevrons{position:absolute;top:8px;right:9px;left:auto;display:flex;flex-direction:column;align-items:flex-end;color:#ffce5e}.rank-chevrons .rank-insignia{display:flex;flex-direction:column;align-items:center}.rank-chevrons .rank-insignia-svg{width:18px;height:auto;filter:drop-shadow(0 0 .8px rgba(0,0,0,.9)) drop-shadow(0 1px 2px rgba(0,0,0,.55))}.rank-chevrons .rank-insignia-more{font-size:11px;font-weight:900;line-height:1;margin-top:1px;text-shadow:0 0 1px rgba(0,0,0,.9)}@media (orientation: portrait) and (min-width: 701px){.hud-topleft{width:auto;max-width:calc(100vw - 24px)}.floor-banner .floor-name{max-width:100%;overflow:visible;text-overflow:clip;white-space:normal}}.teach-prompt{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:60;max-width:min(88vw,760px);padding:12px 30px;background:linear-gradient(180deg,#272b36f5,#17181df5);border:1px solid rgba(242,179,64,.4);border-radius:999px;color:#e9e7e2;font-size:clamp(20px,2.6vw,28px);line-height:1.35;text-align:center;pointer-events:none;box-shadow:0 10px 32px #0000008c,0 0 24px #f2b34014;animation:teach-prompt-enter .15s ease-out}@keyframes teach-prompt-enter{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.teach-prompt{animation:none}}