.icon-button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px;width:38px;padding:0;border:1px solid #ffffffa8;border-radius:11px;background:#f5fcffdc;box-shadow:0 3px 0 #47809b,0 5px 10px #214f7640;color:#1e3a8a!important}.icon-button.hidden{display:none!important}.top-actions{z-index:8!important}.icon-button svg{width:20px!important;height:20px!important;fill:none!important;stroke:#1e3a8a!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;display:block!important}.icon-button:hover{background:#fff}.icon-button:active{box-shadow:0 1px 0 #47809b;transform:translateY(2px)}

/* Active Dash Skill Button in Bottom-Left Corner (Jumbo Arcade Size) */
.dash-button{position:absolute;left:12px;bottom:98px;width:88px;height:88px;min-height:88px;border-radius:50%;border:3.2px solid rgba(56,189,248,0.9);background:radial-gradient(circle at 30% 30%,rgba(14,116,144,0.95) 0%,rgba(15,23,42,0.98) 100%);box-shadow:0 8px 26px rgba(2,132,199,0.6),inset 0 3px 12px rgba(255,255,255,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;z-index:6;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}
.dash-button:hover{filter:brightness(1.18)}
.dash-button:active{transform:scale(0.92)}
.dash-button.ready{border-color:#38bdf8;box-shadow:0 0 26px rgba(56,189,248,0.9),0 8px 22px rgba(2,132,199,0.65),inset 0 0 16px rgba(56,189,248,0.55);animation:dashReadyGlow 1.5s ease-in-out infinite}
@keyframes dashReadyGlow{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(56,189,248,0.75),0 8px 20px rgba(2,132,199,0.55)}50%{transform:scale(1.05);box-shadow:0 0 35px rgba(56,189,248,1),0 0 48px rgba(14,165,233,0.7),0 8px 26px rgba(2,132,199,0.8)}}
.dash-button.cooldown{opacity:.88;border-color:rgba(148,163,184,0.45);box-shadow:0 4px 12px rgba(0,0,0,0.45)}
.dash-cooldown-ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg);pointer-events:none}
.dash-ring-bg{fill:none;stroke:rgba(15,23,42,0.5);stroke-width:4.5}
.dash-ring-progress{fill:none;stroke:#38bdf8;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:125.6;stroke-dashoffset:0;transition:stroke-dashoffset .06s linear}
.dash-button.cooldown .dash-ring-progress{stroke:#f59e0b}
.dash-icon-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;pointer-events:none}
.dash-icon-svg{width:38px;height:38px;fill:#fde047;filter:drop-shadow(0 3px 8px rgba(0,0,0,0.65));transition:transform .15s ease}
.dash-button.ready .dash-icon-svg{transform:scale(1.12);fill:#fef08a;filter:drop-shadow(0 0 10px rgba(254,240,138,0.95))}
.dash-timer-text{font:900 13px/1 Trebuchet MS,Arial;letter-spacing:.8px;margin-top:4px;color:#e0f2fe;text-shadow:0 2px 5px rgba(0,0,0,0.95)}
.dash-button.ready .dash-timer-text{color:#38bdf8;font-weight:900}
.dash-key-hint{position:absolute;top:-8px;right:-6px;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1.5px solid #38bdf8;color:#ffffff;font:900 8.5px/1 'Trebuchet MS',Arial,sans-serif;letter-spacing:.6px;padding:3px 6px;border-radius:99px;box-shadow:0 3px 8px rgba(0,0,0,0.5),0 0 8px rgba(56,189,248,0.4);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,0.8);z-index:10}
.dash-button.ready .dash-key-hint{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border-color:#fef08a;color:#451a03;text-shadow:none;box-shadow:0 0 10px rgba(254,240,138,0.6)}