@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Medium.woff2) format("woff2");font-display:swap;unicode-range:U+4E00-9FFF}:root{--bg: #080a14;--panel: #0f1225;--panel-hover: #131735;--line: #1c2045;--line-strong: #2a2f60;--cyan: #00e5ff;--magenta: #ff2bd6;--purple: #7b2bff;--yellow: #ffd740;--green: #00e676;--red: #ff1744;--font-ui: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;--font-mono: "SF Mono", "Courier New", ui-monospace, monospace;--card-w: 120px;--card-h: 168px;--gold: #ffd700;--ink: #e8eaf6;--ink-faint: #5c6494;--ink-dim: #9fa8dc;--ink-faint: #6b7299;--cyan-bright: #c9fbff;--magenta-bright: #ffc4f2;--rarity-common: #8b9dc3;--rarity-uncommon: var(--cyan);--rarity-rare: var(--magenta);--glow-cyan: 0 0 10px rgba(0, 229, 255, .4);--glow-magenta: 0 0 10px rgba(255, 43, 214, .4);--gold-glow: 0 0 16px rgba(255, 215, 0, .55);--glow-red: 0 0 8px rgba(255, 23, 68, .35);--glow-green: 0 0 8px rgba(0, 230, 118, .35);--glow-yellow: 0 0 8px rgba(255, 215, 64, .35);--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--cyan-soft: rgba(0, 229, 255, .06);--magenta-soft: rgba(255, 43, 214, .06);--purple-soft: rgba(123, 43, 255, .08);--red-soft: rgba(255, 23, 68, .08);--panel-hi: rgba(255, 255, 255, .03);--bg-veil: rgba(5, 6, 15, .88);--bg-elevated: #161a35;--card-bg-top: #131736;--card-bg-bottom: #0a0c1d;--card-face: linear-gradient(165deg, var(--card-bg-top), var(--panel) 58%, var(--card-bg-bottom));--card-frame: linear-gradient( 155deg, rgba(0, 240, 255, .55), rgba(123, 43, 255, .45) 55%, rgba(255, 43, 214, .5) );--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 999px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 24px;--fs-2xl: 32px;--fs-3xl: 44px;--lift-1: 2px;--lift-2: 6px;--lift-3: 10px;--lift-4: 16px;--z-bg: 0;--z-content: 1;--z-fx: 50;--z-overlay: 100;--z-scanline: 5;--dur-fast: .15s;--dur-med: .25s;--dur-slow: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--color-ok: var(--green);--color-error: var(--red);--color-warn: var(--yellow);--color-info: var(--cyan);--color-accent: var(--magenta);--rain-a: rgba(0, 240, 255, .05);--rain-b: rgba(5, 255, 161, .04);--glow-cyan-soft: rgba(0, 240, 255, .04);--glow-red: rgba(255, 59, 92, .9);--glow-cyan-strong: rgba(0, 240, 255, .9)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.3;color:var(--ink)}h1{font-size:var(--fs-2xl);font-weight:700;letter-spacing:.05em}h2{font-size:var(--fs-xl);font-weight:600}h3{font-size:var(--fs-md);font-weight:600;color:var(--ink-dim)}p{margin:0 0 var(--space-3);color:var(--ink-dim);line-height:1.7}.log,.hud__value,.run-hud__value,.enemy-card__hp-val,.enemy-card__intent-val,.shop-gold{font-family:var(--font-mono)}#app{position:relative;min-height:100%;min-height:100vh;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}#app>*{position:relative;z-index:1}::selection{background:var(--magenta-soft);color:var(--ink)}:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}#app:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(0,240,255,0) 0 19px,var(--rain-a) 19px 22px,rgba(0,240,255,0) 22px 43px),repeating-linear-gradient(180deg,rgba(5,255,161,0) 0 9px,var(--rain-b) 9px 11px,rgba(5,255,161,0) 11px 26px)}@media (prefers-reduced-motion: no-preference){#app:before{animation:rain-drift 24s linear infinite}}@keyframes rain-drift{0%{background-position:0 0}to{background-position:0 104px}}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--purple)}.panel{background:var(--panel);border:1px solid var(--cyan);border-radius:var(--radius-md);box-shadow:var(--glow-cyan),inset 0 0 24px var(--glow-cyan-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-base);font-weight:500;letter-spacing:.04em;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);outline:none;min-height:40px}.btn:hover:not(:disabled){background:var(--panel-hover);border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #00e5ff33}.btn:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:none}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn--danger{color:var(--magenta);border-color:var(--magenta)}.btn--danger:hover:not(:disabled){background:var(--magenta-soft);color:var(--magenta-bright);box-shadow:var(--glow-magenta)}.btn--flash{animation:btn-flash .3s ease-out}@keyframes btn-flash{0%,to{background:transparent}40%{background:var(--red-soft);border-color:var(--red);color:var(--red);box-shadow:var(--red-glow)}}.hud{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4) var(--space-5);padding:var(--space-4) var(--space-5);background:var(--panel);border-bottom:1px solid var(--line-strong);box-shadow:var(--shadow-sm)}.hud__name{font-size:var(--fs-md);color:var(--ink);letter-spacing:.1em}.hud__hp,.hud__block,.hud__energy{display:flex;align-items:center;gap:6px}.hud__label{font-size:var(--fs-sm);color:var(--ink-faint)}.hud__value{font-size:var(--fs-base);font-weight:700;color:var(--ink)}.hud__chips{display:flex;gap:var(--space-1)}.hud__meta{margin-left:auto;font-size:var(--fs-sm);color:var(--ink-faint);white-space:nowrap}.bar{width:140px;height:10px;overflow:hidden;border:1px solid var(--line);border-radius:2px;background:var(--panel-hi)}.bar__fill{height:100%;width:100%;transition:width .2s ease}.bar__fill--hp{background:var(--red);box-shadow:var(--red-glow)}.bar__fill--block{background:var(--cyan);box-shadow:var(--glow-cyan)}.energy{display:inline-flex;gap:var(--space-1)}.energy__gem{width:14px;height:14px;border:1px solid var(--line);border-radius:2px;background:transparent;transform:rotate(45deg);transition:border-color .15s,background-color .15s,box-shadow .15s,opacity .15s}.energy__gem--filled{border-color:var(--cyan);background:var(--cyan-soft);box-shadow:var(--glow-cyan)}.energy__gem--empty{opacity:.35}.status-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--purple);border-radius:var(--radius-pill);background:var(--purple-soft);color:var(--ink);font-size:var(--fs-sm);line-height:1.4;white-space:nowrap}.status-chip__icon{font-size:13px;line-height:1}.status-chip__count{color:var(--cyan);font-weight:700}.status-chip--buff{border-color:var(--cyan);background:var(--cyan-soft)}.status-chip--debuff{border-color:var(--red);background:var(--red-soft)}.enemy-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);width:200px;padding:var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.enemy-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.enemy-card__name{font-size:var(--fs-md);font-weight:600;color:var(--ink);text-align:center;letter-spacing:.06em}.enemy-card__intent{display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-hi);font-size:var(--fs-sm);font-weight:500;color:var(--ink-dim)}.enemy-card__intent-icon{font-size:18px;line-height:1;color:var(--cyan);filter:drop-shadow(0 0 4px rgba(0,229,255,.3))}.enemy-card__intent-val{font-size:var(--fs-base);font-weight:700;color:var(--yellow);font-family:var(--font-mono)}.enemy-card__hp{display:flex;align-items:center;gap:6px}.enemy-card__hp-val{min-width:3.5em;font-size:var(--fs-sm);color:var(--ink);text-align:right}.enemy-card__block{position:absolute;top:-8px;right:-8px;padding:2px 7px;border:1px solid var(--cyan);border-radius:var(--radius-pill);background:var(--panel);color:var(--cyan);font-size:var(--fs-sm);font-weight:700;box-shadow:var(--glow-cyan)}.enemy-card__chips{display:flex;flex-wrap:wrap;gap:var(--space-1);min-height:18px}.targeting .enemy-card{border-color:var(--red);box-shadow:var(--red-glow);cursor:crosshair;animation:target-pulse 1.2s ease-in-out infinite}.targeting .enemy-card:hover{border-color:var(--red);background:var(--red-soft);box-shadow:0 0 0 1px var(--red),var(--red-glow);transform:translateY(-2px) scale(1.02);animation:none}@keyframes target-pulse{0%,to{box-shadow:var(--red-glow);border-color:var(--red)}50%{box-shadow:0 0 0 4px #ff174433,var(--red-glow);border-color:var(--red)}}body.targeting-mode{cursor:crosshair}.card.selected{z-index:2;transform:translateY(var(--lift-4));border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow),var(--gold-glow),var(--shadow-lg);animation:selected-glow 1.5s ease-in-out infinite}@keyframes selected-glow{0%,to{box-shadow:0 0 0 2px var(--yellow),var(--gold-glow),var(--shadow-lg)}50%{box-shadow:0 0 0 4px #ffd7004d,var(--gold-glow),var(--shadow-lg)}}.card{position:relative;flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-1);width:var(--card-w);height:var(--card-h);padding:var(--space-3) var(--space-2) var(--space-2);border:1px solid transparent;border-radius:var(--radius-lg);background:var(--card-face) padding-box,var(--card-frame) border-box;cursor:pointer;box-shadow:var(--shadow);user-select:none;transition:transform .18s,box-shadow .18s,filter .18s}.card:hover{transform:translateY(var(--lift-3));border-color:var(--cyan);box-shadow:var(--shadow-md),0 0 20px #00e5ff1f}.card.selected{z-index:2;transform:translateY(var(--lift-4));border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow),var(--gold-glow),var(--shadow-lg)}.card__cost{position:absolute;top:10px;left:10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1.5px solid var(--cyan);border-radius:50%;background:var(--bg);color:var(--cyan);font-size:14px;font-weight:700;font-family:var(--font-mono);transition:all var(--dur-fast) var(--ease-out)}.card:hover .card__cost{transform:scale(1.15);box-shadow:var(--glow-cyan)}.card__name{margin-top:var(--space-1);font-size:13px;color:var(--ink);text-align:center;letter-spacing:.04em}.card__desc{flex:1;overflow:hidden;font-size:var(--fs-xs);line-height:1.45;color:var(--ink-dim)}.card__rarity{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card--common .card__rarity{background:var(--rarity-common)}.card--uncommon .card__rarity{background:var(--rarity-uncommon)}.card--rare .card__rarity{background:var(--rarity-rare);box-shadow:var(--glow-magenta)}.card-out{animation:card-out .2s ease-in forwards;pointer-events:none}.card--flying{opacity:0!important;pointer-events:none}@keyframes card-out{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(-40px) rotate(14deg) scale(.85)}}.hand{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:200px;padding:var(--space-5) var(--space-4) 10px;overflow:visible}.hand .card{--rot: calc((var(--i) - (var(--hand-n) - 1) / 2) * 3deg);--tx: calc((var(--i) - (var(--hand-n) - 1) / 2) * var(--step, 26px));--ty: 0px;position:relative;transform:translate(var(--tx),var(--ty)) rotate(var(--rot));transform-origin:50% 100%;flex:0 0 auto;z-index:var(--i)}.hand .card:hover{--tx: 0px;--ty: calc(-1 * var(--lift-4));--rot: 0deg;z-index:30;box-shadow:var(--glow-cyan)}.hand .card.selected{--tx: 0px;--ty: calc(-1 * (var(--lift-4) + 10px));--rot: 0deg;z-index:40;box-shadow:0 0 0 1px var(--gold),var(--gold-glow)}@keyframes card-in{0%{transform:translate(var(--tx),48px) rotate(var(--rot));opacity:0}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot));opacity:1}}.hand .card.card--in{animation:card-in var(--dur-slow) var(--ease-out) backwards;animation-delay:calc(var(--i) * 45ms)}.enemy-row{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-3)}.hint{color:var(--yellow);font-size:13px;letter-spacing:.06em}.potion-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:var(--space-3) var(--space-4) 0}.log{overflow-y:auto;max-height:200px;padding:10px var(--space-3);background:var(--bg-veil);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--green);font-size:var(--fs-sm);line-height:1.6}.log__line{word-break:break-all}.log__line:before{content:"> ";color:var(--cyan)}.log__line--error,.log__line--damage{color:var(--red)}.log__line--damage:before{content:"⚔ ";color:var(--red)}.log__line--block{color:var(--cyan)}.log__line--block:before{content:"🛡 ";color:var(--cyan)}.log__line--heal{color:var(--green)}.log__line--heal:before{content:"✚ ";color:var(--green)}.log__line--energy{color:var(--yellow)}.log__line--energy:before{content:"⚡ ";color:var(--yellow)}.log__line--status{color:var(--magenta)}.log__line--status:before{content:"✦ ";color:var(--magenta)}.node-panel{max-width:720px;width:90vw;max-height:85vh;overflow-y:auto;padding:var(--space-6);background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:panel-in var(--dur-slow) var(--ease-out);margin:auto;position:relative}.node-panel__title{font-size:var(--fs-xl);font-weight:700;color:var(--ink);text-align:center;margin-bottom:var(--space-2)}.node-panel__sub{font-size:var(--fs-base);color:var(--ink-dim);text-align:center;margin-bottom:var(--space-5)}@keyframes panel-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reward-cards{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-4) 0}.reward-card{transition:transform var(--dur-med) var(--ease-spring),box-shadow var(--dur-med) var(--ease-out)}.reward-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:var(--shadow-lg),0 0 24px #00e5ff33}.shop-section{margin-bottom:var(--space-5);padding:var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md)}.shop-section__title{font-size:var(--fs-md);font-weight:600;color:var(--ink-dim);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.shop-shelf{display:flex;gap:var(--space-3);flex-wrap:wrap}.shop-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out)}.shop-card:hover{border-color:var(--line-strong)}.shop-card__price{font-size:var(--fs-sm);font-weight:700;color:var(--yellow);font-family:var(--font-mono)}.event-choices{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.event-choice{text-align:left;padding:var(--space-3) var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-out)}.event-choice:hover{border-color:var(--cyan);background:var(--panel-hover);box-shadow:0 0 12px #00e5ff1a}.event-choice__summary{display:block;font-size:var(--fs-xs);color:var(--ink-faint);margin-top:var(--space-1)}.rest-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin:var(--space-5) 0}.rest-action{flex:1;min-width:200px;max-width:300px;padding:var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);text-align:left;transition:border-color var(--dur-fast) var(--ease-out)}.rest-action:hover{border-color:var(--line-strong)}.rest-action__title{font-size:var(--fs-md);font-weight:600;color:var(--ink);margin-bottom:var(--space-2)}.rest-action__desc{font-size:var(--fs-sm);color:var(--ink-dim);margin-bottom:var(--space-3)}.chest-contents{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.chest-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--fs-base)}.chest-item--gold{border-color:var(--yellow);color:var(--yellow);font-weight:600}.chest-item--relic{border-color:var(--magenta);color:var(--magenta)}.end-stats{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin:var(--space-5) 0}.end-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);min-width:100px}.end-stat__label{font-size:var(--fs-xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.end-stat__value{font-size:var(--fs-xl);font-weight:700;color:var(--ink);font-family:var(--font-mono)}#app>.overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--bg-veil);animation:overlay-in .25s ease-out}.overlay__title{margin:0;font-size:42px;letter-spacing:.25em;color:var(--ink)}.overlay__sub{margin:0;font-size:var(--fs-base);color:var(--ink-dim)}.overlay__actions{display:flex;gap:var(--space-3)}.overlay--win .overlay__title{color:var(--cyan);text-shadow:var(--glow-cyan)}.overlay--lose .overlay__title{color:var(--red);text-shadow:var(--red-glow)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.pressable{cursor:pointer}.pressable:hover{filter:brightness(1.12)}.pressable:active{filter:brightness(.95)}.fx-off,.fx-off *,.fx-off *:before,.fx-off *:after{transition:none!important;animation:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.card__type{position:absolute;top:6px;right:6px;padding:0 5px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);font-size:var(--fs-xs);line-height:1.5;color:var(--ink-faint)}.card__exhaust{position:absolute;right:8px;bottom:4px;padding:0 6px;border:1px solid var(--magenta);border-radius:var(--radius-pill);font-size:10px;line-height:1.6;color:var(--magenta)}.battle__footer{display:flex;justify-content:flex-end;gap:10px;padding:10px var(--space-4)}.audio-toggle{padding:4px var(--space-3);font-size:var(--fs-sm);letter-spacing:.06em;white-space:nowrap}.card-tooltip{position:fixed;z-index:200;max-width:260px;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--ink);font-size:var(--fs-sm);line-height:1.6;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.card-tooltip.visible{opacity:1;transform:translateY(0)}.card-tooltip__name{font-size:var(--fs-md);font-weight:600;color:var(--ink);margin-bottom:var(--space-2)}.card-tooltip__cost{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--cyan);border-radius:50%;background:var(--bg);color:var(--cyan);font-size:12px;font-weight:700;font-family:var(--font-mono);margin-right:var(--space-2)}.card-tooltip__desc{color:var(--ink-dim);margin-top:var(--space-2)}@keyframes fx-glitch-slice{0%{clip-path:inset(0 0 92% 0)}33%{clip-path:inset(12% 0 66% 0)}66%{clip-path:inset(46% 0 28% 0)}to{clip-path:inset(0 0 92% 0)}}@keyframes fx-glitch-rgb{0%{text-shadow:3px 0 var(--glow-red),-3px 0 var(--glow-cyan-strong)}50%{text-shadow:-3px 0 var(--glow-red),3px 0 var(--glow-cyan-strong)}to{text-shadow:3px 0 var(--glow-red),-3px 0 var(--glow-cyan-strong)}}@keyframes fx-glitch-jitter{0%{transform:translate(2px) skew(-1deg)}50%{transform:translate(-2px) skew(1deg)}to{transform:translate(2px) skew(-1deg)}}.glitching{animation:fx-glitch-slice .1s steps(2,jump-none) infinite,fx-glitch-rgb .1s steps(2,jump-none) infinite,fx-glitch-jitter .1s steps(2,jump-none) infinite}.hitstop,.hitstop *{animation-play-state:paused!important}.phase-blocked .btn{opacity:.45;pointer-events:none}.phase-blocked .card{filter:saturate(.4) brightness(.8)}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-6);gap:var(--space-6);text-align:center}.title-screen__title{font-size:var(--fs-3xl);font-weight:900;letter-spacing:.12em;color:var(--ink);text-shadow:0 0 10px rgba(0,240,255,.8),0 0 30px rgba(0,240,255,.5),0 0 60px rgba(0,240,255,.3);animation:title-glow 3s ease-in-out infinite}@keyframes title-glow{0%,to{text-shadow:0 0 10px rgba(0,240,255,.8),0 0 30px rgba(0,240,255,.5),0 0 60px rgba(0,240,255,.3)}50%{text-shadow:0 0 20px rgba(0,240,255,1),0 0 40px rgba(0,240,255,.7),0 0 80px rgba(0,240,255,.5)}}#app>.overlay .btn{pointer-events:auto;opacity:1;cursor:pointer}.class-select{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);gap:var(--space-6)}.class-select__title{font-size:var(--fs-2xl);font-weight:800;color:var(--ink);text-align:center;letter-spacing:.1em}.class-select__sub{font-size:var(--fs-md);color:var(--ink-dim);text-align:center;margin-top:calc(-1 * var(--space-3))}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5);width:100%;max-width:1100px;margin-top:var(--space-4)}.class-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);background:linear-gradient(145deg,var(--panel) 0%,var(--bg-elevated) 100%);border:1px solid var(--line-strong);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--dur-med) var(--ease-out);text-align:center;overflow:hidden}.class-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--purple));opacity:.8;transition:all var(--dur-fast) var(--ease-out)}.class-card:hover:not(:disabled):before{opacity:1;height:4px}.class-card:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 30px #00f0ff33,0 0 60px #00f0ff1a;transform:translateY(-6px)}.class-card:active:not(:disabled){transform:translateY(-2px) scale(.98)}.class-card:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.class-card--locked:before{background:var(--line-strong);opacity:.5}.class-card__name{font-size:var(--fs-xl);font-weight:800;color:var(--ink);letter-spacing:.08em}.class-card__desc{font-size:var(--fs-sm);color:var(--ink-dim);line-height:1.6;max-width:200px}.class-card__hp{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-sm);font-weight:700;color:var(--red);font-family:var(--font-mono)}.class-card__status{font-size:var(--fs-xs);color:var(--ink-faint);padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);letter-spacing:.05em}.map-screen{display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--space-4);gap:var(--space-5);min-height:100vh}.run-hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) 22px;width:100%;max-width:820px;padding:10px 18px;background:var(--panel);border:1px solid var(--cyan);border-radius:var(--radius-md);box-shadow:var(--glow-cyan)}.run-hud__item{display:flex;align-items:baseline;gap:var(--space-2)}.run-hud__label{font-size:var(--fs-sm);color:var(--ink-faint)}.run-hud__value{font-size:var(--fs-base);font-weight:700;color:var(--ink);white-space:nowrap}.map{position:relative;display:flex;flex-direction:column;gap:22px;width:100%;max-width:760px;padding:28px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.map-connectors{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.map-connector{stroke:var(--line);stroke-width:1}.map-connector--from-current{stroke:var(--cyan);stroke-width:1.5;opacity:.9}.map-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);min-height:64px}.map-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:58px;height:58px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);font-family:var(--font-ui);transition:border-color .15s,box-shadow .15s,transform .15s,opacity .15s}.map-node__badge{font-size:var(--fs-md);font-weight:700;line-height:1;letter-spacing:.05em}.map-node__id{font-size:9px;color:var(--ink-faint);line-height:1}.map-node__mark{position:absolute;top:-7px;right:-7px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--green);border-radius:50%;background:var(--bg);color:var(--green);font-size:10px;line-height:1}.map-node--start .map-node__badge{color:var(--ink-dim)}.map-node--combat .map-node__badge{color:var(--cyan)}.map-node--elite .map-node__badge{color:var(--magenta)}.map-node--event .map-node__badge{color:var(--purple)}.map-node--shop .map-node__badge{color:var(--yellow)}.map-node--rest .map-node__badge{color:var(--green)}.map-node--chest .map-node__badge{color:var(--gold)}.map-node--boss .map-node__badge{color:var(--red)}.map-node--start{border-style:dashed}.map-node--current{border-color:var(--gold);box-shadow:var(--gold-glow)}.map-node--current .map-node__badge{color:var(--gold)}.map-node--reachable{border-color:var(--cyan);box-shadow:var(--glow-cyan);cursor:pointer}.map-node--reachable:hover{transform:translateY(var(--lift-1));background:var(--cyan-soft)}.map-node--locked{opacity:.4;filter:saturate(.5)}.map-node--visited{opacity:.85;filter:none}.map-hint{max-width:760px;padding:6px 14px;border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--panel-hi);color:var(--ink-faint);font-size:var(--fs-sm);text-align:center}.map-screen__back{margin-top:6px}.node-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:100vh;padding:var(--space-6) var(--space-4)}.node-panel__title{margin:0;font-size:30px;letter-spacing:.22em;color:var(--ink)}.node-panel__sub{margin:0;font-size:13px;color:var(--ink-dim)}.reward-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.reward-card:hover{transform:translateY(var(--lift-3));box-shadow:0 0 0 1px var(--gold),var(--gold-glow)}.event-panel__text{max-width:620px;margin:0;padding:14px 18px;border:1px dashed var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--ink-dim);font-size:var(--fs-base);line-height:1.7;text-align:center}.event-choices{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:480px}.event-choice{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px var(--space-4)}.event-choice__summary{font-size:var(--fs-sm);color:var(--yellow);letter-spacing:.04em}.shop-gold{padding:6px var(--space-4);border:1px solid var(--yellow);border-radius:var(--radius-pill);background:var(--panel);color:var(--yellow);font-size:var(--fs-base);font-weight:700;letter-spacing:.08em}.shop-section{width:100%;max-width:840px;padding:var(--space-4) 18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.shop-section__title{margin:0 0 var(--space-3);font-size:15px;letter-spacing:.12em;color:var(--cyan)}.shop-shelf{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.shop-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.shop-card .card{cursor:default}.shop-card__price{padding:2px 10px;border:1px solid var(--yellow);border-radius:var(--radius-pill);color:var(--yellow);font-size:var(--fs-sm);font-weight:700}.shop-potions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.shop-potion{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--green);border-radius:var(--radius-md)}.shop-potion__name{color:var(--ink);font-size:13px}.shop-potion__price{color:var(--yellow);font-size:var(--fs-sm);font-weight:700}.shop-relics{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.shop-relic{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.shop-relic__face{display:flex;flex-direction:column;gap:var(--space-1);width:210px;min-height:120px;padding:var(--space-3) 10px 10px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.shop-relic__face--common{border-color:var(--rarity-common)}.shop-relic__face--uncommon{border-color:var(--rarity-uncommon)}.shop-relic__face--rare{border-color:var(--rarity-rare);box-shadow:var(--glow-magenta)}.shop-relic__rarity{font-size:10px;letter-spacing:.16em;color:var(--ink-dim)}.shop-relic__name{font-size:var(--fs-base);font-weight:700;color:var(--ink);letter-spacing:.06em}.shop-relic__desc{flex:1;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-dim)}.shop-relic__empty{padding:10px var(--space-4);border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--ink-dim);font-size:var(--fs-sm);letter-spacing:.1em}.shop-remove{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.shop-remove__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-hi)}.shop-remove__name{color:var(--ink);font-size:13px}.shop-footer{display:flex;justify-content:center;gap:var(--space-3)}.rest-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.rest-action{display:flex;flex-direction:column;align-items:center;gap:10px;width:250px;padding:18px 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.rest-action__title{font-size:var(--fs-md);letter-spacing:.12em;color:var(--green)}.rest-action__desc{margin:0;min-height:2.6em;font-size:var(--fs-sm);color:var(--ink-dim);text-align:center}.chest-contents{display:flex;flex-direction:column;gap:10px;min-width:320px}.chest-item{padding:10px var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--ink);font-size:var(--fs-base);text-align:center}.chest-item--gold{border-color:var(--yellow);color:var(--yellow)}.chest-item--card{border-color:var(--cyan);color:var(--cyan)}.chest-item--relic{border-color:var(--purple);color:var(--purple)}.chest-item__name{font-weight:700}.chest-item__desc{margin-top:var(--space-1);font-size:var(--fs-sm);line-height:1.5;color:var(--ink-dim)}.end-screen--win .node-panel__title{color:var(--cyan);text-shadow:var(--glow-cyan)}.end-screen--lose .node-panel__title{color:var(--red);text-shadow:var(--red-glow)}.end-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;max-width:720px}.end-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:110px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.end-stat__label{font-size:var(--fs-sm);color:var(--ink-faint)}.end-stat__value{font-size:20px;font-weight:700;color:var(--cyan)}@media (max-width: 768px){:root{--card-w: 90px;--card-h: 126px;--fs-base: 13px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 32px;--space-5: 20px;--space-6: 28px}.hud{gap:var(--space-2) var(--space-3);padding:var(--space-3)}.bar{width:100px;height:8px}.enemy-card{width:150px;padding:var(--space-3)}.enemy-card__intent{min-height:26px;padding:var(--space-1) var(--space-2)}.hand{min-height:150px;padding:var(--space-3) var(--space-2) 6px}.log{max-height:140px;font-size:var(--fs-xs)}.node-panel{max-width:95vw;max-height:90vh;padding:var(--space-4)}.class-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.class-card{padding:var(--space-4) var(--space-3)}.class-card__name{font-size:var(--fs-md)}.shop-section{padding:var(--space-3)}.shop-shelf{gap:var(--space-2)}.rest-action{min-width:140px;max-width:100%}.end-stat{min-width:80px;padding:var(--space-2) var(--space-3)}}@media (max-width: 480px){:root{--card-w: 76px;--card-h: 106px;--fs-base: 12px;--fs-md: 13px;--fs-lg: 14px;--space-4: 12px;--space-5: 16px}.hand .card{--step: 18px}.enemy-card{width:130px}.hud__name{font-size:var(--fs-sm);width:100%;text-align:center}.hud{justify-content:center}.class-grid{grid-template-columns:1fr;max-width:260px}.reward-cards{gap:var(--space-2)}.overlay__title{font-size:28px;letter-spacing:.15em}}