@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700;900&display=swap";:root{--bg-primary: #0a0e14;--bg-secondary: #141a24;--bg-panel: #1a2233;--bg-panel-dark: #111822;--border-color: #2a3a50;--border-glow: #4a6a8a;--text-primary: #d4cfc4;--text-secondary: #8a9ab0;--text-highlight: #f0e6d0;--accent-gold: #c9a84c;--accent-red: #c44040;--rarity-gray: #808080;--rarity-white: #d4d4d4;--rarity-green: #4caf50;--rarity-blue: #42a5f5;--rarity-purple: #ab47bc;--rarity-orange: #ff9800;--rarity-red: #f44336;--hp-color: #c44040;--hp-bg: #3a1515;--mp-color: #4488cc;--mp-bg: #152a3a;--panel-width: 220px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif SC",serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden;font-size:14px}#game-container{display:flex;width:100vw;height:100vh;position:relative}.side-panel{width:var(--panel-width);min-width:var(--panel-width);height:100vh;background:var(--bg-panel-dark);border-right:1px solid var(--border-color);overflow-y:auto;padding:.5rem;flex-shrink:0}#panel-right{border-right:none;border-left:1px solid var(--border-color)}#panel-center{flex:1;height:100vh;position:relative;overflow:hidden}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .3s ease}.screen.active{display:flex;opacity:1}.panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem;max-width:600px;width:100%;box-shadow:0 0 20px #00000080}.btn{font-family:"Noto Serif SC",serif;font-size:.9rem;padding:.5rem 1.5rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s;border-radius:2px;min-width:100px}.btn:hover:not(:disabled){border-color:var(--accent-gold);color:var(--text-highlight);box-shadow:0 0 8px #c9a84c4d}.btn:disabled{opacity:.4;cursor:default}.btn-primary{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-primary:hover:not(:disabled){background:#c9a84c1a}.btn-sm{font-size:.75rem;padding:.25rem .6rem;min-width:50px}.btn-breakthrough{border-color:var(--rarity-purple);color:var(--rarity-purple);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #ab47bc4d}50%{box-shadow:0 0 15px #ab47bc99}}.title-art{text-align:center;margin-bottom:2rem}.game-title{font-size:3rem;font-weight:900;color:var(--accent-gold);text-shadow:0 0 30px rgba(201,168,76,.4);letter-spacing:.5rem}.game-subtitle{font-size:1rem;color:var(--text-secondary);margin-top:.5rem;letter-spacing:.3rem}.menu-buttons{display:flex;flex-direction:column;gap:.8rem;align-items:center}.char-portrait-wrap{text-align:center;margin-bottom:.5rem}.char-portrait{width:50px;height:50px;margin:0 auto .3rem;border-radius:50%;border:2px solid var(--accent-gold);background:linear-gradient(135deg,#1a2a3a,#2a3a4a);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--accent-gold)}.char-name{font-weight:700;font-size:.95rem;color:var(--text-highlight)}.char-realm{font-size:.75rem;color:var(--rarity-purple)}.char-bars{margin:.5rem 0}.bar-row{display:flex;align-items:center;gap:4px;margin-bottom:3px}.bar-label{font-size:.65rem;color:var(--text-secondary);width:24px;text-align:right}.mini-bar-container{flex:1;height:14px;border-radius:2px;position:relative;overflow:hidden}.mini-bar-container.hp{background:var(--hp-bg)}.mini-bar-container.mp{background:var(--mp-bg)}.mini-bar{height:100%;transition:width .3s ease;width:100%}.mini-bar-container.hp .mini-bar{background:linear-gradient(90deg,#8b2020,var(--hp-color))}.mini-bar-container.mp .mini-bar{background:linear-gradient(90deg,#1a4466,var(--mp-color))}.mini-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;color:#fff;text-shadow:0 0 2px #000;white-space:nowrap}.char-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:.3rem 0;font-size:.7rem}.mini-stat{display:flex;justify-content:space-between;padding:1px 3px}.mini-stat-label{color:var(--text-secondary)}.mini-stat-value{color:var(--text-highlight);font-weight:700}.section-title{font-size:.7rem;color:var(--accent-gold);border-bottom:1px solid var(--border-color);padding:.3rem 0 .2rem;margin-top:.4rem;margin-bottom:.3rem}.equip-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.equip-slot{width:100%;aspect-ratio:1;border:1px solid var(--border-color);border-radius:3px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .2s;font-size:.65rem}.equip-slot:hover{border-color:var(--accent-gold)}.equip-slot-label{color:var(--text-secondary);font-size:.6rem;pointer-events:none}.equip-slot.filled .equip-slot-label{display:none}.equip-slot.filled{background-size:cover}.equip-slot-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border-radius:2px}.cult-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.cult-slot{width:100%;aspect-ratio:1;border:1px solid var(--border-color);border-radius:3px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:.6rem;color:var(--text-secondary);transition:border-color .2s}.cult-slot:hover{border-color:var(--rarity-purple)}.cult-slot.locked{opacity:.3;cursor:default}.cult-slot-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;border-radius:2px}.inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.inv-slot{width:100%;aspect-ratio:1;border:1px solid var(--border-color);border-radius:3px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:.65rem;transition:border-color .2s}.inv-slot:hover{border-color:var(--accent-gold)}.inv-slot-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:2px;font-size:.6rem}.glow-blue{box-shadow:0 0 6px #42a5f580;border-color:var(--rarity-blue)!important}.glow-purple{box-shadow:0 0 8px #ab47bc99;border-color:var(--rarity-purple)!important}.glow-orange{box-shadow:0 0 10px #ff9800b3;border-color:var(--rarity-orange)!important;animation:glowPulse 2s ease-in-out infinite}.glow-red{box-shadow:0 0 12px #f44336cc;border-color:var(--rarity-red)!important;animation:glowPulse 1.5s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.enemy-portrait-wrap{text-align:center;margin-bottom:.5rem}.enemy-portrait{width:50px;height:50px;margin:0 auto .3rem;border-radius:50%;border:2px solid var(--accent-red);background:linear-gradient(135deg,#2a1515,#3a2020);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--accent-red)}.enemy-name-display{font-weight:700;font-size:.95rem;color:var(--accent-red)}.enemy-type-display{font-size:.7rem;color:var(--text-secondary)}.enemy-bars{margin:.5rem 0}.enemy-stats-grid{display:grid;grid-template-columns:1fr;gap:1px;font-size:.7rem;margin-top:.3rem}.item-tooltip{position:fixed;z-index:1000;background:var(--bg-panel-dark);border:1px solid var(--accent-gold);border-radius:4px;padding:.6rem .8rem;min-width:180px;max-width:280px;pointer-events:none;box-shadow:0 0 15px #000c}.tooltip-name{font-weight:700;font-size:.85rem;margin-bottom:.3rem}.tooltip-slot{font-size:.7rem;color:var(--text-secondary);margin-bottom:.3rem}.tooltip-stats{font-size:.7rem;line-height:1.5}.tooltip-stats .stat-line{color:var(--rarity-green)}.tooltip-desc{font-size:.7rem;color:#b8a0d0;margin-top:.3rem;border-top:1px solid var(--border-color);padding-top:.3rem}.tooltip-compare{font-size:.65rem;color:var(--text-secondary);margin-top:.3rem;border-top:1px solid var(--border-color);padding-top:.3rem}.compare-up{color:var(--rarity-green)}.compare-down{color:var(--accent-red)}.game-over-title{font-size:2.5rem;color:var(--accent-red);text-align:center;margin-bottom:1rem}.game-over-text{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}.rarity-gray{color:var(--rarity-gray)}.rarity-white{color:var(--rarity-white)}.rarity-green{color:var(--rarity-green)}.rarity-blue{color:var(--rarity-blue)}.rarity-purple{color:var(--rarity-purple)}.rarity-orange{color:var(--rarity-orange)}.rarity-red{color:var(--rarity-red)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.equip-slot-icon svg,.cult-slot-icon svg,.inv-slot-icon svg{display:block;width:100%;height:100%;padding:2px;box-sizing:border-box}.equip-slot-icon.ghost{opacity:.28}.loot-card-icon svg{display:block;width:78%;height:78%}.affix-info{font-size:.65rem;line-height:1.5;padding:.2rem .1rem;margin-top:.2rem}.realm-info{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;font-size:.9rem}.realm-label{color:var(--rarity-purple);font-weight:700}.realm-exp{color:var(--text-secondary)}.battle-header{display:flex;align-items:center;gap:.5rem;width:100%;max-width:600px;margin-bottom:1rem}.combatant{flex:1;min-width:0;background:var(--bg-panel);border:1px solid var(--border-color);padding:.5rem .6rem;border-radius:4px}.combatant-name{display:block;font-size:.85rem;font-weight:700;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-side .combatant-name{color:var(--accent-gold)}.enemy-side .combatant-name{color:var(--accent-red)}.vs-text{font-size:1rem;color:var(--text-secondary);font-weight:700;flex-shrink:0}.hp-bar-container,.mp-bar-container{position:relative;height:18px;background:var(--hp-bg);border-radius:2px;overflow:hidden;margin-bottom:3px}.mp-bar-container{height:12px;background:var(--mp-bg)}.hp-bar{height:100%;background:linear-gradient(90deg,#8b2020,var(--hp-color));transition:width .3s ease;width:100%}.mp-bar{height:100%;background:linear-gradient(90deg,#1a4466,var(--mp-color));transition:width .3s ease;width:100%}.hp-text,.mp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;color:var(--text-highlight);text-shadow:0 0 3px rgba(0,0,0,.8);white-space:nowrap}.battle-enemies{flex:1.4;display:flex;gap:.4rem;min-width:0;justify-content:flex-end;flex-wrap:wrap}.enemy-unit{flex:1;min-width:90px;max-width:150px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:.4rem .45rem;text-align:center;transition:border-color .15s,transform .15s,opacity .3s}.battle-enemies.targetable .enemy-unit:not(.dead){cursor:pointer;border-color:#c440408c;animation:targetPulse 1.6s ease-in-out infinite}.battle-enemies.targetable .enemy-unit:not(.dead):hover{border-color:var(--accent-red);transform:translateY(-2px);box-shadow:0 0 10px #c4404066}@keyframes targetPulse{0%,to{box-shadow:0 0 3px #c4404026}50%{box-shadow:0 0 8px #c4404059}}.enemy-unit.dead{opacity:.3;filter:grayscale(1)}.enemy-unit-intent{font-size:.62rem;color:var(--accent-gold);min-height:.9rem;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enemy-unit-intent.danger{color:var(--rarity-purple);font-weight:700}.enemy-unit-intent.frozen{color:#4a9fd5;font-weight:700}.enemy-unit-icon{width:30px;height:30px;margin:0 auto .2rem;border-radius:50%;border:1px solid var(--accent-red);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--accent-red);background:linear-gradient(135deg,#2a1515,#3a2020)}.enemy-unit-name{font-size:.7rem;font-weight:700;color:var(--accent-red);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enemy-unit-type{font-size:.6rem;color:var(--text-secondary);margin-bottom:.25rem}.enemy-unit-bar-wrap{position:relative;height:12px;background:var(--hp-bg);border-radius:2px;overflow:hidden}.enemy-unit-bar{height:100%;width:100%;transition:width .3s ease;background:linear-gradient(90deg,#8b2020,var(--hp-color))}.enemy-unit-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.55rem;color:var(--text-highlight);text-shadow:0 0 2px rgba(0,0,0,.9);white-space:nowrap}.enemy-unit-effects{font-size:.6rem;min-height:.8rem;margin-top:.15rem;font-weight:700;letter-spacing:.05em}.battle-hint{font-size:.75rem;color:var(--accent-gold);margin-bottom:.4rem;animation:hintBlink 2s ease-in-out infinite}@keyframes hintBlink{0%,to{opacity:.6}50%{opacity:1}}.prebattle-squad{display:flex;flex-direction:column;gap:.5rem}.prebattle-member{display:flex;align-items:center;gap:.6rem;text-align:left;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.45rem .6rem}.prebattle-member-icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#2a1515,#3a2020);border:2px solid var(--accent-red);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--accent-red)}.prebattle-member-info{flex:1;min-width:0}.prebattle-member-name{font-size:.85rem;font-weight:700;color:var(--accent-red)}.prebattle-member-name .type-tag{font-size:.7rem;color:var(--text-secondary);font-weight:400;margin-left:.4rem}.prebattle-member-stats{font-size:.7rem;color:var(--text-secondary);margin-top:.15rem}.prebattle-member-skills{font-size:.65rem;color:var(--rarity-purple);margin-top:.15rem}.battle-log{width:100%;max-width:600px;height:300px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:.8rem;overflow-y:auto;font-size:.8rem;line-height:1.7}.battle-log .log-entry{padding:1px 0;border-bottom:1px solid rgba(42,58,80,.2)}.log-entry.log-round{color:var(--accent-gold);font-weight:700;margin-top:.4rem}.log-entry.log-player-action{color:#7cb7e8}.log-entry.log-enemy-action{color:#e87c7c}.log-entry.log-critical{color:#fc0;font-weight:700}.log-entry.log-skill{color:var(--rarity-purple)}.log-entry.log-result{color:var(--accent-gold);font-size:1rem;font-weight:700;text-align:center;margin-top:.8rem}.log-entry.log-defeat{color:var(--accent-red);font-size:1rem;font-weight:700;text-align:center;margin-top:.8rem}.battle-controls{margin-top:.8rem;display:flex;gap:.5rem}#screen-stronghold .panel{text-align:center}#stronghold-name{color:var(--accent-gold);font-size:1.5rem;margin-bottom:.5rem}#stronghold-desc{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6;font-size:.85rem}#stronghold-progress{margin-bottom:1rem;font-size:.85rem}.progress-stage{display:inline-block;width:26px;height:26px;line-height:26px;margin:0 3px;border:1px solid var(--border-color);border-radius:3px;font-size:.75rem;color:var(--text-secondary)}.progress-stage.completed{background:#4caf5033;border-color:var(--rarity-green);color:var(--rarity-green)}.progress-stage.current{background:#c9a84c33;border-color:var(--accent-gold);color:var(--accent-gold)}.progress-stage.boss{border-color:var(--accent-red);color:var(--accent-red)}.progress-stage.boss.current{background:#c4404033}.progress-stage.elite{border-color:var(--rarity-purple);color:var(--rarity-purple)}.progress-stage.elite.current{background:#ab47bc26}.progress-stage.event{border-color:var(--accent-gold);color:var(--accent-gold);border-style:dashed}.stronghold-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.loot-overlay{text-align:center;max-width:650px;width:100%}.loot-title{color:var(--accent-gold);font-size:1.5rem;margin-bottom:.3rem}.loot-subtitle{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.5rem}.loot-cards{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.loot-card{width:180px;background:var(--bg-panel);border:2px solid var(--border-color);border-radius:6px;padding:1rem .8rem;cursor:pointer;transition:all .3s ease;position:relative;text-align:left}.loot-card:hover{transform:translateY(-5px);border-color:var(--accent-gold);box-shadow:0 5px 20px #00000080}.loot-card.card-blue{border-color:var(--rarity-blue);box-shadow:0 0 10px #42a5f54d}.loot-card.card-blue:hover{box-shadow:0 5px 20px #42a5f580}.loot-card.card-purple{border-color:var(--rarity-purple);box-shadow:0 0 12px #ab47bc59}.loot-card.card-purple:hover{box-shadow:0 5px 20px #ab47bc99}.loot-card.card-orange{border-color:var(--rarity-orange);box-shadow:0 0 15px #ff980066;animation:cardGlow 2s ease-in-out infinite}.loot-card.card-red{border-color:var(--rarity-red);box-shadow:0 0 18px #f4433680;animation:cardGlow 1.5s ease-in-out infinite}@keyframes cardGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.loot-card-icon{width:40px;height:40px;margin:0 auto .5rem;border-radius:6px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.loot-card-name{font-weight:700;font-size:.85rem;margin-bottom:.3rem}.loot-card-slot{font-size:.7rem;color:var(--text-secondary);margin-bottom:.4rem}.loot-card-stats{font-size:.7rem;color:var(--rarity-green);line-height:1.5}.loot-card-active{font-size:.65rem;color:#b8a0d0;margin-top:.3rem}.loot-card.selected{animation:flyToInventory .5s ease-in forwards}@keyframes flyToInventory{0%{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.7}to{transform:scale(.3) translate(-200px);opacity:0}}.loot-card.not-selected{animation:fadeOutCard .3s ease-out forwards}@keyframes fadeOutCard{to{opacity:.2;transform:scale(.95);pointer-events:none}}.result-panel{text-align:center}#result-title{font-size:1.8rem;margin-bottom:1rem}#result-title.victory{color:var(--accent-gold)}#result-title.defeat{color:var(--accent-red)}#result-details{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}.result-actions{margin-top:1rem}.event-panel{text-align:center}.event-actions{display:flex;gap:.8rem;justify-content:center;margin-top:1rem}.meta-panel{max-width:550px;overflow-y:auto;max-height:80vh}.meta-header{background:var(--bg-secondary);padding:.6rem;border-radius:4px;margin-bottom:1rem;font-size:.85rem;text-align:center}.meta-upgrade{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.3rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px}.meta-upgrade-info{flex:1}.meta-upgrade-name{font-weight:700;font-size:.85rem;display:block}.meta-upgrade-desc{font-size:.75rem;color:var(--text-secondary)}#game-over-rewards{margin-bottom:1.5rem;text-align:center}.reward-item{display:inline-block;padding:.4rem .8rem;margin:.2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px}.reward-item .reward-amount{color:var(--accent-gold);font-weight:700;font-size:1.1rem}.prebattle-panel{text-align:center;max-width:400px}.prebattle-enemy-info{display:flex;align-items:center;gap:.6rem;justify-content:center;margin-bottom:.8rem}.prebattle-enemy-icon{width:44px;height:44px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--accent-red);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--accent-red);flex-shrink:0}.prebattle-enemy-detail{text-align:left}.prebattle-enemy-name{font-size:1.1rem;font-weight:700;color:var(--accent-red);white-space:nowrap}.prebattle-enemy-type{font-size:.8rem;color:var(--text-secondary)}.prebattle-enemy-stats{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:.8rem;font-size:.8rem}.prebattle-stat{background:var(--bg-secondary);padding:.3rem .6rem;border-radius:3px;border:1px solid var(--border-color);white-space:nowrap}.prebattle-stat-label{color:var(--text-secondary);font-size:.7rem;margin-right:.3rem}.prebattle-stat-value{color:var(--text-highlight);font-weight:700}.prebattle-skills{font-size:.75rem;color:var(--rarity-purple);margin-bottom:.5rem;min-height:1rem}.prebattle-actions{display:flex;gap:.8rem;justify-content:center;margin-top:.5rem}.context-menu{position:fixed;z-index:999;background:var(--bg-panel-dark);border:1px solid var(--accent-gold);border-radius:4px;padding:.3rem 0;min-width:100px;box-shadow:0 0 10px #000c}.context-menu-item{padding:.3rem .8rem;cursor:pointer;font-size:.75rem;color:var(--text-primary);transition:background .15s}.context-menu-item:hover{background:#c9a84c26;color:var(--accent-gold)}.context-menu-item.danger{color:var(--accent-red)}.context-menu-item.danger:hover{background:#c4404026}