/* Base colors and variables */
#rightPanel{background-color:var(--dark-black);color:var(--neon-green);position:fixed;right:38px;top:190px;width:456px;height:calc(95vh - 451.25px);z-index:9999;box-shadow:0 0 10px var(--neon-green),inset 0 0 3px var(--neon-green);outline:2px solid rgba(57,255,20,.3);padding:19px;font-family:monospace;font-size:.855em;letter-spacing:.05em;overflow:auto;background-size:19px 19px,38px 38px;background-position:0 0,0 0}
#rightPanel::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 19px,19px 100%;background-repeat:repeat,repeat;z-index:-1;pointer-events:none}
#upgradesHeader{position:absolute;left:1px;top:697px;width:2.65%;height:40px;background-color:var(--dark-black);z-index:999999;font-size:larger;font-weight:700;display:flex;align-items:center;padding-left:20px;box-shadow:0 0 10px var(--neon-green),inset 0 0 3px var(--neon-green);outline:2px solid rgba(57,255,20,.3)}
.automation-item,.skill-item,.upgrade-item{margin-bottom:15px;padding:10px;border:1px solid var(--neon-green);box-shadow:0 0 5px var(--neon-green),inset 0 0 2px var(--neon-green);background-color:rgba(10,10,10,.8);transition:transform 0.3s ease}
.automation-item:hover,.skill-item:hover,.upgrade-item:hover{box-shadow:0 0 10px var(--neon-green),inset 0 0 4px var(--neon-green);transform:scale(1.02)}
.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.item-name{font-weight:700;font-size:1.1em;color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue)}
.item-cost{color:var(--golden);text-shadow:0 0 5px rgba(255,215,0,.7)}
.item-description{font-size:.9em;margin-bottom:10px;color:var(--light-cyan);text-shadow:0 0 3px var(--light-cyan)}
.item-icon{margin-right:8px;font-size:1.5em;color:var(--neon-purple);text-shadow:0 0 5px var(--neon-purple)}
.automation-button,.skill-button,.upgrade-button{background-color:var(--dark-black);color:var(--neon-green);border:1px solid var(--neon-green);padding:5px 10px;margin-top:5px;cursor:pointer;transition:all .3s ease;font-family:Monofonto,monospace;box-shadow:0 0 3px var(--neon-green),inset 0 0 1px var(--neon-green);width:100%;backdrop-filter:blur(3px)}
.automation-button:hover,.skill-button:hover,.upgrade-button:hover{background-color:var(--neon-green);color:var(--dark-black);box-shadow:0 0 10px var(--neon-green);transform:translateY(-2px)}
.locked{opacity:.5;filter:grayscale(1);cursor:not-allowed;position:relative}
.locked:hover{box-shadow:0 0 5px var(--danger-red),inset 0 0 2px var(--danger-red)}
.locked .item-cost{color:var(--danger-red);text-shadow:0 0 5px rgba(255,0,0,.7)}
.tab-buttons{display:flex;justify-content:space-between;margin-bottom:15px;gap:10px}
.tab-button{flex-grow:1;margin:0 5px;padding:5px 0;background-color:var(--dark-black);color:var(--neon-green);border:1px solid var(--neon-green);cursor:pointer;transition:all .3s ease;font-family:Monofonto,monospace;box-shadow:0 0 3px var(--neon-green),inset 0 0 1px var(--neon-green);border-radius:4px}
.tab-button.active,.tab-button:hover{background-color:var(--neon-green);color:var(--dark-black);box-shadow:0 0 10px var(--neon-green);transform:translateY(-2px)}
.tab-content{display:none;animation:fadeIn 0.3s ease-in}
.tab-content.active{display:block}
.automation-level{display:flex;justify-content:space-between;align-items:center;margin-top:5px;color:var(--neon-orange)}
.level-indicator{font-size:.8em;color:var(--neon-yellow);text-shadow:0 0 3px var(--neon-yellow)}
.automation-stats{font-size:.8em;color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue);margin-top:5px}
.skill-level-bar{height:5px;background-color:var(--dark-black);border:1px solid var(--neon-green);margin-top:5px;position:relative;box-shadow:0 0 3px var(--neon-green),inset 0 0 1px var(--neon-green);border-radius:3px;overflow:hidden}
.skill-level-fill{height:100%;background-color:var(--neon-green);box-shadow:0 0 5px var(--neon-green);transition:width 0.3s ease}
.blinking-new{animation:blink-new 1s infinite;color:var(--neon-pink)}
@keyframes blink-new{
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.3;transform:scale(0.95)}
}
@keyframes fadeIn{
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
.tooltip{position:relative;display:inline-block}
.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:var(--dark-black);color:var(--neon-green);text-align:center;border:1px solid var(--neon-green);border-radius:3px;padding:5px;position:absolute;z-index:999999;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:all .3s ease;box-shadow:0 0 5px var(--neon-green),inset 0 0 2px var(--neon-green);font-size:.8em;backdrop-filter:blur(5px)}
.tooltip:hover .tooltip-text{visibility:visible;opacity:1;transform:translateY(-5px)}
.automation-details-button{background-color:var(--dark-black);color:var(--neon-green);border:1px solid var(--neon-green);padding:5px;cursor:pointer;transition:all .3s ease;font-family:Monofonto,monospace;box-shadow:0 0 3px var(--neon-green),inset 0 0 1px var(--neon-green);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.automation-details-button:hover{background-color:var(--neon-green);color:var(--dark-black);box-shadow:0 0 10px var(--neon-green);transform:rotate(180deg)}
.button-container{display:flex;gap:10px;align-items:center}