/*! PIXEL SPACE SQUAD (c) 2026 dgtlm8 Digitalberatung. All rights reserved. Design, style and code are the property of dgtlm8 Digitalberatung, a name and brand owned by Robin Messer. Copying or reuse without written permission is prohibited. *//*! PIXEL SPACE SQUAD (c) 2026 dgtlm8 Digitalberatung. All rights reserved. Design, style and code are the property of dgtlm8 Digitalberatung, a name and brand owned by Robin Messer. Copying or reuse without written permission is prohibited. */:root{--pss-violet:#562eff;--pss-lavender:#d5d2ff;--pss-indigo:#4338a8;--pss-mint:#31ff98;--pss-mint-deep:#17835a;--pss-gold:#e8c14a;--pss-red:#b03a3a;--pss-night-0:#000;--pss-night-1:#05051a;--pss-night-2:#101024;--pss-night-3:#15152b;--pss-night-4:#1c1c3a;--pss-night-5:#2a2a3d;--pss-night-6:#33334d;--pss-night-7:#44445a;--pss-night-8:#55556e;--pss-night-9:#7a7a95;--pss-paper-0:#fff;--pss-paper-1:#f2f0ff;--pss-paper-2:#eee;--pss-paper-3:#ccc;--pss-paper-4:#999;--pss-paper-5:#666;--pss-paper-6:#222;--pss-action:var(--pss-violet);--pss-action-ink:var(--pss-paper-0);--pss-hover:var(--pss-mint);--pss-hover-ink:var(--pss-night-0);--pss-accent:var(--pss-mint);--pss-glow:var(--pss-indigo);--pss-bg:var(--pss-night-0);--pss-bg-bar:var(--pss-night-1);--pss-bg-hover:var(--pss-night-2);--pss-bg-key:var(--pss-night-3);--pss-bg-selected:var(--pss-night-4);--pss-text:var(--pss-paper-0);--pss-text-soft:var(--pss-lavender);--pss-text-muted:var(--pss-night-9);--pss-text-locked:var(--pss-night-8);--pss-text-off:var(--pss-night-5);--pss-line:var(--pss-paper-0);--pss-line-quiet:var(--pss-night-6);--pss-line-locked:var(--pss-night-7);--pss-panel:var(--pss-paper-0);--pss-panel-ink:var(--pss-night-0);--pss-panel-text:var(--pss-paper-6);--pss-panel-subtle:var(--pss-paper-5);--pss-panel-input:var(--pss-paper-1);--pss-panel-off:var(--pss-paper-2);--pss-panel-off-line:var(--pss-paper-4);--pss-panel-off-shadow:var(--pss-paper-3);--pss-ok:var(--pss-mint-deep);--pss-danger:var(--pss-red);--pss-reward:var(--pss-gold);--pss-font:'Press Start 2P',ui-monospace,'Courier New',monospace;--pss-fs-title:clamp(12px,2.5vw,19px);--pss-fs-input:clamp(9px,1.6vw,12px);--pss-fs-button:clamp(8px,1.5vw,11px);--pss-fs-link:clamp(8px,1.2vw,11px);--pss-fs-body:clamp(7px,1.4vw,10px);--pss-fs-action:clamp(7px,1.3vw,10px);--pss-fs-hud:clamp(7px,1.25vw,10px);--pss-fs-bar:clamp(7px,1.1vw,10px);--pss-fs-tagline:clamp(7px,1vw,10px);--pss-fs-footer:clamp(6px,1.1vw,9px);--pss-fs-small:clamp(6px,1.1vw,8px);--pss-fs-label:8px;--pss-fs-micro:clamp(5px,1vw,7px);--pss-track-1:1px;--pss-track-2:2px;--pss-track-3:3px;--pss-lh-tight:1.6;--pss-lh-title:1.7;--pss-lh-body:2.1;--pss-bw-1:2px;--pss-bw-2:3px;--pss-bw-3:4px;--pss-drop-1:2px 2px 0;--pss-drop-2:3px 3px 0;--pss-drop-3:4px 4px 0;--pss-drop-4:5px 5px 0;--pss-drop-5:6px 6px 0;--pss-hover-lift:translate(-2px,-2px);--pss-press-2:translate(3px,3px);--pss-press-3:translate(4px,4px);--pss-radius-dialog:10px;--pss-frame-ring:0 0 0 4px var(--pss-night-0),0 0 0 8px var(--pss-glow);--pss-scrim:rgba(0,0,0,.78);--pss-snap:.08s steps(1);--pss-pop:.18s steps(2);--pss-fill:.25s linear;--pss-fill-fast:.12s linear;--pss-blink:.7s steps(1) infinite;--pss-pulse:1.1s steps(2) infinite;--pss-z-world:0;--pss-z-hud:2;--pss-z-bossbar:3;--pss-z-bar:4;--pss-z-dialog:5;--pss-z-modal:20;--pss-world-w:240;--pss-world-h:200;--pss-iso-tile-w:32px;--pss-iso-tile-h:16px;--pss-iso-step:8px;--pss-iso-drop:0 3px 0}/*! PIXEL SPACE SQUAD (c) 2026 dgtlm8 Digitalberatung. All rights reserved. Design, style and code are the property of dgtlm8 Digitalberatung, a name and brand owned by Robin Messer. Copying or reuse without written permission is prohibited. */*,::after,::before{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}.pss-screen{background:var(--pss-bg);color:var(--pss-text);font-family:var(--pss-font);-webkit-font-smoothing:none;image-rendering:pixelated}.brand{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,10px);margin:0;font-weight:400}.brand-logo{display:block;width:clamp(40px,7vh,64px);height:auto;image-rendering:pixelated}.brand-sub{font-size:var(--pss-fs-tagline);letter-spacing:var(--pss-track-3);color:var(--pss-accent);white-space:nowrap}.hlink{font:inherit;font-size:var(--pss-fs-link);letter-spacing:var(--pss-track-2);line-height:var(--pss-lh-tight);color:var(--pss-text-soft);background:0 0;border:0;border-bottom:var(--pss-bw-1) solid transparent;padding:4px 0;cursor:pointer}.hlink:focus-visible,.hlink:hover{color:var(--pss-hover);border-bottom-color:var(--pss-hover);outline:0}.hub,.pss-frame,.stage{border:var(--pss-bw-3) solid var(--pss-line);background:var(--pss-bg);box-shadow:var(--pss-frame-ring)}.bossbar{position:absolute;left:50%;top:4px;transform:translateX(-50%);z-index:var(--pss-z-bossbar);width:min(58%,300px);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.bb-name{font-size:var(--pss-fs-micro);letter-spacing:var(--pss-track-2);color:var(--pss-text-soft);text-shadow:0 1px 2px var(--pss-night-0),0 0 4px var(--pss-night-0)}.bb-track{display:block;width:100%;height:5px;border:1px solid rgba(255,255,255,.85);padding:1px;background:rgba(0,0,0,.55)}.bb-track i{display:block;height:100%;background:var(--pss-accent);width:100%;transition:width var(--pss-fill-fast)}.box-art{line-height:0;margin-bottom:2px}.box-art svg{display:block}.box p a{color:var(--pss-indigo);text-decoration:underline}.hud{position:absolute;top:10px;left:12px;right:12px;z-index:var(--pss-z-hud);display:flex;justify-content:space-between;align-items:flex-start;font-size:var(--pss-fs-hud);letter-spacing:var(--pss-track-1);pointer-events:none;line-height:1.8}.hud .lives i{font-style:normal;color:var(--pss-accent);margin-right:3px}.hud .lives i.off{color:var(--pss-text-off)}.hud .right{text-align:right}.hud .right b{font-weight:400;color:var(--pss-accent)}.bar{margin-top:6px;width:110px;height:8px;border:var(--pss-bw-1) solid var(--pss-line);padding:1px;margin-left:auto}.bar span{display:block;height:100%;width:0%;background:var(--pss-accent);transition:width var(--pss-fill)}.box button,.btn,.modal-close,.upg-act{font-family:var(--pss-font);font-size:var(--pss-fs-button);letter-spacing:var(--pss-track-1);line-height:var(--pss-lh-tight);background:var(--pss-action);color:var(--pss-action-ink);border:var(--pss-bw-2) solid var(--pss-panel-ink);padding:11px 16px;cursor:pointer;box-shadow:var(--pss-drop-3) var(--pss-panel-ink);transition:transform var(--pss-snap),box-shadow var(--pss-snap)}.btn-sm,.upg-act{font-size:var(--pss-fs-action);padding:8px 12px;box-shadow:var(--pss-drop-2) var(--pss-panel-ink)}.box button{pointer-events:auto}.box button.alt,.btn.alt,.upg-act.alt{background:var(--pss-panel);color:var(--pss-panel-ink)}.btn:focus-visible,.btn:hover,.modal-close:focus-visible,.modal-close:hover,.upg-act:focus-visible,.upg-act:hover{background:var(--pss-hover);color:var(--pss-hover-ink);outline:0}.box button:hover{background:var(--pss-hover);color:var(--pss-hover-ink)}.box button:active,.btn:active,.modal-close:active{transform:var(--pss-press-3);box-shadow:none}.btn-sm:active,.upg-act:active{transform:var(--pss-press-2);box-shadow:none}.btn:disabled,.upg-act:disabled{background:var(--pss-panel-off);color:var(--pss-panel-off-line);border-color:var(--pss-panel-off-line);box-shadow:var(--pss-drop-2) var(--pss-panel-off-shadow);cursor:not-allowed;transform:none}.box .cursor::before,.btn.cursor::before{content:'▶';margin-right:8px;color:var(--pss-action);animation:blink var(--pss-blink)}@keyframes blink{50%{opacity:0}}.box-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);z-index:var(--pss-z-dialog);min-width:min(78%,460px);max-width:min(92%,520px);background:var(--pss-panel);color:var(--pss-panel-ink);border:var(--pss-bw-3) solid var(--pss-panel-ink);padding:4px;opacity:0;pointer-events:none;transition:opacity var(--pss-pop),transform var(--pss-pop)}.box.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.box .inner{border:var(--pss-bw-2) solid var(--pss-panel-ink);border-radius:var(--pss-radius-dialog);padding:clamp(14px,3vw,24px) clamp(12px,3vw,22px);text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.box h2{font-size:var(--pss-fs-title);letter-spacing:var(--pss-track-2);line-height:var(--pss-lh-title)}.box p{font-size:var(--pss-fs-body);line-height:var(--pss-lh-body);letter-spacing:var(--pss-track-1);color:var(--pss-panel-text)}.modal{position:fixed;inset:0;z-index:var(--pss-z-modal);display:flex;align-items:center;justify-content:center;padding:14px;background:var(--pss-scrim)}.modal-box{width:min(100%,560px);max-height:100%;display:flex;background:var(--pss-panel);color:var(--pss-panel-ink);border:var(--pss-bw-3) solid var(--pss-panel-ink);padding:4px}.modal-box .inner{border:var(--pss-bw-2) solid var(--pss-panel-ink);border-radius:var(--pss-radius-dialog);min-height:0;width:100%;padding:clamp(14px,3vw,24px) clamp(12px,3vw,22px);display:flex;flex-direction:column;gap:14px;align-items:center}.modal h2,.modal-box h2{font-size:var(--pss-fs-title);letter-spacing:var(--pss-track-2);line-height:var(--pss-lh-title);text-align:center}.modal-body{width:100%;min-height:0;max-height:min(60vh,420px);overflow-y:auto;overscroll-behavior:contain;font-size:var(--pss-fs-body);line-height:var(--pss-lh-body);letter-spacing:var(--pss-track-1);color:var(--pss-panel-text);text-align:left;padding-right:6px}.modal-body p+p,.modal-body p+ul,.modal-body ul+p{margin-top:1em}.modal-body ul{list-style:none}.modal-body li{position:relative;padding-left:1.8em}.modal-body li+li{margin-top:1em}.modal-body li::before{content:'▶';position:absolute;left:0;color:var(--pss-action)}.modal-body:focus-visible{outline:var(--pss-bw-1) solid var(--pss-action);outline-offset:2px}.dauto{font:inherit;letter-spacing:inherit;line-height:inherit;color:var(--pss-text-muted);background:var(--pss-bg);border:var(--pss-bw-1) solid var(--pss-line-quiet);padding:3px 8px;cursor:pointer}.dauto:hover{border-color:var(--pss-hover);color:var(--pss-hover)}.dauto[aria-pressed=true]{background:var(--pss-accent);border-color:var(--pss-accent);color:var(--pss-hover-ink)}.key,.keys b{color:var(--pss-text);font-weight:400;background:var(--pss-bg-key);border:var(--pss-bw-1) solid var(--pss-line-quiet);padding:3px 6px;margin:0 2px;display:inline-block}.hub-bar{position:relative;z-index:var(--pss-z-bar);display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-bottom:var(--pss-bw-3) solid var(--pss-line);background:var(--pss-bg-bar);font-size:var(--pss-fs-bar);letter-spacing:var(--pss-track-1)}.gsel{position:relative}.gsel-btn{font:inherit;color:var(--pss-text);background:var(--pss-bg);border:var(--pss-bw-2) solid var(--pss-accent);cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 10px;box-shadow:var(--pss-drop-2) var(--pss-glow)}.gsel-btn:focus-visible,.gsel-btn:hover{background:var(--pss-bg-hover);outline:0}.gsel-no{color:var(--pss-accent)}.gsel-caret{font-size:.8em;color:var(--pss-text-soft)}.gsel-list{position:absolute;left:0;top:calc(100% + 6px);min-width:100%;width:max-content;max-width:86vw;list-style:none;background:var(--pss-bg);border:var(--pss-bw-2) solid var(--pss-line);box-shadow:var(--pss-drop-3) var(--pss-glow);padding:4px;max-height:60vh;overflow-y:auto}.gsel-list button{font:inherit;width:100%;display:flex;align-items:center;gap:10px;text-align:left;color:var(--pss-text);background:0 0;border:0;padding:9px 8px;cursor:pointer;line-height:1.5}.gsel-list button:focus-visible,.gsel-list button:hover{background:var(--pss-action);outline:0}.gsel-list .sw{width:10px;height:10px;flex:none;box-shadow:0 0 0 2px var(--pss-night-0),0 0 0 3px #fff3}.gsel-list .no{color:var(--pss-accent);min-width:3.2em}.gsel-list .prog{margin-left:auto;padding-left:14px;color:var(--pss-text-soft)}.gsel-list [aria-selected=true]{background:var(--pss-bg-selected)}.gsel-list .locked,.gsel-list .locked .no{color:var(--pss-text-locked)}.gsel-list .locked .sw{filter:grayscale(1) brightness(.5)}.lock{display:inline-block;width:10px;height:12px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 6' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h3v1H1zM0 1h1v2H0zM4 1h1v2H4zM0 3h5v3H0z' fill='%2366667f'/%3E%3Cpath d='M2 4h1v1H2z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;image-rendering:pixelated}.pilot{font:inherit;color:var(--pss-text);background:0 0;border:0;cursor:pointer;display:flex;align-items:center;gap:8px;padding:4px 0}.pilot-name{color:var(--pss-text-soft)}.pilot-rank{background:var(--pss-action);color:var(--pss-action-ink);padding:5px 7px;border:var(--pss-bw-1) solid var(--pss-night-0);box-shadow:var(--pss-drop-1) var(--pss-glow)}.pilot:focus-visible .pilot-name,.pilot:hover .pilot-name{color:var(--pss-hover)}.pilot:focus-visible{outline:0}.g-status{position:absolute;left:0;right:0;bottom:10px;text-align:center;pointer-events:none;font-size:var(--pss-fs-label);letter-spacing:var(--pss-track-2);line-height:1.8;padding:0 8px;color:var(--pss-text-soft);text-shadow:0 1px 0 var(--pss-night-0),0 0 4px var(--pss-night-0)}.node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;color:var(--pss-text);background:0 0;border:0;padding:0;cursor:pointer}.node-name{font-size:var(--pss-fs-label);letter-spacing:var(--pss-track-1);white-space:nowrap;background:var(--pss-bg);padding:3px 5px;border:var(--pss-bw-1) solid var(--pss-accent);color:var(--pss-accent)}.node-thumb{position:relative;width:var(--tw,90px);aspect-ratio:4/3;border:var(--pss-bw-2) solid var(--pss-line);background:var(--pss-bg);box-shadow:0 0 0 3px var(--pss-night-0),4px 4px 0 3px var(--pss-glow);overflow:hidden}.node-thumb canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.node-thumb img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.node-boss{position:absolute;left:50%;top:52%;width:62%;transform:translate(-50%,-50%);image-rendering:pixelated}.node-boss.px{width:auto;height:70%}.node-boss.sheet{width:58%;aspect-ratio:374/350;background-size:900% auto;background-position:0 0;background-repeat:no-repeat;image-rendering:auto}.node-meta{margin-top:5px;font-size:var(--pss-fs-label);letter-spacing:var(--pss-track-1);color:var(--pss-text-soft);white-space:nowrap;text-shadow:0 1px 0 var(--pss-night-0),0 0 3px var(--pss-night-0)}.node-meta b{font-weight:400;color:var(--pss-accent)}.node.final .node-thumb{width:calc(var(--tw,90px)*1.25)}.node.final .node-name{border-color:var(--pss-reward);color:var(--pss-reward)}.node:not(.locked):focus-visible .node-thumb,.node:not(.locked):hover .node-thumb{border-color:var(--pss-hover);transform:var(--pss-hover-lift);box-shadow:0 0 0 3px var(--pss-night-0),6px 6px 0 3px var(--pss-action)}.node:focus-visible{outline:0}.node.current .node-thumb{animation:pulse var(--pss-pulse)}@keyframes pulse{50%{border-color:var(--pss-accent)}}.node.locked{cursor:not-allowed}.node.locked .node-name{color:var(--pss-text-locked);border-color:var(--pss-line-quiet)}.node.locked .node-thumb{border-color:var(--pss-line-locked)}.node.locked .node-boss,.node.locked .node-thumb canvas,.node.locked .node-thumb img{filter:grayscale(1) brightness(.45)}.node.locked .node-thumb::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 11' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h5v1H2zM1 1h1v4H1zM7 1h1v4H7zM0 4h9v7H0z' fill='%23000'/%3E%3Cpath d='M3 1h3v1H3zM2 2h1v3H2zM6 2h1v3H6zM1 5h7v5H1z' fill='%23b8b8d0'/%3E%3Cpath d='M1 5h7v1H1z' fill='%23ffffff'/%3E%3Cpath d='M4 7h1v2H4z' fill='%23000'/%3E%3C/svg%3E") center/34% auto no-repeat;image-rendering:pixelated}.node.soon .node-meta{color:var(--pss-text-muted)}.cs-label{display:block;margin-bottom:6px}.cs-input{font-family:var(--pss-font);font-size:var(--pss-fs-input);letter-spacing:var(--pss-track-2);width:100%;padding:10px;border:var(--pss-bw-2) solid var(--pss-panel-ink);background:var(--pss-panel-input);color:var(--pss-panel-ink);text-transform:uppercase;margin-bottom:14px}.cs-input:focus{outline:0;border-color:var(--pss-action)}.stat{display:flex;justify-content:space-between;gap:10px;border-bottom:var(--pss-bw-1) dotted var(--pss-paper-3)}.stat b{font-weight:400;color:var(--pss-action)}.rankbar{height:10px;border:var(--pss-bw-1) solid var(--pss-panel-ink);padding:1px;margin:6px 0 2px}.rankbar i{display:block;height:100%;background:var(--pss-action)}.hall{width:100%;border-collapse:collapse}.hall td,.hall th{padding:4px;text-align:left;white-space:nowrap}.hall th{color:var(--pss-panel-subtle);font-weight:400;border-bottom:var(--pss-bw-1) solid var(--pss-panel-ink)}.hall td.r{text-align:right}.hall tr:nth-child(2) td{color:var(--pss-action)}.hall tr.me td{background:var(--pss-hover);color:var(--pss-hover-ink)}.hall-me{margin-top:8px;padding:4px;background:var(--pss-hover);color:var(--pss-hover-ink)}.hall-note{margin-top:1em;color:var(--pss-panel-subtle)}.acct{margin-bottom:20px;padding-bottom:14px;border-bottom:var(--pss-bw-2) solid var(--pss-panel-ink)}.acct-st{font-size:.85em;color:var(--pss-panel-subtle)}.acct-st.synced{color:var(--pss-ok)}.acct-st.expired,.acct-st.offline{color:var(--pss-danger)}.acct-in{text-transform:none}.acct-btns{display:flex;gap:10px;flex-wrap:wrap}.acct-in-box{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.acct-in-box b{font-weight:400;color:var(--pss-action)}.sign-intro{margin-bottom:16px;color:var(--pss-panel-subtle)}.acct-msg{margin-top:10px;min-height:1.6em;color:var(--pss-panel-subtle)}.hall-tabs{margin:0 0 10px}.ach-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:0}.modal-body .ach-list li{border:var(--pss-bw-2) solid var(--pss-panel-off-line);padding:6px;color:var(--pss-panel-off-line);background:var(--pss-panel-off);display:flex;flex-direction:column;gap:4px;margin:0}.modal-body .ach-list li::before{content:none}.ach-list li b{font-weight:400}.ach-list li span{font-size:.85em}.ach-list li i{font-style:normal;font-size:.8em}.ach-list li.got{border-color:var(--pss-panel-ink);color:var(--pss-panel-ink);background:var(--pss-panel);box-shadow:var(--pss-drop-2) var(--pss-accent)}.ach-list li.got b{color:var(--pss-action)}.ach-list li.got i{color:var(--pss-ok)}.lab{margin-top:20px;padding-top:14px;border-top:var(--pss-bw-2) solid var(--pss-panel-ink)}.lab-h{font-size:inherit;font-weight:400;letter-spacing:var(--pss-track-2);color:var(--pss-action);margin-bottom:10px}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}.ship{font:inherit;font-size:var(--pss-fs-small);line-height:var(--pss-lh-tight);letter-spacing:var(--pss-track-1);color:var(--pss-panel-ink);background:var(--pss-panel);border:var(--pss-bw-2) solid var(--pss-panel-ink);padding:5px 5px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:var(--pss-drop-2) var(--pss-panel-ink)}.ship-art{position:relative;width:100%;aspect-ratio:1;border:var(--pss-bw-1) solid var(--pss-panel-ink);display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(var(--pss-paper-0) 1px,transparent 1px);background-size:13px 13px;background-position:3px 5px;background-color:var(--pss-bg-bar)}.ship-art canvas{display:block;width:74%;image-rendering:pixelated}.ship-name{white-space:nowrap}.ship-tag{font-size:.85em;color:var(--pss-panel-subtle)}.ship:not(.locked):focus-visible,.ship:not(.locked):hover{background:var(--pss-hover);outline:0;transform:var(--pss-hover-lift);box-shadow:var(--pss-drop-4) var(--pss-panel-ink)}.ship.active{background:var(--pss-action);color:var(--pss-action-ink);box-shadow:var(--pss-drop-2) var(--pss-accent)}.ship.active .ship-tag{color:var(--pss-accent)}.ship.active:focus-visible,.ship.active:hover{color:var(--pss-hover-ink);box-shadow:var(--pss-drop-4) var(--pss-action)}.ship.active:focus-visible .ship-tag,.ship.active:hover .ship-tag{color:var(--pss-hover-ink)}.ship.locked{cursor:not-allowed;color:var(--pss-panel-off-line);border-color:var(--pss-panel-off-line);box-shadow:var(--pss-drop-2) var(--pss-panel-off-shadow);background:var(--pss-panel-off)}.ship.locked:focus-visible{outline:var(--pss-bw-1) solid var(--pss-action);outline-offset:2px}.ship.locked .ship-art{border-color:var(--pss-panel-off-line)}.ship.locked .ship-art canvas{filter:grayscale(1) brightness(.4)}.ship.locked .ship-art::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 11' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h5v1H2zM1 1h1v4H1zM7 1h1v4H7zM0 4h9v7H0z' fill='%23000'/%3E%3Cpath d='M3 1h3v1H3zM2 2h1v3H2zM6 2h1v3H6zM1 5h7v5H1z' fill='%23b8b8d0'/%3E%3Cpath d='M1 5h7v1H1z' fill='%23ffffff'/%3E%3Cpath d='M4 7h1v2H4z' fill='%23000'/%3E%3C/svg%3E") center/36% auto no-repeat;image-rendering:pixelated}.lab-info{margin-top:12px;min-height:4.2em}.lab-info b{font-weight:400;color:var(--pss-action)}.upg-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.upg-cr{color:var(--pss-panel-ink);background:var(--pss-reward);padding:4px 6px;border:var(--pss-bw-1) solid var(--pss-panel-ink);box-shadow:var(--pss-drop-1) var(--pss-panel-ink)}.upg-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.upg-tab{font:inherit;font-size:var(--pss-fs-small);letter-spacing:var(--pss-track-1);line-height:var(--pss-lh-tight);color:var(--pss-panel-ink);background:var(--pss-panel);border:var(--pss-bw-2) solid var(--pss-panel-ink);padding:5px 7px;cursor:pointer;box-shadow:var(--pss-drop-1) var(--pss-panel-ink)}.upg-tab span{color:var(--pss-panel-subtle)}.upg-tab:focus-visible,.upg-tab:hover{background:var(--pss-hover);outline:0}.upg-tab[aria-selected=true]{background:var(--pss-action);color:var(--pss-action-ink)}.upg-tab[aria-selected=true] span{color:var(--pss-accent)}.upg-hint{color:var(--pss-panel-subtle);margin-bottom:10px}.upg-card .ship-name{white-space:normal;text-align:center}.upg-card .ship-art canvas{width:58%}.upg-card.sel{outline:var(--pss-bw-2) solid var(--pss-action);outline-offset:2px}.upg-card.buy .ship-tag{color:var(--pss-action)}.upg-card.poor .ship-tag{color:var(--pss-danger)}.upg-card.owned .ship-tag{color:var(--pss-panel-ink)}.upg-card.active,.upg-card.equipped{background:var(--pss-action);color:var(--pss-action-ink);box-shadow:var(--pss-drop-2) var(--pss-accent)}.upg-card.active .ship-tag,.upg-card.equipped .ship-tag{color:var(--pss-accent)}.upg-card.active:focus-visible,.upg-card.active:hover,.upg-card.equipped:focus-visible,.upg-card.equipped:hover{color:var(--pss-hover-ink)}.upg-card.active:focus-visible .ship-tag,.upg-card.active:hover .ship-tag,.upg-card.equipped:focus-visible .ship-tag,.upg-card.equipped:hover .ship-tag{color:var(--pss-hover-ink)}.upg-card.locked{cursor:pointer}.upg-info{margin-top:12px;min-height:6.4em;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.upg-info b{font-weight:400;color:var(--pss-action)}.upg-need{color:var(--pss-danger)}.upg-ok{color:var(--pss-ok)}.soon-tag{display:inline-block;margin-left:8px;padding:2px 5px;font-size:.8em;letter-spacing:var(--pss-track-1);vertical-align:middle;color:var(--pss-panel-off-line);background:var(--pss-panel-off);border:var(--pss-bw-1) solid var(--pss-panel-off-line)}.soon-off .upg-cr,.soon-off>:not(.lab-h){filter:grayscale(1);opacity:.5}.soon-off,.soon-off *{cursor:not-allowed}.cs-input:disabled{color:var(--pss-panel-subtle);background:var(--pss-panel-off);border-color:var(--pss-panel-off-line);cursor:not-allowed}.demo-note{margin-bottom:16px;padding:8px 10px;border:var(--pss-bw-2) dashed var(--pss-panel-off-line);color:var(--pss-panel-subtle)}.demo-note b{font-weight:400;color:var(--pss-action)}body,html{height:100%}body{background:var(--pss-bg);color:var(--pss-text);font-family:var(--pss-font);display:flex;flex-direction:column;align-items:center;padding:clamp(28px,6vh,56px) 14px clamp(12px,2.4vh,26px);gap:clamp(10px,2vh,20px);overflow:hidden;-webkit-font-smoothing:none;image-rendering:pixelated;touch-action:manipulation}.hd{margin-bottom:clamp(8px,2.2vh,22px);width:100%;max-width:1238px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:100px;text-align:center}.hl-new{justify-self:end}.hd-r{justify-self:start;display:flex;align-items:center;gap:40px}@media(max-width:900px){.hd{display:flex;flex-wrap:wrap;justify-content:center;column-gap:clamp(14px,4vw,28px);row-gap:clamp(7px,1.4vh,13px)}.brand{flex:0 0 100%}.hd-r{display:contents}}.brand{position:relative}.brand-preview{position:absolute;left:50%;bottom:100%;margin-bottom:clamp(6px,1.2vh,10px);transform:translateX(-50%);z-index:1;padding:4px 6px 3px;background:#e01e2b;color:var(--pss-paper-0);font-family:var(--pss-font);font-size:var(--pss-fs-label);letter-spacing:var(--pss-track-2);line-height:1;white-space:nowrap;border:var(--pss-bw-1) solid var(--pss-night-0);box-shadow:inset 0 2px 0 #ff6b6b,inset 0 -2px 0 #8a0f17,var(--pss-drop-1) var(--pss-night-0);pointer-events:none}.stage{position:relative;width:100%;max-width:1238px;flex:1;min-height:0}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.ft{width:100%;max-width:1238px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:var(--pss-fs-footer);line-height:2;letter-spacing:var(--pss-track-1);color:var(--pss-text-muted)}.ft a{color:var(--pss-accent);text-decoration:none}.ft a:hover{text-decoration:underline}.copy{margin-left:auto;text-align:right}.touch{display:none;gap:10px;width:100%;max-width:1238px}.touch button{flex:1;font-family:var(--pss-font);font-size:12px;color:var(--pss-text);background:var(--pss-bg-hover);border:var(--pss-bw-2) solid var(--pss-line-quiet);padding:16px 0;box-shadow:0 4px 0 var(--pss-night-0)}.touch button:active{background:var(--pss-action)}.touch .fire{flex:1;position:relative;display:flex}.touch .fire #tF{flex:1}.touch .fire.locked #tF{background:var(--pss-action);border-color:var(--pss-accent);color:var(--pss-accent)}.touch .auto{position:absolute;right:5px;top:5px;flex:none;font-size:6px;letter-spacing:0;padding:5px 4px;border:var(--pss-bw-1) solid var(--pss-line-quiet);background:var(--pss-bg);color:var(--pss-text-muted);box-shadow:none}.touch .fire.locked .auto{background:var(--pss-accent);border-color:var(--pss-accent);color:var(--pss-hover-ink)}@media(hover:none) and (pointer:coarse){.touch{display:flex}.dauto,.keys{display:none}.copy{margin:0 auto;text-align:center}}.dauto,.dmaps,.keys,.stage,body.playing .hub{display:none}body.playing .keys,body.playing .stage{display:block}body.playing .dauto{display:inline-block}.hub{position:relative;width:100%;max-width:1238px;flex:1;min-height:0;display:flex;flex-direction:column}.hl-hall{margin-left:auto;font-size:inherit}.sky{position:relative;flex:1;min-height:0;overflow:hidden}#skyCv{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.nodes{position:absolute;inset:0}@media(max-width:760px){.hub-bar{gap:8px}.gsel-btn{gap:6px;padding:7px 8px}.gsel-name{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-hall{margin-left:0}}@media(hover:none) and (pointer:coarse){.touch{display:none}body.playing .touch{display:flex}body.playing .dauto,body.playing .keys{display:none}body.playing .dmaps{display:inline-block}}