.sp-container{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;padding:16px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px}.sp-inputs-row{display:flex;gap:20px}.sp-input-group{display:flex;align-items:center;gap:8px}.sp-input-label{display:flex;align-items:center;gap:5px;color:#888;font-size:.85rem;font-weight:500;white-space:nowrap}.sp-input-label svg{opacity:.7}.sp-input{width:72px;padding:6px 8px;border:1px solid rgba(168,85,247,.25);border-radius:8px;background:#a855f714;color:#c4b5fd;font-size:1rem;font-weight:600;text-align:center;transition:all .2s}.sp-input:hover{background:#a855f71f;border-color:#a855f766}.sp-input:focus{outline:none;background:#a855f726;border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}.sp-input-hint{color:#666;font-size:.8rem;white-space:nowrap}.sp-stepper{display:flex;align-items:center;gap:0;border:1px solid rgba(168,85,247,.25);border-radius:8px;overflow:hidden;background:#a855f714}.sp-stepper-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#a855f726;color:#c4b5fd;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.sp-stepper-btn:active:not(:disabled){background:#a855f759}.sp-stepper-btn:disabled{opacity:.3;cursor:default}.sp-stepper-value{min-width:32px;text-align:center;color:#c4b5fd;font-size:1rem;font-weight:600;padding:0 4px}.sp-bar-container{display:flex;flex-direction:column;gap:6px}.sp-bar{position:relative;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.sp-bar.companies-overflow{background:#ef444426}.sp-bar-companies{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:4px 0 0 4px;transition:width .3s ease}.sp-bar-companies.over-budget{background:linear-gradient(90deg,#ef4444,#dc2626)}.sp-bar-skills{position:absolute;top:0;height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);transition:width .3s ease,left .3s ease}.sp-bar-skills.over-budget{background:linear-gradient(90deg,#ef4444,#dc2626)}.sp-bar-labels{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sp-bar-label{font-size:.78rem;font-weight:500}.sp-bar-label.companies{color:#f59e0b;display:flex;align-items:center;gap:6px}.sp-bar-label.companies.over-budget{color:#ef4444}.sp-overflow-badge{font-size:.7rem;font-weight:600;color:#fff;background:#ef4444;padding:1px 6px;border-radius:4px;opacity:0;transition:opacity .2s ease}.sp-overflow-badge.visible{opacity:1}.sp-bar-label.skills{color:#a855f7}.sp-bar-label.remaining{color:#4ade80}.sp-bar-label.remaining.over-budget{color:#ef4444;font-weight:600}.sp-bar-label.total{margin-left:auto;color:#666}@media(max-width:600px){.sp-inputs-row{flex-direction:column;gap:12px}.sp-input-label{min-width:100px}.sp-bar-labels{gap:8px}.sp-bar-label.total{margin-left:0}.sp-overflow-badge:not(.visible){display:none}}.panel.skills-panel{background:#1a1a1e;border:1px solid #2a2a30;overflow:visible}.skill-block{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.08);overflow:visible}.skill-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.skill-title{display:flex;align-items:center;gap:6px}.skill-icon{display:flex;align-items:center}.skill-icon.ent{color:#c084fc}.skill-icon.energy{color:#60a5fa}.skill-icon.prod{color:#d4a574}.skill-value{font-weight:700;font-size:1rem}.skill-value.ent{color:#c084fc}.skill-value.energy{color:#60a5fa}.skill-value.prod{color:#d4a574}.skill-name{color:#e0e0e0;font-weight:500;font-size:.95rem}.stat-sp{background:#daa52033;color:#daa520;padding:4px 10px;border-radius:4px;font-weight:600;font-size:.85rem;border:1px solid rgba(218,165,32,.3)}.clear-skills-btn{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:4px 10px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.clear-skills-btn:hover{background:#ef444440;border-color:#ef444480}.level-selector{display:flex;gap:4px;overflow:visible}.level-btn{position:relative;width:100%;max-width:32px;height:44px;background:linear-gradient(180deg,#1a1a1a,#111);border:2px solid #2a2a2a;border-radius:4px;color:#3a3a3a;font-size:.85rem;font-weight:600;cursor:not-allowed;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;overflow:visible}.level-btn.locked{background:linear-gradient(180deg,#1a1a1a,#111);border-color:#2a2a2a;color:#3a3a3a;cursor:not-allowed;opacity:.5}.level-btn.locked:hover{opacity:.5}.level-btn.available{background:transparent;border:2px dashed #5a5a5a;color:#777;cursor:pointer}.level-btn.available:hover{border-color:#888;border-style:solid;background:#ffffff0d}.level-btn.skill-ent.purchased{background:linear-gradient(180deg,#8b4789,#6b3569);border-color:#a855a8;color:#e8b4e8;cursor:pointer}.level-btn.skill-ent.purchased:hover{border-color:#c77bc7;box-shadow:0 0 8px #a855a866}.level-btn.skill-energy.purchased{background:linear-gradient(180deg,#3b5998,#2d4373);border-color:#4a6eb5;color:#a8c4e8;cursor:pointer}.level-btn.skill-energy.purchased:hover{border-color:#6b8fd4;box-shadow:0 0 8px #4a6eb566}.level-btn.skill-prod.purchased{background:linear-gradient(180deg,#8b7355,#6b563f);border-color:#a89070;color:#e8d4b8;cursor:pointer}.level-btn.skill-prod.purchased:hover{border-color:#c8b090;box-shadow:0 0 8px #a8907066}.skill-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1a1a2e;border:1px solid #3a3a4e;border-radius:8px;padding:10px 14px;min-width:160px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none;box-shadow:0 4px 20px #0006}.skill-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#3a3a4e}.level-btn:hover .skill-tooltip{opacity:.95;visibility:visible}.tooltip-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.85rem;color:#e0e0e0;white-space:nowrap}.tooltip-icon{font-size:1rem}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;color:#aaa;font-size:.9rem}.input-group input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:1rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff26}@media(max-width:600px){.input-group input{font-size:1rem;padding:12px}}.panel-compact{padding:16px 18px}.panel-compact h2{margin-bottom:12px;font-size:.85rem}.inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;align-items:end}.input-group-compact{display:flex;flex-direction:column;gap:5px;margin-bottom:0}.input-group-compact label{margin-bottom:0;font-size:.82rem;color:#999}.input-group-compact input{width:100%;min-width:0;padding:9px 10px;font-size:1rem}@media(max-width:600px){.inputs-grid{gap:12px}.input-group-compact input{padding:10px 12px;font-size:1rem}}.label-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:5px;border-radius:50%;background:#ffffff1a;color:#888;font-size:.65rem;font-weight:600;cursor:help;position:relative;vertical-align:middle}.label-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e30;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 12px;min-width:200px;max-width:280px;color:#ccc;font-size:.78rem;font-weight:400;line-height:1.5;white-space:pre-line;z-index:200;box-shadow:0 8px 24px #00000080;pointer-events:none;opacity:0;transition:opacity .15s}.label-tooltip:hover:after{opacity:1}.level-info{font-size:.8rem;color:#f59e0b;font-weight:500}.result-panel{background:linear-gradient(135deg,#0f3460,#1a1a4e);border-radius:12px;padding:25px;text-align:center;border:1px solid rgba(74,158,255,.3)}.result-panel h2{font-size:1rem;color:#888;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.result-sp{display:inline-block;font-size:.9rem;font-weight:600;color:#f59e0b;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);padding:6px 14px;border-radius:20px;letter-spacing:.5px;transition:all .3s ease;margin-bottom:15px}.result-sp.over-budget{color:#ef4444;background:#ef444433;border-color:#ef444480;animation:pulse-warning 1s ease-in-out infinite}.result-panel.over-budget{border-color:#ef444480;box-shadow:0 0 20px #ef444433}.result-value{font-size:3rem;font-weight:700;color:#4a9eff;margin-bottom:10px}.result-improvement{font-size:1.2rem;color:#888}.result-improvement span.positive{color:#4ade80}.result-improvement span.negative{color:#ef4444}.sp-warning{margin-top:15px;padding:10px 15px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#ef4444;font-weight:600;font-size:.95rem;animation:shake .5s ease-in-out}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.history-panel{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.history-panel h2{font-size:1rem;color:#888;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.clear-btn{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:5px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .2s}.clear-btn:hover{background:#ef44444d}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table th{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.1);color:#888;font-weight:500}.history-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.history-table tr{transition:background .15s ease}.history-table tr:hover{background:#ffffff0d}.history-table .sp-col{color:#f59e0b;font-weight:600}.history-table .coins-col{color:#4a9eff;font-weight:600}.history-table .improvement-col.positive{color:#4ade80}.history-table .improvement-col.negative{color:#ef4444}.empty-history{text-align:center;color:#666;padding:30px}.simulator{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.simulator-info{text-align:center;margin-bottom:20px}.simulator-info p{color:#aaa;margin-bottom:8px}.simulate-btn{margin-bottom:20px}.simulator-results h3{color:#888;font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.simulator-table .best-result{background:#4ade8014}.simulator-table .best-result td{color:#4ade80;font-weight:600}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;font-size:.8rem;font-weight:600;background:#ffffff0f;color:#888}.rank-badge.best{background:linear-gradient(135deg,#facc1533,#f59e0b33);color:#fbbf24;border:1px solid rgba(250,204,21,.3)}.remaining-sp{display:block;font-size:.7rem;color:#666;font-weight:400}.efficiency-col{color:#a78bfa;font-weight:500}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#e0e0e0;padding:20px}.container{max-width:900px;margin:0 auto}h1{text-align:center;margin-bottom:30px;color:#fff;font-weight:300;font-size:2rem}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab{flex:1;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#888;font-size:1rem;font-weight:500;cursor:pointer;transition:all .25s ease}.tab:hover{background:#ffffff1a;color:#ccc}.tab.active{background:#4a9eff26;border-color:#4a9eff66;color:#4a9eff;box-shadow:0 0 12px #4a9eff1a}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media(max-width:600px){.calculator{grid-template-columns:1fr}}.panel{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-header h2{font-size:1rem;color:#888;margin-bottom:0;text-transform:uppercase;letter-spacing:1px}.panel h2{font-size:1rem;color:#888;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.calculate-btn{width:100%;padding:15px;background:linear-gradient(135deg,#4a9eff,#3b82f6);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:30px}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4a9eff4d}.calculate-btn:active{transform:translateY(0);box-shadow:0 4px 15px #4a9eff33}.clear-cache-btn{display:block;margin:40px auto 20px;padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#555;font-size:.78rem;cursor:pointer;transition:all .2s}.clear-cache-btn:hover{color:#888;border-color:#fff3}.checkbox-row{display:flex!important;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input[type=checkbox]{accent-color:#4a9eff;width:15px;height:15px;cursor:pointer;margin:0;flex-shrink:0}.input-hint{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffff1a;color:#888;font-size:.7rem;font-weight:600;cursor:help;flex-shrink:0;margin-left:auto}.scroll-container{max-height:300px;overflow-y:auto}.scroll-container::-webkit-scrollbar{width:6px}.scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.scroll-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}