:root{--bg: #030806;--green: #1aff80;--green-dim: #0d6b3a;--amber: #ffb43a;--red: #ff4a3a;--font: "Share Tech Mono", monospace;--fs-l: 24px;--fs-m: 18px;--fs-s: 15px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--green);font-family:var(--font);font-size:var(--fs-m);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;inset:0}.menu{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:6px}.menu-items{display:none;flex-direction:column;align-items:stretch;gap:6px}.menu.open .menu-items{display:flex}.menu-title{font-size:var(--fs-s);letter-spacing:2px;text-align:right;padding:4px 8px;background:#030806d9;text-shadow:0 0 6px rgba(26,255,128,.6)}.btn{font-family:var(--font);font-size:var(--fs-s);color:var(--green);border:3px solid var(--green);background:#030806d9;padding:6px 12px;letter-spacing:2px;cursor:pointer;text-decoration:none;text-align:center}.btn:active{background:#1aff802e}.chip{position:absolute;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100% - 16px);padding:4px 8px;font-size:var(--fs-s);letter-spacing:1px;border:3px solid var(--green-dim);background:#030806d9}.chip:empty{display:none}.chip.warn{color:var(--amber)}#crt{position:fixed;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.55) 100%)}#game.greyscale{filter:grayscale(1)}.chip.toast{bottom:auto;top:64px}.share-box{position:fixed;inset:64px 16px 16px;z-index:30;display:flex;flex-direction:column;gap:8px;background:var(--bg);border:3px solid var(--green);padding:8px;pointer-events:auto}.share-box textarea{flex:1;background:var(--bg);color:var(--green);border:0;font-family:var(--font);font-size:var(--fs-s)}.g{text-shadow:0 0 6px color-mix(in srgb,var(--green) 65%,transparent)}.pn{position:relative;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--green) 28%,transparent);background:#020a06b8}.pn:before,.pn:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--green);border-style:solid;pointer-events:none}.pn:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.pn:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.status-hud{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:6px;pointer-events:none}.status-hud .sh-row{display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 140px)}.status-hud .pn{padding:4px 8px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.sh-stat{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-s)}.sh-stat b{font-weight:400;letter-spacing:1px}.ico{width:18px;height:18px;flex:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--green) 60%,transparent))}.sh-hull{display:inline-flex;gap:2px}.sh-hull i{width:5px;height:14px;border:1px solid var(--green-dim);box-sizing:border-box}.sh-hull i.on{background:var(--green);border-color:var(--green);box-shadow:0 0 4px color-mix(in srgb,var(--green) 60%,transparent)}.sh-hull.warn i.on{background:var(--amber);border-color:var(--amber)}.sh-hull.bad i.on{background:var(--red);border-color:var(--red)}.sh-shield{display:inline-flex;flex-direction:column;gap:2px}.sh-shield .pips{display:inline-flex;gap:3px}.sh-shield .pips i{width:10px;height:10px;border-radius:50%;border:1px solid #3fa7e0;box-sizing:border-box}.sh-shield .pips i.on{background:#3fa7e0;box-shadow:0 0 5px #3fa7e0}.sh-shield .charge{height:2px;background:#3fa7e040}.sh-shield .charge i{display:block;height:100%;background:#3fa7e0}.sh-crew{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;pointer-events:auto}.sh-face{padding:0!important;display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;width:58px;overflow:hidden;color:var(--green);font-family:var(--font);cursor:pointer;border-width:1px}.sh-face.captain{width:72px}.sh-face.sel{border:3px solid var(--green);box-shadow:0 0 10px color-mix(in srgb,var(--green) 50%,transparent)}.sh-face .face{width:100%;aspect-ratio:1;display:block;object-fit:cover;background:radial-gradient(circle at 50% 40%,#12301f,#040b07)}.sh-face .nm{font-size:11px;letter-spacing:.5px;text-align:center;padding:1px 2px;min-width:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sh-face .hp{height:4px;background:#1aff8026}.sh-face .hp i{display:block;height:100%;background:var(--green)}.sh-face .hp.warn i{background:var(--amber)}.sh-face .hp.bad i{background:var(--red)}.sh-face .badge{position:absolute;right:3px;top:3px;width:10px;height:10px;border:1px solid #000}.boot-screen{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 16px 24px;box-sizing:border-box;overflow-y:auto;background:radial-gradient(ellipse at center,#07160e,#020805 70%,#010302);color:var(--green);font-family:var(--font)}.boot-screen.hidden{display:none}.boot-power{width:240px;height:56px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;border:3px solid color-mix(in srgb,var(--green) 60%,transparent);background:transparent;color:var(--green);font-family:var(--font);font-size:var(--fs-m);letter-spacing:.18em;cursor:pointer;box-shadow:0 0 calc(14px * var(--bloom, 1)) color-mix(in srgb,var(--green) 25%,transparent)}.boot-cap{font-size:var(--fs-s);letter-spacing:.3em;opacity:.5;margin-top:8px}.boot-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.boot-tog{min-height:48px;padding:0 18px;box-sizing:border-box;border:3px solid color-mix(in srgb,var(--green) 35%,transparent);background:transparent;color:color-mix(in srgb,var(--green) 70%,transparent);font-family:var(--font);font-size:var(--fs-s);letter-spacing:.15em;cursor:pointer}.boot-tog.on{border-color:var(--green);color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);box-shadow:0 0 calc(12px * var(--bloom, 1)) color-mix(in srgb,var(--green) 35%,transparent);text-shadow:0 0 calc(6px * var(--bloom, 1)) color-mix(in srgb,var(--green) 65%,transparent)}.boot-tog.dim{opacity:.75}.boot-bloom{display:flex;align-items:center;gap:14px;font-size:var(--fs-s);letter-spacing:.15em;width:min(460px,100%)}.boot-bloom input{flex:1;accent-color:var(--green);min-width:80px}.boot-bloom b{font-weight:400;min-width:64px;text-align:right}.boot-extra{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(1180px,100%)}.boot-extra:empty{display:none}