:root{--ink:#eaf6ff;--dim:#8fb4d4;--glass:linear-gradient(180deg, rgba(53,130,190,.16), rgba(8,26,44,.55));--glass2:linear-gradient(180deg, rgba(20,50,80,.5), rgba(6,20,36,.62));--line1:rgba(150,210,255,.25);--line2:rgba(150,210,255,.12);--acc:#3ddc64;--warn:#ff6b57;--gold:#ffcf3f;--cyan:#53d3ff;--softsh:0 4px 18px rgba(2,10,20,.4);--fontfun:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;--gradacc:linear-gradient(135deg,#53d3ff 0%, #3ddc64 100%)}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block}.hidden{display:none!important}button{font-family:var(--fontfun)}#menu{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:26px;background:radial-gradient(1200px 800px at 50% 18%,#14568c,#0a2b4a 55%,#061c33);z-index:30;color:var(--ink);font-family:var(--fontfun)}.adcol{width:160px;height:600px;border:1px dashed var(--line1);border-radius:12px;position:relative;color:var(--dim);font-size:11px;letter-spacing:.08em;text-align:center;background:#081a2c66}.adcol>div:first-child{position:absolute;top:0;right:0;bottom:0;left:0}.railph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none}.railph b,.adcol b{font-size:12px;color:var(--ink);opacity:.8}#menucard{width:min(440px,92vw);background:var(--glass);border:1px solid var(--line1);border-radius:20px;padding:28px 30px;box-shadow:var(--softsh);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#menucard h1{font-size:44px;letter-spacing:.02em;text-align:center;font-weight:900;background:var(--gradacc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tag{text-align:center;color:var(--cyan);font-size:13px;margin:4px 0 18px;font-weight:700}#menucard label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:14px 0 6px;font-weight:800}#name{width:100%;padding:11px 14px;font-size:16px;font-weight:700;color:var(--ink);background:#081a2c80;border:1px solid var(--line1);border-radius:12px;outline:none;font-family:var(--fontfun)}#name:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #53d3ff26}.srv{display:flex;gap:8px;margin-top:2px}.srv button{flex:1;padding:9px 6px;background:#081a2c73;color:var(--ink);border:1px solid var(--line2);border-radius:12px;cursor:pointer;font-size:13px;font-weight:800;transition:border-color .15s}.srv button:hover{border-color:var(--line1)}.srv button small{display:block;color:var(--dim);font-size:11px;font-weight:600}.srv button.sel{border-color:var(--acc);background:linear-gradient(180deg,#3ddc642e,#081a2c80)}.skins{display:flex;gap:12px;margin-top:6px;margin-bottom:16px}.skin{width:48px;height:48px;border-radius:14px;border:1px solid var(--line2);cursor:pointer;position:relative;background:#081a2c73;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.skin:hover{border-color:var(--line1)}.skin i{width:28px;height:16px;border-radius:8px;display:block}.skin.sel{border-color:var(--acc)}.skin .price{position:absolute;bottom:-17px;left:0;right:0;text-align:center;font-size:10px;color:var(--gold);font-weight:800}#scrapline{margin-top:18px;font-size:12.5px;color:var(--dim);font-weight:600}#scrapline b{color:var(--gold);font-size:14px}#play{width:100%;margin-top:16px;padding:14px;font-size:20px;font-weight:900;letter-spacing:.06em;color:#04220c;background:var(--gradacc);border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 20px #3ddc6459;transition:transform .1s,box-shadow .15s}#play:hover{box-shadow:0 6px 26px #3ddc6480}#play:active{transform:translateY(2px)}#play:disabled{opacity:.6;cursor:default}.hint{margin-top:14px;font-size:11px;color:var(--dim);text-align:center;font-weight:600}.legal{margin-top:10px;display:flex;gap:14px;justify-content:center;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.legal a{color:var(--dim);opacity:.75;text-decoration:none}.legal a:hover{color:var(--cyan);opacity:1}.conn-err{margin-top:10px;color:var(--warn);font-size:13px;text-align:center;font-weight:800}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;color:var(--ink);font-family:var(--fontfun)}#topline{position:absolute;top:10px;left:50%;transform:translate(-50%);text-align:center;background:var(--glass);border:1px solid var(--line2);border-radius:14px;padding:6px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#zonename{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:800}#depth{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}#depth.crush{color:var(--warn);animation:crushpulse .6s infinite}@keyframes crushpulse{50%{transform:scale(1.07)}}#bars{position:absolute;left:50%;bottom:60px;transform:translate(-50%);width:340px}.bar{height:10px;background:#081a2c8c;border:1px solid var(--line2);border-radius:7px;overflow:hidden;margin-top:5px}.bar>i{display:block;height:100%;border-radius:6px;transition:width .12s linear}#shieldbar{height:7px!important}#shieldbar>i{background:linear-gradient(90deg,#7de0ff,#53d3ff)}#hullbar>i{background:linear-gradient(90deg,#63ef88,#2bb84f)}#hullbar.low>i{background:linear-gradient(90deg,#ff8d7c,#ff6b57)}#cargobar>i{background:linear-gradient(90deg,#ffe27a,#ffcf3f)}#xpbar>i{background:linear-gradient(90deg,#7cc9ff,#3d9df0)}.barlab{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin-top:3px;font-variant-numeric:tabular-nums;font-weight:700}#lvlline{text-align:center;font-size:13px;margin-top:4px;font-weight:800;text-shadow:0 1px 6px rgba(2,10,20,.8)}#stats{position:absolute;left:12px;bottom:12px;background:var(--glass);border:1px solid var(--line2);border-radius:14px;padding:9px 11px;font-size:12px;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#stats .pts{color:var(--gold);font-weight:800;margin-bottom:4px;min-height:15px}.strow{display:flex;align-items:center;gap:6px;margin:2.5px 0;font-weight:700}.strow .k{width:15px;color:var(--cyan);font-size:10px;font-weight:900}.strow .n{width:110px}.strow .pips{display:flex;gap:2.5px}.strow .pips i{width:8px;height:8px;border-radius:2.5px;background:#96d2ff1f;border:1px solid var(--line2)}.strow .pips i.on{background:var(--gradacc);border-color:transparent}.strow button{width:20px;height:20px;border-radius:7px;border:1px solid var(--line1);background:#3ddc6433;color:var(--acc);cursor:pointer;font-size:13px;font-weight:900;line-height:1}.strow button:hover{background:#3ddc6459}#board{position:absolute;top:10px;right:12px;width:196px;background:var(--glass);border:1px solid var(--line2);border-radius:14px;padding:9px 11px;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#board h4{font-size:10.5px;letter-spacing:.12em;color:var(--dim);margin-bottom:4px;text-transform:uppercase;font-weight:800}#board .row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-weight:700}#board .row.me{color:var(--acc)}#killfeed{margin-top:8px;border-top:1px solid var(--line2);padding-top:6px}#killfeed .frow{text-align:right;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:feedfade 8s linear forwards;text-shadow:0 0 2px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.8)}#killfeed .fn{color:#ffffffd9}#killfeed .fverb{color:var(--dim);font-weight:600}#killfeed .fme{color:var(--acc)}@keyframes feedfade{0%,72%{opacity:1}to{opacity:0}}#currline{position:absolute;top:10px;left:12px;background:var(--glass);border:1px solid var(--line2);border-radius:14px;padding:8px 13px;font-size:13px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:800}#currline b{color:var(--gold)}#currline .sc{color:var(--dim)}#toast{position:absolute;top:18%;left:50%;transform:translate(-50%) scale(.95);font-size:15px;background:var(--glass2);border:1px solid var(--line1);border-radius:12px;padding:9px 18px;opacity:0;transition:opacity .3s,transform .3s;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#toast.show{opacity:1;transform:translate(-50%) scale(1)}#sonarcd{position:absolute;right:12px;bottom:12px;font-size:11.5px;color:var(--ink);background:var(--glass);border:1px solid var(--line2);border-radius:12px;padding:7px 11px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#sonarcd.cooling{opacity:.55}#setbtn{position:absolute;right:12px;bottom:54px;pointer-events:auto;width:38px;height:38px;border-radius:11px;background:var(--glass);border:1px solid var(--line2);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:border-color .15s}#setbtn:hover{border-color:var(--line1)}#fitroot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;font-family:var(--fontfun);color:var(--ink)}#ring{position:fixed;width:0;height:0}.rslot{position:absolute;left:0;top:0;width:54px;height:54px;border-radius:16px;pointer-events:auto;background:var(--glass2);border:1px solid var(--line2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s}.rslot.filled{border-color:var(--line1);box-shadow:0 0 14px #53d3ff26}.rslot.filled .modicon{color:#dff2ff}.rslot.edit.filled{cursor:grab}.rslot:not(.filled):after{content:"";width:16px;height:16px;border:1px dashed var(--line2);border-radius:6px}.rslot .rlab{position:absolute;bottom:-15px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.18em;color:var(--dim);font-style:normal;font-weight:800}#fithint{position:fixed;left:50%;bottom:16%;transform:translate(-50%);font-size:12.5px;color:var(--dim);font-weight:700;background:var(--glass2);border:1px solid var(--line2);border-radius:11px;padding:7px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}#storespanel,#shoppanel{position:fixed;top:64px;bottom:64px;pointer-events:auto;overflow-y:auto;background:var(--glass);border:1px solid var(--line2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--softsh)}#storespanel{left:14px;width:196px;border-radius:16px;padding:12px}#shoppanel{right:14px;width:250px;border-radius:16px;padding:12px}.paneltitle{font-size:11px;letter-spacing:.16em;color:var(--dim);font-weight:800;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.paneltitle span{color:var(--gold);font-size:12px;letter-spacing:0}.panelempty{color:var(--dim);font-size:11.5px;font-weight:600;padding:8px 2px}.storegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.storetile{position:relative;aspect-ratio:1;border-radius:12px;background:var(--glass2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;cursor:grab;transition:border-color .15s}.storetile:hover{border-color:var(--line1)}.storetile .modicon{color:#cfeaff}.selltag{position:absolute;bottom:-1px;left:-1px;right:-1px;font-size:8.5px;font-weight:800;padding:2px 0;background:#ffcf3f26;color:var(--gold);border:none;border-top:1px solid var(--line2);border-radius:0 0 11px 11px;cursor:pointer;opacity:0;transition:opacity .12s}.storetile:hover .selltag{opacity:1}.framestrip{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.framechip{padding:6px 8px;border-radius:10px;border:1px solid var(--line2);background:var(--glass2);color:var(--ink);cursor:pointer;font-weight:800;font-size:11.5px;text-align:left;transition:border-color .15s}.framechip span{display:block;color:var(--dim);font-size:10px;font-weight:700}.framechip:hover:not(:disabled){border-color:var(--line1)}.framechip.cur{border-color:var(--acc);background:linear-gradient(180deg,#3ddc6424,#0614248c)}.framechip.cur span{color:var(--acc)}.framechip:disabled:not(.cur){opacity:.45;cursor:default}.cattabs{display:flex;gap:4px;margin-bottom:8px}.cattabs button{flex:1;padding:5px 2px;border-radius:9px;border:1px solid var(--line2);background:transparent;color:var(--dim);cursor:pointer;font-weight:800;font-size:10.5px;transition:all .12s}.cattabs button.sel{background:var(--gradacc);color:#04220c;border-color:transparent}.shoplist{display:flex;flex-direction:column;gap:5px}.shoprow{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:11px;background:var(--glass2);border:1px solid var(--line2);font-size:12px;transition:border-color .15s}.shoprow:hover{border-color:var(--line1)}.shoprow b{flex:1;font-weight:800;line-height:1.15}.shoprow .modicon{flex:none}.shoprow.cat-arm .modicon{color:#ffb37c}.shoprow.cat-hull .modicon{color:#8fd0ff}.shoprow.cat-eng .modicon{color:#7cf2a4}.shoprow.cat-aux .modicon{color:#d3b3ff}.shoprow button{min-width:44px;padding:4px 8px;border-radius:8px;border:1px solid var(--line1);background:#3ddc6429;color:var(--acc);cursor:pointer;font-weight:900;font-size:11px}.shoprow button:hover:not(:disabled){background:#3ddc644d}.shoprow button:disabled{opacity:.4;cursor:default;border-color:var(--line2);color:var(--dim);background:transparent}.ghost{position:fixed;z-index:60;pointer-events:none;display:flex;align-items:center;gap:6px;background:var(--glass2);border:1px solid var(--cyan);border-radius:11px;padding:6px 11px;font-size:12.5px;color:var(--ink);font-weight:800;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--fontfun)}#modalroot{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:25;background:#030c1673;font-family:var(--fontfun);color:var(--ink)}#settingscard{width:min(340px,90vw);background:var(--glass);border:1px solid var(--line1);border-radius:18px;padding:22px 24px;box-shadow:var(--softsh);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#settingscard h2{font-size:20px;font-weight:900;margin-bottom:14px}.setrow{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;cursor:pointer}.setrow input{width:18px;height:18px;accent-color:var(--acc);cursor:pointer}.volrow{margin-top:8px;gap:12px}.volrow input[type=range]{width:auto;height:4px;flex:1}.volrow input:disabled{opacity:.35;cursor:default}.volrow span{width:38px;text-align:right;color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums}#settingscard .sub{margin-top:8px;color:var(--dim);font-size:12px;font-weight:600}.donebtn{margin-top:16px;width:100%;padding:10px;border-radius:11px;border:none;background:var(--gradacc);color:#04220c;font-weight:900;font-size:13px;cursor:pointer}.donebtn:active{transform:translateY(1px)}#death{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:25;background:#030a128c;color:var(--ink);font-family:var(--fontfun)}#deathcard{width:min(430px,92vw);background:var(--glass);border:1px solid var(--line1);border-radius:20px;padding:26px 28px;text-align:center;box-shadow:var(--softsh);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#deathcard h2{font-size:32px;color:var(--warn);margin-bottom:6px;font-weight:900}#deathcard .kline{color:var(--dim);margin-bottom:16px;font-weight:700}#deathcard .nums{display:flex;justify-content:space-around;margin-bottom:18px}#deathcard .nums b{display:block;font-size:22px;font-variant-numeric:tabular-nums;font-weight:900}#deathcard .nums span{font-size:10.5px;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.08em}#adbtn{width:100%;padding:13px;font-size:15px;font-weight:900;background:linear-gradient(135deg,#ffe27a,#ffcf3f);color:#4a3403;border:none;border-radius:13px;cursor:pointer;margin-bottom:10px;box-shadow:0 4px 18px #ffcf3f4d}#adbtn:active{transform:translateY(2px)}#respawnbtn{width:100%;padding:11px;font-size:14px;font-weight:800;background:#081a2c80;color:var(--ink);border:1px solid var(--line1);border-radius:12px;cursor:pointer}#respawnbtn:hover{border-color:var(--cyan)}.adoverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06101cf5;color:var(--ink);font-family:var(--fontfun)}.adbox{width:min(480px,90vw);height:280px;border:1px dashed var(--line1);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--dim);letter-spacing:.1em;font-size:12.5px;text-align:center;font-weight:700;background:var(--glass2)}.adoverlay p{margin-top:14px;color:var(--dim);font-size:12.5px;font-weight:700}.adwarn{margin-top:10px;max-width:min(440px,86vw);padding:12px 18px;border:1px solid rgba(255,209,102,.45);border-radius:12px;background:#ffd16614;color:var(--gold, #ffd166);font-size:12.5px;font-weight:700;line-height:1.65;text-align:center}.adoverlay button{margin-top:12px;padding:10px 26px;background:var(--gradacc);border:none;color:#04220c;border-radius:12px;cursor:pointer;font-weight:900;font-size:13px}.adoverlay button:active{transform:translateY(1px)}.storegrid .panelempty{grid-column:1/-1}.rslot{animation:slotpop .3s cubic-bezier(.3,1.5,.6,1) backwards}@keyframes slotpop{0%{scale:.2;opacity:0}}#storespanel{animation:slideL .28s cubic-bezier(.25,1,.4,1) backwards}@keyframes slideL{0%{translate:-38px 0;opacity:0}}#shoppanel{animation:slideR .28s cubic-bezier(.25,1,.4,1) backwards}@keyframes slideR{0%{translate:38px 0;opacity:0}}#fithint{animation:fadeup .3s .12s backwards}@keyframes fadeup{0%{translate:0 14px;opacity:0}}#settingscard,#deathcard{animation:popin .22s cubic-bezier(.3,1.4,.6,1) backwards}@keyframes popin{0%{scale:.92;opacity:0}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}#menucard,#settingscard,#deathcard,#storespanel,#shoppanel,#topline,#stats,#board,#currline,#sonarcd,#setbtn,#fithint,#toast{border:none}#name{border:none;border-bottom:1px solid var(--line1);border-radius:8px 8px 0 0;background:#081a2c59}#name:focus{box-shadow:none;border-bottom-color:var(--cyan)}.srv button{border:none;background:#96d2ff0f}.srv button:hover{background:#96d2ff1f}.srv button.sel{background:linear-gradient(180deg,#3ddc6438,#3ddc6414);color:var(--acc)}.skin{border:none;background:#96d2ff0f}.skin:hover{background:#96d2ff1f}.skin.sel{box-shadow:0 0 0 2px var(--acc) inset}.bar,.strow button,.strow .pips i{border:none}.shoplist{gap:0}.shoprow{background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--line2);padding:7px 4px}.shoprow:last-child{border-bottom:none}.shoprow:hover{background:#96d2ff12;border-radius:9px;border-bottom-color:transparent}.shoprow button{border:none;background:transparent;min-width:40px;text-align:right}.shoprow button:hover:not(:disabled){background:#3ddc642e}.shoprow button:disabled{background:transparent}.storegrid{gap:4px}.storetile{background:transparent;border:none;border-radius:12px}.storetile:hover{background:#96d2ff1a}.selltag{background:transparent;border:none;color:var(--gold)}.storetile:hover .selltag{background:#ffcf3f24}.framestrip{gap:2px}.framechip{background:transparent;border:none;padding:5px 7px;border-radius:9px}.framechip:hover:not(:disabled){background:#96d2ff14}.framechip.cur{background:#3ddc641a;color:var(--acc)}.cattabs button{border:none;background:#96d2ff0d}.cattabs button.sel{background:var(--gradacc)}#respawnbtn{border:none;background:#96d2ff14}#respawnbtn:hover{background:#96d2ff26}.adoverlay button{border:none}#storespanel,#shoppanel{top:0;bottom:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#storespanel{left:0;width:244px;padding:58px 44px 22px 16px;background:linear-gradient(90deg,#000000d9 0,#000000d9 calc(100% - 38px),#00000073 calc(100% - 15px),#0000)}#shoppanel{right:0;width:294px;padding:58px 16px 22px 44px;background:linear-gradient(270deg,#000000d9 0,#000000d9 calc(100% - 38px),#00000073 calc(100% - 15px),#0000)}#board{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;width:180px}#board h4,#board .row{text-shadow:0 0 2px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)}#board h4{color:#ffffffd9}#topline{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:6px 0 0}#zonename{color:#ffffffd1;text-shadow:0 0 3px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.7)}#depth{color:#fff;text-shadow:0 0 3px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.75)}#topline.lightbg #zonename{color:#0a2a4acc;text-shadow:0 1px 2px rgba(255,255,255,.5)}#topline.lightbg #depth{color:#0a2a4a;text-shadow:0 1px 2px rgba(255,255,255,.55)}.lockhint{font-size:9.5px;color:var(--dim);font-weight:800;letter-spacing:.04em;flex:none}#fitroot.closing *{pointer-events:none!important}#fitroot.closing .rslot{animation:slotout .18s ease-in forwards}@keyframes slotout{to{scale:.2;opacity:0}}#fitroot.closing #storespanel{animation:slideLout .2s ease-in forwards}@keyframes slideLout{to{translate:-52px 0;opacity:0}}#fitroot.closing #shoppanel{animation:slideRout .2s ease-in forwards}@keyframes slideRout{to{translate:52px 0;opacity:0}}#fitroot.closing #fithint{animation:fadedown .18s ease-in forwards}@keyframes fadedown{to{translate:0 12px;opacity:0}}.storegrid{grid-template-columns:repeat(auto-fill,54px);gap:12px;justify-content:start}.storetile{width:54px;height:54px;aspect-ratio:auto;border-radius:16px;background:var(--glass2);border:1px solid var(--line2)}.storetile:hover{border-color:var(--line1);background:var(--glass2)}.storetile .modicon{width:28px;height:28px}.selltag{bottom:-15px;left:0;right:0;border:none;background:none;border-radius:0;padding:0;font-size:8.5px}.storetile:hover .selltag{background:none}.storegrid{row-gap:22px}.ghost{width:54px;height:54px;padding:0;border-radius:16px;gap:0;display:flex;align-items:center;justify-content:center;background:var(--glass2);border:1px solid var(--cyan);box-shadow:0 0 18px #53d3ff40}.shoprow.locked{position:relative;pointer-events:none}.shoprow.locked>*{filter:grayscale(1);opacity:.35}.shoprow.locked:after{content:attr(data-lock);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;background:linear-gradient(90deg,#0000 30%,#0009 80%);color:#cfe6ff;font-weight:800;font-size:10px;letter-spacing:.08em;border-radius:9px}.shoprow.locked:hover{background:transparent}#statbtn{position:absolute;left:12px;bottom:12px;pointer-events:auto;width:42px;height:42px;border-radius:12px;background:var(--glass);border:none;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}#statbtn:hover{color:var(--acc)}#statbtn .badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:var(--gold);color:#4a3403;font-size:11px;font-weight:900;font-style:normal;display:flex;align-items:center;justify-content:center}#statbtn.notif{animation:statpulse 1.6s ease-in-out infinite}@keyframes statpulse{50%{box-shadow:0 0 14px #ffcf3f8c}}#stats{bottom:62px}.rslot.filled.cat-arm{border-color:#ffb37c80}.rslot.filled.cat-arm .modicon{color:#ffb37c}.rslot.filled.cat-hull{border-color:#8fd0ff80}.rslot.filled.cat-hull .modicon{color:#8fd0ff}.rslot.filled.cat-eng{border-color:#7cf2a480}.rslot.filled.cat-eng .modicon{color:#7cf2a4}.rslot.filled.cat-aux{border-color:#d3b3ff80}.rslot.filled.cat-aux .modicon{color:#d3b3ff}canvas#game{touch-action:none}#sonarcd{pointer-events:auto;cursor:pointer;background:var(--glass);color:var(--ink)}#sonarcd:hover{color:var(--acc)}#dockbtn{position:absolute;right:12px;bottom:96px;pointer-events:auto;width:38px;height:38px;border-radius:11px;background:var(--glass);border:none;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}#dockbtn:hover{color:var(--cyan)}#dockbtn.dockable{color:var(--acc);animation:statpulse 1.6s ease-in-out infinite}.capnote{color:var(--dim);font-size:10.5px;font-weight:700;margin:-2px 0 5px;max-width:210px}.tipbox{position:fixed;z-index:70;max-width:234px;pointer-events:none;background:#040e1af0;border:1px solid var(--line1);border-radius:10px;padding:8px 11px;font-size:12px;font-weight:700;color:var(--ink);box-shadow:var(--softsh);font-family:var(--fontfun)}.tipbox b{display:block;margin-bottom:3px}.tipbox span{color:var(--dim);font-weight:600;line-height:1.35;display:block}#fitclose{position:fixed;left:50%;top:74px;transform:translate(-50%);pointer-events:auto;background:var(--glass2);border:none;color:var(--ink);border-radius:11px;padding:7px 16px;font-weight:800;font-size:12.5px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--fontfun)}#fitclose:hover{color:var(--warn)}#fitroot.closing #fitclose{animation:fadedown .18s ease-in forwards}.fsbtn{margin-top:14px;width:100%;padding:10px;border-radius:11px;border:none;background:#96d2ff1a;color:var(--ink);font-weight:800;font-size:13px;cursor:pointer;font-family:var(--fontfun)}.fsbtn:hover{background:#96d2ff2e}#settingscard .donebtn{margin-top:10px}@media (max-width:1100px){#stats{bottom:130px}}@media (max-width:900px){.adcol{display:none}#menu{gap:0}}@media (max-width:640px){#topline{left:12px;transform:none;text-align:left}#board{width:120px;font-size:10px}#bars{width:min(300px,calc(100vw - 200px));bottom:52px}#lvlline{font-size:11px}#sonarcd{padding:10px 13px}#setbtn,#dockbtn{width:42px;height:42px}#setbtn{bottom:58px}#dockbtn{bottom:104px}#statbtn{width:46px;height:46px}#stats{left:8px;bottom:126px;padding:8px 9px;font-size:11px}.strow .n{width:92px}}@media (max-width:700px){#storespanel,#shoppanel{top:auto;bottom:0;height:34vh;padding:12px 12px 14px;background:#020810e6;border-radius:14px 14px 0 0}#storespanel{left:0;width:44vw}#shoppanel{right:0;width:56vw}#fitroot.closing #storespanel,#fitroot.closing #shoppanel{animation:fadedown .2s ease-in forwards}}.announce{position:absolute;left:50%;top:16%;transform:translate(-50%);text-align:center;pointer-events:none;animation:annIn .5s ease-out}.announce-k{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#ffffff8c;margin-bottom:6px}.announce-m{font-size:30px;font-weight:900;letter-spacing:.06em;text-shadow:0 2px 18px rgba(0,0,0,.9)}.announce.spawn .announce-m{color:#ff8d7c}.announce.kill .announce-m{color:#7de0ff}@keyframes annIn{0%{opacity:0;transform:translate(-50%) translateY(-14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}#commsroot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;font-family:var(--fontfun);pointer-events:auto}.commsring{position:fixed;left:50%;top:50%;width:0;height:0}.cslot{position:absolute;left:0;top:0;width:92px;height:34px;border-radius:11px;pointer-events:auto;background:var(--glass2);border:1px solid var(--line2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);font-size:12px;font-weight:800;font-family:inherit;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.cslot:hover{border-color:var(--acc);color:var(--acc);background:#3ddc641a}.commshub{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;border:1px dashed var(--line2);color:var(--dim);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}#bars{transition:opacity .16s ease}body.barsghost #bars{opacity:.18}#commsbtn{position:absolute;right:12px;bottom:138px;pointer-events:auto;width:38px;height:38px;border-radius:11px;background:var(--glass);border:1px solid var(--line2);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer}#commsbtn:hover{color:var(--cyan)}.srv button:disabled{opacity:.4;cursor:default}.srv button:disabled:hover{border-color:var(--line2)}