#main-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;--s: 200px;--c1: #1d1d1d;--c2: #4e4f51;--c3: #3c3c3c;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,rgba(0,0,0,.8) 50%),repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%) calc(var(--s)/2) calc(var(--s)*tan(30deg)/2),repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%);background-size:100% 100%,var(--s) calc(var(--s)*tan(30deg)),var(--s) calc(var(--s)*tan(30deg))}.screen{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-menu-top{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}.main-menu-center{display:flex;justify-content:center;align-items:center}.main-menu-bottom{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:40px}.player-card{display:flex;align-items:center;background:rgba(0,0,0,.6);border-radius:12px;padding:12px 20px;margin-bottom:20px;border:2px solid rgba(255,255,255,.2);width:100%;max-width:400px}.player-avatar{width:48px;height:48px;border-radius:50%;background:rgba(0,0,30,.5);display:flex;align-items:center;justify-content:center;margin-right:15px;border:2px solid rgba(255,255,255,.3)}.player-avatar i{font-size:24px;color:#64b5f6}.player-info{flex:1}.player-name-display{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.player-status{font-size:14px;color:#fff9}.small-button{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.small-button:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.play-button{display:flex;align-items:center;justify-content:center;padding:15px 60px;background:linear-gradient(135deg,#4CAF50,#2E7D32);color:#fff;border:none;border-radius:12px;font-size:22px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 6px 15px #0006;min-width:200px}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.play-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}.play-button:hover:before{left:100%}.play-button i{margin-right:10px;font-size:20px}.hidden{display:none!important}.username-input-container{width:400px;max-width:90dvw}#username-input{width:100%;padding:15px 20px;background:rgba(0,0,0,.7);border:3px solid rgba(255,255,255,.4);border-radius:12px;color:#fff;font-size:18px;font-family:Ubuntu,sans-serif;text-align:center;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}#username-input:focus{outline:none;border-color:#fffc;box-shadow:0 0 20px #ffffff4d;transform:scale(1.02)}#username-input::placeholder{color:#fff9}.main-menu-icon{display:flex;align-items:center;justify-content:center}.main-menu-icon .logo{width:120px;height:120px;object-fit:contain}.game-title{font-size:4rem;position:relative;font-weight:700}.how-to-play-button{display:flex;align-items:center;justify-content:center;padding:10px 30px;background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.how-to-play-button:hover{background:rgba(255,255,255,.2);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.how-to-play-button i{margin-right:8px;font-size:14px}#game-canvas{position:absolute;top:0;left:0;width:60%;height:100%}.exit-button{background:rgba(255,0,0,.7)!important}#loading-screen{z-index:10000}.notification-container{z-index:9999}#death-screen{z-index:8000}.module-tooltip{z-index:7600}#player-inventory-container{z-index:7500}#upgrades-container,.stat-name,.stat-level{z-index:7400}#chat-container{z-index:7000}.modal{z-index:1000}.popup-menu{z-index:200}.popup-content{z-index:201}#lag-simulator{z-index:150}.top-left-buttons{z-index:100}.game-title{z-index:30}#main-menu{z-index:20}.interaction-hint-button,.exit-button,.account-info{z-index:10}#player-info-bar,#game-leaderboard,#minimap-background-canvas{z-index:5}#minimap-overlay-canvas{z-index:5;pointer-events:none}#game-canvas{z-index:-1}#game-screen{z-index:-2}#death-screen{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#00000080;transition:all .3s ease-in-out}.death-screen-contents{width:400px;height:80dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .3s ease-in-out}.death-screen-contents{text-align:center}.death-message-player-name{font-size:32px;font-weight:700;color:#fff}.death-message-pre{font-size:14px}.death-message-cause{font-size:20px}.death-message-hint{font-size:14px}.death-screen-image{width:200px;height:auto;aspect-ratio:1 / 1;object-fit:cover;margin:5px}.death-message-continue-btn{background-color:#adff2f;border:4px solid black;transition:all .3s ease}.death-screen-stats{display:flex;flex-direction:column;width:80%;gap:10px;margin:20px 0;background-color:#000000b3;padding:15px;border-radius:8px}.death-screen-stat-row{display:grid;grid-template-columns:1fr 1fr;width:100%;align-items:center}.death-screen-stat-label{text-align:right;padding-right:10px;font-size:16px;color:#ccc}.death-screen-stat-value{text-align:left;padding-left:10px;font-size:20px;font-weight:700;color:#fff}.death-screen-stats-header{font-size:18px;margin-bottom:10px;color:#ccc}.death-screen-stat-row{opacity:0;transform:translateY(10px);animation:fadeInUp .5s forwards}.death-screen-stat-row:nth-child(1){animation-delay:.4s}.death-screen-stat-row:nth-child(2){animation-delay:.7s}.death-screen-stat-row:nth-child(3){animation-delay:1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}#loading-screen{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000}.loading-message{font-family:Arial,Helvetica,sans-serif!important;font-size:96px}#lower-left-container{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:row;align-items:flex-end;padding-bottom:20px;padding-left:10px;gap:5px}#lower-left-buttons{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px}#lower-left-buttons .corner-button{background-color:#00000080;color:#fff;padding:5px;border-radius:5px;cursor:pointer;font-size:1.5em;margin:5px;transition:background-color .3s ease;width:60px!important;height:60px!important}#lower-left-buttons .corner-button span{position:absolute;font-size:12px;text-align:center}#lower-left-buttons .corner-button i{width:100%}#lower-left-buttons .corner-button .keybind-indicator{position:absolute;font-size:12px;margin:0}#chat-container{position:relative;width:400px;max-height:400px;font-size:14px;overflow-x:visible;color:#fff;border-radius:10px;opacity:1;display:flex;flex-direction:column;transition:opacity .2s ease,max-height .2s ease}#chat-messages{flex:1;display:flex;flex-direction:column;padding:10px;overflow-y:auto;overflow-x:hidden;max-height:350px;width:100%;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) transparent;scrollbar-gutter:stable;gap:5px;overscroll-behavior:contain}.chat-message{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;width:100%;max-width:100%;word-break:break-word;overflow-wrap:break-word}.chat-message[style*="opacity: 0"]{height:0;margin:0;padding:0;overflow:hidden}.chat-message [stroke]{--stroke-size: .2em;position:relative;color:#fff}.chat-message-author{font-weight:700;white-space:nowrap}.chat-message-text{padding:0;margin:0;word-wrap:break-word;overflow-wrap:break-word}.message-type-system .chat-message-author,.message-type-system .chat-message-text{color:#fdf380}.message-type-admin .chat-message-author,.message-type-admin .chat-message-text{color:#f55}.message-type-team .chat-message-author,.message-type-team .chat-message-text{color:#ef99c3}#chat-container.input-focused{max-height:400px;opacity:1}#chat-input-container{display:flex;flex-direction:row;gap:5px;padding:5px;border-radius:5px;width:300px;align-items:center}#switch-chat-type-btn{text-align:center;font-size:14px;font-weight:700;padding:5px 10px;border-radius:5px;cursor:pointer;flex-shrink:0;border:1px solid black!important}#chat-input{flex:1;background-color:#00000080;border:none;color:#fff;padding:5px 10px;border-radius:5px;margin-right:5px}#chat-input:hover{background-color:#000000b3}.chat-input-type-global{color:#fff}.chat-input-type-team>*{color:#ef99c3!important}#chat-input:focus{outline:none;background-color:#000c}#send-chat-button{background-color:#4caf50;border:none;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;box-sizing:border-box;border:3px solid black}#send-chat-button:hover{background-color:#45a049}.chat-command-popup{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:5px;max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:1000;box-shadow:0 5px 15px #00000080;display:none;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.chat-command-popup>.command-item:nth-child(odd){background-color:#202020e6}.chat-command-popup>.command-item:nth-child(2n){background-color:#404040e6}.chat-command-popup:not(.hidden){display:block;opacity:1;transform:translateY(0)}.command-item{display:flex;flex-direction:row;gap:5px;padding:8px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease}.command-item:last-child{border-bottom:none}.command-item:hover,.command-item.selected{background-color:#ffffff1a}.command-syntax{font-weight:700;color:gold!important;margin-bottom:2px}.command-description{font-size:.9em;color:#aaa}.top-left-buttons{position:absolute;top:10px;left:10px;display:flex;gap:10px}.corner-button{width:40px;height:40px;border-radius:8px;background:rgba(0,0,0,.6);border:2px solid rgba(255,255,255,.7);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.corner-button:hover{background:rgba(0,0,0,.8);border-color:#ffffffe6;transform:scale(1.05)}.corner-button i{font-size:18px}.corner-button.hidden{display:none!important}@keyframes inventory-pulse{0%{transform:scale(1);box-shadow:0 0 #4caf50b3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #4caf504d}to{transform:scale(1);box-shadow:0 0 #4caf5000}}.popup-menu{position:absolute;top:60px;left:10px;width:380px;background:rgba(32,32,32,1);border:2px solid rgba(255,255,255,.7);border-radius:8px;color:#fff;box-shadow:0 4px 12px #00000080;max-height:80dvh;overflow-y:hidden;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;transition:all .2s ease}.popup-menu.settings-menu{background:rgba(64,64,64,1)!important}.popup-menu.changelog-menu{background:rgba(32,64,32,1)!important}.popup-menu.how-to-play-menu{background:rgba(32,32,64,1)!important}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.5);flex-shrink:0}.popup-header h3{margin:0;font-size:18px;font-weight:700}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.popup-content{padding:15px;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.9) transparent;scrollbar-gutter:stable}.profile-section{margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}.profile-section:last-child{border-bottom:none;margin-bottom:0}.profile-section h4{margin:0 0 10px;font-size:16px;color:gold}.profile-row{display:flex;justify-content:space-between;margin-bottom:8px}.profile-label{color:#ffffffb3}.profile-value{font-weight:700}.profile-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.profile-item{background:rgba(255,255,255,.1);border-radius:4px;padding:8px;text-align:center}.profile-item-name{font-size:12px;color:#ffffffe6}.profile-item-count{font-size:14px;font-weight:700;color:gold}.ui-toggles-container{display:flex;flex-direction:column;gap:10px;margin-top:15px}.toggle-reset-row{display:flex;justify-content:center;margin-top:20px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.ui-reset-btn{background:rgba(0,100,255,.2);border:1px solid rgba(0,100,255,.4);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.ui-reset-btn:hover{background:rgba(0,100,255,.4)}.toggle-switch-container{position:relative;display:inline-block;width:48px;height:24px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.toggle-switch-container{display:flex;align-items:center}.toggle-switch{width:18px;height:18px;margin:0;cursor:pointer;accent-color:rgba(50,150,255,.7);background-color:#fff}#game-leaderboard{position:absolute;top:30px;right:10px;width:240px;color:#fff;font-family:Ubuntu,sans-serif}.leaderboard-header{padding:5px;text-align:center;margin-bottom:5px;font-size:14px;font-weight:700}.leaderboard-content{max-height:400px;overflow-y:auto}#leaderboard-list{list-style-type:none;padding:2px;margin:0}.leaderboard-item{position:relative;height:20px;margin-bottom:4px;border-radius:10px;background-color:#0006;overflow:hidden;border:2px solid rgba(0,0,0,.8)}.leaderboard-bar{position:absolute;top:0;left:0;height:100%;background-color:#9696ff66;border-radius:13px;z-index:1}.leaderboard-text{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:2;font-size:13px}.leaderboard-text [stroke]{--stroke-size: .15em;position:relative;color:#fff}.leaderboard-text [stroke]:before{content:attr(stroke);position:absolute;-webkit-text-stroke:var(--stroke-size) rgba(0,0,0,.7);z-index:-1;left:0;top:0}.leaderboard-text [stroke]:after{content:attr(stroke);color:inherit;position:absolute;left:0;top:0}.team-blue .leaderboard-bar{background-color:#0078ff66}.team-red .leaderboard-bar{background-color:#f006}.team-green .leaderboard-bar{background-color:#00b40066}.team-purple .leaderboard-bar{background-color:#b400b466}.leaderboard-item.current-player{border:3px solid rgba(255,255,255,.7)}#player-info-bar{position:absolute;top:60px;left:10px;width:1000px;border-radius:8px;padding:8px;color:#fff;font-family:Ubuntu,sans-serif;display:flex;flex-direction:column;gap:8px}.player-name-container{width:100%;display:flex;flex-direction:row;gap:5px;align-items:center;color:#fff;text-align:center}.player-name-prefix{font-size:12px}.player-name-prefix.admin{color:red!important;font-weight:700}.player-name-prefix.moderator{color:#0f0!important;font-weight:700}.player-name-prefix.vip{color:#0ff!important;font-weight:700}.player-name{font-size:20px;padding:0;margin:0}.player-health-container{width:240px}.player-health-bar{position:relative;height:20px;background-color:#0009;border-radius:15px;overflow:hidden;border:2px solid rgba(0,0,0,.8);padding:0%;margin:0}.player-health-fill{position:absolute;height:100%;background-color:#3cd23cb3;width:100%;transition:width .3s ease-out}.player-health-text-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-health-text{font-size:14px;font-weight:700;padding:0;margin:0;z-index:1}.player-stats-container{width:240px;display:grid;grid-template-columns:auto auto;gap:8px}.player-score,.player-kills{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0006;border-radius:6px;padding:2px 0}.stat-label{font-size:12px;opacity:.8}.stat-value{font-size:18px;font-weight:700}.health-high{background-color:#3cd23cb3}.health-medium{background-color:#ffa500b3}.health-low{background-color:#ff3232b3;animation:flash .5s infinite alternate}@keyframes flash{0%{background-color:#ff3232b3}to{background-color:#f81515e6}}@keyframes pulse-border{0%{border-color:#ff0000b3;box-shadow:0 0 #ff0000b3}50%{border-color:#ff3232;box-shadow:0 0 0 4px #f006}to{border-color:#ff0000b3;box-shadow:0 0 #ff0000b3}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-1px)}20%,40%,60%,80%{transform:translate(1px)}}@keyframes critical-health-flash{0%{background-color:#28000099}50%{background-color:#5a0000b3}to{background-color:#28000099}}.player-health-bar.critical-health{border-color:red;animation:pulse-border 1.5s infinite,shake .5s infinite;background-color:#28000099;box-shadow:0 0 10px #ff0000b3;animation:pulse-border 1.5s infinite,shake .5s ease-in-out infinite,critical-health-flash 1s infinite}.critical-health .player-health-text{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #ff0000;font-weight:bolder}.critical-health .player-health-text[stroke]:before{--stroke-size: .25em;-webkit-text-stroke:var(--stroke-size) #800}@keyframes danger-pulse{0%,to{opacity:1}50%{opacity:.7}}.player-health-bar.extremely-critical{animation:pulse-border .8s infinite,shake .3s infinite,critical-health-flash .8s infinite;box-shadow:0 0 15px #ff0000e6}.extremely-critical .player-health-text{animation:danger-pulse .5s infinite;font-size:16px!important}.bottom-right-info{position:absolute;bottom:10px;right:10px;padding:5px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:5px;color:#fff}#minimap-container{position:relative;width:200px;height:auto;aspect-ratio:1 / 1}.minimap-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgba(0,0,0,.5)}#minimap-overlay-canvas{pointer-events:none}.debug-info{position:relative;bottom:0;right:0;padding:5px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:5px;color:#fff;font-size:12px}.debug-info>div{position:relative;width:100%;text-align:right}.debug-info [stroke]{--stroke-size: .25em}.debug-info [stroke]{font-weight:700}.debug-info [stroke]:before{-webkit-text-stroke:var(--stroke-size) rgba(0,0,0,.8);text-shadow:0 0 5px rgba(0,0,0,.5)}#lag-simulator{position:absolute;left:10px;top:30%;width:200px;max-height:200px;overflow-y:auto;background:rgba(0,0,0,.2);padding:10px;border-radius:5px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.5) transparent;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:5px;font-size:12px}#lag-simulator>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#damage-effect-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:900;opacity:0;transition:opacity .05s ease-in,opacity .8s ease-out;box-shadow:inset 0 0 100px 20px #ff0000b3;background:radial-gradient(circle at center,transparent 30%,rgba(255,0,0,.1) 60%,rgba(255,0,0,.5) 100%);mix-blend-mode:multiply}#damage-effect-overlay.visible{opacity:1}.connecting-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease}.connecting-screen.hidden{opacity:0;pointer-events:none}.connecting-content{text-align:center;color:#fff}.connecting-content h2{font-size:32px;margin-bottom:10px}.connecting-dots{display:inline-block;min-width:24px;text-align:left;font-size:32px}.popup-content{line-height:1.5;color:#eee;--font-scale: .95}.popup-content *{font-size:calc(var(--font-scale) * 1em)}.popup-content h1{font-size:calc(1.8em * var(--font-scale))}.popup-content h2{font-size:calc(1.5em * var(--font-scale))}.popup-content h3{font-size:calc(1.3em * var(--font-scale))}.popup-content h4{font-size:calc(1.1em * var(--font-scale))}.popup-content h1,.popup-content h2,.popup-content h3,.popup-content h4,.popup-content h5,.popup-content h6{margin-top:1em;margin-bottom:.5em;color:#fff}.popup-content p{margin-bottom:1em}.popup-content ul,.popup-content ol{margin-left:1.5em;margin-bottom:1em}.popup-content li{margin-bottom:.3em}.popup-content strong{color:gold;font-weight:700}.popup-content em{font-style:italic;color:#adf}.popup-content code{font-family:monospace;background-color:#0000004d;padding:.2em .4em;border-radius:3px}.popup-content blockquote{border-left:3px solid #555;padding-left:1em;margin-left:0;color:#aaa}#player-inventory-container{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#0003;transition:all .1s ease-in-out;transform:translateY(0);opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#player-inventory-container.hidden{transform:translateY(1000px);display:flex!important;pointer-events:none;opacity:0}#player-inventory-title{position:absolute;top:0;left:0;width:100%;height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:10px;font-size:2rem;color:#fff;text-shadow:0 0 3px #000}#player-inventory-buttons{position:absolute;top:0;right:0;width:50px;height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:10px;margin-right:10px;font-size:2rem;color:#fff}#player-inventory-contents{width:90%;height:80%;display:grid;grid-template-columns:30fr auto 30fr;grid-template-rows:75% 25%;grid-template-areas:"module-inventory tank-slots exchange" "other-inventory tank-slots disassemble";margin:0 auto;grid-gap:20px;box-sizing:border-box-box}#player-inventory-contents>div{background-color:#323232cc;border:2px solid #333;border-radius:8px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}#module-inventory{height:100%}#module-inventory.drag-over,.module-slot.drag-over{border-color:#6a93cb;background-color:#5078b44d;box-shadow:0 0 10px #6a93cb80}#other-inventory-section{grid-area:other-inventory}#exchange-section{grid-area:exchange}.inventory-section-title{text-align:center;margin-bottom:10px;font-size:1.5rem;color:#fff;text-shadow:0 0 3px #000}.scrollable-inventory{width:100%;padding:5px;display:grid;grid-gap:10px;grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,minmax(70px,auto));border:solid 2px #333;box-sizing:border-box;align-content:start;justify-content:start!important;pointer-events:auto;overflow-y:auto;height:100%}.scrollable-inventory:hover{filter:brightness(1.05)}.scrollable-inventory::-webkit-scrollbar{width:6px}.scrollable-inventory::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.scrollable-inventory::-webkit-scrollbar-thumb{background:rgba(150,150,150,.5);border-radius:3px}#tank-slots-section{grid-area:tank-slots;display:flex;flex-direction:column;width:100%;height:100%;padding:0;box-sizing:border-box;margin:0}#tank-slots-section *{min-width:70px}.equipment-grid{width:100%;height:auto;display:flex;flex-direction:column;gap:10px;margin:0 auto;justify-self:center;aspect-ratio:1 / 1;align-self:center}.slot-container{display:grid;grid-gap:5px;justify-content:center}#primary-slot-container{grid-template-columns:repeat(3,1fr)}#secondary-slot-container{grid-template-columns:repeat(4,1fr)}#utility-slot-container{grid-template-columns:repeat(5,1fr)}#tank-slots{background-color:#323232b3;border:2px solid #555;border-radius:6px;display:flex;flex-direction:column;justify-content:start;align-items:center;transition:all .2s ease;position:relative;padding:10px;gap:10px}.slot-category-title{text-align:center;margin-bottom:5px;color:#fff;text-shadow:0 0 3px #000}.slot-container.filled{border-color:#6a93cb;background-color:#3c507899}.shop-item{display:grid;grid-template-rows:4fr 1fr;align-items:center;justify-items:center;border:2px solid #555;border-radius:8px;grid-gap:5px;padding-bottom:5px;box-sizing:border-box;transition:all .2s ease;background-color:#c8c8c8b3;aspect-ratio:3 / 4}.shop-item:hover{border-color:#888;background-color:#e6e6e6cc}.shop-item>*{width:100%;justify-self:center;align-self:center}.module-price{position:relative;bottom:0;font-size:1rem;color:#fff;text-align:center;grid-row:2;align-self:center;justify-self:center;transform:scale(1)}.shop-item .module-slot{border-radius:6px 6px 0 0!important}.module-slot{background-color:#323232b3;border:2px solid #555;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .1s ease;position:relative;transform:scale(1);max-width:70px;aspect-ratio:1 / 1}.shop-item .module-slot:hover{transform:scale(1)}.module-slot.potential-target{border-color:#ffffffb3;box-shadow:0 0 8px #64ff6480;transform:scale(1.05);transition:all .2s ease}.module-slot.invalid-target{opacity:.5;filter:brightness(50%);transition:all .2s ease}.module-slot.drag-over-swap{border-color:#fd0!important;box-shadow:0 0 10px #ffdd00b3!important;transform:scale(1.05)}.inventory-container.potential-target{border:2px dashed rgba(255,255,255,.7);background-color:#64ff641a}.module-slot:hover{border-color:#888;background-color:#464646cc;transform:scale(1.05);filter:brightness(1.1)}.module-slot.filled{border-color:#6a93cb}.module-icon{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.module-count{position:absolute!important;top:-10px;right:-10px;color:#fff;font-size:1rem;padding:1px 4px;border-radius:10px;min-width:20px;text-align:center;transform:rotate(15deg)}.module-slot[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.module-slot[draggable=true]:active{cursor:grabbing;transform:scale(1.05)}.module-slot .module-icon,.module-slot .module-label,.module-slot .module-count,.fragment-label{pointer-events:none;-webkit-user-select:none;user-select:none}.module-label{font-size:1rem;font-weight:700;color:#fff!important;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:visible!important;position:absolute!important;text-align:center;pointer-events:none;text-shadow:0 0 3px black;transform:scale(1)}.fragment-label{font-size:.8rem;font-weight:700;color:#fff;text-shadow:0 0 3px black;-webkit-user-select:none;user-select:none}.module-slot.dragging{opacity:.5}.typed-layout-container{display:grid!important;grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(5,1fr)!important;gap:2px!important;width:100%!important;height:100%!important}.primary-slot{border-color:#ff6b6b!important;background-color:#ff6b6b1a!important}.secondary-slot{border-color:#4ecdc4!important;background-color:#4ecdc41a!important}.utility-slot{border-color:#45b7d1!important;background-color:#45b7d11a!important}.primary-slot:hover{background-color:#ff6b6b33!important}.secondary-slot:hover{background-color:#4ecdc433!important}.utility-slot:hover{background-color:#45b7d133!important}.module-slot.drag-invalid{border-color:#f44!important;background-color:#ff44444d!important}#disassemble-items{display:flex;flex-direction:row;align-items:center;justify-content:center!important;padding:10px}#disassemble-items>*{transform:scale(1);pointer-events:none;font-size:1.2em}#disassemble-items.drag-over{border-color:#cb756a;background-color:#b457504d;box-shadow:0 0 10px #cb756a80}.ability-btns-container{display:flex;flex-direction:row;justify-content:start;gap:10px;padding:5px;max-width:240px;width:100%;bottom:20px;pointer-events:auto;background-color:#0006;border-radius:12px;box-shadow:0 2px 8px #0000001a}.ability-btns-container:hover{opacity:1}.ability-btns{display:flex;flex-direction:row;justify-content:center;gap:10px;pointer-events:auto}.ability-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.ability-btn{width:50px;height:50px;border-radius:8px;border:2px solid rgba(255,255,255,.3);background-color:#323232b3;position:relative;overflow:hidden;transition:all .2s ease;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.5}.ability-btn:hover{transform:scale(1.05);border-color:#ffffff80;box-shadow:0 0 8px #ffffff4d}.ability-icon{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;z-index:2;pointer-events:none}.ability-cooldown-overlay{position:absolute;bottom:0;left:0;width:100%;background-color:#000000b3;z-index:1;transition:height .1s linear}.ability-cooldown-bar{width:40px;height:20px;background-color:#323232b3;border-radius:5px;overflow:hidden;position:relative}.ability-cooldown-fill{position:absolute;height:100%;left:0;top:0;background-color:#db3434;transition:width .1s linear;opacity:.5!important}.ability-cooldown-fill.ready{opacity:1!important}.ability-charges-bar{width:40px;height:4px;background-color:#1e1e1ecc;border-radius:2px;position:relative;display:flex}.ability-charge-segment{flex:1;height:100%;border-right:1px solid rgba(0,0,0,.5)}.ability-charge-segment:last-child{border-right:none}.ability-charge-segment.filled{background-color:#2ecc71}.ability-keybind{position:absolute;bottom:2px;right:2px;background-color:#0009;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:3px;z-index:3;pointer-events:none}.ability-cooldown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.7rem;font-weight:700;z-index:3;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.8)}.ability-charges{position:absolute;top:2px;left:2px;background-color:#0009;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:3px;z-index:3;pointer-events:none}.ability-btn.ready{animation:glow .5s infinite alternate;border-color:#ffffffb3;opacity:1}.ability-btn.active{border-color:#ffac;box-shadow:0 0 12px #ff09}@keyframes glow{0%{box-shadow:0 0 5px #ffffff80}to{box-shadow:0 0 10px #fffc}}.ability-tooltip{position:absolute;background-color:#1e1e1ef2;border:1px solid #555;border-radius:4px;padding:8px;width:250px;color:#fff;font-size:.8rem;pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 2px 10px #00000080;z-index:1000}.ability-tooltip-title{font-size:1rem;font-weight:700;margin-bottom:4px;color:gold}.ability-tooltip-description{margin-bottom:6px}.ability-tooltip-keybind{font-size:.75rem;color:#aaa}.tooltip-price-status.available{color:#42f148}.tooltip-price-status.unavailable{color:#f44336}.module-tooltip{position:absolute;background-color:#1e1e1ef2;border:1px solid #555;border-radius:4px;padding:8px;width:300px;color:#fff;font-size:.8rem;pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 2px 10px #00000080}.module-slot:hover .module-tooltip{opacity:1}.tooltip-title{font-weight:700;font-size:1rem;margin-bottom:4px}.tooltip-description{margin-bottom:4px}.tooltip-stats{font-size:.75rem;color:#aaa}.tooltip-title{display:flex;justify-content:space-between!important;align-items:center;width:100%}.tooltip-title .module-name{text-align:left;font-weight:700}.tooltip-title .module-rarity{font-size:.8em;text-align:right!important;text-transform:uppercase;font-weight:700;padding-left:10px}.tooltip-stats-container{margin:8px 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.tooltip-stats-header{font-weight:700;margin-bottom:4px;color:#ddd}.tooltip-stat-row{display:flex;justify-content:start;gap:5px;margin:2px 0}.tooltip-stat-name{color:#aaa}.tooltip-stat-value{color:#fff;font-weight:700}.stat-tooltip{position:absolute;background-color:#1e1e1ef2;border:1px solid #555;border-radius:4px;padding:8px;width:250px;color:#fff;font-size:.8rem;pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 2px 10px #00000080;z-index:7600}.stat-tooltip-title{font-weight:700;font-size:1rem;margin-bottom:4px}.stat-tooltip-description{margin-bottom:4px}.stat-tooltip-level{font-size:.75rem;color:#aaa}.title-tooltip{position:absolute;background-color:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:10000;white-space:nowrap}#upgrades-container{width:250px;position:absolute;left:10px;bottom:200px;display:flex;flex-direction:column;gap:5px;transform:translate(0);transition:transform .1s ease;padding:10px;border-radius:5px;background-color:#0000001a}#upgrades-container.hidden{transform:translate(-1000px);display:flex!important}.upgrade-header{text-align:center;font-size:18px}#remaining-points{position:absolute;right:15px;font-size:16px}#stats-container{width:100%;display:flex;flex-direction:column;gap:5px}.stat-keybind-indicator{position:absolute;top:0;background-color:#0009;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:3px;z-index:4}.upgrade-stat{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;border-radius:20px;padding-left:5px;border:1px solid black;position:relative;cursor:pointer;transition:background-color .2s ease;overflow:hidden;background-color:#0006}.upgrade-stat:hover:not(.max-level){background-color:transparent}.stat-name{color:#000000e6!important;font-size:12px}.stat-level{margin-left:auto;margin-right:10px;text-align:center;font-size:14px;padding:2px 0}.upgrade-btn{background:none;border:none;color:#fff;background-color:#00000080;cursor:pointer;font-size:16px;padding:5px;height:25px;aspect-ratio:1/1!important;justify-content:center;align-items:center;align-self:end;transition:color .2s ease}.stat-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.stat-progress-fill{position:absolute;top:0;left:0;height:100%;transition:width .3s ease;opacity:1;filter:brightness(1.05)}.level-marker{position:absolute;top:0;width:1px;height:100%;background-color:#00000080;z-index:1}.max-level .upgrade-btn{opacity:.5;cursor:not-allowed}.upgrade-stat .stat-name span,.upgrade-stat .stat-level span{position:relative;z-index:2;text-shadow:0 0 2px rgba(0,0,0,.7)}.stats-upgrade-info{font-size:14px}.keybind-indicator{position:absolute;bottom:2px;right:2px;background-color:#0009;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:3px;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif;font-weight:700}*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{background-color:#121212;color:#fff;overflow:hidden}[data-stroke]{--stroke-size: .15em;position:relative;display:inline-block;color:#fff}[data-stroke]:before{content:attr(data-stroke);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:inherit;white-space:pre-wrap;margin:0;padding:inherit;box-sizing:border-box}[data-stroke]:before{-webkit-text-stroke:var(--stroke-size) #000;z-index:-1}button[data-stroke]:before,input[data-stroke]:before{display:flex;align-items:center;justify-content:center;padding:inherit}.hidden{display:none}.death-message{font-size:3rem;margin-bottom:2rem}button,input{padding:12px;border-radius:10px;border:2px solid #333;background-color:#1e1e1e;color:#fff;font-size:1rem;cursor:pointer;outline:none;filter:brightness(1)}button:hover{background-color:#333}input{width:100%}.settings-tabs{display:flex;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.2)}.settings-tab-btn{padding:10px 15px;background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;transition:all .2s ease}.settings-tab-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.settings-tab-btn.active{color:#fff;border-bottom:2px solid #ffd700;background:rgba(255,255,255,.05)}.keybind-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.keybind-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.keybind-action{color:#ffffffe6}.keybind-key{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:4px;min-width:100px;text-align:center;cursor:pointer;transition:all .2s ease}.keybind-key:hover{background:rgba(0,0,0,.5);border-color:#ffffff80}.keybind-key.listening{background:rgba(255,255,255,.2);border-color:gold;color:gold}.keybind-reset-row{display:flex;justify-content:center;margin-top:20px}.keybind-reset-btn{background:rgba(255,0,0,.2);border:1px solid rgba(255,0,0,.4);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.keybind-reset-btn:hover{background:rgba(255,0,0,.4)}.changelog-entry{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.changelog-entry:last-child{border-bottom:none;margin-bottom:0}.changelog-entry h4{color:gold;margin-bottom:8px}.changelog-entry ul{margin:8px 0;padding-left:20px}.changelog-entry li{margin-bottom:4px}