:root{--bg:#0a0e15;--panel:#0c121cc7;--panel2:#141e2cd9;--line:#78beff2e;--acc:#45c8ff;--acc2:#2f8cff;--org:#ffb347;--txt:#e6eef8;--dim:#8fa3b8;--bad:#ff5a4a;--good:#5dff8a;--font:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--head:"Bahnschrift", "DIN Alternate", "Roboto Condensed", "Arial Narrow", "Segoe UI", sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--txt);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{position:fixed;inset:0}#gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}canvas.overlay{position:absolute;inset:0;pointer-events:none!important}input,select,textarea{font:inherit;color:var(--txt);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#050a12b3;border-radius:8px;outline:none;padding:8px 10px}input:focus,select:focus{border-color:var(--acc);box-shadow:0 0 0 2px #45c8ff33}select option{background:#101824}h1,h2,h3{font-family:var(--head);letter-spacing:.06em;margin:0 0 10px;font-weight:700}h2 small,h3 small{color:var(--dim);letter-spacing:.02em;margin-left:8px;font-size:.6em;font-weight:400}.fps{color:#9fe;text-shadow:0 1px 2px #000;z-index:99;pointer-events:none;font:11px monospace;position:fixed;bottom:6px;right:8px}.btn{font:inherit;color:var(--txt);cursor:pointer;touch-action:manipulation;background:linear-gradient(#283a52e6,#162030e6);border:1px solid #78beff47;border-radius:10px;padding:9px 14px;font-weight:600;transition:transform 80ms,border-color .15s,background .15s,box-shadow .15s;position:relative}.btn:hover:not([disabled]){border-color:var(--acc);box-shadow:0 0 14px #45c8ff40}.btn:active:not([disabled]){transform:translateY(1px)scale(.98)}.btn[disabled]{opacity:.45;cursor:default}.btn.small{border-radius:8px;padding:6px 10px;font-size:13px}.btn.big{padding:13px 22px;font-size:17px}.btn.primary{background:linear-gradient(#2fa8ff,#1a6ad8);border-color:#7fd0ff;box-shadow:0 4px 18px #2f8cff59}.btn.accent{color:#1a1006;background:linear-gradient(#ffb347,#e07a1a);border-color:#ffd28a}.btn.danger{background:linear-gradient(#781e1ee6,#461212e6);border-color:#ff6e5a66}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:#ffffff0f}.btn.on{border-color:var(--org);box-shadow:0 0 0 1px var(--org) inset, 0 0 16px #ffb3474d}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.seg{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;margin:6px 0;display:inline-flex;overflow:hidden}.seg button{font:inherit;color:var(--dim);cursor:pointer;border:0;border-right:1px solid var(--line);background:#050a1299;padding:8px 12px;font-size:13px}.seg button:last-child{border-right:0}.seg button.on{color:#fff;background:linear-gradient(#2a87d8,#1a5aa8)}.seg.mini button{padding:4px 8px;font-size:12px}.chip{color:var(--txt);background:#45c8ff1f;border:1px solid #45c8ff40;border-radius:20px;margin:2px;padding:3px 8px;font-size:12px;display:inline-block}.chip.big{cursor:pointer;padding:6px 12px;font-family:inherit;font-size:14px}.tag{color:var(--dim);background:#ffffff14;border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11px}.tag.ok{color:var(--good);background:#5dff8a1a}.res{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:3px;margin-right:8px;display:inline-flex}.res i{font-size:.9em;font-style:normal}.res.m i{color:var(--org)}.res.e i{color:#ffe070}.res.c i{color:#5fe6ff}.res.u i{color:#b9c6d6}.res.t{color:var(--dim)}.res.short{color:var(--bad)}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 10px 40px #00000059}#boot{z-index:100;background:radial-gradient(circle at 50% 40%,#13243a,#05080d 70%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#boot.done{opacity:0;pointer-events:none}.boot-logo,.logo .l1{font-family:var(--head);letter-spacing:.12em;color:#eaf6ff;text-shadow:0 0 30px #45c8ff73;font-size:clamp(36px,8vw,84px);font-weight:800}.boot-logo span,.logo .l1 span{color:var(--acc)}.boot-bar{background:#ffffff1a;border-radius:3px;width:220px;height:3px;margin-top:18px;overflow:hidden}.boot-bar i{background:var(--acc);width:40%;height:100%;animation:1.1s ease-in-out infinite bootbar;display:block}@keyframes bootbar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.boot-t{color:var(--dim);letter-spacing:.1em;margin-top:10px;font-size:13px}.boot-err{color:#ffb0a0;text-align:center;padding:30px;line-height:1.6}.menu{touch-action:pan-y;background:linear-gradient(90deg,#05080ed1 0%,#05080e73 45%,#05080e1a 100%);position:absolute;inset:0;overflow:auto}.mscreen{min-height:100%;padding:calc(28px + var(--sat)) calc(36px + var(--sar)) calc(24px + var(--sab)) calc(40px + var(--sal));flex-direction:column;display:flex}.mscreen.enter{animation:.35s ease-out fadein}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.main .logo{margin-top:4vh}.logo .l2{font-family:var(--head);letter-spacing:.5em;color:var(--org);text-transform:uppercase;margin-top:4px;padding-left:4px;font-size:clamp(11px,1.6vw,16px)}.mbtns{flex-direction:column;gap:10px;width:min(420px,100%);margin-top:5vh;display:flex}.mbtn{text-align:left;border-color:#78beff2e;border-left:3px solid var(--acc);background:linear-gradient(90deg,#142234eb,#14223459);border-radius:6px 14px 14px 6px;flex-direction:column;padding:14px 20px;display:flex}.mbtn b{font-family:var(--head);letter-spacing:.08em;text-transform:uppercase;font-size:21px}.mbtn small{color:var(--dim);margin-top:2px;font-weight:400}.mbtn:hover:not([disabled]){border-left-color:var(--org);background:linear-gradient(90deg,#1e3652f2,#1e365266);transform:translate(6px)}.mfoot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:auto;padding-top:30px;display:flex}.pilotcard{flex-direction:column;gap:4px;display:flex}.pilotcard span{color:var(--dim);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.pilotcard input{width:220px;font-size:16px;font-weight:700}.pilotcard small{color:var(--dim)}.mfr{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.ver{color:var(--dim);font-size:12px}.panelscreen{background:#05080e8c}.ptitle{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;display:flex}.ptitle h2{margin:0;font-size:28px}.netst{color:var(--dim);font-size:13px}.netst.online{color:var(--good)}.netst.connecting{color:var(--org)}.code{color:var(--dim)}.code b{color:var(--org);letter-spacing:.2em;font-family:monospace;font-size:20px}.cols{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.col{flex-direction:column;gap:8px;padding:20px;display:flex}.col h3{color:var(--acc);text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:6px;font-size:15px;display:flex}.col p{color:var(--dim);margin:4px 0;line-height:1.5}.col label{color:var(--dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.slot{background:#ffffff09;border:1px solid #ffffff0f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.slot .dot{border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px}.slot b{min-width:70px}.slot i{color:var(--dim)}.slot select{padding:5px 8px}.rooms{flex-direction:column;gap:6px;max-height:50vh;display:flex;overflow:auto}.room{text-align:left;font:inherit;color:var(--txt);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.room:hover:not([disabled]){border-color:var(--acc)}.room code{color:var(--org)}.room span{color:var(--dim);font-size:13px}.room[disabled]{opacity:.5}.empty{color:var(--dim);text-align:center;padding:20px}.chatcol{min-height:50vh}.chat{-webkit-user-select:text;user-select:text;background:#00000040;border-radius:8px;flex:1;min-height:240px;max-height:50vh;padding:8px;font-size:14px;line-height:1.5;overflow:auto}.chat .sys{color:var(--org);font-style:italic}.chatcol .row input{flex:1}.note{color:var(--dim);font-size:13px}.help{padding:22px}.steps{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.steps div{border:1px solid var(--line);color:var(--dim);background:#45c8ff12;border-radius:12px;padding:14px;line-height:1.45}.steps b{font-family:var(--head);color:var(--acc);font-size:30px;display:block}.helpgrid{grid-template-columns:1fr 1fr;gap:14px 26px;display:grid}.helpgrid h3{color:var(--org);text-transform:uppercase;font-size:15px}.helpgrid ul{color:var(--dim);margin:0;padding-left:18px;font-size:14px;line-height:1.6}.helpgrid b{color:var(--txt)}.mtoast{border:1px solid var(--bad);z-index:60;background:#501414eb;border-radius:10px;padding:10px 18px;transition:opacity .5s;position:fixed;top:20px;left:50%;transform:translate(-50%)}.mtoast.out{opacity:0}.modal{z-index:30;-webkit-backdrop-filter:blur(6px);touch-action:pan-y;background:#04070cb8;flex-direction:column;animation:.2s fadein;display:flex;position:absolute;inset:0;overflow:auto}.modal .pz{background:var(--panel2);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;min-width:300px;max-width:94vw;margin:auto;padding:26px 30px;display:flex;box-shadow:0 20px 60px #00000080}.modal .pz.wide{width:min(1100px,94vw)}.modal .pz h2{text-align:center;font-size:26px}.pause .btn.big{width:100%}.sgrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.sg{flex-direction:column;gap:10px;display:flex}.sg h3{color:var(--acc);text-transform:uppercase;font-size:14px}.sg label{color:var(--dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.sg label.ck{color:var(--txt);flex-direction:row;align-items:center;gap:8px}.sg input[type=range]{accent-color:var(--acc);padding:0}.qdesc{color:var(--org);min-height:2.4em;font-size:12px}.endscreen h1{text-align:center;letter-spacing:.2em;margin:0;font-size:clamp(40px,8vw,80px)}.endscreen.win h1{color:#ffd24a;text-shadow:0 0 40px #ffd24a99}.endscreen.lose h1{color:#ff6a5a;text-shadow:0 0 40px #ff5a4a80}.endscreen .note{text-align:center}table.stats{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}table.stats th{color:var(--dim);text-align:left;border-bottom:1px solid var(--line);padding:6px;font-size:12px;font-weight:600}table.stats td{border-bottom:1px solid #ffffff0d;padding:8px 6px;font-weight:600}.endscreen .row{justify-content:center}.garage{padding:calc(14px + var(--sat)) calc(18px + var(--sar)) calc(14px + var(--sab)) calc(18px + var(--sal));gap:12px}.g-head{justify-content:space-between;align-items:center;display:flex}.g-head h2{margin:0}.g-body{flex:1;grid-template-columns:220px 1fr 300px 300px;gap:12px;min-height:0;display:grid}.g-list,.g-parts,.g-stats{flex-direction:column;gap:6px;padding:14px;display:flex;overflow:auto}.g-lt{color:var(--acc);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;font-size:12px}.g-items,.g-tpl{flex-direction:column;gap:4px;display:flex}.g-item{font:inherit;text-align:left;color:var(--txt);cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:8px;justify-content:space-between;gap:6px;padding:7px 10px;display:flex}.g-item small{color:var(--dim)}.g-item.on{border-color:var(--org);background:#ffb3471a}.g-item.tpl{color:var(--dim);font-size:13px}.g-item:hover{border-color:var(--acc)}.g-empty{color:var(--dim);padding:6px;font-size:13px}.g-lbtns{gap:4px;display:flex}.g-view{background:radial-gradient(circle at 50% 60%,#28507859,#080c14cc);flex-direction:column;display:flex;position:relative;overflow:hidden}.g-name{font-family:var(--head);text-align:center;background:0 0;border-color:#0000;margin:12px;font-size:22px;font-weight:700}.g-canvas{touch-action:none;cursor:grab;flex:1;width:100%;min-height:200px}.g-hint{text-align:center;width:100%;color:var(--dim);pointer-events:none;font-size:12px;position:absolute;bottom:8px}.g-sect{color:var(--acc);text-transform:uppercase;letter-spacing:.08em;margin-top:8px;font-size:12px}.g-desc,.g-note{color:var(--dim);font-size:12px}.g-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.g-parts select{width:100%;padding:6px 8px;font-size:13px}.st{color:var(--dim);grid-template-columns:110px 1fr 70px;align-items:center;gap:8px;font-size:12px;display:grid}.st b{color:var(--txt);text-align:right;font-variant-numeric:tabular-nums}.sb{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.sb i{background:linear-gradient(90deg,#2f8cff,#45c8ff);border-radius:3px;height:100%;display:block}.sb i.dmg{background:linear-gradient(90deg,#ff7a3a,#ffb347)}.sb i.sh{background:linear-gradient(90deg,#3aa0ff,#8fe0ff)}.sb i.en{background:linear-gradient(90deg,#d0b030,#ffe070)}.sb i.bad{background:var(--bad)}.g-cost{font-size:15px}.g-req{flex-wrap:wrap;display:flex}.g-errs{color:#ff9a8a;background:#ff3c281a;border:1px solid #ff5a4a4d;border-radius:8px;flex-direction:column;gap:4px;padding:8px;font-size:13px;display:flex}.g-foot{justify-content:flex-end;align-items:center;gap:10px;display:flex}.g-msg{margin-right:auto;font-size:14px}.g-msg.ok{color:var(--good)}.g-msg.err{color:var(--bad)}.hud{pointer-events:none;font-size:14px;position:absolute;inset:0}.hud>*{pointer-events:auto}.topbar{top:calc(8px + var(--sat));left:calc(10px + var(--sal));right:calc(10px + var(--sar));pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute}.topbar>*{pointer-events:auto}.resbar{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:12px;gap:6px;padding:7px 14px;display:flex}.res.big{margin-right:12px;font-size:17px;font-weight:700}.res.big small{color:var(--good);margin-left:2px;font-size:11px;font-weight:600}.clock{background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--dim);border-radius:10px;padding:7px 12px}.topbtns{gap:6px;margin-left:auto;display:flex}.toasts{top:calc(62px + var(--sat));right:calc(12px + var(--sar));pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:8px;max-width:360px;padding:8px 14px;transition:opacity .6s,transform .6s;animation:.25s slidein}.toast.warn{border-left-color:var(--bad);background:#3c0e0ed9}.toast.good{border-left-color:var(--good)}.toast.out{opacity:0;transform:translate(30px)}@keyframes slidein{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.mmwrap{left:calc(10px + var(--sal));bottom:calc(10px + var(--sab));background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:5px;position:absolute}.minimap{cursor:crosshair;touch-action:none;image-rendering:auto;border-radius:8px;width:200px;height:200px;display:block}.cpanel{left:calc(232px + var(--sal));right:calc(10px + var(--sar));bottom:calc(10px + var(--sab));grid-template-columns:minmax(200px,300px) 1fr;gap:14px;max-width:1020px;min-height:96px;max-height:min(260px,36vh);padding:10px 12px;display:grid;position:absolute}.sel{border-right:1px solid var(--line);padding-right:12px}.hint{color:var(--dim);font-size:13px;line-height:1.5}.sname{font-family:var(--head);letter-spacing:.04em;margin-bottom:6px;font-size:18px;font-weight:700}.sname small{color:var(--dim);font-size:13px;font-weight:400}.sbar{background:#ffffff14;border-radius:4px;height:7px;margin-bottom:4px;overflow:hidden}.sbar i{background:linear-gradient(90deg,#2bd06a,#5dff8a);height:100%;display:block}.sbar.sh i{background:linear-gradient(90deg,#2f8cff,#5fd0ff)}.sstats{color:var(--dim);flex-wrap:wrap;gap:10px;margin:6px 0;font-size:13px;display:flex}.sparts{flex-wrap:wrap;display:flex}.sdesc{color:var(--dim);margin-top:4px;font-size:13px}.warnline{color:var(--bad);margin-top:4px;font-size:12px}.selmany{flex-wrap:wrap;gap:4px;display:flex}.acts{flex-wrap:wrap;align-content:flex-start;gap:6px;max-height:min(236px,36vh - 22px);display:flex;overflow:auto}.btn.act{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:76px;max-width:120px;padding:6px 8px;font-size:20px;line-height:1.1;display:flex}.btn.act small{color:var(--txt);text-align:center;font-size:11px;font-weight:600}.btn.act .cost{color:var(--dim);flex-wrap:wrap;justify-content:center;font-size:10.5px;font-weight:500;display:flex}.btn.act .cost .res{margin-right:4px}.btn.act[data-dis]{opacity:.55}.btn.act.locked{filter:grayscale(.8)}.btn.act.pilot{border-color:var(--org);background:linear-gradient(#966414e6,#5a3c0ae6)}.btn.act.wide{flex-direction:row;gap:8px;max-width:none}.sep{width:100%;color:var(--acc);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:11px}.sep small{text-transform:none;letter-spacing:0;color:var(--dim)}.queue{flex-wrap:wrap;gap:4px;width:100%;display:flex}.qitem{font:inherit;color:var(--txt);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:6px;padding:5px 8px;font-size:12px;position:relative;overflow:hidden}.qitem:hover{border-color:var(--bad)}.qprog{background:var(--org);width:0;height:3px;position:absolute;bottom:0;left:0}.touchbar{right:calc(8px + var(--sar));top:calc(60px + var(--sat));flex-direction:column;gap:4px;display:none;position:absolute}.touchbar .btn{flex-direction:column;justify-content:center;align-items:center;width:58px;height:48px;padding:4px;font-size:20px;display:flex}.touchbar small{font-size:10px}.buildbar{left:50%;top:calc(64px + var(--sat));gap:8px;display:none;position:absolute;transform:translate(-50%)}.modehint{left:50%;top:calc(62px + var(--sat));border:1px solid var(--org);color:#ffe0b0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#281c08d9;border-radius:8px;max-width:90vw;padding:7px 14px;font-size:13px;display:none;position:absolute;overflow:hidden;transform:translate(-50%)}.hud.touch .modehint{top:calc(116px + var(--sat))}.selbox{z-index:20;pointer-events:none;background:#5dff8a1a;border:1px solid #7dffb0;display:none;position:fixed}.techtree{padding:calc(14px + var(--sat)) calc(18px + var(--sar)) calc(14px + var(--sab)) calc(18px + var(--sal));gap:10px}.tiers{flex:1;grid-template-columns:repeat(3,1fr);gap:14px;min-height:0;display:grid}.tier{flex-direction:column;gap:8px;padding-right:4px;display:flex;overflow:auto}.tier-h{font-family:var(--head);color:var(--org);letter-spacing:.1em;text-transform:uppercase;z-index:1;background:#04070ce6;padding:4px 0;font-size:18px;position:sticky;top:0}.tcard{font:inherit;text-align:left;color:var(--txt);background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .15s,transform .1s;display:flex}.tcard b{font-size:15px}.tcard small{color:var(--dim)}.tcard em{color:#9fd8ff;font-size:12px;font-style:normal}.tcard .tc-f{margin-top:2px;font-size:13px}.tcard.avail:hover{border-color:var(--acc);transform:translateY(-1px)}.tcard.done{cursor:default;background:#143c2299;border-color:#5dff8a66}.tcard.done .tc-f{color:var(--good)}.tcard.busy{border-color:var(--org);cursor:default}.tcard.busy .tc-f{color:var(--org)}.tcard.locked{opacity:.55;cursor:default}.t-foot{color:var(--dim);text-align:center;font-size:13px}.pilothud{display:none;position:absolute;inset:0;pointer-events:none!important}.hud.pilot .pilothud{display:block}.hud.pilot .cpanel,.hud.pilot .touchbar,.hud.pilot .buildbar,.hud.pilot .modehint,.hud.pilot .topbtns .b-tech,.hud.pilot .topbtns .b-garage{display:none!important}.xhair{width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xhair i{background:#a0f0ffe6;position:absolute;box-shadow:0 0 6px #45c8ffe6}.xhair i:first-child{width:2px;height:12px;top:0;left:21px}.xhair i:nth-child(2){width:2px;height:12px;bottom:0;left:21px}.xhair i:nth-child(3){width:12px;height:2px;top:21px;left:0}.xhair i:nth-child(4){width:12px;height:2px;top:21px;right:0}.xhair b{border:1px solid #a0f0ffe6;border-radius:50%;width:6px;height:6px;position:absolute;top:19px;left:19px}.xhair.enemy i{background:#ff5a4a;box-shadow:0 0 8px #ff3a2a}.xhair.enemy b{border-color:#ff5a4a}.phead{top:calc(62px + var(--sat));font-family:var(--head);letter-spacing:.15em;color:#ffe0a0;text-shadow:0 0 10px #ffb34799;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}.pbars{left:50%;bottom:calc(26px + var(--sab));flex-direction:column;gap:5px;width:min(420px,60vw);display:flex;position:absolute;transform:translate(-50%)}.pb{background:#0000008c;border:1px solid #a0f0ff59;border-radius:3px;height:16px;position:relative;overflow:hidden;transform:skew(-20deg)}.pb i{background:linear-gradient(90deg,#22b85a,#6dff9a);height:100%;transition:width .2s;display:block}.pb.sh i{background:linear-gradient(90deg,#2a7ae0,#7fd8ff)}.pb span{letter-spacing:.12em;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0;transform:skew(20deg)}.pweap{right:calc(20px + var(--sar));bottom:calc(24px + var(--sab));flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute}.pw{border-right:3px solid var(--acc);background:#00000080;align-items:baseline;gap:12px;padding:5px 12px;font-weight:700;display:flex}.pw small{color:var(--dim);letter-spacing:.08em;font-size:11px}.pw.rl{border-color:var(--org)}.pw.rl small{color:var(--org)}.pw.dead{border-color:var(--bad);opacity:.6;text-decoration:line-through}.pspeed{left:calc(232px + var(--sal));bottom:calc(26px + var(--sab));font-family:var(--head);text-shadow:0 0 10px #000c;font-size:34px;font-weight:700;position:absolute}.pspeed small{color:var(--dim);font-size:13px}.pspeed em{color:var(--bad);letter-spacing:.1em;font-size:12px;font-style:normal;display:block}.phint{top:calc(86px + var(--sat));color:#e6f0fa99;white-space:nowrap;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.hurt{opacity:0;background:radial-gradient(#0000 50%,#ff1400bf 100%);position:absolute;inset:0}.hud.pilot:after{content:"";pointer-events:none;background:radial-gradient(#0000 60%,#000a1473 100%);position:absolute;inset:0}.lost{z-index:25;background:repeating-linear-gradient(0deg,#ffffff0d 0 2px,#0000001a 2px 4px),#0a0e14d9;flex-direction:column;justify-content:center;align-items:center;animation:.15s infinite static;display:none;position:absolute;inset:0}.lost.on{display:flex}.lost div{font-family:var(--head);letter-spacing:.25em;color:#ff6a5a;text-shadow:0 0 30px #ff3c28cc;font-size:clamp(30px,6vw,64px)}.lost small{color:var(--dim);margin-top:8px}@keyframes static{0%{background-position:0 0}to{background-position:0 4px}}.ptouch{z-index:5;display:none;position:absolute;inset:0}.pzone{touch-action:none;position:absolute;inset:0}.joy{pointer-events:none;background:#45c8ff14;border:2px solid #a0f0ff66;border-radius:50%;width:140px;height:140px;display:none;position:absolute}.knob{background:#a0f0ff80;border-radius:50%;width:50px;height:50px;position:absolute;top:45px;left:45px;box-shadow:0 0 12px #45c8ff99}.pbtn{font:inherit;letter-spacing:.06em;color:#fff;touch-action:none;background:#141e2c8c;border:2px solid #ffffff59;border-radius:50%;font-size:12px;font-weight:800;position:absolute}.pbtn.on{background:#ff783c99;border-color:#ffb347}.pbtn.fire1{width:92px;height:92px;right:calc(26px + var(--sar));bottom:calc(110px + var(--sab));background:#c8321e80;border-color:#ff785ab3}.pbtn.fire2{width:70px;height:70px;right:calc(128px + var(--sar));bottom:calc(150px + var(--sab));background:#c8781473}.pbtn.boost{width:64px;height:64px;right:calc(132px + var(--sar));bottom:calc(66px + var(--sab))}.pbtn.pview{width:54px;height:54px;right:calc(26px + var(--sar));top:calc(70px + var(--sat));border-radius:12px}.pbtn.pexit{width:70px;height:54px;left:calc(10px + var(--sal));top:calc(70px + var(--sat));background:#781e1e99;border-radius:12px}.hud.touch .touchbar{display:flex}.hud.touch .minimap{width:132px;height:132px}.hud.touch .cpanel{left:calc(152px + var(--sal));right:calc(80px + var(--sar));grid-template-columns:minmax(130px,200px) 1fr;gap:8px;min-height:0;padding:6px 8px}.hud.touch .acts{max-height:150px}.hud.touch .btn.act{min-width:64px;padding:5px 6px;font-size:18px}.hud.touch .res.big{margin-right:6px;font-size:15px}.hud.touch .topbtns span{display:none}.hud.touch.pilot .pspeed{left:50%;bottom:calc(80px + var(--sab));font-size:22px;transform:translate(-50%)}.hud.touch.pilot .pbars{bottom:calc(16px + var(--sab));width:min(300px,40vw)}.hud.touch.pilot .pweap{right:auto;left:calc(150px + var(--sal));top:calc(64px + var(--sat));transform-origin:0 0;align-items:flex-start;bottom:auto;transform:scale(.85)}.hud.touch.pilot .mmwrap{display:none}@media (max-width:1100px){.g-body{grid-template-columns:180px 1fr 260px}.g-stats{grid-column:2/4;max-height:32vh}.sgrid{grid-template-columns:1fr 1fr}}@media (max-width:900px),(max-height:520px){.mscreen{padding:calc(12px + var(--sat)) calc(16px + var(--sar)) calc(12px + var(--sab)) calc(16px + var(--sal))}.main .logo{margin-top:0}.mbtns{gap:6px;margin-top:14px}.mbtn{padding:8px 14px}.mbtn b{font-size:16px}.mbtn small{font-size:11px}.cols{grid-template-columns:1fr 1fr;gap:10px}.col{padding:12px}.steps{grid-template-columns:1fr 1fr}.helpgrid{grid-template-columns:1fr}.g-body{grid-template-rows:1fr auto;grid-template-columns:150px 1fr 1fr}.g-view{grid-row:1}.g-stats{grid-column:1/4}.sgrid{grid-template-columns:1fr}.resbar{padding:4px 8px}.clock{display:none}.tiers{grid-template-columns:1fr 1fr 1fr;gap:6px}.tcard{padding:6px 8px}.tcard b{font-size:13px}.tcard small,.tcard em{font-size:11px}.modal .pz{padding:14px}}@media (max-width:640px) and (orientation:portrait){.cols{grid-template-columns:1fr}.g-body{grid-template-rows:30vh auto auto auto;grid-template-columns:1fr}.g-view{grid-row:auto}.g-stats{grid-column:auto}.tiers{grid-template-columns:1fr}.hud.touch .cpanel{left:calc(8px + var(--sal));right:calc(8px + var(--sar));bottom:calc(150px + var(--sab));grid-template-columns:1fr}.hud.touch .sel{border:0;display:none}.hud.touch .mmwrap{bottom:calc(8px + var(--sab))}}@media (max-height:760px){.main .logo{margin-top:0}.logo .l1{font-size:clamp(32px,7vh,64px)}.mbtns{gap:7px;margin-top:2.5vh}.mbtn{padding:9px 16px}.mbtn b{font-size:18px}.mfoot{padding-top:14px}}@media (max-height:600px){.sel{font-size:12px}.sname{font-size:15px}.sstats,.sparts{display:none}.btn.act{min-width:64px;padding:4px 6px;font-size:16px}.btn.act small{font-size:10px}}.hud.touch .toasts{right:calc(76px + var(--sar))}.hud.touch .toast{max-width:280px;padding:6px 10px;font-size:12px}.hud.pilot .toasts{top:calc(112px + var(--sat));align-items:center;right:50%;transform:translate(50%)}.hud.pilot .minimap{width:150px;height:150px}.hud.pilot .pspeed{left:calc(180px + var(--sal))}.hud.pilot .pbars{width:min(420px,42vw)}@media (max-width:900px){.phint{display:none}}@media (max-height:480px){.main .logo .l1{font-size:30px}.logo .l2{margin-top:2px;font-size:10px}.mbtns{grid-template-columns:1fr 1fr;gap:6px;width:min(620px,100%);margin-top:10px;display:grid}.mbtn{padding:8px 12px}.mbtn b{font-size:15px}.mbtn small{display:none}.mfoot{padding-top:8px}}@media (max-height:420px){.hud.touch .touchbar{top:calc(52px + var(--sat));gap:3px}.hud.touch .touchbar .btn{height:40px;font-size:16px}.hud.touch .touchbar small{font-size:9px}}
