#orb-status-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:clamp(2px,.6vh,6px) 8px;background:0 0;margin-top:-55px;position:relative;z-index:var(--z-ui)}#orb-status-row .resource-display{margin-bottom:4px}#equipment-quick-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3px,.8vh,10px);padding:clamp(4px,1vh,12px) 20px;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.2) 100%);border-bottom:none;cursor:pointer}.equip-row{display:flex;justify-content:center;gap:10px}.mini-equip-slot{--slot-size:clamp(48px, 9vh, 72px);width:var(--slot-size);height:var(--slot-size);background:var(--bg-secondary);border:3px solid var(--border-primary);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;transition:.15s}.mini-equip-slot:hover{border-color:var(--accent-gold);transform:scale(1.05)}.mini-equip-slot.empty::before{content:'';width:calc(var(--slot-size) * .55);height:calc(var(--slot-size) * .55);background:var(--bg-tertiary);border-radius:6px;opacity:.3}.mini-equip-slot .slot-icon{width:calc(var(--slot-size) * .78);height:calc(var(--slot-size) * .78);background-size:contain;background-position:center;background-repeat:no-repeat}.mini-equip-slot.quality-common{border-color:var(--quality-common)}.mini-equip-slot.quality-uncommon{border-color:var(--quality-uncommon)}.mini-equip-slot.quality-rare{border-color:var(--quality-rare)}.mini-equip-slot.quality-epic{border-color:var(--quality-epic)}.mini-equip-slot.quality-legendary{border-color:var(--quality-legendary)}.mini-equip-slot.quality-mythic{border-color:var(--quality-mythic)}.mini-equip-slot.quality-ancient{border-color:var(--quality-ancient)}.mini-equip-slot.quality-eternal{border-color:var(--quality-eternal)}#equipment-quick-view:hover{background:linear-gradient(180deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.3) 100%)}#skill-bar-new{display:flex;align-items:center;justify-content:center;gap:8px;padding:clamp(3px,.8vh,8px) 12px;background:linear-gradient(180deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 100%);border-bottom:2px solid var(--border-primary)}.active-skills-bar{display:flex;gap:6px}.skill-slot-large{width:52px;height:52px;background:var(--bg-secondary);border:3px solid var(--border-primary);border-radius:6px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.skill-slot-large.empty,.skill-slot-large.locked{cursor:default}.skill-slot-large:hover:not(.locked):not(.empty):not(.on-cooldown){border-color:var(--accent-gold);transform:scale(1.05);box-shadow:0 0 10px rgba(255,215,0,.3)}.skill-slot-large .skill-icon{width:40px;height:40px;background-size:contain;background-position:center;background-repeat:no-repeat}.skill-cooldown-mask{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;pointer-events:none;overflow:hidden}.skill-slot-large.on-cooldown .skill-cooldown-mask{opacity:1}.cooldown-text{position:relative;z-index:1;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 4px #000,0 0 8px #000}@property --cd-angle{syntax:'<angle>';initial-value:360deg;inherits:false}.cooldown-sweep{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;--cd-angle:0deg;background:conic-gradient(from -90deg,transparent var(--cd-angle),rgba(0,0,0,.7) var(--cd-angle));pointer-events:none}.skill-slot-large.on-cooldown .cooldown-sweep{--cd-angle:0deg;animation:cooldown-sweep-anim var(--cd-duration,5s) linear forwards}@keyframes cooldown-sweep-anim{from{--cd-angle:0deg}to{--cd-angle:360deg}}@keyframes skill-slot-shake{0%,100%{transform:translateX(0) translateY(0)}15%{transform:translateX(-3px) translateY(-1px)}30%{transform:translateX(3px) translateY(1px)}45%{transform:translateX(-2px) translateY(0)}60%{transform:translateX(2px) translateY(-1px)}75%{transform:translateX(-1px) translateY(1px)}}@keyframes skill-slot-glow{0%,100%{box-shadow:0 0 0 rgba(255,215,0,0);filter:brightness(1)}30%{box-shadow:0 0 15px rgba(255,215,0,.8);filter:brightness(1.3)}}.skill-slot-large.skill-casting{animation:.3s ease-out skill-slot-shake,.4s ease-out skill-slot-glow}.skill-slot-large.locked{opacity:.4;cursor:not-allowed}.skill-slot-large.locked::after{content:'';font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-slot-large.empty{border-style:dashed;border-color:var(--accent-cyan-dark)}.skill-slot-large.empty::before{content:'+';color:var(--accent-cyan);font-size:22px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slot-unlock-level{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-size:8px;color:var(--text-muted);white-space:nowrap}#bottom-menu-bar{align-items:center;padding:clamp(3px,.8vh,8px) 12px;margin-top:auto}.resource-display{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-width:0;background:rgba(0,0,0,.6);padding:4px 10px;border-radius:6px;backdrop-filter:blur(4px);height:28px}.level-display{display:flex;align-items:center;gap:4px}.level-label{font-size:12px;color:var(--text-secondary)}.level-value{font-size:14px;font-weight:700;color:#fff}.exp-bar-compact{width:100px;min-width:50px;flex-shrink:1;height:14px;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:3px;overflow:hidden;position:relative}.exp-bar-compact .exp-fill{height:100%;background:linear-gradient(180deg,var(--exp-color) 0,#49d 100%);transition:width .3s ease-out}.exp-bar-compact .exp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;color:#fff;text-shadow:1px 1px 0 #000;white-space:nowrap}.gold-display{display:flex;align-items:center;gap:4px;flex-shrink:1;min-width:0}.gold-display .gold-icon{font-size:14px}.gold-display .gold-value{font-size:13px;font-weight:700;color:var(--accent-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#function-bar-compact{display:flex;gap:4px}.func-btn-compact{display:flex;flex-direction:column;align-items:center;padding:4px 8px;background:linear-gradient(180deg,var(--border-primary),var(--bg-tertiary));border:2px solid var(--border-secondary);border-radius:4px;color:#ddd;cursor:pointer;transition:.1s;min-width:44px}.func-btn-compact:hover{background:linear-gradient(180deg,#4a4a6a,var(--border-primary));border-color:var(--accent-gold)}.func-btn-compact img{width:18px;height:18px;image-rendering:pixelated}.func-btn-compact span{font-size:9px;margin-top:2px}.func-btn-compact#btn-auto-battle-compact{background:#1a3a1a;border-color:#2a5a2a}.func-btn-compact#btn-auto-battle-compact.active{background:#2a6a2a;border-color:#4a9a4a;box-shadow:0 0 6px rgba(100,255,100,.4)}.combat-rating-display{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(255,100,100,.1);border-radius:4px;cursor:pointer}.combat-rating-display:hover{background:rgba(255,100,100,.2)}.combat-rating-display .cr-icon{font-size:14px;color:var(--damage-color)}.combat-rating-display .cr-value{font-size:13px;font-weight:700;color:var(--damage-color)}.pwa-modal{position:fixed;inset:0;z-index:var(--z-modal-stack);display:flex;align-items:center;justify-content:center;padding:20px}.pwa-modal.hidden{display:none}@media (display-mode:standalone){.pwa-modal{display:none!important}}.pwa-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.pwa-modal-card{position:relative;max-width:360px;width:100%;background:linear-gradient(180deg,rgba(20,20,32,.98),rgba(15,15,25,.98));border:2px solid var(--accent-gold);border-radius:16px;padding:22px 20px 18px;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 24px rgba(255,215,0,.2);animation:.35s ease-out pwa-modal-in}@keyframes pwa-modal-in{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.pwa-modal-title{font-size:18px;color:var(--accent-gold);text-align:center;margin-bottom:8px}.pwa-modal-desc{font-size:13px;color:var(--text-secondary);text-align:center;margin-bottom:18px;line-height:1.5}.pwa-modal-steps{list-style:decimal;padding-left:22px;margin-bottom:20px;color:#ddd;line-height:1.7;font-size:13px}.pwa-modal-steps li{margin-bottom:4px}.pwa-modal-steps strong{color:var(--accent-gold);font-weight:700}.step-glyph{display:inline-block;margin:0 2px;font-size:14px;color:var(--accent-cyan)}.pwa-modal-actions{display:flex;gap:10px;justify-content:flex-end}.pwa-modal-btn{padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;border:1px solid;transition:transform .1s,opacity .15s;font-family:inherit}.pwa-modal-btn:active{transform:scale(.97)}.pwa-modal-btn-secondary{background:0 0;border-color:var(--border-secondary);color:var(--text-secondary)}.pwa-modal-btn-primary{background:var(--accent-gold);border-color:var(--accent-gold);color:#000;font-weight:700}