@font-face{font-family:GamePixel;src:url(/assets/fonts/PixelifySans-Variable.ttf)format("truetype");font-display:swap}@font-face{font-family:GamePixel;src:url(/assets/fonts/Silkscreen-Regular.ttf)format("truetype");font-display:swap;unicode-range:U+30-39}:root{--bg:#0a0c18;--panel:#141a2e;--panel-dark:#0f1424;--border:#2c3a5c;--border-light:#4a6aa8;--text:#e6ecff;--muted:#8a96b8;--accent:#36e2d0;--accent-2:#ffb347;--danger:#ff5470;--premium:#b98cff;--ok:#7cff8a;--font-num:"GamePixel", ui-monospace, "DejaVu Sans Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:none;margin:0;font-family:GamePixel,ui-monospace,DejaVu Sans Mono,monospace;font-size:1rem;line-height:1.35}html{font-size:calc(15px * var(--ui-scale,1))}body{cursor:url(/assets/ui/cursor.png) 0 0,auto}button,input,select{font:inherit;color:inherit}a,button,[role=tab],.tree-node{cursor:url(/assets/ui/cursor_hover.png) 0 0,pointer}h1,h2,h3{letter-spacing:.02em;margin:0 0 .5rem;font-weight:700}h3{color:var(--muted);margin-top:.9rem;font-size:1rem}p{margin:.35rem 0}code{background:var(--panel-dark);border:.0667rem solid var(--border);padding:0 .35rem}.muted{color:var(--muted)}.small{font-size:.85em}.accent{color:var(--accent)}.ok{color:var(--ok)}.missing,.danger{color:var(--danger)}.notice{color:var(--accent-2)}.icon{image-rendering:pixelated;vertical-align:-.2rem;background-color:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.loading{height:100%;color:var(--muted);place-items:center;display:grid}.app{-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;display:flex}.app input,.app textarea,.app code,.app .selectable{-webkit-user-select:text;user-select:text}.main{flex:1;min-height:0;overflow:auto}.main-map,.main-run,.main-tree{overflow:hidden}.page{flex-direction:column;gap:1rem;max-width:73.3333rem;margin:0 auto;padding:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0;display:flex}.row.end{justify-content:flex-end}:root{--wear:url(/assets/ui/wear.png) repeat 0 0 / 6.4rem 6.4rem;--px:.1333rem;--metal-light:color-mix(in srgb, var(--border-light) 70%, #fff 30%);--metal-dark:color-mix(in srgb, var(--bg) 60%, #000 40%);--rivet:radial-gradient(circle, color-mix(in srgb, var(--border-light) 80%, #fff) 0 .1rem, color-mix(in srgb, var(--border) 60%, #000) .1rem .2rem, transparent .2rem)}.panel{background:var(--panel);border:var(--px) solid var(--metal-dark);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--border-light) 70%, transparent), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--border), inset 0 0 0 calc(var(--px) * 2) color-mix(in srgb, var(--border) 40%, transparent);padding:1rem 1.15rem;position:relative}.panel-title{color:var(--text);align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.btn{--plate:color-mix(in srgb, var(--border) 60%, var(--panel));border:var(--px) solid var(--metal-dark);background:var(--plate);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--plate) 55%, #fff), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 color-mix(in srgb, var(--plate) 60%, #000);clip-path:polygon(var(--px) 0, calc(100% - var(--px)) 0, 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, 0 calc(100% - var(--px)), 0 var(--px));color:var(--text);text-shadow:none;white-space:nowrap;align-items:center;gap:.4rem;padding:.55rem .95rem;display:inline-flex}.btn:hover:not(:disabled){--plate:color-mix(in srgb, var(--border-light) 55%, var(--panel))}.btn:active:not(:disabled){box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--plate) 60%, #000), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 color-mix(in srgb, var(--plate) 55%, #fff);transform:translateY(var(--px))}.btn:disabled{--plate:var(--panel-dark);color:var(--muted);text-shadow:none;cursor:not-allowed}.btn-accent{--plate:var(--accent);color:color-mix(in srgb, var(--accent) 12%, #000);text-shadow:none}.btn-accent:hover:not(:disabled){--plate:color-mix(in srgb, var(--accent) 80%, #fff)}.btn-danger{color:var(--danger)}.btn:focus-visible,.tab:focus-visible,.tree-node:focus-visible,input:focus-visible,select:focus-visible{outline:.1333rem solid var(--accent);outline-offset:.1333rem}.link{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}input,select{background:var(--panel-dark);border:var(--px) solid var(--metal-dark);box-shadow:inset var(--px) var(--px) 0 #00000073, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 color-mix(in srgb, var(--border) 70%, transparent);min-width:0;padding:.5rem .6rem}input[type=range]{box-shadow:none;accent-color:var(--accent);background:0 0;border:0}input[type=checkbox]{accent-color:var(--accent);width:1.1rem;height:1.1rem}.form{flex-direction:column;gap:.6rem;display:flex}.form label{flex-direction:column;gap:.2rem;display:flex}.form label.toggle,.toggle{flex-direction:row;align-items:center;gap:.4rem}.form-error{color:var(--danger)}.tabs{flex-wrap:wrap;gap:.25rem;display:flex}.tab{border:var(--px) solid var(--metal-dark);background:var(--panel-dark);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--border) 80%, transparent);clip-path:polygon(var(--px) 0, calc(100% - var(--px)) 0, 100% var(--px), 100% 100%, 0 100%, 0 var(--px));color:var(--muted);border-bottom-width:0;align-items:center;gap:.35rem;padding:.45rem .75rem;display:inline-flex}.tab:hover{color:var(--text)}.tab-active{background:var(--panel);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--border-light) 70%, transparent), inset 0 calc(var(--px) * -2) 0 var(--accent);color:var(--text)}.bar{background:var(--panel-dark);border:.1333rem solid var(--border);height:1.25rem;margin:.35rem 0;position:relative;overflow:hidden}.bar-fill{background:var(--accent);height:100%;transition:width .25s linear}.bar-label{text-shadow:.0667rem .0667rem #000;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;inset:0}.chips{flex-wrap:wrap;gap:.3rem;margin:.3rem 0 .6rem;display:flex}.chip{border:.0667rem solid var(--border);background:var(--panel-dark);color:var(--muted);align-items:center;gap:.3rem;padding:0 .45rem;display:inline-flex}.chip-active{border-color:var(--accent);color:var(--text)}.table{border-collapse:collapse;width:100%}.table td{border-bottom:.0667rem solid var(--panel-dark);padding:.2rem .35rem}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .actions{justify-content:flex-end;gap:.25rem;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(12.6667rem,1fr));gap:.6rem;display:grid}.card{background:var(--panel-dark);border:.1333rem solid var(--border);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--border-light) 25%, transparent);flex-direction:column;gap:.35rem;padding:.6rem;display:flex}.card-active{border-color:var(--accent)}.swatch{height:.9333rem;display:inline-flex}.swatch span{width:1.2rem;height:.9333rem}.stat-grid{grid-template-columns:auto 1fr;gap:.15rem .8rem;display:grid}.big-number{color:var(--accent);font-size:1.5rem}.ore-list{gap:.1rem;margin:.3rem 0;padding:0;list-style:none;display:grid}.ore-list li{grid-template-columns:.8rem minmax(0,1fr) auto;align-items:center;gap:.45rem;display:grid}.ore-dot{border:.0667rem solid #000;width:.6667rem;height:.6667rem;display:inline-block}.ore-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.ore-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ore-chips{flex-wrap:wrap;gap:.3rem;display:flex}.requirements,.cost-list{margin:.3rem 0;padding:0;list-style:none}.materials{gap:.1rem;display:grid}.material{grid-template-columns:1.0667rem 7.5rem 1fr;align-items:center;gap:.4rem;display:grid}.material .bar{height:.6rem;margin:0}.material-desc{grid-column:2/-1;margin-top:-.15rem;margin-bottom:.25rem;font-size:.8rem;line-height:1.2}.topbar{background:var(--panel-dark);border-bottom:.1333rem solid var(--border);align-items:center;gap:.8rem;padding:.3rem .8rem;display:flex;container-type:inline-size}.brand{letter-spacing:.12em;align-items:center;gap:.45rem;font-weight:700;display:flex}.brand img{width:1.8667rem;height:1.8667rem;image-rendering:pixelated}.nav{flex:1;gap:.1rem;display:flex;overflow-x:auto}.nav-item{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-bottom:.1333rem solid #0000;align-items:center;gap:.3rem;padding:.3rem .5rem;display:inline-flex}.nav-item.active,.nav-item:hover{color:var(--text);border-bottom-color:var(--accent)}.resources{gap:.7rem;display:flex}.res{font-variant-numeric:tabular-nums;align-items:center;gap:.25rem;display:inline-flex}.res-accent{color:var(--accent-2)}.res-premium{color:var(--premium)}@container (width<=118rem){.nav-label,.brand-version{display:none}}@container (width<=60rem){.brand>span{display:none}}.brand{color:inherit;cursor:url(/assets/ui/cursor_hover.png) 0 0,pointer;background:0 0;border:0;padding:0}.brand:hover>span{color:var(--accent)}.nav{scrollbar-width:none}.auth-screen{background:url(/assets/ui/title_bg.png) center / cover no-repeat, var(--bg);min-height:100%;image-rendering:pixelated;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.auth-title{text-align:center;text-shadow:.1333rem .1333rem #000}.auth-title h1{letter-spacing:.2em;font-size:3rem}.auth-emblem{width:6.4rem;height:6.4rem;image-rendering:pixelated}.auth-panel{width:min(24rem,100%)}.alpha-badge{color:#070914;background:var(--accent-2);text-shadow:none;letter-spacing:.1em;margin-right:.3rem;padding:0 .35rem;display:inline-block}.alpha-note{text-align:center;width:min(30.6667rem,100%);color:var(--text);background:color-mix(in srgb, var(--bg) 85%, transparent);border:.1333rem solid var(--accent-2);margin:0;padding:.5rem .75rem;font-size:.85rem;line-height:1.35}.map-screen{grid-template-columns:minmax(15rem,18rem) minmax(0,1fr) minmax(20rem,22.6667rem);height:100%;display:grid}.side.side-left{border-left:none;border-right:.1333rem solid var(--border)}.map-wrap{min-width:0;min-height:0;position:relative}.map-wrap .map-canvas{position:absolute;inset:0}.map-controls{gap:.3rem;display:flex;position:absolute;bottom:.6rem;left:.6rem}.map-canvas,.run-canvas{min-width:0;min-height:0;position:relative;overflow:hidden}.game-canvas{image-rendering:pixelated;display:block}.side{background:var(--panel-dark);border-left:.1333rem solid var(--border);flex-direction:column;gap:.6rem;padding:.6rem;display:flex;overflow-y:auto}.panel-event{box-shadow:0 0 0 .1333rem var(--premium)}.hint{background:color-mix(in srgb, var(--accent) 18%, var(--panel-dark));border:.1333rem solid var(--accent);color:var(--text);align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}@media (max-width:900px){.map-screen{grid-template-rows:auto 45vh 1fr;grid-template-columns:1fr}}@media (max-width:700px){.main-map .map-screen{grid-template-rows:48vh auto auto;height:auto;min-height:100%}.map-screen .map-wrap{order:1;min-height:48vh}.map-screen .side:not(.side-left){border-left:none;border-top:.1333rem solid var(--border);order:2;overflow:visible}.map-screen .side.side-left{border-right:none;border-top:.1333rem solid var(--border);order:3;overflow:visible}.main-run .run-screen.console{grid-template-rows:auto min(62vh,32rem) auto auto auto;gap:.3rem;padding:.3rem}.monitor{padding:.45rem .45rem 1.5rem}.run-canvas{touch-action:none}.topbar{flex-wrap:wrap;gap:.25rem .6rem;padding:.3rem .6rem 0}.topbar .brand{order:1}.topbar .resources{order:2;gap:.5rem;margin-left:auto;font-size:.85rem}.topbar .nav{scrollbar-width:none;flex:1 0 100%;order:3;justify-content:space-between;gap:0}.topbar .nav::-webkit-scrollbar{display:none}.topbar .nav-item{flex:1 0 auto;justify-content:center;min-width:2.4rem;padding:.55rem .35rem}}.run-screen{height:100%;position:relative}.run-screen.console{grid-template:"header header header""left monitor right"minmax(0,1fr)"bottom bottom bottom"/minmax(12rem,15rem) minmax(0,1fr) minmax(12rem,15rem);gap:.5rem;padding:.5rem;display:grid}.console-header{flex-wrap:wrap;grid-area:header;justify-content:center;align-items:center;gap:.8rem;display:flex}.console-panel{flex-direction:column;gap:.5rem;min-height:0;display:flex;overflow-y:auto}.console-left{grid-area:left}.console-right{grid-area:right}.console-card{gap:.25rem;font-size:.8rem;display:grid}.console-card .panel-title{margin:0 0 .1rem;font-size:.95rem}.console-total{margin-left:auto}.monitor{--housing:color-mix(in srgb, var(--border) 40%, var(--panel-dark));border:calc(var(--px) * 2) solid var(--metal-dark);background:var(--housing);min-width:0;min-height:0;box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--border-light) 60%, transparent), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #00000073, inset 0 0 0 calc(var(--px) * 3) color-mix(in srgb, var(--housing) 80%, #000);clip-path:polygon(calc(var(--px) * 3) 0, calc(100% - calc(var(--px) * 3)) 0, calc(100% - calc(var(--px) * 3)) calc(var(--px) * 1), calc(100% - calc(var(--px) * 2)) calc(var(--px) * 1), calc(100% - calc(var(--px) * 2)) calc(var(--px) * 2), calc(100% - calc(var(--px) * 1)) calc(var(--px) * 2), calc(100% - calc(var(--px) * 1)) calc(var(--px) * 3), 100% calc(var(--px) * 3), 100% calc(100% - calc(var(--px) * 3)), calc(100% - calc(var(--px) * 3)) calc(100% - calc(var(--px) * 2)), calc(100% - calc(var(--px) * 2)) calc(100% - calc(var(--px) * 1)), calc(100% - calc(var(--px) * 1)) 100%, calc(var(--px) * 3) 100%, calc(var(--px) * 2) 100%, calc(var(--px) * 2) calc(100% - calc(var(--px) * 1)), calc(var(--px) * 1) calc(100% - calc(var(--px) * 1)), calc(var(--px) * 1) calc(100% - calc(var(--px) * 2)), calc(var(--px) * 0) calc(100% - calc(var(--px) * 2)), calc(var(--px) * 0) calc(100% - calc(var(--px) * 3)), 0 calc(var(--px) * 3), calc(var(--px) * 1) calc(var(--px) * 3), calc(var(--px) * 1) calc(var(--px) * 2), calc(var(--px) * 2) calc(var(--px) * 2), calc(var(--px) * 2) calc(var(--px) * 1), calc(var(--px) * 3) calc(var(--px) * 1));border-radius:0;grid-area:monitor;padding:1rem 1rem 1.9rem;display:flex;position:relative}.monitor:before{content:"DEEPSWARM · DS-4000";letter-spacing:.25em;color:color-mix(in srgb, var(--text) 55%, transparent);box-shadow:inset 0 0 0 var(--px) color-mix(in srgb, var(--border) 60%, transparent);pointer-events:none;background:#00000059;padding:.05rem .6rem;font-size:.6rem;position:absolute;bottom:.35rem;left:50%;transform:translate(-50%)}.monitor:after{content:"";background:var(--ok);width:.4rem;height:.4rem;box-shadow:0 0 0 var(--px) color-mix(in srgb, var(--ok) 35%, #000);pointer-events:none;border-radius:0;position:absolute;bottom:.65rem;right:1.4rem}.monitor-screen{background:color-mix(in srgb, var(--bg) 60%, #000);min-width:0;min-height:0;box-shadow:0 0 0 calc(var(--px) * 2) color-mix(in srgb, #000 85%, var(--bg)), 0 0 0 calc(var(--px) * 3) color-mix(in srgb, var(--border) 70%, #000);border-radius:0;flex:1;position:relative;overflow:hidden}.monitor-glass{z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 45%, transparent 62%, #00000059 100%), repeating-linear-gradient(0deg, #00000024 0 var(--px), transparent var(--px) calc(var(--px) * 2));box-shadow:inset 0 0 0 var(--px) #000000b3;border-radius:0;position:absolute;inset:0}.monitor-tag{color:var(--accent);background:color-mix(in srgb, var(--bg) 85%, transparent);border:.1333rem solid var(--border);pointer-events:none;align-items:center;gap:.4rem;padding:.05rem .4rem;font-size:.8rem;display:inline-flex;position:absolute;top:.4rem;left:.5rem}.monitor-led{background:var(--danger);width:.45rem;height:.45rem;animation:1.4s steps(2,jump-none) infinite led-blink}.monitor-led.idle{background:var(--muted);animation:none}@keyframes led-blink{50%{opacity:.3}}.console-bottom{flex-wrap:wrap;grid-area:bottom;justify-content:center;align-items:center;gap:.6rem;display:flex}.run-canvas{cursor:crosshair;position:absolute;inset:0}.feed-row{grid-template-columns:.8rem minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.1rem 0;display:grid}.feed-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-values{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.feed-rate{color:var(--muted);white-space:nowrap;font-size:.8em}.feed-dot{border:.0667rem solid #0009;width:.6rem;height:.6rem;display:inline-block}.swarm-row{gap:.15rem;display:grid}.swarm-head{grid-template-columns:.8rem 1fr auto;align-items:center;gap:.4rem;display:grid}.swarm-bar{background:var(--panel-dark);border:.0667rem solid var(--border);height:.5rem;display:flex}.s-working{background:var(--ok)}.s-moving{background:var(--border-light)}.s-resting{background:var(--accent-2)}.s-disabled{background:var(--danger)}.swarm-legend{color:var(--muted);flex-wrap:wrap;gap:.15rem .6rem;display:flex}.audio-row{grid-template-columns:1.4rem 3.8rem minmax(0,1fr) 2.6rem;align-items:center;gap:.35rem;display:grid}.audio-row strong{text-align:right;font-variant-numeric:tabular-nums}.audio-row input[type=range]{width:100%;accent-color:var(--accent);margin:0}.audio-row.muted span,.audio-row.muted strong{color:var(--muted)}.audio-toggle,.audio-mute-all{color:var(--text);background:var(--panel-dark);border:.1333rem solid var(--border);font:inherit;cursor:url(/assets/ui/cursor_hover.png) 0 0,pointer;justify-content:center;align-items:center;padding:.1rem .25rem;font-size:.75rem;display:inline-flex}.audio-row.muted .audio-toggle{color:var(--danger);border-color:var(--danger)}.audio-mute-all{margin-left:auto}.audio-toggle:hover,.audio-mute-all:hover{border-color:var(--border-light)}.swarm-legend i{width:.5rem;height:.5rem;margin-right:.25rem;display:inline-block}@media (max-width:1000px){.run-screen.console{grid-template:"header""monitor"minmax(16rem,1fr)"bottom""right""left"/minmax(0,1fr);overflow-y:auto}.console-panel{overflow:visible}}.hud-dps-title,.hud-dps-row{grid-template-columns:5.5rem 1fr 3rem;align-items:center;gap:.35rem;display:grid}.hud-dps-title{color:var(--muted);grid-template-columns:1fr auto}.hud-dps-row strong,.hud-dps-title strong{text-align:right;color:var(--text)}.hud-dps-bar{background:#ffffff14;height:.45rem}.hud-dps-bar div{height:100%}.hud-toggle{cursor:url(/assets/ui/cursor_hover.png) 0 0,pointer;-webkit-user-select:none;user-select:none;gap:.35rem}.hud-toggle input{accent-color:var(--accent);margin:0}.hud-block{font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;display:inline-flex}.hud-time{text-align:right;min-width:4.5rem;font-size:1.3rem;display:inline-block}.hud-bar{width:14.6667rem}.gauge{flex-direction:column;width:8.6667rem;font-size:.8rem;display:flex}.gauge .bar{height:.7rem;margin:0}.ability{position:relative;overflow:hidden}.ability:after{content:"";height:.2rem;width:calc(var(--cd,0) * 100%);background:var(--accent-2);position:absolute;bottom:0;left:0}.hud-hint{text-align:center;background:color-mix(in srgb, var(--bg) 85%, transparent);border:.1333rem solid var(--accent);width:max-content;max-width:80%;padding:.3rem .7rem;position:absolute;top:2.4rem;left:50%;transform:translate(-50%)}.banner{text-align:center;color:var(--accent-2);border:.1333rem solid var(--accent-2);padding:.4rem;font-size:1.2rem}.tree-screen{flex-direction:column;height:100%;display:flex}.tree-header{border-bottom:.1333rem solid var(--border);background:var(--panel-dark);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem .8rem;display:flex}.tree-viewport{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--panel) 80%, var(--bg)) 0%, var(--bg) 70%);touch-action:none;flex:1;position:relative;overflow:hidden}.tree-small .tree-viewport{flex:none;height:18.6667rem}.tree-canvas{transform-origin:50%;position:absolute;top:50%;left:50%}.tree-links{position:absolute;inset:0;overflow:visible}.tree-links .link-casing{stroke:var(--bg);stroke-width:9px}.tree-links .link{stroke:var(--border);stroke-width:3px}.tree-links .link-active{stroke:var(--accent);stroke-width:3px}.tree-node{--node-img:url(/assets/ui/node.png);background:var(--node-img) center / 3.7333rem 3.7333rem no-repeat, linear-gradient(var(--panel-dark), var(--panel-dark)) center / 2.9333rem 2.9333rem no-repeat;width:3.7333rem;height:3.7333rem;image-rendering:pixelated;color:var(--muted);border:0;place-items:center;margin:-1.8667rem 0 0 -1.8667rem;padding:0;display:grid;position:absolute}.tree-node .icon{position:relative}.tree-node.owned{--node-img:url(/assets/ui/node_owned.png);color:var(--text)}.tree-node.max{--node-img:url(/assets/ui/node_max.png);color:var(--accent-2)}.tree-node.locked{--node-img:url(/assets/ui/node_locked.png);opacity:.55}.tree-node.affordable{color:var(--accent)}.tree-node.endless{--node-img:url(/assets/ui/node_endless.png);color:#d9b85a}.tree-node.endless.owned{--node-img:url(/assets/ui/node_endless_owned.png);color:#ffd75e}.tree-node.capstone{--node-img:url(/assets/ui/node_capstone.png);background-size:4.8rem 4.8rem,3.4667rem 3.4667rem;width:4.8rem;height:4.8rem;margin:-2.4rem 0 0 -2.4rem}.tree-node.capstone.owned,.tree-node.capstone.max{--node-img:url(/assets/ui/node_capstone_owned.png)}.tree-node.root{opacity:1;color:var(--premium)}.node-frame{pointer-events:none;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.frame-splitter{fill:var(--premium)}.frame-splitter.full{fill:#d2a8ff}.frame-linked{fill:var(--premium);opacity:.65}.frame-ready{fill:var(--accent)}.frame-ready-glow{fill:#eafffc;animation:1.2s step-end infinite frame-ready}@keyframes frame-ready{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.frame-ready-glow{animation:none}}.node-level{white-space:nowrap;color:var(--text);background:var(--bg);border:.1333rem solid var(--border);padding:0 .2667rem;font-size:.7rem;line-height:1.15;position:absolute;bottom:-.6rem;left:50%;transform:translate(-50%)}.tree-node.owned .node-level{border-color:#1f6f69}.tree-node.max .node-level{color:var(--accent-2);border-color:#8a6230}.tree-node.endless .node-level{color:#ffd75e;border-color:#7a6630}.node-start{color:#ffd75e;text-shadow:.0667rem .0667rem #000;font-size:.8rem;line-height:1;position:absolute;top:-.75rem;left:-.6rem}.start-dot{color:#ffd75e;background:0 0;place-items:center;width:1rem;height:1rem;display:grid}.node-splitters{color:var(--premium);background:var(--bg);border:.1333rem solid var(--premium);padding:0 .2rem;font-size:.65rem;line-height:1.15;position:absolute;top:-.75rem;right:-.75rem}.endless-band{text-align:center;pointer-events:none;border-top:.1333rem dashed #7a6630;height:0;position:absolute}.endless-band span{letter-spacing:.12em;text-transform:uppercase;color:#ffd75e;background:var(--bg);padding:0 .6rem;font-size:.75rem;position:relative;top:-.75rem}.site-page.tree-demo{max-width:none}.tree-demo-view{border:.1333rem solid var(--border);flex-direction:column;height:min(72vh,52rem);margin-top:.6rem;display:flex;position:relative}.tree-demo-hybrid{margin-top:.5rem}.tree-zoom{gap:.3rem;display:flex;position:absolute;bottom:.8rem;left:.8rem}.endless-jump{color:#ffd75e;position:absolute;bottom:.8rem;right:.8rem}.tree-tooltip{pointer-events:none;width:20rem;position:absolute;top:.8rem;right:.8rem}.ratio{flex-direction:column;font-size:.85rem;display:flex}.xp{flex-direction:column;width:17.3333rem;display:flex}.spec-choice{padding:1rem;overflow-y:auto}.spec-cards{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.spec-kinetic .panel-title{color:#ff8f70}.spec-laser .panel-title{color:#5cf2df}.spec-explosive .panel-title{color:#ffc061}.spec-acid .panel-title{color:#c4f56a}.spec-sonic .panel-title{color:#cfa8ff}.spec-nanite .panel-title{color:#d6e4ea}.modal-backdrop{z-index:50;background:#03040ab8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(34.6667rem,100%);max-height:90vh;overflow-y:auto}.modal-wide{width:min(57.3333rem,100%)}.modal-close{color:var(--muted);background:0 0;border:0;margin-left:auto}.toasts{z-index:60;flex-direction:column;gap:.4rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{background:var(--panel);border:.1333rem solid var(--border-light);max-width:24rem;padding:.4rem .7rem}.toast-error{border-color:var(--danger)}.toast-success{border-color:var(--ok)}.achievements{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.6rem;display:grid}.achievement{background:var(--panel-dark);border:.1333rem solid var(--border);opacity:.8;gap:.6rem;padding:.5rem;display:flex}.achievement.done{border-color:var(--accent-2);opacity:1;color:var(--accent-2)}.emblems{grid-template-columns:repeat(8,2.6667rem);gap:.25rem;display:grid}.emblem{background:var(--panel-dark);border:.1333rem solid var(--border);width:2.6667rem;height:2.6667rem;color:var(--muted);place-items:center;display:grid}.emblem.active{border-color:var(--accent);color:var(--accent)}.glossary dt{color:var(--accent);margin-top:.6rem}.glossary dd{margin:.15rem 0 0}.locker-slot h3{text-transform:uppercase}.tiers{gap:.4rem;margin:.4rem 0;display:flex}.squad-perks{color:var(--muted);gap:.2rem;margin:.2rem 0 .6rem;padding-left:1.2rem;display:grid}.squad-perks li.ok{color:var(--ok)}.cycle-wall{border-color:var(--accent-2)}.autoskill-page{overflow-y:auto}.autoskill-default{align-items:center;gap:.6rem;margin:.4rem 0 .8rem;display:flex}.autoskill-table select{min-width:11rem}.nova-checklist{gap:.2rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.nova-checklist li:before{content:"○ ";color:var(--muted)}.nova-checklist li.ok{color:var(--ok)}.nova-checklist li.ok:before{content:"✓ ";color:var(--ok)}.hud-surge{letter-spacing:.15em;text-transform:uppercase;color:#fff1a8;background:color-mix(in srgb, var(--bg) 75%, transparent);pointer-events:none;border:.1333rem solid #ffd75e;padding:.2rem .8rem;font-size:.95rem;animation:.5s step-end infinite surge-blink;position:absolute;top:2.4rem;left:50%;transform:translate(-50%)}@keyframes surge-blink{50%{border-color:#ff8f70}}@media (prefers-reduced-motion:reduce){.hud-surge{animation:none}}.theme-sample{border:.1333rem solid;padding:.35rem;display:block}.theme-sample-panel{border:.1333rem solid;flex-direction:column;gap:.15rem;padding:.3rem .4rem;font-size:.7rem;display:flex}.theme-sample-button{align-self:flex-start;padding:0 .4rem;font-size:.65rem}.style-preview-banner{z-index:1200;background:var(--wear), var(--panel);border:.1333rem solid var(--accent);align-items:center;gap:.8rem;padding:.5rem .9rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 .3rem 1rem #00000080}.shop-spotlight{border-color:#ffc94a}.spotlight{grid-template-columns:minmax(12rem,18rem) 1fr;align-items:center;gap:1rem;display:grid}@media (max-width:700px){.spotlight{grid-template-columns:1fr}}.spotlight-text h2{margin:.4rem 0 .2rem}.spotlight-previews{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));place-items:center;gap:.4rem;display:grid}.set-row{background:var(--panel-dark);border:.1333rem solid var(--border);margin:.35rem 0}.set-row[open]{border-color:var(--border-light)}.set-row>summary{cursor:url(/assets/ui/cursor_hover.png) 0 0,pointer;align-items:center;gap:.8rem;padding:.45rem .7rem;list-style:none;display:flex}.set-row>summary::-webkit-details-marker{display:none}.set-row>summary:before{content:"▶";color:var(--accent);font-size:.7rem}.set-row[open]>summary:before{content:"▼"}.set-row-previews{align-items:center;gap:.2rem;display:flex}.set-row-price{margin-left:auto}.set-row-body{padding:.2rem .7rem .7rem}.variant-group h4{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:.6rem 0 .3rem;font-size:.8rem}.card-limited{border-color:#ffc94a;box-shadow:inset 0 0 0 .1333rem #ffc94a59}.community-resonance{border:.1333rem solid var(--ok);color:var(--ok);background:var(--panel-dark);align-items:center;gap:.4rem;padding:.35rem .6rem;display:flex}.shell-bar{grid-template-columns:repeat(3,1fr);gap:.2667rem;margin:.5rem 0 .2rem;display:grid}.shell{border:.1333rem solid var(--border);background:var(--panel-dark);height:1.6rem;position:relative;overflow:hidden}.shell-fill{background:var(--accent);opacity:.45;position:absolute;inset:0 auto 0 0}.shell-broken{border-color:var(--accent)}.shell-broken .shell-fill{opacity:.8}.shell span{text-align:center;color:var(--text);text-shadow:.0667rem .0667rem #000;font-size:.8rem;line-height:1.35rem;display:block;position:relative}.shell-rewards{gap:.25rem;margin:.4rem 0 .6rem;padding:0;list-style:none;display:grid}.shell-rewards li{border-left:.2667rem solid var(--border);background:var(--panel-dark);grid-template-columns:5rem 1fr auto;align-items:baseline;gap:.5rem;padding:.25rem .5rem;display:grid}.shell-rewards li.ready{border-left-color:var(--accent)}.shell-rewards li.ready .shell-status{color:var(--accent)}.shell-rewards li.claimed{border-left-color:var(--ok)}.shell-rewards li.claimed .shell-status{color:var(--ok)}.community-top-title{margin-top:.9rem}.community-top{margin:0 0 .5rem;padding-left:1.6rem}.community-top li{padding:.1rem 0}.community-top li span:last-child{float:right}.community-top li.me{color:var(--accent)}@media (prefers-reduced-motion:reduce){.bar-fill{transition:none}}.num,.res,.node-level,.bar-label,.big-number,.hud-time,.hud-block,.ore-amount,.stat-grid strong{font-family:var(--font-num)}.upgrade-callout{background:color-mix(in srgb, var(--accent) 18%, var(--panel-dark));border:.1333rem solid var(--accent);width:100%;color:var(--accent);align-items:center;gap:.6rem;margin:.6rem 0 .2rem;padding:.55rem .8rem;font-size:1.05rem;animation:1.6s ease-in-out infinite callout-pulse;display:flex}.upgrade-callout:hover{background:color-mix(in srgb, var(--accent) 28%, var(--panel-dark))}@keyframes callout-pulse{50%{box-shadow:0 0 0 .2rem #36e2d040}}.nav-item{position:relative}.nav-badge{background:var(--accent);border:.0667rem solid #000;width:.5333rem;height:.5333rem;position:absolute;top:.25rem;right:.2rem}@media (prefers-reduced-motion:reduce){.upgrade-callout{animation:none}}.sso-button{justify-content:center;text-decoration:none}.brand-version{color:var(--muted);align-self:flex-end;font-size:.7rem}.version{text-align:center}.table-scroll{margin:.4rem 0;overflow-x:auto}.collect-table{border-collapse:collapse;width:100%;font-size:.8rem}.collect-table th,.collect-table td{text-align:right;white-space:nowrap;padding:.15rem .4rem}.collect-table th:first-child,.collect-table td:first-child{text-align:left}.collect-table thead th{color:var(--muted);border-bottom:.1333rem solid var(--border);font-weight:400}.collect-table tbody tr:nth-child(2n){background:#ffffff08}.collect-table tfoot td{border-top:.1333rem solid var(--border)}.collect-table .accent{color:var(--accent)}.yield-badge{color:var(--ok)}.record-badge{color:var(--premium)}.game-tip{z-index:1000;background:color-mix(in srgb, var(--bg) 96%, transparent);border:.1333rem solid var(--border-light);pointer-events:none;max-width:20rem;padding:.45rem .6rem;font-size:.85rem;line-height:1.3;position:fixed;box-shadow:0 .2667rem #00000073}.game-tip h4{margin:0 0 .2rem;font-size:.95rem}.game-tip p{white-space:pre-line;margin:.15rem 0}.tip-list{margin:.1rem 0 .2rem;padding-left:1rem;font-size:.8rem}.tip-effects{border-top:.0667rem solid var(--border);margin-top:.3rem;padding-top:.25rem}.banner-stardust{color:#d9b8ff;text-shadow:0 0 .4rem #c99bffcc;border-color:#8a55e0}.update-banner{z-index:900;background:color-mix(in srgb, var(--bg) 95%, transparent);border:.1333rem solid var(--accent);align-items:center;gap:.7rem;padding:.35rem .6rem;display:flex;position:fixed;top:.6rem;left:50%;transform:translate(-50%)}.tab{position:relative}.report-cards{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.5rem;margin-block:.6rem;display:grid}.report-card{background:var(--panel-dark);border:.0667rem solid var(--border);flex-direction:column;gap:.15rem;padding:.45rem .6rem;display:flex}.report-card span{color:var(--muted);font-size:.7rem}.report-card strong{font-family:var(--font-num);font-size:1.15rem}.report-legend{flex-wrap:wrap;gap:.35rem .8rem;margin-block:.4rem;font-size:.75rem;display:flex}.report-chip i,.report-numbers i{vertical-align:middle;width:.6rem;height:.6rem;margin-right:.25rem;display:inline-block}.report-rows{flex-direction:column;gap:.45rem;max-height:46vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.report-row{grid-template-columns:minmax(8rem,12rem) 1fr;align-items:center;gap:.15rem .7rem;display:grid}.report-bar{background:var(--panel-dark);min-width:.5rem;height:.7rem;display:flex}.report-bar i{height:100%;display:block}.report-numbers{font-family:var(--font-num);flex-wrap:wrap;grid-column:2;gap:.2rem .7rem;font-size:.72rem;display:flex}.report-numbers strong{margin-left:auto}@media (max-width:520px){.report-row{grid-template-columns:1fr}.report-numbers{grid-column:1}}.design-set+.design-set{margin-top:.8rem}.design-set h3{margin:.4rem 0}.sprite-preview{image-rendering:pixelated;align-self:center}.card-bundle{border-color:var(--premium)}.bundle-previews{flex-wrap:wrap;align-items:center;gap:.2rem;display:flex}.bundle-previews .sprite-preview{width:2.1333rem;height:2.1333rem}.consent{align-items:flex-start;margin-block:.6rem}.swarm-cards{align-items:stretch}.swarm-card h3{align-items:center;gap:.35rem;margin:0 0 .4rem;display:flex}.formula{border-collapse:collapse;width:100%;font-size:.8rem}.formula td{padding:.12rem .2rem}.formula td.num{text-align:right;font-family:var(--font-num);white-space:nowrap}.formula tfoot td{border-top:.0667rem solid var(--border);padding-top:.3rem;font-weight:700}.swarm-extras{margin:.5rem 0 0;padding:0;font-size:.75rem;list-style:none}.swarm-extras li{justify-content:space-between;gap:.6rem;display:flex}.hit-card .console-row{justify-content:space-between;gap:.5rem;display:flex}.record-banner{pointer-events:none;text-align:center;background:color-mix(in srgb, var(--bg) 82%, transparent);color:#fff1a8;text-shadow:0 0 .4rem #fff1a8b3;z-index:3;border:.1333rem solid #fff1a8;width:max-content;max-width:90%;padding:.35rem 1rem;animation:1.6s ease-out forwards record-pop;position:absolute;top:22%;left:50%;transform:translate(-50%)}.record-banner .record-title{letter-spacing:.12em;font-size:.9rem}.record-banner .record-amount{font-size:1.6rem;line-height:1.1}.record-banner .record-sub{opacity:.85;font-size:.75rem}.record-level-1{color:#e3ccff;text-shadow:0 0 .5333rem #c99bffe6;border-color:#b27cff;animation-duration:3.5s}.record-level-1 .record-amount{font-size:2rem}.record-level-2{color:#ffe9a0;text-shadow:0 0 .6667rem #ffc83c;background:#281800e0;border:.2rem solid #ffd75e;padding:.6rem 1.6rem;animation:7s ease-out forwards record-pop,.6s ease-in-out infinite alternate record-glow;top:30%;box-shadow:0 0 1.6rem #ffc83c8c}.record-level-2 .record-title{font-size:1.2rem}.record-level-2 .record-amount{font-size:2.6rem}@keyframes record-pop{0%{opacity:0;transform:translate(-50%)scale(1.6)}8%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1)}}@keyframes record-glow{0%{box-shadow:0 0 .8rem #ffc83c59}to{box-shadow:0 0 2.1333rem #ffc83cd9}}@media (prefers-reduced-motion:reduce){.record-banner{animation:none}}.banner-record{color:#e3ccff;text-shadow:0 0 .4rem #c99bffcc;border-color:#b27cff}.banner-world{color:#ffe9a0;text-shadow:0 0 .6667rem #ffc83c;border-color:#ffd75e;font-size:1.4rem;box-shadow:0 0 1.2rem #ffc83c80}.banner-record-run{color:#fff1a8;border-color:#fff1a899;font-size:1rem}.download-panel{width:min(37.3333rem,100%)}.downloads{flex-direction:column;gap:.5rem;display:flex}.download-row{flex-wrap:wrap;gap:.5rem;display:flex}.download-button{flex-direction:column;align-items:flex-start;gap:.1rem;min-width:12rem;text-decoration:none}.download-button small{opacity:.75}.download-others summary{cursor:pointer;color:var(--accent)}.download-group h3{margin:.6rem 0 .2rem;font-size:.95rem}.download-group ul{margin:0;padding-left:1.1rem}.download-group li{margin:.15rem 0}.download-link{text-align:center}.site{background:var(--bg);height:100%;min-height:100%;position:relative;overflow:auto}.site:before{content:"";background:url(/assets/ui/title_bg.png) center / cover no-repeat, var(--bg);image-rendering:pixelated;pointer-events:none;position:fixed;inset:0}.site-main,.site-footer{position:relative}.site-nav{z-index:5;background:color-mix(in srgb, var(--bg) 90%, transparent);border-bottom:.1333rem solid var(--border);align-items:center;gap:1.5rem;padding:.5rem 1.25rem;display:flex;position:sticky;top:0}.site-brand{color:var(--text);letter-spacing:.15em;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.site-brand img{width:1.8667rem;height:1.8667rem}.site-nav nav{flex:1;gap:1rem;display:flex}.site-nav nav a{color:var(--muted);text-decoration:none}.site-nav nav a.active,.site-nav nav a:hover{color:var(--accent)}.site-main{flex-direction:column;gap:1.25rem;max-width:78.6667rem;margin:0 auto;padding:1.25rem;display:flex}.site-hero{grid-template-columns:1fr minmax(20rem,25.3333rem);align-items:center;gap:2rem;min-height:60vh;display:grid}.hero-text{text-shadow:.1333rem .1333rem #000;flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.hero-text h1{letter-spacing:.2em;margin:0;font-size:3.4rem}.hero-tagline{margin:0;font-size:1.2rem}.hero-text .alpha-note{text-align:left;text-shadow:none}.hero-side .auth-panel{width:100%}.play-button{justify-content:center;padding:.8rem;font-size:1.2rem}.site-columns{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}.news-list{flex-direction:column;gap:.75rem;display:flex}.news-post header,.patch-note header{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.news-body{white-space:pre-line;margin:.3rem 0}.news-offer{border-left:.2rem solid var(--accent-2);padding-left:.6rem}.patch-note{margin-bottom:.9rem}.patch-note ul{margin:.3rem 0 0;padding-left:1.2rem}.patch-note li{margin:.2rem 0}.screens{grid-template-columns:repeat(auto-fill,minmax(17.3333rem,1fr));gap:.75rem;display:grid}.screen{color:var(--muted);flex-direction:column;gap:.3rem;text-decoration:none;display:flex}.screen img{aspect-ratio:16/10;object-fit:cover;border:.1333rem solid var(--border);width:100%;image-rendering:pixelated}.screen:hover img{border-color:var(--accent)}.site-page{width:100%;max-width:54.6667rem;margin:0 auto}.legal h3{margin:1rem 0 .3rem}.legal p{line-height:1.5}.site-footer{color:var(--muted);background:color-mix(in srgb, var(--bg) 90%, transparent);border-top:.1333rem solid var(--border);flex-wrap:wrap;justify-content:center;gap:1.25rem;padding:1rem;font-size:.85rem;display:flex}.site-footer a{color:var(--muted)}@media (max-width:860px){.site-hero,.site-columns{grid-template-columns:1fr}.hero-text h1{font-size:2.2rem}}@media (max-width:700px){.site-nav{flex-wrap:wrap;gap:.35rem .8rem;padding:.45rem 1rem}.site-brand{letter-spacing:.08em}.site-lang{order:2;margin-left:auto}.site-nav nav{white-space:nowrap;scrollbar-width:none;flex:1 0 100%;order:3;gap:.85rem;padding-bottom:.15rem;font-size:.9rem;overflow-x:auto}.site-nav nav::-webkit-scrollbar{display:none}}.danger-panel{border-color:var(--danger)}.danger-note{border-left:.2rem solid var(--danger);background:#ff547014;margin:0 0 .5rem;padding:.4rem .6rem;line-height:1.4}.legal p{white-space:pre-line}.danger-text{color:var(--danger)}.hero-side{flex-direction:column;gap:1rem;display:flex}.beta-consent{align-items:flex-start;font-size:.85rem;line-height:1.35}.beta-consent input{margin-top:.15rem}.beta-table td{vertical-align:middle}.ore-menu{z-index:40;flex-direction:column;gap:.3rem;width:18rem;display:flex;position:fixed}.ore-menu p{margin:0 0 .2rem}.ore-menu-item{text-align:left;background:var(--panel-dark);border:.1333rem solid var(--border);color:var(--text);grid-template-columns:.8rem minmax(0,1fr);align-items:center;gap:.5rem;padding:.45rem .55rem;display:grid}.ore-menu-item:hover:not(:disabled){border-color:var(--accent)}.ore-menu-item:disabled{opacity:.6}.ore-menu-item span:last-child{flex-direction:column;gap:.1rem;display:flex}.autoskill{gap:.6rem}.btn-discord{color:#fff;background:#5865f2;border:.1333rem solid #7984f5;text-decoration:none}.btn-discord:hover{background:#4752c4}:root[data-ui-style=metal] .panel{background:var(--rivet) .35rem .35rem / .6rem .6rem no-repeat, var(--rivet) calc(100% - .35rem) .35rem / .6rem .6rem no-repeat, var(--rivet) .35rem calc(100% - .35rem) / .6rem .6rem no-repeat, var(--rivet) calc(100% - .35rem) calc(100% - .35rem) / .6rem .6rem no-repeat, var(--wear), linear-gradient(180deg, color-mix(in srgb, var(--panel) 90%, #fff 10%) 0, var(--panel) 1.6rem, color-mix(in srgb, var(--panel) 88%, #000 12%) 100%);border:var(--px) solid var(--metal-dark);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--metal-light) 45%, transparent), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #0000008c, inset 0 0 0 calc(var(--px) * 3) color-mix(in srgb, var(--border) 55%, transparent), 0 var(--px) 0 #00000073;padding:1rem 1.15rem;position:relative}:root[data-ui-style=metal] .btn{--plate:color-mix(in srgb, var(--border) 55%, var(--panel));border:var(--px) solid var(--metal-dark);background:var(--wear), linear-gradient(180deg, color-mix(in srgb, var(--plate) 70%, #fff 30%) 0, var(--plate) 45%, color-mix(in srgb, var(--plate) 70%, #000 30%) 100%);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--metal-light) 60%, transparent), inset calc(var(--px) * -1) calc(var(--px) * -2) 0 #00000073;clip-path:polygon(.2667rem 0,calc(100% - .2667rem) 0,100% .2667rem,100% calc(100% - .2667rem),calc(100% - .2667rem) 100%,.2667rem 100%,0 calc(100% - .2667rem),0 .2667rem);color:var(--text);text-shadow:var(--px) var(--px) 0 #0000008c;white-space:nowrap;align-items:center;gap:.4rem;padding:.55rem .95rem;display:inline-flex}:root[data-ui-style=metal] .btn:hover:not(:disabled){--plate:color-mix(in srgb, var(--border-light) 60%, var(--panel))}:root[data-ui-style=metal] .btn:active:not(:disabled){box-shadow:inset var(--px) calc(var(--px) * 2) 0 #00000080, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 color-mix(in srgb, var(--metal-light) 35%, transparent);transform:translateY(var(--px))}:root[data-ui-style=metal] .btn:disabled{--plate:color-mix(in srgb, var(--panel-dark) 80%, var(--border));color:var(--muted);text-shadow:none;cursor:not-allowed}:root[data-ui-style=metal] .btn-accent{--plate:color-mix(in srgb, var(--accent) 82%, var(--panel));color:color-mix(in srgb, var(--accent) 12%, #000);text-shadow:var(--px) var(--px) 0 #ffffff4d}:root[data-ui-style=metal] .btn-accent:hover:not(:disabled){--plate:color-mix(in srgb, var(--accent) 90%, #fff)}:root[data-ui-style=metal] input,:root[data-ui-style=metal] select{background:var(--wear), color-mix(in srgb, var(--panel-dark) 85%, #000);border:var(--px) solid var(--metal-dark);box-shadow:inset var(--px) var(--px) 0 #0000008c, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 color-mix(in srgb, var(--metal-light) 30%, transparent);min-width:0;padding:.5rem .6rem}:root[data-ui-style=metal] .tab{border:var(--px) solid var(--metal-dark);background:var(--wear), linear-gradient(180deg, color-mix(in srgb, var(--panel-dark) 80%, #fff 8%) 0, var(--panel-dark) 100%);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--metal-light) 25%, transparent);clip-path:polygon(.2667rem 0,calc(100% - .2667rem) 0,100% .2667rem,100% 100%,0 100%,0 .2667rem);color:var(--muted);border-bottom-width:0;align-items:center;gap:.35rem;padding:.45rem .75rem;display:inline-flex}:root[data-ui-style=metal] .tab-active{background:var(--wear), linear-gradient(180deg, color-mix(in srgb, var(--panel) 85%, #fff 15%) 0, var(--panel) 100%);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--metal-light) 55%, transparent), inset 0 calc(var(--px) * -2) 0 var(--accent);color:var(--text)}:root[data-ui-style=metal] .card{background:var(--wear), linear-gradient(180deg, color-mix(in srgb, var(--panel-dark) 90%, #fff 6%), var(--panel-dark));border:.1333rem solid var(--border);box-shadow:inset var(--px) var(--px) 0 color-mix(in srgb, var(--metal-light) 20%, transparent), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #0006;flex-direction:column;gap:.35rem;padding:.6rem;display:flex}:root[data-ui-style=metal] .monitor{--housing:color-mix(in srgb, var(--border) 45%, var(--panel-dark));border:calc(var(--px) * 2) solid var(--metal-dark);background:var(--rivet) .55rem .55rem / .6rem .6rem no-repeat, var(--rivet) calc(100% - .55rem) .55rem / .6rem .6rem no-repeat, var(--rivet) .55rem calc(100% - .55rem) / .6rem .6rem no-repeat, var(--rivet) calc(100% - .55rem) calc(100% - .55rem) / .6rem .6rem no-repeat, var(--wear), linear-gradient(165deg, color-mix(in srgb, var(--housing) 75%, #fff 25%) 0, var(--housing) 30%, color-mix(in srgb, var(--housing) 70%, #000 30%) 100%);min-width:0;min-height:0;box-shadow:inset calc(var(--px) * 2) calc(var(--px) * 2) 0 color-mix(in srgb, var(--metal-light) 40%, transparent), inset calc(var(--px) * -2) calc(var(--px) * -3) 0 #00000080, 0 .3rem 0 #0000008c, 0 .6rem 1.4rem #00000073;border-radius:1.1rem;grid-area:monitor;padding:1rem 1rem 1.9rem;display:flex;position:relative}:root[data-ui-style=metal] .monitor:before{content:"DEEPSWARM · DS-4000";letter-spacing:.25em;color:color-mix(in srgb, var(--text) 55%, transparent);box-shadow:inset var(--px) var(--px) 0 #00000080, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 color-mix(in srgb, var(--metal-light) 30%, transparent);pointer-events:none;background:#00000059;padding:.05rem .6rem;font-size:.6rem;position:absolute;bottom:.35rem;left:50%;transform:translate(-50%)}:root[data-ui-style=metal] .monitor:after{content:"";background:var(--ok);width:.45rem;height:.45rem;box-shadow:0 0 .4rem var(--ok), inset 0 0 0 var(--px) #0000004d;pointer-events:none;border-radius:50%;position:absolute;bottom:.65rem;right:1.4rem}:root[data-ui-style=metal] .monitor-screen{background:color-mix(in srgb, var(--bg) 60%, #000);min-width:0;min-height:0;box-shadow:0 0 0 .25rem color-mix(in srgb, #000 80%, var(--bg)), 0 0 0 .4rem color-mix(in srgb, var(--housing,var(--border)) 50%, #000), 0 0 0 calc(.4rem + var(--px)) color-mix(in srgb, var(--metal-light) 25%, transparent);border-radius:1rem/1.4rem;flex:1;position:relative;overflow:hidden}:root[data-ui-style=metal] .monitor-glass{z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg, #ffffff17 0, #ffffff08 26%, transparent 27%), radial-gradient(ellipse at 50% 45%, transparent 58%, #0000006b 100%), repeating-linear-gradient(0deg, #00000021 0 var(--px), transparent var(--px) calc(var(--px) * 2));box-shadow:inset 0 0 2.5rem #00000073, inset 0 0 0 var(--px) #000000b3;position:absolute;inset:0}.admin-beta-settings input[type=number],.admin-key-create input[type=number]{width:7rem}.admin-key-create label{flex-direction:column;gap:.2rem;display:flex}.ship-upgrades{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.8rem;display:grid}.ship-upgrade{border:.0667rem solid var(--border);flex-direction:column;gap:.4rem;padding:.6rem;display:flex}.ship-upgrade.planned{opacity:.6}.ship-upgrade-head{align-items:center;gap:.4rem;display:flex}.ship-upgrade-head .muted{margin-left:auto}.autoskill-order ol{margin:0 0 .3rem;padding-left:1.2rem;font-size:.85em}.autoskill-order li{align-items:center;gap:.25rem;display:flex}.autoskill-order li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.autoskill-order .mini{background:var(--panel-dark);color:var(--text);border:.0667rem solid var(--border);cursor:pointer;font:inherit;padding:0 .3rem;line-height:1.3}.autoskill-order .mini:disabled{opacity:.35;cursor:default}.travel-banner{bottom:4.2rem}.meteor-panel{border:.0667rem solid var(--border);margin:.4rem 0;padding:.5rem}.extractor-menu{border-top:.0667rem solid var(--border);margin-top:.4rem;padding-top:.4rem}.swarm-status{border:.0667rem solid var(--border);background:var(--panel);align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.85em;display:flex}.swarm-status.accent{color:var(--accent)}.admin-key-created code{-webkit-user-select:all;user-select:all}.admin-key-created span{-webkit-user-select:text;user-select:text}