*{box-sizing:border-box}body{margin:0}.app-shell{color:#e8ecef;background:#0b0d10;flex-direction:column;height:100vh;font-family:Courier New,monospace;display:flex}.app-header{border-bottom:2px solid #2a2f36;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.app-header h1{letter-spacing:.15em;color:#f4f469;margin:0;font-size:1.5rem}.qe-counter{align-items:baseline;gap:.4em;font-size:1.25rem;display:flex}.qe-symbol{color:#6ec8ff}.qe-value{font-weight:700}.app-main{flex:1;min-height:0;display:flex}.battle-view{flex:1;min-width:0;min-height:0}.dev-dashboard{background:#101317;border-left:2px solid #2a2f36;flex-direction:column;flex-shrink:0;display:flex}.dev-dashboard-collapsed{width:auto}.dev-dashboard-toggle{color:#f4f469;letter-spacing:.05em;text-align:left;cursor:pointer;background:0 0;border:none;padding:.9rem 1rem;font-family:inherit;font-size:.85rem}.dev-dashboard-toggle:hover{color:#fff}.dev-dashboard-body{flex-direction:column;gap:.9rem;width:15rem;padding:0 1.1rem 1.2rem;display:flex}.dev-dashboard-section{letter-spacing:.12em;text-transform:uppercase;color:#f4f469;margin:0;font-size:.7rem;font-weight:700}.dev-dashboard-field{color:#9aa4ad;flex-direction:column;gap:.3rem;font-size:.75rem;display:flex}.dev-dashboard-hint{color:#5a6470;font-size:.7rem}.dev-dashboard-field input{color:#e8ecef;background:#1a1e24;border:1px solid #2a2f36;border-radius:6px;width:100%;padding:.4rem .5rem;font-family:inherit;font-size:.85rem}.dev-dashboard-rate{align-items:center;gap:.5rem;display:flex}.dev-dashboard-rate input{flex:1}.dev-dashboard-unit{color:#6ec8ff;font-size:.75rem}.dev-dashboard-divider{border-top:1px solid #2a2f36}.dev-dashboard-restart{color:#0b0d10;cursor:pointer;background:#3ee08c;border:none;border-radius:6px;margin-top:.3rem;padding:.55rem;font-family:inherit;font-size:.85rem;font-weight:700}.dev-dashboard-restart:hover{background:#5ef2a3}.usables-panel{background:#101317;border-right:2px solid #2a2f36;flex-direction:column;flex-shrink:0;align-items:center;gap:.7rem;width:8rem;padding:1rem .75rem;display:flex}.usables-title{letter-spacing:.12em;text-transform:uppercase;color:#f4f469;margin:0;font-size:.7rem;font-weight:700}.usables-slot-wrap{width:3rem;height:3rem;position:relative}.usables-slot{clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:flex}.usables-slot-empty{background:#1a1e24}.usables-slot-filled{cursor:grab;touch-action:none;background:#1a1e24}.usables-slot-filled:active,.usables-slot-dragging{cursor:grabbing;background:#23282f}.usables-count{color:#e8ecef;pointer-events:none;background:#101317;border:1px solid #3ee08c;border-radius:999px;justify-content:center;align-items:center;min-width:1.15rem;height:1.15rem;padding:0 .2rem;font-size:.65rem;font-weight:700;display:flex;position:absolute;bottom:-.15rem;right:-.15rem}.usables-cure-icon{clip-path:polygon(50% 0%,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:#3ee08c;width:70%;height:70%}.usables-hint{color:#5a6470;text-align:center;margin:0;font-size:.6rem;line-height:1.3}.usables-ghost{pointer-events:none;opacity:.85;z-index:50;width:2.2rem;height:2.2rem;position:fixed;transform:translate(-50%,-50%)}