*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gold: #d4af37;--primary-red: #c41e3a;--primary-blue: #4169e1;--primary-purple: #9932cc;--primary-green: #228b22;--rarity-common: #9d9d9d;--rarity-uncommon: #1eff00;--rarity-rare: #0070dd;--rarity-epic: #a335ee;--rarity-legendary: #ff8000;--bg-dark: #0a0a0f;--bg-panel: rgba(20, 15, 30, .95);--bg-overlay: rgba(0, 0, 0, .8);--text-primary: #f0e6d2;--text-secondary: #a09080;--text-highlight: #ffd700;--border-gold: #8b7355;--border-glow: rgba(212, 175, 55, .5)}body{font-family:ZCOOL XiaoWei,Microsoft YaHei,serif;background:var(--bg-dark);color:var(--text-primary);overflow:hidden;width:100vw;height:100vh}.screen{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1}.screen.active{display:block}.hidden{display:none!important}#main-menu.active{display:flex;align-items:center;justify-content:center}.menu-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 80%,rgba(139,69,19,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(75,0,130,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.8) 0%,transparent 70%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse"><circle cx="1" cy="1" r="0.5" fill="white" opacity="0.3"/><circle cx="7" cy="4" r="0.3" fill="white" opacity="0.2"/><circle cx="3" cy="8" r="0.4" fill="white" opacity="0.25"/></pattern></defs><rect width="100" height="100" fill="url(%23stars)"/></svg>'),linear-gradient(180deg,#0a0612,#1a0a2e,#0d1b2a);animation:bgPulse 10s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.9}}.menu-content{position:relative;z-index:2;text-align:center;padding:40px}.game-title{font-family:Ma Shan Zheng,cursive;font-size:5rem;color:var(--primary-gold);text-shadow:0 0 10px rgba(212,175,55,.8),0 0 20px rgba(212,175,55,.6),0 0 40px rgba(212,175,55,.4),2px 2px 4px rgba(0,0,0,.8);letter-spacing:.2em;margin-bottom:10px;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 10px rgba(212,175,55,.8),0 0 20px rgba(212,175,55,.6),0 0 40px rgba(212,175,55,.4),2px 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 20px rgba(212,175,55,1),0 0 40px rgba(212,175,55,.8),0 0 60px rgba(212,175,55,.6),2px 2px 4px rgba(0,0,0,.8)}}.game-subtitle{font-size:1.5rem;color:var(--text-secondary);letter-spacing:.5em;margin-bottom:60px}.menu-buttons{display:flex;flex-direction:column;gap:20px;align-items:center}.menu-btn{font-family:ZCOOL XiaoWei,serif;font-size:1.4rem;padding:15px 60px;background:linear-gradient(180deg,#32281ee6,#1e140ff2);border:2px solid var(--border-gold);color:var(--text-primary);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:280px}.menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:left .5s ease}.menu-btn:hover:before{left:100%}.menu-btn:hover{border-color:var(--primary-gold);box-shadow:0 0 20px var(--border-glow);transform:scale(1.05)}.menu-btn:disabled{opacity:.5;cursor:not-allowed}.menu-btn:disabled:hover{transform:none;box-shadow:none}.version{position:absolute;bottom:20px;right:20px;color:var(--text-secondary);font-size:.9rem}#character-select.active{display:flex;align-items:center;justify-content:center;background:var(--bg-dark)}.char-select-content{position:relative;z-index:2;text-align:center;padding:40px 20px;width:100%;max-width:1000px}.char-select-title{font-family:Ma Shan Zheng,cursive;font-size:3rem;color:var(--primary-gold);text-shadow:0 0 10px rgba(212,175,55,.8);margin-bottom:8px}.char-select-subtitle{color:var(--text-secondary, #a0a0b0);font-size:1rem;margin-bottom:40px;letter-spacing:0}.char-cards{display:flex;gap:24px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.char-card{background:var(--bg-panel);border:2px solid var(--border-gold);border-radius:8px;padding:28px 24px;width:260px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.char-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(212,175,55,.05) 0%,transparent 60%);pointer-events:none}.char-card:hover{border-color:var(--primary-gold);box-shadow:0 0 20px var(--border-glow);transform:translateY(-4px)}.char-card.selected{border-color:var(--primary-gold);box-shadow:0 0 30px #d4af3799;background:#d4af371a}.char-card.selected:after{content:"✓";position:absolute;top:10px;right:14px;color:var(--primary-gold);font-size:1.2rem;font-weight:700}.char-card-avatar{font-size:3rem;margin-bottom:12px}.char-card-name{font-family:Ma Shan Zheng,cursive;font-size:1.6rem;color:var(--primary-gold);margin-bottom:4px}.char-card-role{font-size:.85rem;color:var(--text-secondary, #a0a0b0);border:1px solid var(--border-gold);border-radius:20px;display:inline-block;padding:2px 12px;margin-bottom:14px;letter-spacing:0}.char-card-desc{font-size:.9rem;color:var(--text-primary, #e0d8c8);line-height:1.6;margin-bottom:18px;text-align:left}.char-card-stats{display:flex;flex-direction:column;gap:8px}.char-stat{display:flex;align-items:center;gap:8px}.char-stat-label{font-size:.8rem;color:var(--text-secondary, #a0a0b0);width:32px;text-align:right;flex-shrink:0}.char-stat-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.char-stat-fill{display:block;height:100%;background:linear-gradient(90deg,var(--border-gold),var(--primary-gold));border-radius:3px}.char-select-actions{display:flex;gap:20px;justify-content:center;align-items:center}.char-back-btn{background:transparent;border-color:var(--border-gold);color:var(--text-secondary, #a0a0b0);min-width:180px;padding:12px 40px;font-size:1.1rem}.char-confirm-btn{min-width:220px;padding:14px 50px;font-size:1.2rem}.char-confirm-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}#game-guide.active{display:flex;align-items:center;justify-content:center;background:var(--bg-overlay)}.guide-container{background:var(--bg-panel);border:2px solid var(--border-gold);border-radius:10px;width:90%;max-width:900px;max-height:85vh;overflow:hidden;position:relative;box-shadow:0 0 40px #000c}.close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#c41e3acc;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;z-index:10}.close-btn:hover{background:var(--primary-red);transform:scale(1.1)}.guide-container h2{font-family:Ma Shan Zheng,cursive;text-align:center;padding:25px;font-size:2.5rem;color:var(--primary-gold);border-bottom:1px solid var(--border-gold)}.guide-tabs{display:flex;flex-wrap:wrap;background:#0000004d;border-bottom:1px solid var(--border-gold)}.guide-tab{flex:1;min-width:120px;padding:15px 20px;background:transparent;border:none;color:var(--text-secondary);font-family:ZCOOL XiaoWei,serif;font-size:1rem;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.guide-tab:hover{color:var(--text-primary);background:#d4af371a}.guide-tab.active{color:var(--primary-gold);border-bottom-color:var(--primary-gold);background:#d4af3726}.guide-content{padding:30px;max-height:calc(85vh - 180px);overflow-y:auto}.guide-content::-webkit-scrollbar{width:8px}.guide-content::-webkit-scrollbar-track{background:#0000004d}.guide-content::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:4px}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content h3{color:var(--primary-gold);font-size:1.4rem;margin:25px 0 15px;padding-bottom:10px;border-bottom:1px solid rgba(212,175,55,.3)}.tab-content h3:first-child{margin-top:0}.tab-content p{line-height:1.8;margin-bottom:15px}.tab-content ul{list-style:none;padding-left:20px}.tab-content ul li{position:relative;padding:8px 0 8px 25px}.tab-content ul li:before{content:"◆";position:absolute;left:0;color:var(--primary-gold);font-size:.8rem}.attr-list{display:flex;flex-direction:column;gap:15px}.attr-item{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d;border-radius:8px;border-left:4px solid var(--primary-gold)}.attr-icon{font-size:2rem}.attr-info strong{display:block;color:var(--text-highlight);margin-bottom:5px}.attr-info p{margin:0;color:var(--text-secondary);font-size:.95rem}.affix-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.affix-item{padding:10px 15px;background:#0003;border-radius:5px}.affix-name{color:var(--rarity-rare);font-weight:700}.realm-list{display:flex;flex-direction:column;gap:10px}.realm-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0000004d;border-radius:8px;border-left:4px solid}.realm-1{border-color:var(--rarity-common)}.realm-2{border-color:var(--rarity-uncommon)}.realm-3{border-color:var(--rarity-rare)}.realm-4{border-color:var(--rarity-epic)}.realm-5{border-color:var(--rarity-legendary)}.realm-6{border-color:#f44}.realm-7{border-color:#ff69b4}.realm-name{font-size:1.2rem;font-weight:700}.realm-desc{color:var(--text-secondary)}.skill-list{display:flex;flex-direction:column;gap:15px}.skill-item{display:flex;gap:15px;padding:15px;background:#0000004d;border-radius:8px}.skill-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:8px;border:2px solid var(--border-gold)}.skill-info{flex:1}.skill-info strong{color:var(--text-highlight);font-size:1.1rem}.skill-type{display:inline-block;margin-left:10px;padding:2px 8px;background:var(--primary-blue);border-radius:3px;font-size:.8rem}.skill-info p{margin:8px 0}.skill-cost{color:var(--text-secondary);font-size:.9rem}.passive-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.passive-item{padding:12px 15px;background:#0000004d;border-radius:5px;border-left:3px solid var(--primary-purple)}.equip-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.equip-slot{text-align:center;padding:20px;background:#0000004d;border-radius:8px}.slot-icon{font-size:2.5rem;display:block;margin-bottom:10px}.equip-slot p{margin:0;font-size:.9rem;color:var(--text-secondary)}.rarity-list{display:flex;flex-direction:column;gap:10px}.rarity-item{padding:12px 15px;background:#0000004d;border-radius:5px;display:flex;align-items:center;gap:10px}.rarity-dot{font-size:1.2rem}.rarity-common strong{color:var(--rarity-common)}.rarity-uncommon strong{color:var(--rarity-uncommon)}.rarity-rare strong{color:var(--rarity-rare)}.rarity-epic strong{color:var(--rarity-epic)}.rarity-legendary strong{color:var(--rarity-legendary)}.monster-list{display:flex;flex-direction:column;gap:15px}.monster-item{display:flex;gap:15px;padding:15px;background:#0000004d;border-radius:8px}.monster-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.monster-normal{border-left:4px solid var(--rarity-common)}.monster-elite{border-left:4px solid var(--rarity-rare)}.monster-boss{border-left:4px solid var(--rarity-legendary)}.monster-tribulation{border-left:4px solid #ff4444}#game-screen{background:#000}#game-screen.active{display:block}#game-canvas{width:100%;height:100%;display:block}#game-hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#game-hud>*{pointer-events:auto}#player-info{position:absolute;top:20px;left:20px;display:flex;gap:15px;background:var(--bg-panel);padding:15px;border-radius:10px;border:2px solid var(--border-gold)}.player-portrait{width:70px;text-align:center}.portrait-img{width:50px;height:50px;background:linear-gradient(135deg,#2a1f4e,#1a0f2e);border:2px solid var(--primary-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto}.player-level{margin-top:5px;font-size:.85rem;color:var(--primary-gold);cursor:default;transition:all .3s ease}.player-level.can-tribulate{cursor:pointer;animation:tribulateHint 1.5s ease-in-out infinite;text-shadow:0 0 10px currentColor}.player-level.can-tribulate:hover{transform:scale(1.1);text-shadow:0 0 20px currentColor}@keyframes tribulateHint{0%,to{opacity:1}50%{opacity:.7}}.player-bars{display:flex;flex-direction:column;gap:8px;min-width:200px}.player-combat-stats{display:flex;flex-direction:column;gap:8px;justify-content:center;padding-left:15px;border-left:1px solid rgba(139,115,85,.5);margin-left:5px}.combat-stat{font-size:.85rem;color:var(--text-highlight);display:flex;align-items:center;gap:5px;cursor:help;white-space:nowrap}.combat-stat span{color:#fff;font-weight:700}.bar-container{height:22px;background:#0009;border-radius:3px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.bar-fill{height:100%;transition:width .3s ease;position:relative}.hp-bar .bar-fill{background:linear-gradient(180deg,#c41e3a,#8b0000);width:100%}.mp-bar .bar-fill{background:linear-gradient(180deg,#4169e1,#191970);width:100%}.exp-bar .bar-fill{background:linear-gradient(180deg,#9932cc,indigo);width:0%}.bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;text-shadow:1px 1px 2px black;white-space:nowrap}#bottom-bar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:flex-end}#skill-bar{display:flex;gap:10px;background:var(--bg-panel);padding:10px 20px;border-radius:10px;border:2px solid var(--border-gold)}#item-bar{display:flex;gap:8px;background:linear-gradient(135deg,#1e3c1ef2,#142814f2);padding:10px 15px;border-radius:10px;border:2px solid #4a7c4a}.item-slot{width:50px;height:50px;background:#0009;border:2px solid #3a5c3a;border-radius:8px;position:relative;cursor:pointer;transition:all .2s ease}.item-slot:hover{border-color:#6a9c6a;transform:scale(1.05)}.item-slot.empty{opacity:.5}.item-slot .item-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.item-slot .item-count{position:absolute;bottom:2px;right:4px;font-size:.7rem;color:#fff;text-shadow:0 0 3px #000;font-weight:700}.item-slot .item-cooldown{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;font-size:.9rem;color:#fff;border-radius:6px}.item-slot.on-cooldown .item-cooldown{display:flex}.item-slot .item-key{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--text-secondary);background:#0009;padding:1px 6px;border-radius:3px}.skill-slot{width:60px;height:60px;background:#0009;border:2px solid var(--border-gold);border-radius:8px;position:relative;cursor:pointer;transition:all .2s ease}.skill-slot:hover{border-color:var(--primary-gold);transform:scale(1.05)}.skill-slot .skill-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;border:none;background:none}.skill-slot .skill-cooldown{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;border-radius:6px}.skill-slot.on-cooldown .skill-cooldown{display:flex}.skill-slot.no-mana{opacity:.6;border-color:#4a4a6a}.skill-slot.no-mana .skill-cooldown{display:flex;background:#461e64d9;font-size:.7rem;color:#c8f}.skill-slot.no-mana .skill-icon{filter:grayscale(50%)}.skill-slot .skill-key{position:absolute;bottom:-8px;right:-8px;background:var(--primary-gold);color:#000;font-size:.7rem;padding:2px 6px;border-radius:3px;font-weight:700}#minimap{position:absolute;top:20px;right:20px;width:180px;height:180px;background:var(--bg-panel);border:2px solid var(--border-gold);border-radius:10px;overflow:hidden}#minimap-canvas{width:100%;height:calc(100% - 25px);display:block}.minimap-title{text-align:center;padding:5px;font-size:.85rem;background:#00000080;color:var(--primary-gold)}#minimap.fullmap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70vmin;height:70vmin;z-index:300;border-radius:15px;box-shadow:0 0 50px #000c;cursor:pointer}#minimap.fullmap:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:-1}#minimap.fullmap .minimap-title{font-size:1.2rem;padding:10px}#minimap.fullmap .minimap-title:after{content:" (点击关闭)";font-size:.9rem;color:var(--text-secondary)}#resources{position:absolute;top:130px;left:20px;display:flex;gap:20px;background:var(--bg-panel);padding:10px 20px;border-radius:8px;border:1px solid var(--border-gold)}.resource-item{display:flex;align-items:center;gap:8px}.resource-icon{font-size:1.3rem}.resource-value{font-size:1.1rem;color:var(--text-highlight)}#kill-progress{position:absolute;top:170px;left:20px;background:var(--bg-panel);padding:10px 15px;border-radius:8px;border:1px solid var(--border-gold);min-width:150px}.progress-title{font-size:.9rem;color:var(--primary-gold);margin-bottom:8px}.progress-bar-container{height:20px;background:#0009;border-radius:3px;position:relative;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(180deg,gold,#ff8c00);width:0%;transition:width .3s ease}.progress-bar-fill.complete{background:linear-gradient(180deg,#0f0,#080);animation:progressPulse 1s ease-in-out infinite}.progress-bar-fill.boss-spawned{background:linear-gradient(180deg,#f44,#8b0000);animation:bossProgressPulse .5s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bossProgressPulse{0%,to{opacity:1;box-shadow:inset 0 0 10px #ff444480}50%{opacity:.8;box-shadow:inset 0 0 20px #f44c}}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;text-shadow:1px 1px 2px black;color:#fff}#quick-buttons{position:absolute;bottom:30px;right:20px;display:flex;gap:10px}.quick-btn{width:50px;height:50px;background:var(--bg-panel);border:2px solid var(--border-gold);border-radius:8px;font-size:1.5rem;cursor:pointer;transition:all .2s ease}.quick-btn:hover{background:#d4af3733;transform:scale(1.1)}#combat-log{position:absolute;bottom:120px;left:20px;width:350px;max-height:150px;background:#0009;border-radius:8px;overflow:hidden}.log-content{padding:10px;max-height:150px;overflow-y:auto;font-size:.85rem;line-height:1.6}.log-content::-webkit-scrollbar{width:5px}.log-content::-webkit-scrollbar-thumb{background:var(--border-gold)}.log-damage{color:#ff6b6b}.log-heal{color:#51cf66}.log-loot{color:var(--primary-gold)}.log-exp{color:var(--primary-purple)}.game-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-panel);border:2px solid var(--border-gold);border-radius:10px;min-width:400px;max-width:90vw;max-height:80vh;z-index:200;box-shadow:0 0 50px #000c}@media (min-width: 900px){body.dual-panel #inventory-panel{left:30%;transform:translate(-50%,-50%)}body.dual-panel #character-panel{left:70%;transform:translate(-50%,-50%)}body.dual-panel #inventory-panel,body.dual-panel #character-panel{max-width:45vw}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-gold)}.panel-header h3{font-family:Ma Shan Zheng,cursive;font-size:1.5rem;color:var(--primary-gold)}.close-panel-btn{width:30px;height:30px;background:#c41e3acc;border:none;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.close-panel-btn:hover{background:var(--primary-red);transform:scale(1.1)}.panel-content{padding:20px;max-height:calc(80vh - 80px);overflow-y:auto}.inventory-filters{display:flex;gap:15px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(139,115,85,.3)}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:.9rem;color:var(--text-secondary)}.filter-group select{padding:5px 10px;background:#00000080;border:1px solid var(--border-gold);border-radius:5px;color:var(--text-primary);font-family:ZCOOL XiaoWei,serif;cursor:pointer}.filter-group select:hover{border-color:var(--primary-gold)}.filter-group select option{background:#1a1a2e}#inventory-panel{min-width:450px}#inventory-grid{display:grid;grid-template-columns:repeat(6,60px);gap:8px;margin-bottom:15px;min-height:200px}.inventory-slot{width:60px;height:60px;background:#00000080;border:2px solid rgba(139,115,85,.5);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.inventory-slot:hover{border-color:var(--primary-gold);background:#d4af371a}.inventory-slot.rarity-common{border-color:var(--rarity-common)}.inventory-slot.rarity-uncommon{border-color:var(--rarity-uncommon)}.inventory-slot.rarity-rare{border-color:var(--rarity-rare)}.inventory-slot.rarity-epic{border-color:var(--rarity-epic)}.inventory-slot.rarity-legendary{border-color:var(--rarity-legendary);box-shadow:0 0 10px #ff800080}.inventory-slot .item-icon{font-size:1.8rem}.inventory-slot .rarity-badge{position:absolute;top:2px;left:2px;font-size:.65rem;font-weight:700;padding:1px 4px;border-radius:3px;background:#000000b3;line-height:1}.inventory-slot.rarity-common .rarity-badge{color:var(--rarity-common)}.inventory-slot.rarity-uncommon .rarity-badge{color:var(--rarity-uncommon)}.inventory-slot.rarity-rare .rarity-badge{color:var(--rarity-rare)}.inventory-slot.rarity-epic .rarity-badge{color:var(--rarity-epic)}.inventory-slot.rarity-legendary .rarity-badge{color:var(--rarity-legendary)}.inventory-slot.filtered-out{display:none}.inventory-actions{display:flex;gap:10px;justify-content:center}.inventory-actions button{padding:10px 20px;background:linear-gradient(180deg,#32281ee6,#1e140ff2);border:1px solid var(--border-gold);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:ZCOOL XiaoWei,serif}.inventory-actions button:hover{background:#d4af3733;border-color:var(--primary-gold)}.character-stats{margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;padding:10px 15px;background:#0000004d;margin-bottom:5px;border-radius:5px}.stat-name{color:var(--text-secondary)}.stat-value{color:var(--text-highlight);font-weight:700}.equipment-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.equip-slot-item{text-align:center}.slot-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:5px}.slot-content{width:60px;height:60px;background:#00000080;border:2px solid var(--border-gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto;cursor:pointer;transition:all .2s ease}.slot-content:hover{border-color:var(--primary-gold);background:#d4af371a}.slot-content.empty{opacity:.5}.pause-content{display:flex;flex-direction:column;gap:15px;min-width:250px}.pause-btn{padding:15px 30px;background:linear-gradient(180deg,#32281ee6,#1e140ff2);border:2px solid var(--border-gold);color:var(--text-primary);font-family:ZCOOL XiaoWei,serif;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.pause-btn:hover{background:#d4af3733;border-color:var(--primary-gold);transform:scale(1.02)}.game-over-content{text-align:center;padding:2rem}.game-over-title{color:#e74c3c;margin-bottom:1rem}.game-over-message{color:#ccc;margin-bottom:1.5rem}#tribulation-panel{z-index:500}#tribulation-panel:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:-1}.tribulation-content{text-align:center;padding:30px}.tribulation-content h2{font-family:Ma Shan Zheng,cursive;font-size:2.5rem;color:#f44;margin-bottom:20px;animation:tribulationPulse 1s ease-in-out infinite}@keyframes tribulationPulse{0%,to{text-shadow:0 0 20px rgba(255,68,68,.8)}50%{text-shadow:0 0 40px rgba(255,68,68,1)}}.tribulation-text{font-size:1.2rem;margin-bottom:15px}.tribulation-warning{color:var(--primary-red);font-size:.95rem;margin-bottom:25px}.tribulation-buttons{display:flex;gap:20px;justify-content:center}.tribulation-buttons button{padding:12px 30px;font-family:ZCOOL XiaoWei,serif;font-size:1.1rem;border:2px solid;cursor:pointer;transition:all .2s ease}#btn-start-tribulation{background:linear-gradient(180deg,#c41e3acc,#8b0000e6);border-color:#f44;color:#fff}#btn-start-tribulation:hover{box-shadow:0 0 20px #ff444480}#btn-cancel-tribulation{background:#323232cc;border-color:var(--border-gold);color:var(--text-primary)}#map-select-panel.map-select-modal{min-width:900px;max-width:1100px;max-height:90vh;z-index:500}#map-select-panel:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:-1}.map-select-content{padding:20px 25px;max-height:calc(90vh - 80px);overflow-y:auto}.map-select-hint{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.map-realm-section{margin-bottom:25px;background:#0000004d;border-radius:12px;padding:15px;border:1px solid rgba(139,115,85,.3)}.map-realm-section.locked-section{opacity:.6;filter:grayscale(40%)}.realm-section-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(212,175,55,.3)}.realm-section-icon{font-size:1.8rem}.realm-section-title{font-family:Ma Shan Zheng,cursive;font-size:1.6rem;color:var(--primary-gold)}.realm-section-subtitle{font-size:.9rem;color:var(--text-secondary);margin-left:10px}.realm-section-lock{margin-left:auto;padding:4px 12px;background:#64646466;border-radius:15px;font-size:.85rem;color:#f80;animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{0%,to{opacity:.8}50%{opacity:1}}.spirit-section{border-color:#9370db66}.spirit-header{background:linear-gradient(90deg,rgba(147,112,219,.2),transparent)}.spirit-tag{margin-left:auto;padding:4px 12px;background:linear-gradient(135deg,#9370db66,#8a2be266);border-radius:15px;font-size:.8rem;color:plum}.immortal-section{border-color:#ffd70066}.immortal-header{background:linear-gradient(90deg,rgba(255,215,0,.2),rgba(255,140,0,.1),transparent)}.immortal-tag{margin-left:auto;padding:4px 12px;background:linear-gradient(135deg,#ffd70066,#ff8c0066);border-radius:15px;font-size:.8rem;color:gold;animation:immortalGlow 2s ease-in-out infinite}@keyframes immortalGlow{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 15px #ffd70099}}.map-card.spirit-map{border-color:#9370db80}.map-card.spirit-map:hover{border-color:#9370db;box-shadow:0 5px 20px #9370db4d}.map-card.immortal-map{border-color:#ffd70080}.map-card.immortal-map:hover{border-color:gold;box-shadow:0 5px 20px #ffd7004d}.map-card.chapter-locked{position:relative}.map-card.chapter-locked:after{content:"需先通关前置章节";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#f80;padding:8px 15px;border-radius:5px;font-size:.8rem;white-space:nowrap}.map-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.map-card{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#0006;border:2px solid rgba(139,115,85,.5);border-radius:10px;transition:all .3s ease;cursor:pointer;position:relative;min-height:160px}.map-card:hover:not(.locked):not(.sealed){border-color:var(--primary-gold);background:#d4af3726;transform:translateY(-5px);box-shadow:0 8px 20px #0006}.map-card.current{border-color:var(--primary-blue);background:#4169e133;box-shadow:0 0 15px #4169e14d}.map-card.locked{opacity:.5;cursor:not-allowed}.map-card.sealed{opacity:.4;cursor:not-allowed;filter:grayscale(60%)}.map-card .map-icon{font-size:2.2rem;width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1e32cc,#141428e6);border-radius:10px;border:2px solid var(--border-gold);margin-bottom:8px;position:relative}.map-card.locked .map-icon,.map-card.sealed .map-icon{border-color:#8b73554d}.map-card .map-number{position:absolute;top:-5px;left:-5px;width:20px;height:20px;background:var(--primary-gold);color:#000;border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.map-card.locked .map-number,.map-card.sealed .map-number{background:#666;color:#999}.map-card .map-name{font-size:.95rem;font-weight:700;color:var(--text-highlight);text-align:center;margin-bottom:4px;line-height:1.2}.map-card.locked .map-name,.map-card.sealed .map-name{color:var(--text-secondary)}.map-card .map-subtitle{font-size:.75rem;color:var(--text-secondary);text-align:center;margin-bottom:6px}.map-card .map-realm-req{font-size:.7rem;padding:2px 8px;border-radius:10px;text-align:center}.map-card .map-realm-req.met{background:#1eff0033;color:var(--rarity-uncommon);border:1px solid var(--rarity-uncommon)}.map-card .map-realm-req.unmet{background:#ff646433;color:#ff6b6b;border:1px solid #ff6b6b}.map-card .sealed-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;border-radius:8px;z-index:5}.map-card .sealed-icon{font-size:2rem;margin-bottom:5px;animation:sealedPulse 2s ease-in-out infinite}@keyframes sealedPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.map-card .sealed-text{font-size:.75rem;color:#f80}.map-card .current-badge{position:absolute;top:-8px;right:-8px;background:var(--primary-blue);color:#fff;font-size:.65rem;padding:3px 8px;border-radius:10px;font-weight:700;box-shadow:0 2px 8px #4169e180}.map-card .map-boss{font-size:.7rem;color:var(--rarity-legendary);margin-top:4px}.map-select-footer{margin-top:20px;text-align:center}.stay-btn{padding:12px 30px;background:linear-gradient(180deg,#32281ee6,#1e140ff2);border:2px solid var(--border-gold);color:var(--text-primary);font-family:ZCOOL XiaoWei,serif;font-size:1rem;cursor:pointer;transition:all .2s ease;border-radius:6px}.stay-btn:hover{background:#d4af3733;border-color:var(--primary-gold)}.map-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:5px}.map-list::-webkit-scrollbar{width:6px}.map-list::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:3px}.map-item{display:flex;align-items:center;gap:15px;padding:15px;background:#0006;border:2px solid rgba(139,115,85,.5);border-radius:10px;transition:all .3s ease}.map-item:hover:not(.locked){border-color:var(--primary-gold);background:#d4af371a;transform:translate(5px)}.map-item.current{border-color:var(--primary-blue);background:#4169e126}.map-item.locked{opacity:.6;filter:grayscale(30%)}.map-info{flex:1}.map-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:6px}.map-req{font-size:.85rem}.map-req.met{color:var(--rarity-uncommon)}.map-req.unmet{color:#ff6b6b}.map-action{min-width:80px;text-align:center}.enter-btn{padding:10px 20px;background:linear-gradient(180deg,#4169e1cc,#191970e6);border:2px solid var(--primary-blue);color:#fff;font-family:ZCOOL XiaoWei,serif;font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.enter-btn:hover{background:linear-gradient(180deg,#4169e1,#191970);box-shadow:0 0 15px #4169e180;transform:scale(1.05)}.current-tag{padding:8px 16px;background:#4169e14d;border:1px solid var(--primary-blue);color:var(--primary-blue);border-radius:5px;font-size:.9rem}.locked-tag{padding:8px 16px;background:#6464644d;border:1px solid #666;color:#999;border-radius:5px;font-size:.9rem}@media (max-width: 1000px){#map-select-panel.map-select-modal{min-width:auto;max-width:95vw;width:95vw}.map-grid{grid-template-columns:repeat(3,1fr)}.map-card{min-height:140px}.map-card .map-icon{width:45px;height:45px;font-size:1.8rem}.map-card .map-name{font-size:.85rem}}#item-tooltip{position:fixed;background:var(--bg-panel);border:2px solid var(--border-gold);border-radius:8px;padding:15px;min-width:250px;max-width:350px;z-index:1000;pointer-events:none}#item-tooltip.rarity-common{border-color:var(--rarity-common)}#item-tooltip.rarity-uncommon{border-color:var(--rarity-uncommon)}#item-tooltip.rarity-rare{border-color:var(--rarity-rare)}#item-tooltip.rarity-epic{border-color:var(--rarity-epic)}#item-tooltip.rarity-legendary{border-color:var(--rarity-legendary);box-shadow:0 0 20px #ff80004d}.tooltip-header{border-bottom:1px solid rgba(139,115,85,.5);padding-bottom:10px;margin-bottom:10px}.tooltip-name{display:block;font-size:1.2rem;font-weight:700}.tooltip-type{color:var(--text-secondary);font-size:.9rem}.tooltip-stats{margin-bottom:10px}.tooltip-stats div{padding:3px 0}.tooltip-affixes{color:var(--rarity-rare);font-size:.95rem}.tooltip-affixes div{padding:2px 0}.tooltip-footer{margin-top:10px;padding-top:10px;border-top:1px solid rgba(139,115,85,.5);font-size:.85rem;color:var(--text-secondary)}#equipped-compare-tooltip{position:fixed;background:linear-gradient(135deg,#1e1928fa,#140f1efa);border:2px solid var(--border-gold);border-radius:8px;padding:15px;min-width:250px;max-width:350px;z-index:999;pointer-events:none}#equipped-compare-tooltip.rarity-common{border-color:var(--rarity-common)}#equipped-compare-tooltip.rarity-uncommon{border-color:var(--rarity-uncommon)}#equipped-compare-tooltip.rarity-rare{border-color:var(--rarity-rare)}#equipped-compare-tooltip.rarity-epic{border-color:var(--rarity-epic)}#equipped-compare-tooltip.rarity-legendary{border-color:var(--rarity-legendary);box-shadow:0 0 20px #ff80004d}.compare-label{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-gold);color:#000;padding:2px 12px;border-radius:10px;font-size:.75rem;font-weight:700;white-space:nowrap}.compare-diff{margin-top:10px;padding-top:10px;border-top:1px solid rgba(139,115,85,.5)}.compare-diff-item{display:flex;justify-content:space-between;padding:3px 0;font-size:.9rem}.compare-diff-item.better{color:#0f0}.compare-diff-item.worse{color:#f44}.compare-diff-item.same{color:var(--text-secondary)}.compare-arrow{position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--primary-gold)}#skill-tooltip{position:fixed;background:var(--bg-panel);border:2px solid var(--primary-gold);border-radius:8px;padding:15px;min-width:280px;max-width:350px;z-index:1000;pointer-events:none;box-shadow:0 0 20px #000c}.skill-tooltip-header{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(139,115,85,.5);margin-bottom:10px}.skill-tooltip-icon{font-size:2rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:8px;border:2px solid var(--border-gold)}.skill-tooltip-title{flex:1}.skill-tooltip-name{display:block;font-size:1.2rem;font-weight:700;color:var(--primary-gold)}.skill-tooltip-type{font-size:.85rem;color:var(--text-secondary)}.skill-tooltip-desc{margin-bottom:12px;line-height:1.5;color:var(--text-primary)}.skill-tooltip-stats{background:#0000004d;border-radius:6px;padding:10px;margin-bottom:10px}.skill-tooltip-stats .stat-line{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem}.skill-tooltip-stats .stat-label{color:var(--text-secondary)}.skill-tooltip-stats .stat-value{color:var(--text-highlight);font-weight:700}.skill-tooltip-stats .stat-value.damage{color:#ff6b6b}.skill-tooltip-stats .stat-value.mana{color:#6b9fff}.skill-tooltip-stats .stat-value.cooldown{color:#fc0}.skill-tooltip-key{text-align:center;padding-top:8px;border-top:1px solid rgba(139,115,85,.5);font-size:.85rem;color:var(--text-secondary)}.skill-tooltip-key span{background:var(--primary-gold);color:#000;padding:2px 8px;border-radius:4px;font-weight:700;margin-left:5px}.confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:600}.confirm-dialog-content{background:var(--bg-panel);border:2px solid var(--border-gold);border-radius:12px;padding:25px;min-width:400px;max-width:600px;text-align:center}.confirm-dialog h3{font-family:Ma Shan Zheng,cursive;font-size:1.5rem;color:var(--primary-gold);margin-bottom:15px}.confirm-warning{color:#fc0;margin-bottom:20px}.equip-compare{display:flex;align-items:stretch;gap:15px;margin-bottom:20px}.compare-item{flex:1;background:#0006;border-radius:8px;padding:15px;border:2px solid}.compare-item.current{border-color:var(--rarity-epic)}.compare-item.new{border-color:var(--border-gold)}.compare-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(139,115,85,.3)}.compare-content{text-align:left}.compare-content .item-name{font-size:1.1rem;font-weight:700;margin-bottom:8px}.compare-content .item-type{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px}.compare-content .item-stats{font-size:.9rem;line-height:1.6}.compare-content .stat-up{color:#51cf66}.compare-content .stat-down{color:#ff6b6b}.compare-arrow{display:flex;align-items:center;font-size:2rem;color:var(--primary-gold)}.dismantle-item-info{background:#0006;border-radius:8px;padding:15px;margin-bottom:15px;border:2px solid}.dismantle-item-info .item-icon{font-size:2rem;margin-bottom:10px}.dismantle-item-info .item-name{font-size:1.2rem;font-weight:700}.dismantle-item-info .item-rarity{font-size:.9rem;margin-top:5px}.dismantle-item-info .dust-reward{margin-top:10px;padding-top:10px;border-top:1px solid rgba(139,115,85,.3);color:var(--text-highlight)}.confirm-tip{font-size:.9rem;color:var(--text-secondary);margin-bottom:20px}.confirm-buttons{display:flex;gap:15px;justify-content:center}.confirm-btn,.cancel-btn{padding:12px 30px;font-family:ZCOOL XiaoWei,serif;font-size:1rem;border:2px solid;border-radius:6px;cursor:pointer;transition:all .2s ease}.confirm-btn{background:linear-gradient(180deg,#4169e1cc,#191970e6);border-color:var(--primary-blue);color:#fff}.confirm-btn:hover{box-shadow:0 0 15px #4169e180}.confirm-btn.danger{background:linear-gradient(180deg,#c41e3acc,#8b0000e6);border-color:#f44}.confirm-btn.danger:hover{box-shadow:0 0 15px #ff444480}.cancel-btn{background:#323232cc;border-color:var(--border-gold);color:var(--text-primary)}.cancel-btn:hover{background:#505050cc}#damage-numbers{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150}.damage-number{position:absolute;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:damageFloat 1s ease-out forwards;pointer-events:none}.damage-number.normal{color:#ff6b6b;font-size:1.2rem}.damage-number.crit{color:gold;font-size:1.8rem}.damage-number.heal{color:#51cf66;font-size:1.2rem}@keyframes damageFloat{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@media (max-width: 768px){.game-title{font-size:3rem}.guide-container{width:95%;max-height:90vh}.guide-tabs{flex-wrap:wrap}.guide-tab{min-width:100px;padding:10px;font-size:.9rem}#player-info{transform:scale(.85);transform-origin:top left}#minimap{width:120px;height:120px}#bottom-bar{transform:translate(-50%) scale(.9)}#item-bar{display:none}#inventory-grid{grid-template-columns:repeat(4,55px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse .3s ease-in-out}.skill-flash{animation:skillFlash .3s ease-out}@keyframes skillFlash{0%{box-shadow:0 0 #d4af37cc}to{box-shadow:0 0 30px 10px #d4af3700}}.highlight{color:var(--text-highlight);font-weight:700}.attr-formula{color:var(--rarity-uncommon);font-size:.9rem;margin-top:5px!important}.affix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.affix-grid .affix-item{padding:12px 15px;background:#0000004d;border-radius:6px;border-left:3px solid var(--rarity-rare)}.affix-range{float:right;color:var(--rarity-uncommon);font-weight:700}.affix-desc{margin:5px 0 0!important;font-size:.85rem;color:var(--text-secondary)}.realm-table{background:#0000004d;border-radius:8px;overflow:hidden;margin:15px 0}.realm-header{display:grid;grid-template-columns:1fr repeat(5,60px) 2fr;gap:10px;padding:12px 15px;background:#d4af3733;font-weight:700;color:var(--primary-gold)}.realm-row{display:grid;grid-template-columns:1fr repeat(5,60px) 2fr;gap:10px;padding:12px 15px;border-bottom:1px solid rgba(139,115,85,.2);transition:background .2s ease}.realm-row:last-child{border-bottom:none}.realm-row:hover{background:#d4af371a}.realm-row .realm-name{font-weight:700}.realm-row .realm-stat{text-align:center;color:var(--text-highlight)}.realm-row .realm-desc{color:var(--text-secondary);font-size:.9rem}.exp-table{background:#0000004d;border-radius:8px;padding:15px;margin:15px 0}.exp-row{display:flex;gap:15px;padding:8px 0;border-bottom:1px solid rgba(139,115,85,.2)}.exp-row:last-child{border-bottom:none}.exp-realm{min-width:80px;font-weight:700}.exp-level{color:var(--text-secondary);font-size:.9rem}.tribulation-list{background:#ff44441a;border-left:3px solid #ff4444;padding:15px 20px 15px 35px!important;border-radius:0 8px 8px 0}.skill-detail-list{display:flex;flex-direction:column;gap:20px}.skill-detail-item{background:#0000004d;border-radius:10px;overflow:hidden;border:1px solid rgba(139,115,85,.3)}.skill-detail-item .skill-header{display:flex;align-items:center;gap:15px;padding:15px;background:#0000004d}.skill-detail-item .skill-icon{width:50px;height:50px;font-size:2rem}.skill-title{flex:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.skill-title strong{font-size:1.2rem;color:var(--text-highlight)}.skill-type-tag{padding:3px 10px;border-radius:4px;font-size:.8rem;font-weight:700}.skill-type-tag.basic{background:var(--rarity-common);color:#000}.skill-type-tag.aoe{background:var(--primary-red);color:#fff}.skill-type-tag.projectile{background:var(--primary-blue);color:#fff}.skill-type-tag.movement{background:var(--primary-green);color:#fff}.skill-type-tag.defense{background:var(--rarity-epic);color:#fff}.skill-key{padding:3px 10px;background:var(--primary-gold);color:#000;border-radius:4px;font-size:.8rem;font-weight:700}.skill-body{padding:15px}.skill-desc{margin-bottom:15px!important;font-size:1rem}.skill-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;background:#0003;padding:12px;border-radius:6px}.skill-stat{display:flex;justify-content:space-between;font-size:.9rem}.skill-stat span:first-child{color:var(--text-secondary)}.skill-tip{margin-top:12px!important;padding:8px 12px;background:#4169e133;border-left:3px solid var(--primary-blue);border-radius:0 6px 6px 0;font-size:.9rem;color:var(--rarity-rare)}.passive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.passive-detail-item{padding:15px;background:#0000004d;border-radius:8px;border-left:3px solid var(--primary-purple)}.passive-detail-item strong{color:var(--rarity-epic);display:block;margin-bottom:5px}.passive-detail-item p{margin:0!important;color:var(--text-secondary);font-size:.9rem}.monster-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin:15px 0}.monster-detail-card{background:#0006;border-radius:10px;overflow:hidden;border:2px solid rgba(139,115,85,.3);transition:transform .2s ease,box-shadow .2s ease}.monster-detail-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0006}.monster-detail-card.elite{border-color:var(--rarity-rare);box-shadow:0 0 10px #0070dd4d}.monster-detail-card.boss{border-color:var(--rarity-legendary);box-shadow:0 0 15px #ff80004d}.monster-card-header{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#0000004d}.monster-icon-large{font-size:2.5rem;width:50px;text-align:center}.monster-card-title{flex:1}.monster-card-title strong{display:block;font-size:1.1rem;color:var(--text-highlight);margin-bottom:3px}.monster-type-tag{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.monster-type-tag.normal{background:var(--rarity-common);color:#000}.monster-type-tag.elite{background:var(--rarity-rare);color:#fff}.monster-type-tag.boss{background:var(--rarity-legendary);color:#fff}.monster-type-tag.tribulation{background:#f44;color:#fff}.monster-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 15px}.monster-stat{font-size:.85rem}.monster-stat span{color:var(--text-secondary)}.monster-behavior,.monster-aura,.monster-skills{padding:10px 15px;background:#0003;font-size:.9rem}.behavior-label,.aura-label,.skills-label{color:var(--text-secondary)}.tribulation-monster-card{background:linear-gradient(135deg,#9400d333,#f443);border:2px solid #ff4444;border-radius:12px;padding:20px;margin:15px 0}.tribulation-monster-card .monster-card-header{background:transparent;padding:0;margin-bottom:15px}.tribulation-monster-card .monster-card-stats{padding:15px;background:#0000004d;border-radius:8px}.stat-note{color:var(--rarity-epic);font-size:.8rem}.tribulation-note{margin-top:15px!important;padding:10px 15px;background:#f443;border-radius:6px;text-align:center;color:#ff6b6b}.dungeon-list{display:flex;flex-direction:column;gap:15px;margin:15px 0}.dungeon-card{border-radius:12px;padding:20px;border:2px solid rgba(139,115,85,.5)}.dungeon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dungeon-header strong{font-size:1.3rem;color:var(--text-highlight)}.dungeon-realm{padding:4px 12px;background:#00000080;border-radius:15px;font-size:.85rem;color:var(--primary-gold)}.dungeon-desc{margin-bottom:15px!important;opacity:.9}.dungeon-info{display:flex;gap:20px;margin-bottom:15px;font-size:.9rem;color:var(--text-secondary)}.dungeon-monsters{background:#0006;padding:15px;border-radius:8px}.dungeon-monster-row{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid rgba(139,115,85,.2)}.dungeon-monster-row:last-child{border-bottom:none}.dungeon-monster-row .label{min-width:80px;color:var(--text-secondary)}.dungeon-monster-row .monsters{color:var(--text-primary)}.dungeon-monster-row.boss-row .monsters{color:var(--rarity-legendary);font-weight:700}.section-desc{background:#0000004d;padding:12px 15px;border-radius:6px;margin-bottom:15px!important;border-left:3px solid var(--primary-gold)}.level-up-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:levelUpAppear .5s ease-out}@keyframes levelUpAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.level-up-notification.fade-out{animation:levelUpFadeOut .5s ease-out forwards}@keyframes levelUpFadeOut{to{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(-30px)}}.level-up-notification.minor{padding:20px 40px}.level-up-notification.minor .levelup-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,#ffd70066,#ffd70000 70%);border-radius:50%;animation:glowPulse 1s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.5}}.level-up-notification .levelup-icon{font-size:3rem;margin-bottom:10px;animation:iconBounce .6s ease-out;text-shadow:0 0 20px rgba(255,215,0,.8)}@keyframes iconBounce{0%{transform:translateY(-20px);opacity:0}50%{transform:translateY(5px)}to{transform:translateY(0);opacity:1}}.level-up-notification .levelup-text{display:flex;flex-direction:column;align-items:center;text-align:center}.level-up-notification .levelup-title{font-size:1.2rem;color:var(--text-secondary);margin-bottom:5px}.level-up-notification .levelup-realm{font-family:Ma Shan Zheng,cursive;font-size:2rem;color:var(--primary-gold);text-shadow:0 0 15px rgba(255,215,0,.6);animation:realmGlow 1.5s ease-in-out infinite}@keyframes realmGlow{0%,to{text-shadow:0 0 15px rgba(255,215,0,.6)}50%{text-shadow:0 0 30px rgba(255,215,0,.9),0 0 50px rgba(255,215,0,.4)}}.level-up-notification.major{padding:40px 60px}.level-up-notification.major .levelup-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,100,100,.3) 0%,rgba(255,200,0,.3) 30%,rgba(150,100,255,.2) 60%,transparent 80%);border-radius:50%;animation:majorGlowPulse 1.5s ease-in-out infinite}@keyframes majorGlowPulse{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.3) rotate(180deg);opacity:.5}}.level-up-notification.major .levelup-rays{position:absolute;width:500px;height:500px;background:repeating-conic-gradient(from 0deg,transparent 0deg 10deg,rgba(255,215,0,.1) 10deg 20deg);animation:raysRotate 10s linear infinite}@keyframes raysRotate{to{transform:rotate(360deg)}}.level-up-notification.major .levelup-icon{font-size:5rem;margin-bottom:15px;animation:majorIconPulse .8s ease-out;text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,150,0,.6)}@keyframes majorIconPulse{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.level-up-notification.major .levelup-text{position:relative;z-index:5}.level-up-notification.major .levelup-title{font-size:1.5rem;color:#f66;text-shadow:0 0 10px rgba(255,100,100,.8);animation:majorTitleAppear .6s ease-out .3s both}@keyframes majorTitleAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.level-up-notification.major .levelup-realm{font-size:3rem;background:linear-gradient(135deg,gold,#ff8c00,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:majorRealmAppear .8s ease-out .5s both,realmShine 2s linear infinite}@keyframes majorRealmAppear{0%{transform:scale(.5) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes realmShine{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(30deg)}}.level-up-notification.major .levelup-subtitle{font-size:1.2rem;color:var(--rarity-epic);margin-top:10px;animation:majorSubtitleAppear .6s ease-out .8s both}@keyframes majorSubtitleAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.level-up-notification.major .levelup-particles{position:absolute;width:100%;height:100%;overflow:visible}.level-up-notification.major .levelup-particles:before,.level-up-notification.major .levelup-particles:after{content:"✨";position:absolute;font-size:1.5rem;animation:particleFloat 2s ease-in-out infinite}.level-up-notification.major .levelup-particles:before{top:-50px;left:-50px;animation-delay:0s}.level-up-notification.major .levelup-particles:after{bottom:-50px;right:-50px;animation-delay:1s}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-20px) rotate(180deg);opacity:.5}}#boss-skill-display{position:fixed;top:25%;left:50%;transform:translate(-50%);z-index:200;text-align:center;pointer-events:none}#boss-skill-display .boss-skill-icon{font-size:4rem;margin-bottom:10px;animation:skillIconPulse .5s ease-out;filter:drop-shadow(0 0 20px rgba(255,100,100,.8))}#boss-skill-display .boss-skill-name{font-family:Ma Shan Zheng,cursive;font-size:3rem;color:#f44;text-shadow:0 0 20px rgba(255,0,0,.8),0 0 40px rgba(255,0,0,.5),2px 2px 4px rgba(0,0,0,.8);animation:skillNameAppear .5s ease-out}#boss-skill-display .boss-skill-desc{font-size:1rem;color:var(--text-secondary);margin-top:8px;animation:skillDescFade .5s ease-out .2s both}@keyframes skillIconPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes skillNameAppear{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes skillDescFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#boss-entrance{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;display:flex;align-items:center;justify-content:center}#boss-entrance .boss-entrance-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#640000e6,#320000f2,#000000fa);animation:bossBgPulse 2s ease-in-out infinite}@keyframes bossBgPulse{0%,to{opacity:1}50%{opacity:.8}}#boss-entrance .boss-entrance-content{position:relative;z-index:1;text-align:center;max-width:700px;padding:40px;animation:bossContentAppear .8s ease-out}@keyframes bossContentAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#boss-entrance .boss-entrance-icon{font-size:8rem;margin-bottom:20px;animation:bossIconFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,100,0,.8))}@keyframes bossIconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}#boss-entrance .boss-entrance-name{font-family:Ma Shan Zheng,cursive;font-size:4rem;color:#f44;text-shadow:0 0 30px rgba(255,0,0,.8),0 0 60px rgba(255,0,0,.4),3px 3px 6px rgba(0,0,0,.9);animation:bossNameGlow 1.5s ease-in-out infinite}@keyframes bossNameGlow{0%,to{text-shadow:0 0 30px rgba(255,0,0,.8),0 0 60px rgba(255,0,0,.4)}50%{text-shadow:0 0 50px rgba(255,100,0,1),0 0 100px rgba(255,50,0,.6)}}#boss-entrance .boss-entrance-title{font-size:1.2rem;color:#f80;margin-top:10px;letter-spacing:3px}#boss-entrance .boss-entrance-desc{font-size:1rem;color:var(--text-secondary);margin:20px 0;line-height:1.6;padding:0 20px}#boss-entrance .boss-entrance-skills{background:#00000080;border:1px solid rgba(255,100,100,.3);border-radius:10px;padding:20px;margin-top:20px}#boss-entrance .boss-skills-title{font-size:1.2rem;color:var(--primary-gold);margin-bottom:15px;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:10px}#boss-entrance .boss-skills-list{display:flex;flex-direction:column;gap:12px;text-align:left}#boss-entrance .boss-skill-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background:#ff32321a;border-radius:6px;border-left:3px solid #ff4444}#boss-entrance .boss-skill-item .skill-icon{font-size:1.5rem;width:40px;text-align:center}#boss-entrance .boss-skill-item .skill-info{flex:1}#boss-entrance .boss-skill-item .skill-name{font-weight:700;color:#f66;margin-bottom:3px}#boss-entrance .boss-skill-item .skill-desc{font-size:.9rem;color:var(--text-secondary)}#boss-entrance .boss-entrance-timer{font-size:1.5rem;color:gold;margin-top:30px;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.market-modal{max-width:900px;max-height:85vh;z-index:600}.market-modal:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:-1}.market-btn{background:linear-gradient(135deg,#4a7c4a,#2a4c2a);color:#fff;border:1px solid #6a9c6a;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;margin-right:10px;transition:all .2s}.market-btn:hover{background:linear-gradient(135deg,#5a8c5a,#3a5c3a);transform:scale(1.05)}.market-currency{display:flex;align-items:center;gap:5px;background:#0006;padding:5px 12px;border-radius:15px;margin-right:auto;margin-left:15px}.market-currency .currency-icon{font-size:1.2rem}.market-content{padding:15px}.market-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid rgba(212,175,55,.3);padding-bottom:10px}.market-tab{background:#0006;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:5px;cursor:pointer;transition:all .2s}.market-tab:hover{background:#d4af3733;color:var(--text-primary)}.market-tab.active{background:linear-gradient(135deg,#d4af374d,#b48c144d);color:var(--primary-gold);border-color:var(--primary-gold)}.market-category{display:none}.market-category.active{display:block}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.market-item{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#282332e6,#191423f2);padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .2s}.market-item:hover{border-color:var(--primary-gold);transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.market-item.legendary{background:linear-gradient(135deg,#503214e6,#321e0af2);border-color:#ff80004d}.market-item.legendary:hover{border-color:#ff8000;box-shadow:0 5px 25px #ff800033}.market-item-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:10px}.market-item-info{flex:1}.market-item-name{font-weight:700;color:var(--text-primary);margin-bottom:3px}.market-item.legendary .market-item-name{color:#ff8000}.market-item-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:3px}.market-item-effect{font-size:.8rem;color:#7fff7f}.market-item-price{display:flex;align-items:center;gap:5px;font-weight:700;color:var(--primary-gold);margin-right:10px}.market-buy-btn{background:linear-gradient(135deg,#4a7c4a,#2a4c2a);color:#fff;border:1px solid #6a9c6a;padding:8px 15px;border-radius:5px;cursor:pointer;transition:all .2s;white-space:nowrap}.market-buy-btn:hover{background:linear-gradient(135deg,#5a9c5a,#3a6c3a);transform:scale(1.05)}.market-buy-btn:disabled{background:#555;border-color:#666;cursor:not-allowed;opacity:.5}.market-inventory{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.market-inventory h4{color:var(--primary-gold);margin-bottom:15px}.owned-items-grid{display:flex;flex-wrap:wrap;gap:10px;min-height:60px;background:#0000004d;padding:15px;border-radius:8px}.owned-item{width:50px;height:50px;background:#282332e6;border:2px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:grab;position:relative;transition:all .2s}.owned-item:hover{border-color:var(--primary-gold);transform:scale(1.1)}.owned-item .owned-count{position:absolute;bottom:2px;right:4px;font-size:.7rem;color:#fff;text-shadow:0 0 3px #000;font-weight:700}.market-tip{margin-top:15px;font-size:.85rem;color:var(--text-secondary);text-align:center}.drop-rates-table{background:#0000004d;border-radius:8px;margin:15px 0;overflow:hidden;border:1px solid rgba(212,175,55,.3)}.drop-rate-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s}.drop-rate-row:last-child{border-bottom:none}.drop-rate-row:not(.header):hover{background:#d4af371a}.drop-rate-row.header{background:#d4af3733;font-weight:700;color:var(--primary-gold)}.drop-source{text-align:left}.drop-chance{text-align:center;color:#7fff7f}.drop-quality{text-align:right}.drop-note{background:#6495ed26;padding:10px 15px;border-radius:6px;border-left:3px solid var(--primary-blue);margin:15px 0;font-size:.9rem;color:var(--text-secondary)}.quality-list{display:flex;flex-direction:column;gap:12px;margin:15px 0}.quality-item{display:flex;align-items:center;gap:15px;background:#0000004d;padding:15px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:transform .2s,border-color .2s}.quality-item:hover{transform:translate(5px);border-color:#d4af3780}.quality-icon{font-size:2rem;width:50px;text-align:center}.quality-info{flex:1}.quality-info strong{font-size:1.1rem}.quality-rate{float:right;background:#0006;padding:3px 10px;border-radius:4px;font-size:.85rem;color:var(--text-secondary)}.quality-info p{margin-top:5px;color:var(--text-secondary);font-size:.9rem}.treasure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:15px 0}.treasure-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#281e3ce6,#140f23f2);padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;text-align:center}.treasure-card:hover{transform:translateY(-5px);border-color:var(--primary-gold);box-shadow:0 8px 25px #d4af3733}.treasure-card.special{border-color:#ff800080;background:linear-gradient(135deg,#3c2814e6,#1e140af2)}.treasure-card.special:hover{border-color:#ff8000;box-shadow:0 8px 25px #ff80004d}.treasure-icon{font-size:2.5rem;margin-bottom:8px}.treasure-card strong{color:var(--text-primary);margin-bottom:5px}.treasure-stat{font-size:.85rem;color:#7fff7f;margin-bottom:5px}.treasure-tier{font-size:.8rem;color:var(--text-secondary);background:#0000004d;padding:2px 10px;border-radius:10px}.treasure-special{font-size:.8rem;color:#ff8000;background:#ff800026;padding:3px 12px;border-radius:10px;font-weight:700}.affix-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:15px 0}.affix-pool-item{display:flex;flex-direction:column;background:#0000004d;padding:12px 15px;border-radius:8px;border-left:3px solid var(--primary-purple);transition:border-color .2s}.affix-pool-item:hover{border-color:var(--primary-gold)}.affix-name{font-weight:700;color:var(--rarity-epic);margin-bottom:3px}.affix-range{color:#7fff7f;font-size:.9rem;margin-bottom:3px}.affix-desc{color:var(--text-secondary);font-size:.85rem}.boss-drops{display:flex;flex-direction:column;gap:12px;margin:15px 0}.boss-drop-item{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(100,0,0,.2),transparent);padding:15px 20px;border-radius:8px;border:1px solid rgba(255,50,50,.3);transition:all .2s}.boss-drop-item:hover{border-color:#ff646499;transform:translate(5px)}.boss-drop-item.final{background:linear-gradient(90deg,rgba(128,0,128,.3),rgba(100,0,0,.2),transparent);border-color:#ff64ff80}.boss-drop-item .boss-name{font-weight:700;color:#f66;font-size:1.1rem}.boss-drop-item.final .boss-name{color:#f6f;text-shadow:0 0 10px rgba(255,100,255,.5)}.boss-drop-item .boss-rewards{color:var(--rarity-legendary);font-size:.95rem}#mobile-controls{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:110}#mobile-controls>*{pointer-events:auto}#joystick-zone{position:absolute;bottom:30px;left:30px;width:140px;height:140px;display:flex;align-items:center;justify-content:center}#joystick-base{width:120px;height:120px;background:#d4af3726;border:2px solid rgba(212,175,55,.5);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none}#joystick-knob{width:48px;height:48px;background:radial-gradient(circle at 35% 35%,#d4af37e6,#8b5a14cc);border:2px solid var(--primary-gold);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #d4af3766;transition:box-shadow .1s ease;pointer-events:none}#joystick-base.active #joystick-knob{box-shadow:0 0 20px #d4af37b3}#mobile-right-buttons{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.mobile-fullscreen-btn{position:absolute;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:40px;height:40px;background:#140f1ebf;border:1px solid rgba(212,175,55,.5);border-radius:8px;color:var(--text-secondary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;z-index:1}.mobile-fullscreen-btn:active{background:#d4af3733;border-color:var(--primary-gold)}.mobile-attack-mode-btn{width:52px;height:28px;background:#140f1ed9;border:1px solid rgba(212,175,55,.5);border-radius:6px;color:var(--text-secondary);font-size:.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:all .15s ease}.mobile-attack-mode-btn[data-mode=auto]{background:#d4af3733;border-color:var(--primary-gold);color:var(--primary-gold)}.mobile-attack{width:72px;height:72px;background:radial-gradient(circle at 35% 35%,#c41e3ae6,#640014d9);border:2px solid #ff4444;border-radius:50%;color:#fff;font-size:1.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 12px #c41e3a80;transition:all .1s ease;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-attack:active,.mobile-attack.pressed{transform:scale(.92);box-shadow:0 0 20px #c41e3acc}#mobile-skill-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-skill-btn{width:64px;height:64px;background:#140f1ee6;border:2px solid var(--border-gold);border-radius:10px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s ease;touch-action:none;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.mobile-skill-btn:active,.mobile-skill-btn.pressed{transform:scale(.9);border-color:var(--primary-gold);background:#d4af3733}.mobile-skill-btn.on-cooldown{opacity:.55;border-color:#4a4a6a}.mobile-skill-btn.no-mana{opacity:.6;border-color:#4a4a6a}.mobile-skill-btn .mobile-skill-cd{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:none;align-items:center;justify-content:center;font-size:.75rem;color:#fff;border-radius:8px}.mobile-skill-btn.on-cooldown .mobile-skill-cd{display:flex;background:#000000a6;color:#fff}.mobile-skill-btn.no-mana .mobile-skill-cd{display:flex;background:#461e64cc;color:#c8f;font-size:.65rem}.mobile-skill-btn:after{content:attr(data-label);position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:.55rem;color:var(--text-secondary);line-height:1}@media (max-width: 480px){.game-title{font-size:2.4rem;letter-spacing:.1em}.game-subtitle{font-size:1rem;margin-bottom:36px}.menu-btn{font-size:1.1rem;padding:12px 30px;min-width:220px}.menu-content{padding:20px}#character-select.active{align-items:stretch;justify-content:flex-start;overflow:hidden}.char-select-content{padding:20px 10px;box-sizing:border-box;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.char-select-title{font-size:2rem}.char-cards{flex-direction:column;align-items:center;gap:14px;margin-bottom:24px}.char-card{width:100%;max-width:320px;padding:18px 16px}.char-select-actions{flex-direction:column;gap:12px}.char-back-btn,.char-confirm-btn{min-width:200px;width:100%;max-width:320px}.guide-container{width:100%;max-height:100vh;border-radius:0;border-left:none;border-right:none}.guide-container h2{font-size:1.6rem;padding:15px}.guide-tab{min-width:80px;padding:8px 6px;font-size:.8rem}.guide-content{padding:15px;max-height:calc(100vh - 160px)}#player-info{transform:scale(.75);transform-origin:top left;top:10px;left:10px}#minimap{width:90px;height:90px;top:10px;right:10px}#resources{top:100px;left:10px;padding:6px 12px;gap:12px}#kill-progress{top:135px;left:10px;min-width:120px;padding:6px 10px}#bottom-bar{display:none}#quick-buttons{bottom:auto;top:10px;right:110px;gap:6px}.quick-btn{width:38px;height:38px;font-size:1.1rem}#combat-log{bottom:170px;left:10px;width:200px;max-height:80px}.log-content{font-size:.75rem;max-height:80px}.game-panel{min-width:unset;width:100vw;max-width:100vw;max-height:85vh;top:auto;bottom:0;left:0;transform:none;border-radius:12px 12px 0 0;border-left:none;border-right:none;border-bottom:none}#inventory-panel{min-width:unset}#inventory-grid{grid-template-columns:repeat(5,1fr);gap:6px}.inventory-slot{width:auto;height:52px}.equipment-slots{grid-template-columns:repeat(5,1fr)}.slot-content{width:48px;height:48px;font-size:1.4rem}#map-select-panel.map-select-modal{min-width:unset;width:100vw;max-width:100vw}.map-grid{grid-template-columns:repeat(2,1fr)}.map-card{min-height:120px}#market-panel{min-width:unset}.market-grid{grid-template-columns:1fr}}@media (max-width: 320px){#player-info{transform:scale(.65);transform-origin:top left}#minimap{width:72px;height:72px;top:8px;right:8px}#resources{top:88px;left:8px;padding:4px 8px;gap:8px;font-size:.8rem}#kill-progress{top:118px;left:8px;min-width:100px;padding:4px 8px;font-size:.75rem}#quick-buttons{right:86px;gap:4px}.quick-btn{width:32px;height:32px;font-size:.95rem}#joystick-base{width:96px;height:96px}#joystick-knob{width:38px;height:38px}#joystick-zone{width:110px;height:110px;bottom:20px;left:20px}#mobile-right-buttons{bottom:14px;right:10px;gap:8px}.mobile-attack{width:58px;height:58px;font-size:1.3rem}.mobile-skill-btn{width:56px;height:56px;font-size:1.2rem}#combat-log{bottom:140px;width:160px;max-height:60px}.log-content{font-size:.7rem;max-height:60px}}@media (max-height: 480px) and (orientation: landscape){#player-info{transform:scale(.7);transform-origin:top left;top:4px;left:4px}#minimap{width:80px;height:80px;top:4px;right:4px}#resources{top:80px;left:4px;padding:4px 8px;gap:8px;font-size:.8rem}#kill-progress{top:108px;left:4px;min-width:100px;padding:4px 8px;font-size:.75rem}#quick-buttons{bottom:auto;top:4px;right:90px;gap:4px}.quick-btn{width:32px;height:32px;font-size:.95rem}#joystick-zone{width:110px;height:110px;bottom:calc(20px + env(safe-area-inset-bottom));left:calc(20px + env(safe-area-inset-left))}#joystick-base{width:96px;height:96px}#joystick-knob{width:38px;height:38px}#mobile-right-buttons{bottom:calc(8px + env(safe-area-inset-bottom));right:calc(8px + env(safe-area-inset-right));gap:6px}.mobile-attack{width:58px;height:58px;font-size:1.3rem}.mobile-skill-btn{width:52px;height:52px;font-size:1.2rem}#combat-log{bottom:auto;top:50%;left:4px;transform:translateY(-50%);width:160px;max-height:100px}.log-content{font-size:.7rem;max-height:100px}#bottom-bar{display:none}.game-panel{min-width:unset;width:90vw;max-width:90vw;max-height:90vh;top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;border-radius:12px}.char-select-content{padding:10px;max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.char-cards{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.char-card{width:200px;padding:12px}.char-select-title{font-size:1.4rem;padding:8px}}#account-status-bar{display:flex;align-items:center;gap:10px;margin-top:12px;justify-content:center}#account-status-text{font-size:.85rem;color:var(--text-secondary)}.account-btn{background:transparent;border:1px solid var(--border-gold);color:var(--primary-gold);padding:4px 14px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.85rem;transition:background .2s,color .2s}.account-btn:hover{background:#d4af3726}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-overlay.hidden{display:none}.modal-box{background:var(--bg-panel);border:1px solid var(--border-gold);border-radius:8px;padding:28px 32px;min-width:320px;max-width:400px;width:90%;position:relative;box-shadow:0 0 30px #d4af3733}.modal-close-btn{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--text-secondary);font-size:1.4rem;cursor:pointer;line-height:1}.modal-close-btn:hover{color:var(--text-primary)}.modal-title{text-align:center;color:var(--primary-gold);margin-bottom:18px;font-size:1.1rem;letter-spacing:2px}.auth-tabs{display:flex;border-bottom:1px solid var(--border-gold);margin-bottom:16px}.auth-tab{flex:1;background:none;border:none;color:var(--text-secondary);padding:8px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:color .2s}.auth-tab.active{color:var(--primary-gold);border-bottom:2px solid var(--primary-gold)}.auth-tab-content{display:none}.auth-tab-content.active{display:block}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-input{background:#ffffff0d;border:1px solid var(--border-gold);border-radius:4px;color:var(--text-primary);padding:8px 12px;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s}.auth-input:focus{border-color:var(--primary-gold)}.auth-error{color:#ff6b6b;font-size:.82rem;text-align:center}.auth-error.hidden{display:none}.auth-submit-btn{background:linear-gradient(135deg,#8b6914,#d4af37);border:none;border-radius:4px;color:#1a1200;padding:9px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;margin-top:4px;transition:opacity .2s}.auth-submit-btn:hover{opacity:.9}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.account-info{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-gold)}.account-avatar{width:36px;height:36px;background:linear-gradient(135deg,#8b6914,#d4af37);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a1200;font-weight:700;font-size:1rem;flex-shrink:0}.account-username{color:var(--primary-gold);font-size:1rem}.cloud-save-actions{display:flex;gap:10px;margin-bottom:10px}.cloud-btn{flex:1;padding:8px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.85rem;border:1px solid;transition:opacity .2s}.cloud-btn:hover{opacity:.85}.cloud-btn:disabled{opacity:.45;cursor:not-allowed}.upload-btn{background:#4169e133;border-color:var(--primary-blue);color:#7ba7ff}.download-btn{background:#228b2233;border-color:var(--primary-green);color:#6fcf6f}.cloud-meta{font-size:.78rem;color:var(--text-secondary);text-align:center;margin-bottom:8px}.cloud-meta.hidden{display:none}.cloud-msg{font-size:.82rem;text-align:center;padding:6px;border-radius:4px;margin-bottom:10px}.cloud-msg.hidden{display:none}.cloud-msg.success{color:#6fcf6f;background:#228b2226}.cloud-msg.error{color:#ff6b6b;background:#c41e3a26}.logout-btn{width:100%;background:transparent;border:1px solid var(--primary-red);color:#ff6b6b;padding:7px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.85rem;transition:background .2s}.logout-btn:hover{background:#c41e3a26}.cloud-pause-btn{border-color:var(--primary-blue)!important;color:#7ba7ff!important}.cloud-load-modal-box{max-width:480px;width:90vw}.cloud-load-warning{text-align:center;color:#ff9f43;font-size:.85rem;margin-bottom:16px}.cloud-load-compare{display:flex;gap:12px;margin-bottom:20px}.cloud-load-col{flex:1;background:#0000004d;border:1px solid var(--border-color);border-radius:6px;padding:10px 12px}.cloud-load-col-title{font-size:.78rem;color:var(--primary-gold);margin-bottom:8px;text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:6px}.cloud-load-summary{font-size:.8rem;color:var(--text-secondary);line-height:1.7}.cloud-load-summary .summary-row{display:flex;justify-content:space-between;gap:6px}.cloud-load-summary .summary-label{color:var(--text-muted, #888);flex-shrink:0}.cloud-load-summary .summary-empty{color:var(--text-muted, #888);font-style:italic;text-align:center;padding:8px 0}.cloud-load-actions{display:flex;gap:10px;justify-content:flex-end}.cloud-load-btn{padding:8px 20px;border-radius:4px;font-size:.88rem;cursor:pointer;border:1px solid;transition:background .15s}.cloud-load-btn.cancel-btn{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.cloud-load-btn.cancel-btn:hover{background:#ffffff0f}.cloud-load-btn.confirm-btn{background:#d4af3726;border-color:var(--primary-gold);color:var(--primary-gold)}.cloud-load-btn.confirm-btn:hover{background:#d4af3747}