.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.calculator-container{background:#ffffff08;border:1px solid rgba(255,165,0,.2);border-radius:12px;padding:2rem;width:100%;margin:0 auto}.tank-layout{display:flex;flex-direction:column;height:100%;gap:1rem;min-height:0}.tank-widget-box{border:1px solid rgba(255,165,0,.25);border-radius:8px;padding:.5rem .7rem;background:#ffffff08;flex-shrink:0;width:100%}.tank-widget-desktop-stats{display:none}@media(min-width:769px){.tank-layout{flex-direction:row}.tank-widget-box{width:fit-content;align-self:flex-start}.tank-widget-desktop-stats{display:block;border-top:1px solid rgba(255,165,0,.1);margin-top:.5rem;padding-top:.4rem}}.info-box{background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem}.info-box p{color:#ffffffe6;line-height:1.6;margin:0;font-size:.95rem}.calculator-form{margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.form-group label{font-size:.95rem;color:orange;font-weight:500}.form-group select,.form-group input{padding:.75rem 1rem;background:#0006;border:1px solid rgba(255,165,0,.3);border-radius:10px;color:#fff;font-size:1rem;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.form-group input:hover{border-color:#ffa50099;background-color:#ffa5000a}.form-group input:focus-visible{border-color:orange;box-shadow:0 0 0 3px #ffa50026}.custom-select{position:relative;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:#0006;border:1px solid rgba(255,165,0,.3);border-radius:10px;color:#fff;font-size:1rem;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.custom-select-trigger:hover,.custom-select.is-open .custom-select-trigger{border-color:#ffa50099;background:#ffa5000a}.custom-select-trigger:focus-visible{border-color:orange;box-shadow:0 0 0 3px #ffa50026}.custom-select.is-open .custom-select-trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:#ffa50026}.custom-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron{flex-shrink:0;margin-left:.5rem;color:orange;display:flex;align-items:center;transition:transform .2s ease}.custom-select.is-open .custom-select-chevron{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;list-style:none;margin:0;padding:.25rem 0;background:#1a1a1a;border:1px solid rgba(255,165,0,.4);border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;max-height:260px;overflow-y:auto;box-shadow:0 8px 24px #00000080;scrollbar-width:thin;scrollbar-color:rgba(255,165,0,.3) transparent}.custom-select-dropdown::-webkit-scrollbar{width:5px}.custom-select-dropdown::-webkit-scrollbar-track{background:transparent}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#ffa5004d;border-radius:3px}.custom-select-option{padding:.65rem 1rem;color:#ffffffd9;font-size:1rem;cursor:pointer;transition:background .15s ease,color .15s ease}.custom-select-option.is-focused,.custom-select-option:hover{background:#ffa5001f;color:#fff}.custom-select-option.is-selected{color:orange;font-weight:600}.custom-select-option.is-selected.is-focused,.custom-select-option.is-selected:hover{background:#ffa50026}.form-group input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.button-group{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary,.btn-secondary{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#b8421a,#c60);color:#fff;box-shadow:0 4px 12px #ffa5004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffa50066}.btn-secondary{background:#0006;color:#ffb733;border:1px solid rgba(255,165,0,.3)}.btn-secondary:hover{background:#ffa5001a;border-color:#ffa50080}.calculator-results{border-top:2px solid rgba(255,165,0,.2);padding-top:2rem}.calculator-results h3{color:orange;margin-bottom:1.5rem;font-size:1.5rem}.calculator-results h4{color:orange;margin-bottom:1rem;font-size:1.2rem}.result-card{background:#ffffff0d;border:1px solid rgba(255,165,0,.2);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.result-card.highlight{background:#ffa5001a;border-color:#ffa50066}.result-label{font-size:1rem;color:#fffc}.result-value{font-size:1.5rem;font-weight:700;color:orange}.progress-bar{margin-bottom:2rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#ffffffb3}.progress-track{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,orange);transition:width .5s ease}.breakdown{margin-top:2rem}.breakdown-list{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#0003;border-radius:8px}.breakdown-item{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff08;border-radius:4px;transition:background .2s ease}.breakdown-item:hover{background:#ffa5001a}.breakdown-level{color:#fffc;font-weight:500}.breakdown-exp{color:orange;font-weight:600}.calculator-error{padding:1.5rem;background:#8b000080;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#fcc;text-align:center}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.resource-card{background:#ffffff0d;border:1px solid rgba(255,165,0,.2);border-radius:8px;padding:1rem;text-align:center}.resource-label{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem}.resource-value{font-size:1.2rem;font-weight:600;color:orange}.form-row.compact-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.form-row.compact-row.centered{justify-content:center}.form-group.compact{flex:0 0 auto;min-width:120px;margin-bottom:0}.form-group.compact input{width:120px}.btn-secondary.compact{padding:.75rem 1.5rem;align-self:flex-end;margin:0}.info-box-toggle{display:none}@media(max-width:768px){.calculator-container{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-row.compact-row{flex-direction:column;align-items:stretch}.form-group.compact{min-width:100%}.form-group.compact input,.btn-secondary.compact{width:100%}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.result-card{flex-direction:column;gap:.5rem;text-align:center}.resource-grid{grid-template-columns:1fr}.info-box-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;background:#8b5a00;border:1px solid rgba(255,165,0,.3);border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.info-box-toggle:hover{background:#ffa50026;border-color:#ffa50080}.info-box.collapsed .info-box-content{display:none}.info-box.collapsed{padding:.5rem;margin-bottom:.5rem}.info-box.collapsed .info-box-toggle{margin-bottom:0}.layout-toggle-btn{display:none!important}}.research-tree-node{cursor:pointer}.research-tree-node:focus .node-focus-indicator{opacity:1;animation:pulse-node-focus .3s ease-out}.research-tree-node:focus-visible .node-focus-indicator{opacity:1}.research-tree-node:focus .node-background{filter:brightness(1.2)}@keyframes pulse-node-focus{0%{opacity:0;stroke-width:3px;transform:scale(.98)}to{opacity:1;stroke-width:3px;transform:scale(1)}}g[data-unlock-button=true]{cursor:pointer}g[data-unlock-button=true]:focus .unlock-button-focus-indicator{opacity:1;animation:pulse-focus .3s ease-out}g[data-unlock-button=true]:hover .unlock-button-bg{fill:#ffa5004d;stroke:#ffa500b3}g[data-unlock-button=true]:active .unlock-button-bg{fill:#ffa50066;stroke:#ffa500cc}@keyframes pulse-focus{0%{opacity:0;stroke-width:2px}to{opacity:1;stroke-width:2px}}g[data-unlock-button=true]:focus-visible .unlock-button-focus-indicator{opacity:1}.vehicle-unlock{background:#3498db1a;border-color:#3498db66;flex-direction:column;align-items:flex-start;gap:1rem}.vehicle-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.vehicle-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-radius:6px;border-left:3px solid #ffa500}.vehicle-name{font-size:1rem;font-weight:600;color:orange}.vehicle-level{font-size:.9rem;color:#ffffffb3;background:#ffa50033;padding:.25rem .75rem;border-radius:4px}.breakdown-item.vehicle-mod{background:#3498db1a;border-left:3px solid #3498db}.breakdown-item.vehicle-mod:hover{background:#3498db33}.meta-row{display:flex;flex-wrap:wrap;gap:.5rem}.meta-card{flex:1;min-width:100px;background:#ffffff0a;border:1px solid rgba(255,165,0,.15);border-radius:8px;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.15rem}.meta-card.highlight{background:#ffa50012;border-color:#ffa50047}.meta-label{font-size:.7rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:1rem;font-weight:700;color:orange;line-height:1.2}.calc-split{display:flex;flex-direction:column;gap:.9rem;max-width:580px;margin:0 auto}.calc-controls,.calc-results{display:flex;flex-direction:column;gap:.9rem}.calc-step{background:#ffffff08;border:1px solid rgba(255,165,0,.15);border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.calc-step-label{font-size:.75rem;font-weight:700;color:#ffa500bf;text-transform:uppercase;letter-spacing:.06em}.calc-step .form-group{margin-bottom:0}.calc-step .form-row{gap:.75rem}.calc-btn{width:100%;padding:.75rem 1.5rem;border-radius:10px;border:2px solid rgba(255,165,0,.6);background:#ffa5001f;color:orange;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.04em}.calc-btn:hover:not(:disabled){background:#ffa50040;border-color:orange;transform:translateY(-1px);box-shadow:0 4px 16px #ffa50033}.calc-btn.done{border-color:#27ae6080;background:#27ae6014;color:#52be80;cursor:default;opacity:.75}.calc-hint{text-align:center;color:#ffffff59;font-size:.9rem;padding:.75rem 0;margin:0}.calc-results h3{color:orange;margin-top:0;margin-bottom:.75rem;font-size:1.25rem}.calc-results h4{color:orange;margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.calc-results .result-card{margin-bottom:0}.calc-results .breakdown{margin-top:0}@media(min-width:769px){astro-island{display:block;width:100%}.calc-split{display:grid;grid-template-columns:540px 1fr;gap:1.75rem;align-items:start;max-width:none;margin:0;padding-left:max(0px,calc(50% - 270px));transition:padding-left 1.3s cubic-bezier(.25,.46,.45,.94)}.calc-split.has-results{padding-left:0}.calc-split>.calc-controls{align-self:start;min-width:0}.calc-split.has-results>.calc-controls{position:sticky;top:calc(var(--sticky-offset) + 1.5rem)}.calc-split>.calc-results{visibility:hidden;pointer-events:none}.calc-split.has-results>.calc-results{visibility:visible;pointer-events:auto}.calc-step{padding:1.4rem 1.75rem;gap:1rem}.calc-step-label{font-size:.82rem}.calc-btn{font-size:1.05rem;padding:.85rem 1.5rem}}@media(max-width:480px){.calc-step{padding:.8rem .9rem;gap:.6rem}}
