METASFER
Loading kernel...
opacity: 0.6;
pointer-events: none;
}
.skill-ready-pulse {
position: absolute;
inset: -4px;
border-radius: 10px;
border: 2px solid var(--skill-color, var(--neon-cyan));
animation: skill-pulse 1s ease-out infinite;
opacity: 0;
pointer-events: none;
}
.skill-btn.ready .skill-ready-pulse { opacity: 1; }
@keyframes skill-pulse {
0% { transform: scale(1); opacity: 0.8; }
100% { transform: scale(1.15); opacity: 0; }
}
.skill-tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(-8px);
padding: 6px 10px;
background: var(--bg-abyss);
border: 1px solid var(--bg-steel);
border-radius: 6px;
font-size: 0.7rem;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: all 0.2s var(--ease);
z-index: 10;
}
.skill-btn:hover .skill-tooltip {
opacity: 1;
transform: translateX(-50%) translateY(-12px);
}
.skill-tooltip-name {
font-weight: 600;
color: var(--skill-color, var(--text-white));
}
.skill-tooltip-desc {
color: var(--text-muted);
margin-top: 2px;
}
#combo-indicator {
display: flex;
align-items: center;
gap: 4px;
margin-left: 8px;
padding-left: 8px;
border-left: 1px solid var(--bg-steel);
}
.combo-progress { display: flex; gap: 2px; }
.combo-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--bg-steel);
transition: all 0.2s var(--ease);
}
.combo-dot.active {
background: var(--neon-gold);
box-shadow: 0 0 8px var(--neon-gold);
}
.combo-label {
font-family: var(--font-mono);
font-size: 0.6rem;
color: var(--text-muted);
}
.combo-name {
font-weight: 600;
color: var(--neon-gold);
}
(function() {
'use strict';