:root{--ink-black: #0a0e10;--ink-deep: #0f1820;--ink-mid: #1a2832;--ink-light: #2a3842;--paper: #e8dcc4;--paper-dim: #9a8e76;--paper-bright: #f5ecd4;--cinnabar: #c8403a;--cinnabar-bright: #e85a52;--moonlight: #c8e0e8;--gold: #d4a84b;--jade: #5a9a6a;--violet: #9a7ab8;--blood: #6a1a18;--rarity-common: #888888;--rarity-uncommon: #5a9a6a;--rarity-rare: #4a7ab8;--rarity-epic: #9a5ab8;--rarity-legendary: #d4a84b;--element-yang: #e85a52;--element-yin: #c8e0e8;--element-neutral: #d4a84b;--font-title: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;--font-body: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-h1: 32px;--text-h2: 24px;--text-h3: 18px;--text-body: 15px;--text-small: 13px;--text-mono: 14px;--lh-h1: 1.3;--lh-h2: 1.4;--lh-h3: 1.5;--lh-body: 1.7;--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: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 999px;--border-thin: 1px;--border-thick: 2px;--border-color: rgba(232, 220, 196, .15);--border-color-strong: rgba(232, 220, 196, .3);--border-color-accent: rgba(200, 64, 58, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-glow-cinnabar: 0 0 16px rgba(200, 64, 58, .4);--shadow-glow-gold: 0 0 16px rgba(212, 168, 75, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink-black);font-family:var(--font-body);color:var(--paper);-webkit-font-smoothing:antialiased}::selection{background:#c8403a66;color:var(--paper-bright)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ink-black)}::-webkit-scrollbar-thumb{background:var(--ink-light);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-color-strong)}#app{width:100vw;height:100vh;overflow:hidden;background:var(--ink-black);color:var(--paper);font-family:var(--font-body);font-size:var(--text-body)}.game-container{max-width:1280px;margin:0 auto;height:100%;position:relative}.scene-transition{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink-black);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:9000}.scene-transition.active{opacity:1;pointer-events:all}.font-title{font-family:var(--font-title)}.text-dim{color:var(--paper-dim)}.text-gold{color:var(--gold)}.text-cinnabar{color:var(--cinnabar-bright)}.mono{font-family:var(--font-mono)}.divider-stamp{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0}.divider-stamp:before,.divider-stamp:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-color-strong),transparent)}.divider-stamp-icon{width:16px;height:16px;background:var(--cinnabar);border-radius:2px;opacity:.7}.panel-textured{position:relative}.panel-textured:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;border-radius:inherit}@media (max-width: 768px){:root{--text-h1: 24px;--text-h2: 20px;--text-h3: 16px;--text-body: 14px}.game-container{padding:var(--space-2)}}.btn{font-family:var(--font-body);font-size:var(--text-body);padding:var(--space-3) var(--space-5);background:var(--ink-mid);color:var(--paper);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;letter-spacing:1px;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--ink-light);border-color:var(--border-color-strong);color:var(--paper-bright)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--cinnabar);border-color:var(--cinnabar-bright);color:var(--paper-bright)}.btn-primary:hover{background:var(--cinnabar-bright);box-shadow:var(--shadow-glow-cinnabar)}.btn-ghost{background:transparent;border-color:var(--border-color)}.btn-sm{font-size:var(--text-small);padding:var(--space-1) var(--space-3);letter-spacing:1px}.btn-danger{background:transparent;border-color:#6a1a1899;color:var(--blood)}.btn-danger:hover{background:#6a1a182e;border-color:var(--blood);color:var(--blood)}.btn:disabled{opacity:.4;cursor:not-allowed}.panel{background:var(--ink-mid);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-md)}.panel-title{font-family:var(--font-title);font-size:var(--text-h3);font-weight:600;color:var(--paper-bright);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-thin) solid var(--border-color);letter-spacing:2px}.stat-bar{position:relative;height:12px;background:var(--ink-black);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.stat-bar-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.stat-bar-fill.hp{background:linear-gradient(90deg,var(--cinnabar),var(--cinnabar-bright))}.stat-bar-fill.mp{background:linear-gradient(90deg,#3a6878,var(--moonlight))}.stat-bar-fill.exp{background:linear-gradient(90deg,#8a6d2b,var(--gold))}.stat-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;color:var(--paper-bright);text-shadow:0 1px 2px rgba(0,0,0,.8)}.dialogue-box{position:fixed;bottom:0;left:0;right:0;height:32vh;min-height:200px;background:linear-gradient(180deg,transparent,var(--ink-deep) 15%);padding:var(--space-6) var(--space-7);display:flex;gap:var(--space-5);z-index:5000;animation:dialogue-rise .25s cubic-bezier(.4,0,.2,1)}@keyframes dialogue-rise{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.dialogue-portrait{flex-shrink:0;width:120px;height:120px;border:var(--border-thick) solid var(--border-color-strong);border-radius:var(--radius-sm);object-fit:cover;background:var(--ink-mid)}.portrait-placeholder{display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:42px;color:var(--paper-dim)}.dialogue-content{flex:1;display:flex;flex-direction:column;min-width:0}.dialogue-speaker{font-family:var(--font-title);font-size:var(--text-h3);color:var(--cinnabar-bright);margin-bottom:var(--space-3);letter-spacing:2px}.dialogue-text{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);color:var(--paper);flex:1;min-height:60px}.dialogue-text .caret{color:var(--cinnabar-bright);animation:caret-blink .8s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.dialogue-choices{display:flex;flex-direction:column;gap:var(--space-2)}.dialogue-choice{padding:var(--space-2) var(--space-4);color:var(--paper-dim);cursor:pointer;transition:all .15s;font-size:var(--text-body);background:transparent;border:none;text-align:left}.dialogue-choice:before{content:"▸ ";color:var(--cinnabar)}.dialogue-choice:hover,.dialogue-choice.selected{color:var(--paper-bright);background:#c8403a1a}.item-slot{width:56px;height:56px;background:var(--ink-black);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .15s}.item-slot:hover{border-color:var(--border-color-strong)}.item-slot[data-rarity=common]{border-color:var(--rarity-common)}.item-slot[data-rarity=uncommon]{border-color:var(--rarity-uncommon)}.item-slot[data-rarity=rare]{border-color:var(--rarity-rare)}.item-slot[data-rarity=epic]{border-color:var(--rarity-epic)}.item-slot[data-rarity=legendary]{border-color:var(--rarity-legendary);box-shadow:var(--shadow-glow-gold)}.item-slot .item-icon{font-family:var(--font-title);font-size:22px;color:var(--paper)}.item-count{position:absolute;bottom:2px;right:4px;font-family:var(--font-mono);font-size:11px;color:var(--paper-bright);text-shadow:0 1px 2px rgba(0,0,0,.9)}.damage-number{position:absolute;font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--paper-bright);text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6);animation:damage-float 1s ease-out forwards;pointer-events:none;z-index:8000}.damage-number.crit{font-size:36px;color:var(--gold);animation:damage-crit 1.2s ease-out forwards}.damage-number.heal{color:var(--jade)}.damage-number.element-bonus{color:var(--cinnabar-bright)}.damage-number.element-resist{color:var(--moonlight)}.damage-number .tag{font-size:12px;font-family:var(--font-body);vertical-align:middle;margin-left:var(--space-1);letter-spacing:2px}@keyframes damage-float{0%{transform:translateY(0) scale(.5);opacity:0}20%{transform:translateY(-10px) scale(1.2);opacity:1}to{transform:translateY(-60px) scale(1);opacity:0}}@keyframes damage-crit{0%{transform:translateY(0) scale(.3) rotate(-10deg);opacity:0}15%{transform:translateY(-5px) scale(1.5) rotate(5deg);opacity:1}30%{transform:translateY(-10px) scale(1.2) rotate(-2deg);opacity:1}to{transform:translateY(-80px) scale(1) rotate(0);opacity:0}}.screen-shake{animation:shake .2s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px,3px)}50%{transform:translate(5px,-4px)}75%{transform:translate(-3px,2px)}}.element-tag{display:inline-block;padding:1px 6px;font-size:11px;border-radius:var(--radius-sm);letter-spacing:1px;border:var(--border-thin) solid}.element-tag.yang{color:var(--element-yang);border-color:#e85a5280;background:#e85a5214}.element-tag.yin{color:var(--element-yin);border-color:#c8e0e866;background:#c8e0e814}.element-tag.neutral{color:var(--element-neutral);border-color:#d4a84b80;background:#d4a84b14}.toast-layer{position:fixed;top:var(--space-7);left:50%;transform:translate(-50%);z-index:9500;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{background:var(--ink-mid);border:var(--border-thin) solid var(--border-color-strong);border-left:3px solid var(--gold);color:var(--paper-bright);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-small);box-shadow:var(--shadow-md);animation:toast-in .25s ease-out}.toast.levelup{border-left-color:var(--gold);color:var(--gold);font-family:var(--font-title);letter-spacing:2px}.toast.skill{border-left-color:var(--violet)}.toast.quest{border-left-color:var(--jade)}@keyframes toast-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e10b3;display:flex;align-items:center;justify-content:center;z-index:6000;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin) solid var(--border-color);transition:background .15s}.list-row:hover{background:#e8dcc40a}.list-row:last-child{border-bottom:none}.list-row .list-row-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.list-row .list-row-name{color:var(--paper-bright);letter-spacing:1px;display:flex;align-items:center;gap:var(--space-2)}.list-row .list-row-sub{font-size:var(--text-small);color:var(--paper-dim);letter-spacing:1px}.list-row .list-row-count{color:var(--paper);font-size:var(--text-small)}.list-row .list-row-actions{display:flex;gap:var(--space-2)}.list-row.rarity-uncommon{border-left:2px solid var(--rarity-uncommon)}.list-row.rarity-rare{border-left:2px solid var(--rarity-rare)}.list-row.rarity-epic{border-left:2px solid var(--rarity-epic)}.list-row.rarity-legendary{border-left:2px solid var(--rarity-legendary)}.status-chip{display:inline-flex;align-items:center;font-size:11px;font-family:var(--font-mono);padding:1px 6px;border-radius:var(--radius-sm);border:var(--border-thin) solid var(--border-color);color:var(--paper-dim);letter-spacing:1px}.status-chip.buff{border-color:#739f9180;color:var(--jade)}.status-chip.debuff{border-color:#6a1a1899;color:var(--cinnabar-bright)}.title-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 20%,rgba(42,56,66,.5),transparent 55%),radial-gradient(ellipse at 25% 85%,rgba(106,26,24,.22),transparent 50%),var(--ink-deep);overflow:hidden}.title-screen .moon{position:absolute;top:12%;right:18%;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f5ecd4,#d8ccb0 60%,transparent 75%);opacity:.16;filter:blur(1px)}.title-screen .mountains{position:absolute;bottom:0;left:0;right:0;height:40%;opacity:.5}.title-screen .mountains svg{width:100%;height:100%}.title-art{position:relative;z-index:2;text-align:center;margin-bottom:var(--space-8)}.title-main{font-family:var(--font-title);font-size:72px;font-weight:700;letter-spacing:18px;color:var(--paper-bright);text-shadow:0 4px 24px rgba(0,0,0,.8);margin-bottom:var(--space-3);text-indent:18px}.title-sub{font-family:var(--font-title);font-size:var(--text-h3);color:var(--paper-dim);letter-spacing:10px;text-indent:10px}.title-seal{display:inline-block;margin-top:var(--space-4);width:44px;height:44px;border:var(--border-thick) solid rgba(200,64,58,.7);border-radius:var(--radius-sm);color:var(--cinnabar-bright);font-family:var(--font-title);font-size:15px;line-height:20px;padding:3px;writing-mode:vertical-rl;letter-spacing:2px}.title-menu{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-3);min-width:220px}.title-menu .btn{text-align:center;background:#1a2832bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-3) var(--space-6)}.title-footer{position:absolute;bottom:var(--space-4);font-size:var(--text-small);color:var(--paper-dim);letter-spacing:2px;z-index:2}.explore-screen{position:relative;width:100%;height:100%;overflow:hidden}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s ease}.scene-bg.theme-village{background:radial-gradient(ellipse at 20% 30%,rgba(212,168,75,.08),transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(90,154,106,.06),transparent 45%),linear-gradient(180deg,#16222c,#1c2b34 55%,#243530)}.scene-bg.theme-road{background:radial-gradient(ellipse at 70% 25%,rgba(200,224,232,.06),transparent 55%),linear-gradient(180deg,#131c24,#1a2832 60%,#20242a)}.scene-bg.theme-temple{background:radial-gradient(ellipse at 50% 40%,rgba(154,122,184,.1),transparent 55%),radial-gradient(ellipse at 30% 80%,rgba(200,64,58,.05),transparent 45%),linear-gradient(180deg,#14131f,#1c1a2c 60%,#221f30)}.scene-bg.theme-snow{background:radial-gradient(ellipse at 50% 20%,rgba(200,224,232,.1),transparent 60%),linear-gradient(180deg,#182028,#22303c 60%,#2c3c48)}.scene-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 25% at 30% 85%,rgba(232,220,196,.045),transparent),radial-gradient(ellipse 50% 20% at 75% 90%,rgba(232,220,196,.035),transparent);pointer-events:none;animation:fog-drift 24s ease-in-out infinite alternate}@keyframes fog-drift{0%{transform:translate(-2%)}to{transform:translate(2%)}}.map-nodes{position:absolute;top:0;right:0;bottom:0;left:0}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:#0f1820b3;border:var(--border-thin) solid var(--border-color-strong);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-width:88px}.map-node:hover{border-color:var(--cinnabar);background:#1a2832d9;transform:translate(-50%,-50%) translateY(-3px);box-shadow:var(--shadow-md)}.map-node .node-icon{font-family:var(--font-title);font-size:24px;color:var(--paper);line-height:1}.map-node:hover .node-icon{color:var(--cinnabar-bright)}.map-node .node-label{font-size:var(--text-small);color:var(--paper-dim);letter-spacing:2px;white-space:nowrap}.map-node:hover .node-label{color:var(--paper-bright)}.map-node.node-npc{border-style:dashed}.map-node.node-exit{border-color:#d4a84b66}.map-node.node-boss{border-color:var(--cinnabar);box-shadow:0 0 12px #c8403a40}.hud-top{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);background:linear-gradient(180deg,rgba(10,14,16,.85),transparent);z-index:10}.hud-chapter{font-family:var(--font-title);font-size:var(--text-h3);color:var(--paper-bright);letter-spacing:4px}.hud-map-name{font-size:var(--text-small);color:var(--paper-dim);letter-spacing:2px;margin-left:var(--space-3)}.hud-bottom{position:absolute;bottom:0;left:0;right:0;height:56px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:linear-gradient(0deg,rgba(10,14,16,.85),transparent);z-index:10}.hud-char{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.hud-char-name{font-family:var(--font-title);font-size:var(--text-h3);color:var(--paper-bright);white-space:nowrap}.hud-char-level{font-family:var(--font-mono);font-size:var(--text-small);color:var(--gold);white-space:nowrap}.hud-bars{display:flex;gap:var(--space-3);width:260px;flex-direction:column}.hud-gold{font-family:var(--font-mono);font-size:var(--text-small);color:var(--gold);white-space:nowrap}.hud-btn-group{display:flex;gap:var(--space-2)}.hud-btn{font-size:var(--text-small);padding:var(--space-2) var(--space-4);letter-spacing:2px}.battle-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,rgba(106,26,24,.12),transparent 60%),var(--ink-deep);overflow:hidden}.battle-top{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5)}.battle-turn{font-family:var(--font-title);color:var(--paper-dim);letter-spacing:3px;font-size:var(--text-small)}.battle-field{flex:1;position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:var(--space-4) 0}.combatant{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;transition:transform .2s}.combatant .combatant-sprite{width:150px;height:150px;display:flex;align-items:center;justify-content:center;border:var(--border-thin) solid var(--border-color-strong);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 35%,rgba(232,220,196,.06),transparent 70%),var(--ink-mid);font-family:var(--font-title);font-size:56px;position:relative;transition:transform .15s}.combatant.combatant-enemy .combatant-sprite{border-color:#c8403a66}.combatant.combatant-hit .combatant-sprite{animation:hit-flash .3s ease}@keyframes hit-flash{0%,to{transform:translate(0);filter:none}25%{transform:translate(-8px);filter:brightness(1.6) sepia(.4) hue-rotate(-30deg)}75%{transform:translate(6px);filter:brightness(1.4)}}.combatant.combatant-dead .combatant-sprite{opacity:.25;filter:grayscale(1);transform:rotate(4deg) translateY(12px);transition:all .6s ease}.combatant-info{display:flex;flex-direction:column;gap:var(--space-1);width:300px}.combatant-name-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.combatant-name{font-family:var(--font-title);font-size:var(--text-h3);color:var(--paper-bright);letter-spacing:2px}.combatant-status-row{display:flex;gap:var(--space-1);min-height:18px}.status-chip{font-size:10px;padding:1px 5px;border-radius:var(--radius-sm);border:var(--border-thin) solid var(--border-color-strong);color:var(--paper-dim);letter-spacing:1px}.status-chip.buff{color:var(--jade);border-color:#5a9a6a80}.status-chip.debuff{color:var(--cinnabar-bright);border-color:#c8403a80}.battle-controls{padding:var(--space-3) var(--space-5) var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.battle-commands{display:flex;gap:var(--space-2)}.battle-cmd{flex:1;text-align:center;padding:var(--space-3);font-family:var(--font-title);font-size:var(--text-h3);letter-spacing:6px;background:#1a2832d9;color:var(--paper);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.battle-cmd:hover:not(:disabled){border-color:var(--cinnabar);color:var(--paper-bright);background:#2a3842e6}.battle-cmd:disabled{opacity:.35;cursor:not-allowed}.battle-submenu{display:flex;gap:var(--space-2);flex-wrap:wrap;animation:fade-in .15s ease-out}.skill-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--ink-mid);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);color:var(--paper);cursor:pointer;transition:all .15s;font-size:var(--text-small)}.skill-btn:hover:not(:disabled){border-color:var(--border-color-strong);background:var(--ink-light)}.skill-btn:disabled{opacity:.35;cursor:not-allowed}.skill-btn .skill-name{font-family:var(--font-title);font-size:var(--text-body);letter-spacing:1px}.skill-btn .skill-cost{font-family:var(--font-mono);color:var(--moonlight);font-size:var(--text-small)}.battle-log{height:84px;margin:0 var(--space-5) var(--space-3);padding:var(--space-2) var(--space-4);background:#0a0e1099;border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-small);color:var(--paper-dim);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.battle-log .log-line{animation:fade-in .3s ease-out}.battle-log .log-line.latest{color:var(--paper)}#skill-fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;display:none}#skill-fx-layer.active{display:block}#skill-fx-layer video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--ink-black)}.skill-fx-caption{position:absolute;top:12%;left:50%;transform:translate(-50%);font-family:var(--font-title);font-size:42px;letter-spacing:12px;color:var(--paper-bright);text-shadow:0 4px 16px rgba(0,0,0,.9);z-index:10000;animation:skill-name-in .5s ease-out;white-space:nowrap}@keyframes skill-name-in{0%{opacity:0;transform:translate(-50%) scale(1.3);letter-spacing:30px}to{opacity:1;transform:translate(-50%) scale(1);letter-spacing:12px}}.menu-screen{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at 80% 15%,rgba(42,56,66,.4),transparent 50%),var(--ink-deep);padding:var(--space-7);overflow-y:auto}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.menu-title{font-family:var(--font-title);font-size:var(--text-h2);color:var(--paper-bright);letter-spacing:6px}.menu-grid{display:grid;grid-template-columns:340px 1fr;gap:var(--space-5);max-width:1080px;margin:0 auto}.char-card .char-name{font-family:var(--font-title);font-size:var(--text-h2);color:var(--paper-bright);letter-spacing:3px}.char-card .char-title{color:var(--paper-dim);font-size:var(--text-small);letter-spacing:2px;margin-bottom:var(--space-4)}.char-stats{display:flex;flex-direction:column;gap:var(--space-2)}.char-stat-row{display:flex;justify-content:space-between;font-size:var(--text-small)}.char-stat-row .stat-label{color:var(--paper-dim);letter-spacing:2px}.char-stat-row .stat-value{font-family:var(--font-mono);color:var(--paper-bright)}.char-stat-row .stat-value.bonus{color:var(--jade)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,56px);gap:var(--space-2)}.skill-manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.skill-manage-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.skill-manage-item:hover{border-color:var(--border-color-strong);background:#e8dcc408}.skill-manage-item.equipped{border-color:#d4a84b80}.skill-manage-item .skill-mastery{font-size:11px;color:var(--violet)}.shop-screen{position:relative;width:100%;height:100%;background:var(--ink-deep);padding:var(--space-7);overflow-y:auto}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);max-width:1080px;margin:0 auto}.gameover-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);background:radial-gradient(ellipse at 50% 50%,rgba(106,26,24,.25),transparent 70%),var(--ink-black)}.gameover-title{font-family:var(--font-title);font-size:56px;letter-spacing:14px;color:var(--blood);text-shadow:0 4px 20px rgba(0,0,0,.9)}.gameover-title.victory{color:var(--gold)}.gameover-desc{color:var(--paper-dim);letter-spacing:2px;max-width:480px;text-align:center;line-height:var(--lh-body)}.battle-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0e10bf;z-index:20;animation:fade-in .3s ease-out}.battle-result .panel{min-width:380px;text-align:center}.battle-result .result-title{font-family:var(--font-title);font-size:var(--text-h1);letter-spacing:10px;margin-bottom:var(--space-4)}.battle-result .result-title.victory{color:var(--gold)}.battle-result .result-title.defeat{color:var(--blood)}.battle-result .result-title.flee{color:var(--paper-dim)}.battle-result .result-rows{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.battle-result .result-row{display:flex;justify-content:space-between;font-size:var(--text-body)}.battle-result .result-row .label{color:var(--paper-dim);letter-spacing:2px}.battle-result .result-row .value{font-family:var(--font-mono);color:var(--paper-bright)}@media (max-width: 768px){.title-main{font-size:44px;letter-spacing:10px}.combatant .combatant-sprite{width:110px;height:110px;font-size:40px}.combatant-info{width:220px}.menu-grid,.shop-grid,.skill-manage-grid{grid-template-columns:1fr}}.menu-tabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);border-bottom:var(--border-thin) solid var(--border-color);padding-bottom:0}.menu-tab{font-family:var(--font-title);font-size:var(--text-h3);letter-spacing:4px;color:var(--paper-dim);background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--space-2) var(--space-4) var(--space-3);cursor:pointer;transition:color .15s,border-color .15s}.menu-tab:hover{color:var(--paper)}.menu-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.menu-gold{color:var(--gold);font-size:var(--text-body);letter-spacing:1px}.menu-body{max-width:760px;margin:0 auto}.menu-panel{animation:fade-in .25s ease-out}.char-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.char-seal{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:30px;color:var(--paper-bright);background:var(--ink-black);border:var(--border-thin) solid var(--border-color-strong);border-radius:var(--radius-sm);box-shadow:inset 0 0 18px #0009}.char-name{font-family:var(--font-title);font-size:var(--text-h2);color:var(--paper-bright);letter-spacing:3px;display:flex;align-items:center;gap:var(--space-2)}.char-sub{color:var(--paper-dim);font-size:var(--text-small);letter-spacing:2px;margin-top:4px}.char-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}.stat-cell{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:#0a0e1080;border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm)}.stat-cell .stat-k{font-size:12px;color:var(--paper-dim);letter-spacing:2px}.stat-cell .stat-v{font-family:var(--font-mono);color:var(--paper-bright)}.equip-title,.skill-equip-header,.skill-learned-header{font-family:var(--font-title);color:var(--paper);letter-spacing:3px;font-size:var(--text-body);margin-bottom:var(--space-3)}.equip-grid{display:flex;flex-direction:column;gap:var(--space-2)}.equip-slot{position:relative;display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:#0a0e1080;border:var(--border-thin) solid var(--border-color);border-left:3px solid var(--border-color-strong);border-radius:var(--radius-sm)}.equip-slot.rarity-uncommon{border-left-color:var(--rarity-uncommon)}.equip-slot.rarity-rare{border-left-color:var(--rarity-rare)}.equip-slot.rarity-epic{border-left-color:var(--rarity-epic)}.equip-slot.rarity-legendary{border-left-color:var(--rarity-legendary)}.equip-slot-hint{font-family:var(--font-title);color:var(--paper-dim);font-size:var(--text-h3);margin-right:var(--space-4)}.equip-item{flex:1;display:flex;align-items:center;gap:var(--space-3)}.equip-name{color:var(--paper-bright);letter-spacing:1px}.equip-bonus{font-size:var(--text-small);color:var(--jade);font-family:var(--font-mono)}.equip-empty{color:var(--paper-dim);font-size:var(--text-small);letter-spacing:4px}.skill-equip-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}.skill-slot{aspect-ratio:1.6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font-title);letter-spacing:2px;color:var(--paper-bright);background:#0a0e1080;border:var(--border-thin) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s}.skill-slot.equipped{border-color:#d4a84b80;box-shadow:inset 0 0 16px #d4a84b14}.skill-slot.equipped:hover{border-color:var(--gold)}.skill-slot.empty{color:var(--paper-dim);font-size:var(--text-small);letter-spacing:6px;cursor:default;border-style:dashed}.skill-slot.equipped.rarity-rare{border-color:#739f9199}.skill-slot.equipped.rarity-epic{border-color:#9664b499}.skill-slot.equipped.rarity-legendary{border-color:#d4a84bb3}.skill-equipped-row{border-left:2px solid rgba(212,168,75,.5)}.system-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:var(--border-thin) solid var(--border-color)}.system-row:last-child{border-bottom:none}.system-row.danger .system-name{color:var(--blood)}.system-name{font-family:var(--font-title);color:var(--paper-bright);letter-spacing:2px;margin-bottom:2px}.system-sub{font-size:var(--text-small);color:var(--paper-dim);letter-spacing:1px}.boot-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);background:var(--ink-black);z-index:9999}.boot-seal{width:96px;height:96px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:44px;color:var(--cinnabar-bright);border:2px solid rgba(106,26,24,.6);border-radius:var(--radius-sm);animation:boot-pulse 2s ease-in-out infinite}.boot-text{color:var(--paper-dim);letter-spacing:4px}.boot-error{color:var(--cinnabar-bright);font-size:var(--text-small);font-family:var(--font-mono)}@keyframes boot-pulse{0%,to{box-shadow:0 0 #6a1a1800}50%{box-shadow:0 0 24px #6a1a1873}}@media (max-width: 768px){.char-stats,.skill-equip-slots{grid-template-columns:repeat(2,1fr)}}