@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);--grad-title-cyan: linear-gradient(120deg, #c9fbff 0%, var(--cyan) 35%, var(--purple) 75%, #9c6bff 100%);--grad-title-magenta: linear-gradient(120deg, #ffd9f5 0%, var(--magenta) 40%, var(--purple) 80%, #7b2bff 100%);--grad-title-gold: linear-gradient(120deg, #fff3c4 0%, var(--yellow) 35%, var(--magenta) 80%, #ff2bd6 100%);--grad-title-green: linear-gradient(120deg, #cdffe6 0%, var(--green) 40%, var(--cyan) 85%, #00e5ff 100%);--grad-title-red: linear-gradient(120deg, #ffd9de 0%, var(--red) 45%, var(--magenta) 85%, #ff2bd6 100%);--grad-panel-cyan: linear-gradient(160deg, rgba(0, 229, 255, .1) 0%, rgba(10, 14, 35, .55) 38%, rgba(123, 43, 255, .08) 100%);--grad-panel-magenta: linear-gradient(160deg, rgba(255, 43, 214, .1) 0%, rgba(10, 14, 35, .55) 38%, rgba(123, 43, 255, .1) 100%);--grad-panel-gold: linear-gradient(160deg, rgba(255, 215, 0, .1) 0%, rgba(10, 14, 35, .55) 38%, rgba(255, 43, 214, .08) 100%);--grad-panel-green: linear-gradient(160deg, rgba(0, 230, 118, .1) 0%, rgba(10, 14, 35, .55) 38%, rgba(0, 229, 255, .08) 100%);--grad-panel-red: linear-gradient(160deg, rgba(255, 23, 68, .12) 0%, rgba(10, 14, 35, .55) 38%, rgba(255, 43, 214, .1) 100%);--scanline-run: repeating-linear-gradient( 0deg, rgba(0, 240, 255, .045) 0 1px, transparent 1px 4px );--scanline-green: repeating-linear-gradient( 90deg, rgba(5, 255, 161, .05) 0 1px, transparent 1px 6px );--corner-cut: polygon(10px 0, 100% 0, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 0 100%, 0 10px);--corner-cut-sm: polygon(6px 0, 100% 0, 100% calc(100% - 6px) , calc(100% - 6px) 100%, 0 100%, 0 6px);--glow-title-cyan: drop-shadow(0 0 8px rgba(0, 240, 255, .75)) drop-shadow(0 0 28px rgba(0, 240, 255, .4));--glow-title-magenta: drop-shadow(0 0 8px rgba(255, 43, 214, .75)) drop-shadow(0 0 28px rgba(255, 43, 214, .4));--glow-title-gold: drop-shadow(0 0 8px rgba(255, 215, 0, .75)) drop-shadow(0 0 28px rgba(255, 215, 0, .4));--glow-title-green: drop-shadow(0 0 8px rgba(0, 230, 118, .75)) drop-shadow(0 0 28px rgba(0, 230, 118, .4));--glow-title-red: drop-shadow(0 0 8px rgba(255, 23, 68, .8)) drop-shadow(0 0 28px rgba(255, 23, 68, .45));--frame-neon-cyan: 0 0 0 1px rgba(0, 229, 255, .35), 0 0 22px rgba(0, 229, 255, .15), inset 0 0 14px rgba(0, 229, 255, .06);--frame-neon-magenta: 0 0 0 1px rgba(255, 43, 214, .35), 0 0 22px rgba(255, 43, 214, .15), inset 0 0 14px rgba(255, 43, 214, .06);--frame-neon-gold: 0 0 0 1px rgba(255, 215, 0, .35), 0 0 22px rgba(255, 215, 0, .15), inset 0 0 14px rgba(255, 215, 0, .06)}*,*: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 60s 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);contain:paint}.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 2.2s ease-in-out infinite;will-change:opacity}.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{opacity:1;border-color:var(--red)}50%{opacity:.72;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 2.6s ease-in-out infinite;will-change:opacity}@keyframes selected-glow{0%,to{opacity:1}50%{opacity:.8}}.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)}.hand .card{will-change:transform}@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 6s 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:flex-start;gap:var(--space-4);min-height:0;margin:auto;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}}.title-screen__title,.class-select__title,.node-panel__title,.overlay__title{--title-grad: var(--grad-title-cyan);--title-glow: var(--glow-title-cyan);-webkit-background-clip:text;background-clip:text;background-image:var(--title-grad);color:transparent;text-shadow:none;filter:var(--title-glow);animation:cyber-title-pulse 4s ease-in-out infinite;background-size:200% auto;will-change:opacity,transform}@keyframes cyber-title-pulse{0%,to{opacity:.94}50%{opacity:1}}.title-screen .title-screen__title{--title-grad: var(--grad-title-cyan);--title-glow: var(--glow-title-cyan)}.class-select .class-select__title{--title-grad: var(--grad-title-magenta);--title-glow: var(--glow-title-magenta)}.reward-panel .node-panel__title{--title-grad: var(--grad-title-gold);--title-glow: var(--glow-title-gold)}.event-panel .node-panel__title{--title-grad: var(--grad-title-magenta);--title-glow: var(--glow-title-magenta)}.shop-panel .node-panel__title{--title-grad: var(--grad-title-cyan);--title-glow: var(--glow-title-cyan)}.rest-panel .node-panel__title{--title-grad: var(--grad-title-green);--title-glow: var(--glow-title-green)}.chest-panel .node-panel__title{--title-grad: var(--grad-title-gold);--title-glow: var(--glow-title-gold)}.event-cards-panel .node-panel__title{--title-grad: var(--grad-title-cyan);--title-glow: var(--glow-title-cyan)}.end-screen--win .node-panel__title{--title-grad: var(--grad-title-gold);--title-glow: var(--glow-title-gold)}.end-screen--lose .node-panel__title{--title-grad: var(--grad-title-red);--title-glow: var(--glow-title-red)}.overlay--win .overlay__title{--title-grad: var(--grad-title-cyan);--title-glow: var(--glow-title-cyan)}.overlay--lose .overlay__title{--title-grad: var(--grad-title-red);--title-glow: var(--glow-title-red)}@media (prefers-reduced-motion: no-preference){.title-screen__title,.class-select__title,.node-panel__title,.overlay__title{animation:cyber-title-iris 6s ease-in-out infinite;will-change:opacity}}@keyframes cyber-title-iris{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.node-panel{background:var(--grad-panel-cyan),var(--bg-elevated);border:1px solid transparent;box-shadow:var(--frame-neon-cyan)}.shop-panel.node-panel{background:var(--grad-panel-cyan),var(--bg-elevated)}.event-panel.node-panel{background:var(--grad-panel-magenta),var(--bg-elevated);box-shadow:var(--frame-neon-magenta)}.rest-panel.node-panel{background:var(--grad-panel-green),var(--bg-elevated);box-shadow:var(--frame-neon-gold)}.chest-panel.node-panel,.reward-panel.node-panel{background:var(--grad-panel-gold),var(--bg-elevated);box-shadow:var(--frame-neon-gold)}.event-cards-panel.node-panel{background:var(--grad-panel-cyan),var(--bg-elevated)}.end-screen--win.node-panel{background:var(--grad-panel-gold),var(--bg-elevated);box-shadow:var(--frame-neon-gold)}.end-screen--lose.node-panel{background:var(--grad-panel-red),var(--bg-elevated);box-shadow:var(--frame-neon-red, var(--frame-neon-magenta))}.node-panel:after{content:"";position:sticky;top:0;left:0;right:0;height:3px;display:block;background:var(--scanline-green);opacity:.5;pointer-events:none;margin-top:calc(-1 * var(--space-4));z-index:1}.shop-section{clip-path:var(--corner-cut-sm);background:var(--grad-panel-cyan),var(--panel);border:1px solid rgba(0,229,255,.22)}.class-card:hover:not(:disabled){box-shadow:0 0 30px #00f0ff40,0 0 60px #00f0ff1f,var(--glow-cyan)}.enemy-card:before{content:"";position:absolute;top:-1px;right:-1px;width:16px;height:16px;background:linear-gradient(135deg,transparent 50%,var(--cyan) 50.5%);opacity:.65;pointer-events:none}.enemy-card{background:var(--grad-panel-cyan),var(--panel);border:1px solid rgba(0,229,255,.2)}.hud{border-bottom:none}.hud:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.45}.hud,.map-screen{position:relative}.map-screen:before{content:"";position:absolute;inset:0;background:var(--scanline-run);opacity:.35;pointer-events:none;z-index:0}.map-screen>*{position:relative;z-index:1}@keyframes map-node-in{0%{opacity:0;transform:translateY(10px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: no-preference){.map-row .map-node{animation:map-node-in .45s var(--ease-out) backwards;animation-delay:calc(var(--row-d, 0s) + var(--col-d, 0s))}}.title-screen{position:relative}.title-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(0,229,255,.08),transparent 60%),repeating-linear-gradient(120deg,rgba(0,240,255,.03) 0 2px,transparent 2px 26px);pointer-events:none;z-index:0}.title-screen>*{position:relative;z-index:1}.class-card--ironclad{--accent: var(--cyan);--accent-soft: rgba(0, 229, 255, .12);--accent-glow: 0 0 20px rgba(0, 229, 255, .18)}.class-card--silent{--accent: var(--green);--accent-soft: rgba(0, 230, 118, .12);--accent-glow: 0 0 20px rgba(0, 230, 118, .18)}.class-card--defect{--accent: var(--purple);--accent-soft: rgba(123, 43, 255, .16);--accent-glow: 0 0 20px rgba(123, 43, 255, .22)}.class-card--watcher{--accent: var(--gold);--accent-soft: rgba(255, 215, 0, .12);--accent-glow: 0 0 20px rgba(255, 215, 0, .18)}.class-card:before{background:linear-gradient(90deg,transparent,var(--accent, var(--cyan)),transparent)!important;opacity:.9}.class-card:hover:not(:disabled){border-color:var(--accent, var(--cyan));box-shadow:var(--accent-glow),var(--glow-cyan)}.class-card__name{color:var(--accent, var(--ink))}.class-card__hp{color:var(--accent, var(--red))}.title-screen__title{animation:title-glitch-in .9s var(--ease-out) backwards}@keyframes title-glitch-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-18px)}60%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(2px)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}.title-screen .btn{min-width:180px;border-color:#00e5ff80;background:#0a0e23d9}.title-screen .btn:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan),0 0 24px #00e5ff40}.title-screen .btn:not(.audio-toggle){background:linear-gradient(120deg,#00e5ff24,#7b2bff1a);border-color:var(--cyan);font-size:var(--fs-md);letter-spacing:.18em;text-shadow:0 0 10px rgba(0,229,255,.5);animation:start-pulse 2.6s ease-in-out infinite;will-change:opacity;box-shadow:0 0 14px #00e5ff33}@keyframes start-pulse{0%,to{opacity:1}50%{opacity:.82}}.card{position:relative;overflow:hidden;contain:paint}.card--common .card__rarity{box-shadow:0 0 8px #8b9dc380}.card--uncommon .card__rarity{box-shadow:0 0 8px #00e5ff99}.card--rare .card__rarity{box-shadow:0 0 10px #ff2bd6cc}@media (prefers-reduced-motion: no-preference){.hand .card:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(0,240,255,.14),transparent);transform:skew(-20deg);transition:none;opacity:0;pointer-events:none}.hand .card:hover:after{animation:card-scan .55s var(--ease-out);opacity:1}}@keyframes card-scan{0%{left:-40%;opacity:0}20%{opacity:1}to{left:130%;opacity:0}}.enemy-card__intent-icon{animation:intent-blink 2.4s ease-in-out infinite;will-change:opacity;filter:drop-shadow(0 0 5px rgba(0,229,255,.4))}@keyframes intent-blink{0%,to{opacity:.85}50%{opacity:1}}.bar__fill--hp{background:linear-gradient(90deg,var(--red),#ff6b81)}.bar__fill--block{background:linear-gradient(90deg,var(--cyan),#7ce7ff);box-shadow:inset 0 0 4px #00e5ff40}.log{position:relative;border-color:#00e67659;box-shadow:inset 0 0 16px #00e6760d,0 0 12px #00e67614}.end-turn{border-color:#ff174480;color:#ff8a98;min-width:140px}.end-turn:hover:not(:disabled){border-color:var(--red);color:#ffb3bd;box-shadow:0 0 16px #ff174466}.potion-btn{border-color:#00e67666;border-radius:var(--radius-pill);background:#00e6760f}.potion-btn:hover:not(:disabled){border-color:var(--green);box-shadow:0 0 14px #00e6764d}.shop-gold{animation:gold-shimmer 3s ease-in-out infinite;background:#ffd70012;border-color:#ffd7008c;box-shadow:0 0 10px #ffd7002e;will-change:opacity}@keyframes gold-shimmer{0%,to{opacity:1}50%{opacity:.8}}.shop-section__title{position:relative;padding-left:12px}.shop-section__title:before{content:"";position:absolute;left:0;top:50%;width:6px;height:70%;transform:translateY(-50%);background:linear-gradient(180deg,var(--cyan),var(--purple));border-radius:2px}.shop-card{border:1px solid rgba(0,229,255,.16);background:#080a1499;transition:all var(--dur-med) var(--ease-out)}.shop-card:hover{border-color:#00e5ff80;box-shadow:0 0 18px #00e5ff2e;transform:translateY(-3px)}.shop-potion{background:#00e6760f;border-color:#00e67666}.shop-relic__face{background:var(--grad-panel-magenta),var(--panel)}.event-panel__text{border-color:#7b2bff80;background:#0f1225cc;box-shadow:inset 0 0 24px #7b2bff1a;text-shadow:0 0 8px rgba(123,43,255,.3)}.event-choice{border-color:#ff2bd64d;background:#0f1225b3}.event-choice:hover{border-color:var(--magenta);box-shadow:0 0 16px #ff2bd64d,inset 0 0 12px #ff2bd614}.event-choice__summary{font-family:var(--font-mono);letter-spacing:.05em}.rest-action{background:var(--grad-panel-green),var(--panel);border-color:#00e67659}.rest-action:hover{border-color:var(--green);box-shadow:0 0 18px #00e67640}.rest-action__title{color:var(--green);text-shadow:0 0 10px rgba(0,230,118,.4)}.rest-panel .btn{border-color:#00e67666}.rest-panel .btn:hover:not(:disabled){border-color:var(--green);box-shadow:0 0 14px #00e6764d}.chest-panel .btn{border-color:#ffd70080;color:var(--yellow);animation:chest-pulse 2.6s ease-in-out infinite;will-change:opacity;box-shadow:0 0 12px #ffd70038}@keyframes chest-pulse{0%,to{opacity:1}50%{opacity:.8}}.chest-item{border-radius:var(--radius-md);background:#0f1225b3}.chest-item--gold:hover{box-shadow:0 0 16px #ffd70040}.reward-card .card{border:1px solid rgba(255,215,0,.25);box-shadow:0 0 14px #ffd7001f}.reward-card:hover .card{border-color:var(--yellow);box-shadow:0 0 28px #ffd70059}.end-stat{border-color:#00e5ff4d;background:var(--grad-panel-cyan),var(--panel)}.end-stat__value{color:var(--cyan);text-shadow:0 0 12px rgba(0,229,255,.5)}.end-screen--win .end-stat__value{color:var(--gold);text-shadow:0 0 12px rgba(255,215,0,.5)}.end-screen--lose .end-stat__value{color:var(--red);text-shadow:0 0 12px rgba(255,23,68,.5)}.reward-cards{perspective:800px}.reward-card{transform-style:preserve-3d}.reward-card:hover{transform:translateY(-8px) rotateX(4deg) scale(1.04)}.card--ironclad .card__cost{border-radius:4px;border-color:#00e5ffe6;background:linear-gradient(135deg,#00e5ff38,#00e5ff0a);color:#a8f4ff;box-shadow:0 0 7px #00e5ff66;font-weight:800}.card--silent .card__cost{border-radius:50%;border-color:#00e676e6;background:radial-gradient(circle at 36% 32%,#00e67652,#00e6760d);color:#9ff2c8;box-shadow:0 0 7px #00e67673}.card--defect .card__cost{border-radius:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(135deg,#7b2bffd9,#7b2bff4d);color:#e6d9ff;box-shadow:none;font-weight:800}.card--watcher .card__cost{border-radius:0;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:linear-gradient(135deg,#ffd700d9,#ffd70038);color:#fff3c4;box-shadow:none;font-weight:800}.card--colorless .card__cost{border-color:#8b9dc3d9;background:#8b9dc31f;color:#bcc6e0;box-shadow:0 0 5px #8b9dc34d}.card-tooltip__cost--ironclad{border-color:var(--cyan)!important;color:var(--cyan)!important}.card-tooltip__cost--silent{border-color:var(--green)!important;color:var(--green)!important}.card-tooltip__cost--defect{border-color:var(--purple)!important;color:#c9b8ff!important}.card-tooltip__cost--watcher{border-color:var(--gold)!important;color:var(--yellow)!important}.card-tooltip__cost--colorless{border-color:var(--rarity-common)!important;color:var(--ink-dim)!important}.shop-panel.node-panel,.event-panel.node-panel,.rest-panel.node-panel,.reward-panel.node-panel,.chest-panel.node-panel,.event-cards-panel.node-panel,.end-screen.node-panel{justify-content:flex-start}.codex{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-height:100vh;padding:var(--space-6) var(--space-4);position:relative}.codex:before{content:"";position:absolute;inset:0;background:var(--scanline-run);opacity:.3;pointer-events:none;z-index:0}.codex>*{position:relative;z-index:1}.codex__header{text-align:center}.codex__title{-webkit-background-clip:text;background-clip:text;background-image:var(--grad-title-cyan);color:transparent;filter:var(--glow-title-cyan);font-size:var(--fs-2xl);letter-spacing:.18em;margin:0}.codex__sub{color:var(--ink-dim);margin:0}.codex__tabs{display:flex;gap:var(--space-2)}.codex__tab{min-width:96px;border-radius:var(--radius-pill)}.codex__tab--active{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-cyan);background:#00e5ff14}.codex__search{width:min(420px,88vw);padding:var(--space-2) var(--space-3);background:#080a14cc;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-base);outline:none;transition:border-color var(--dur-fast)}.codex__search:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.codex__search::placeholder{color:var(--ink-faint)}.codex__filters{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.codex__filter{padding:4px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--ink-dim);font-size:var(--fs-sm);cursor:pointer;transition:all var(--dur-fast)}.codex__filter:hover{color:var(--ink);border-color:var(--line-strong)}.codex__filter--active{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px #00e5ff40}.codex__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4);width:100%;max-width:1100px}.codex__item{display:flex;justify-content:center}.codex__empty{grid-column:1 / -1;text-align:center;color:var(--ink-faint);padding:var(--space-6)}.codex-card{position:relative;display:flex;flex-direction:column;gap:4px;width:140px;height:196px;padding:var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card-face) padding-box,var(--card-frame) border-box;cursor:pointer;overflow:hidden;transition:transform var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast)}.codex-card:hover{transform:translateY(-4px) scale(1.03);border-color:var(--cyan);box-shadow:0 0 16px #00e5ff40}.codex-card .card__cost{top:8px;left:8px;width:22px;height:22px;font-size:13px}.codex-card .card__type{top:5px;right:5px}.codex-card .card__rarity{position:absolute;top:0;left:0;right:0;height:3px}.codex-card__name{margin-top:14px;font-size:13px;color:var(--ink);text-align:center}.codex-card__desc{flex:1;font-size:var(--fs-xs);line-height:1.45;color:var(--ink-dim);overflow:hidden}.codex-card--big{width:180px;height:252px}.codex-relic{display:flex;flex-direction:column;gap:var(--space-1);width:220px;min-height:110px;padding:var(--space-3) var(--space-3) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);cursor:pointer;transition:transform var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast)}.codex-relic:hover{transform:translateY(-3px);border-color:var(--purple);box-shadow:0 0 14px #7b2bff4d}.codex-relic--common{border-color:var(--rarity-common)}.codex-relic--uncommon{border-color:var(--rarity-uncommon)}.codex-relic--rare{border-color:var(--rarity-rare);box-shadow:var(--glow-magenta)}.codex-relic__rarity{font-size:10px;letter-spacing:.14em;color:var(--ink-dim)}.codex-relic__name{font-size:var(--fs-base);font-weight:700;color:var(--ink);letter-spacing:.05em}.codex-relic__desc{flex:1;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-dim)}.codex-relic__kind{align-self:flex-start;padding:2px 8px;border:1px solid var(--cyan);border-radius:var(--radius-pill);color:var(--cyan);font-size:10px;letter-spacing:.06em}.codex__grid--relics{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.codex-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#04050cc7;animation:overlay-in .2s ease-out}.codex-modal__panel{display:flex;gap:var(--space-5);align-items:center;max-width:min(620px,92vw);padding:var(--space-6);background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--frame-neon-cyan)}.codex-modal__info{display:flex;flex-direction:column;gap:var(--space-2);min-width:220px}.codex-modal__name{font-size:var(--fs-xl);font-weight:700;color:var(--ink);letter-spacing:.06em}.codex-modal__meta{font-size:var(--fs-sm);color:var(--ink-dim)}.codex-modal__eff{font-size:var(--fs-base);color:var(--cyan);line-height:1.6}.codex-modal__desc{font-size:var(--fs-sm);color:var(--ink-dim);line-height:1.6}.codex-modal__tag{align-self:flex-start;padding:2px 10px;border:1px solid var(--magenta);border-radius:var(--radius-pill);color:var(--magenta);font-size:var(--fs-xs)}.codex__back{position:fixed;top:12px;left:12px;z-index:40;min-width:72px;border-color:#00e5ff80;background:#0a0e23e0}.codex__back:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan)}@media (max-width: 560px){.codex-modal__panel{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}}.codex-modal-launcher{position:fixed;inset:0;z-index:260;background:#04050ce6;overflow-y:auto;padding:var(--space-4)}.title-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.title-actions .btn{min-width:180px;border-color:#00e5ff73;background:#0a0e23d9}.title-actions .btn:hover{border-color:var(--cyan);box-shadow:var(--glow-cyan),0 0 24px #00e5ff38}.title-actions .btn:not(.audio-toggle){border-color:#00e5ff80}.title-actions .btn:nth-child(2){border-color:#7b2bff8c;color:#c9b8ff}.title-actions .btn:nth-child(2):hover{border-color:var(--purple);box-shadow:0 0 18px #7b2bff59}.map-hud__codex{position:fixed;top:14px;right:14px;z-index:20;min-width:0;padding:4px 14px;font-size:var(--fs-sm);border-color:#7b2bff8c;color:#c9b8ff;background:#0a0e23d9}.map-hud__codex:hover{border-color:var(--purple);box-shadow:0 0 14px #7b2bff59}