html,body{margin:0;height:100%;overflow:hidden;background:#06080c;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#view{display:block;image-rendering:pixelated;cursor:crosshair;touch-action:none}:root{--ui-text: 14px;--ui-line: 2px;--ui-gap: 8px;--safe-t: 0px;--safe-r: 0px;--safe-b: 0px;--safe-l: 0px;--console-row: 58px;--console-h: calc(var(--console-row) + var(--safe-b));--top-inset: 6px;--top-row: calc(var(--top-inset) + var(--ui-text) + var(--ui-gap));--cross-arm: 12px;--cross-gap: 5px}@supports (padding: env(safe-area-inset-bottom)){:root{--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}}.pane{position:fixed;overflow:hidden;pointer-events:none;touch-action:none;--pane-w: calc(var(--bw) * var(--px));--pane-max: max(var(--pane-w), calc(var(--bh) * var(--px)));--seam-ink: color-mix(in srgb, var(--ink) 55%, var(--bg))}.pane:after{content:"";position:absolute;inset:0;pointer-events:none;--seam-x: 0 0 transparent;--seam-y: 0 0 transparent;box-shadow:var(--seam-x),var(--seam-y)}.pane.seam-l:after{border-left:var(--ui-line) solid var(--bg);--seam-x: inset var(--ui-line) 0 0 var(--seam-ink), inset calc(var(--ui-line) * 2) 0 0 var(--bg)}.pane.seam-t:after{border-top:var(--ui-line) solid var(--bg);--seam-y: inset 0 var(--ui-line) 0 var(--seam-ink), inset 0 calc(var(--ui-line) * 2) 0 var(--bg)}.symbology,.hud,.dialogue,.retry,#broadcast,#panel,#themepick{position:absolute;inset:0;pointer-events:none;touch-action:none;overflow:hidden}#broadcast,#panel,#themepick{position:fixed}.hud,.dialogue,.retry,#broadcast,#panel,#themepick,#controls{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:var(--ui-text);line-height:1;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--ink)}.hud .off,.symbology .off,.dialogue.off,.dialogue .off,.retry.off,.retry .off,#broadcast.off,#broadcast .off,#panel .off{display:none}.hud:not(.live) .instrument{display:none}.console{position:absolute;left:0;right:0;bottom:0;height:var(--console-h);box-sizing:border-box;padding:0 calc(var(--ui-gap) + var(--safe-r)) calc(var(--ui-gap) + var(--safe-b)) calc(var(--ui-gap) + var(--safe-l));display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-gap)}.bank{display:flex;flex-direction:column;gap:2px}.bank-right{align-items:flex-end}.gauge{display:flex;align-items:center;gap:6px;padding:2px 4px;color:var(--ink);--trough: var(--bg)}.gauge .tag{white-space:nowrap}.aboard{padding:2px 4px;white-space:nowrap;color:var(--hullhugger)}.gauge.alarm{background:var(--danger);color:var(--bg);--trough: var(--danger)}.gauge .bar{position:relative;box-sizing:border-box;width:clamp(56px,calc(var(--pane-w) * .14),132px);height:var(--ui-text);border-left:var(--ui-line) solid currentColor;border-right:var(--ui-line) solid currentColor;overflow:hidden}.gauge .fill{position:absolute;inset:2px 0;background:currentColor;transform-origin:left center;transform:scaleX(0)}.gauge .bar:before{content:"";position:absolute;inset:2px 0;background:color-mix(in srgb,currentColor 20%,var(--trough))}.gauge .bar:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(to right,transparent 0 calc(10% - var(--ui-line)),var(--trough) calc(10% - var(--ui-line)) 10%)}.gauge-boost{color:var(--boost)}.gauge-hold{color:var(--hold)}.gauge-hold.full{background:var(--hold);color:var(--bg);--trough: var(--hold)}.gauge-boost.burn{background:var(--boost);color:var(--bg);--trough: var(--boost)}.gauge-boost.locked{opacity:.45}.spd{position:absolute;left:50%;bottom:var(--safe-b);height:var(--console-row);transform:translate(-50%);display:flex;align-items:center;white-space:nowrap;color:var(--panel-dim)}.hud:has(.dock.berthed:not(.off)) .spd{display:none}.dock:not(.berthed){bottom:calc(var(--console-h) + 6px);height:auto}.pane.tight .spd,.pane.tight .dock{bottom:calc(var(--console-h) + 6px);height:auto}.pane.tight .hud:has(.dock:not(.off)) .spd{display:none}.hint{position:absolute;left:0;right:0;text-align:center}.hint{bottom:calc(var(--console-h) + 30px)}.dock{position:absolute;left:50%;bottom:var(--safe-b);height:var(--console-row);transform:translate(-50%);display:flex;align-items:center;white-space:nowrap;color:var(--station)}.fps{position:absolute;top:calc(6px + var(--safe-t));right:calc(var(--ui-gap) + var(--safe-r))}.sector{position:absolute;top:calc(var(--top-inset) + var(--safe-t));left:calc(var(--ui-gap) + var(--safe-l));color:var(--panel-dim)}.crosshair,.hitmark{position:absolute;left:50%;top:50%;transform:translate(calc(var(--px) * var(--aim-x, 0)),calc(var(--px) * var(--aim-y, 0)))}.crosshair .arm,.crosshair .lockbar{position:absolute;background:var(--ink)}.crosshair .arm-l,.crosshair .arm-r{width:var(--cross-arm);height:var(--ui-line)}.crosshair .arm-u,.crosshair .arm-d{width:var(--ui-line);height:var(--cross-arm)}.crosshair .arm-l{transform:translate(calc(-100% - var(--cross-gap)),-50%)}.crosshair .arm-r{transform:translate(var(--cross-gap),-50%)}.crosshair .arm-u{transform:translate(-50%,calc(-100% - var(--cross-gap)))}.crosshair .arm-d{transform:translate(-50%,var(--cross-gap))}.crosshair .lockbar{width:calc((var(--cross-arm) + var(--cross-gap)) * 2);height:var(--ui-line);background:var(--danger);transform:translate(-50%,-50%);display:none}.crosshair.overheat .arm{display:none}.crosshair.overheat .lockbar{display:block}.hitmark .tick{position:absolute;width:8px;height:var(--ui-line);background:var(--laser)}.hitmark .tick-tl{transform:translate(-50%,-50%) translate(-10px,-10px) rotate(45deg)}.hitmark .tick-tr{transform:translate(-50%,-50%) translate(10px,-10px) rotate(-45deg)}.hitmark .tick-bl{transform:translate(-50%,-50%) translate(-10px,10px) rotate(-45deg)}.hitmark .tick-br{transform:translate(-50%,-50%) translate(10px,10px) rotate(45deg)}.rng{position:absolute;left:50%;top:50%;white-space:nowrap;transform:translate(calc(var(--px) * var(--aim-x, 0)),calc(var(--px) * var(--aim-y, 0))) translate(-50%,max(calc(var(--cross-arm) + var(--cross-gap) + var(--ui-gap)),calc(var(--px) * 12)))}.hurt{position:absolute;left:var(--safe-l);right:var(--safe-r);top:var(--safe-t);bottom:var(--safe-b);box-sizing:border-box;border:3px solid var(--danger)}.breach{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateY(-64px);padding:6px 10px;white-space:nowrap;background:var(--bg);border:var(--ui-line) solid var(--danger);color:var(--danger)}.wreck{position:absolute;left:50%;top:50%;width:var(--pane-max);height:var(--pane-max);margin:calc(var(--pane-max) / -2) 0 0 calc(var(--pane-max) / -2);box-sizing:border-box;border:var(--ui-line) solid var(--danger);border-radius:50%;transform:scale(0)}:root{--panel-dim: color-mix(in srgb, var(--ink) 55%, var(--bg));--panel-scan: color-mix(in srgb, var(--ink) 7%, transparent);--panel-veil: color-mix(in srgb, var(--bg) 92%, transparent)}.retry{display:flex;align-items:center;justify-content:center;pointer-events:auto;box-sizing:border-box;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:color-mix(in srgb,var(--bg) 72%,transparent);box-shadow:inset 0 0 0 calc(var(--ui-line) * 1.5) var(--danger)}.retry .card{box-sizing:border-box;min-width:min(400px,90%);max-width:min(580px,94%);padding:0 0 14px;background:var(--bg);background-image:repeating-linear-gradient(to bottom,var(--panel-scan) 0 1px,transparent 1px 3px);border:calc(var(--ui-line) * 1.5) solid var(--danger);box-shadow:0 0 0 var(--ui-line) var(--bg),0 0 0 calc(var(--ui-line) * 2) var(--panel-dim);cursor:pointer}.retry .title{padding:22px 16px 18px;border-bottom:calc(var(--ui-line) * 1.5) solid var(--danger);color:var(--danger);font-size:clamp(calc(var(--ui-text) * 1.3),5.5vw,calc(var(--ui-text) * 2.2));letter-spacing:.3em;text-indent:.3em;text-align:center;white-space:nowrap}.retry .cause{padding:16px 14px 10px;text-align:center;letter-spacing:.1em}.retry .notes{margin:0;padding:8px 8px 0;list-style:none}.retry .note{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--ui-gap) * 2);padding:4px 6px;white-space:nowrap}.retry .prompt{margin-top:12px;padding-top:10px;border-top:var(--ui-line) solid var(--panel-dim);color:var(--panel-dim);letter-spacing:.08em;text-align:center}.dialogue{display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;padding:0 calc(var(--ui-gap) + var(--safe-r)) calc(var(--console-h) + 56px) calc(var(--ui-gap) + var(--safe-l))}.dialogue .box{pointer-events:auto;cursor:pointer;box-sizing:border-box;width:min(680px,92%);padding:calc(var(--ui-gap) * 1.5) calc(var(--ui-gap) * 2);background:var(--panel-veil);background-image:repeating-linear-gradient(to bottom,var(--panel-scan) 0 1px,transparent 1px 3px);border:var(--ui-line) solid var(--ink);box-shadow:0 0 0 var(--ui-line) var(--bg),0 0 0 calc(var(--ui-line) * 2) var(--panel-dim)}.dialogue .who{display:flex;align-items:center;gap:var(--ui-gap);margin-bottom:calc(var(--ui-gap) * 1.5);color:var(--station);font-size:calc(var(--ui-text) * .8);letter-spacing:.3em;white-space:nowrap}.dialogue .who:before{content:"";align-self:stretch;width:calc(var(--ui-line) * 2);margin-right:calc(var(--ui-gap) * -.3);background:var(--station)}.dialogue .who:after{content:"";flex:1;border-bottom:var(--ui-line) solid var(--panel-dim)}.dialogue.self .who{color:var(--ink)}.dialogue.self .who:before{background:var(--ink)}.dialogue .line{line-height:1.55;letter-spacing:.06em}.dialogue .prompt{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-gap);margin-top:calc(var(--ui-gap) * 1.5);padding-top:var(--ui-gap);border-top:var(--ui-line) solid var(--panel-dim);color:var(--panel-dim);font-size:calc(var(--ui-text) * .85);letter-spacing:.08em}.dialogue .key:not(.off){font:inherit;padding:2px 5px;background:var(--panel-dim);color:var(--bg);letter-spacing:.08em}.pane.tight .dialogue .box{width:100%;padding:var(--ui-gap)}@media(max-height:560px){.dialogue .box{padding:var(--ui-gap)}.dialogue .who{margin-bottom:6px}.dialogue .prompt{margin-top:8px;padding-top:6px}}#broadcast{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-gap);box-sizing:border-box;padding:calc(var(--top-row) + var(--safe-t)) 0 0 calc(var(--ui-gap) + var(--safe-l))}#broadcast .ident,#broadcast .say{box-sizing:border-box;max-width:min(560px,46vw);padding:calc(var(--ui-gap) * 1.25) calc(var(--ui-gap) * 1.5);background:var(--panel-veil);background-image:repeating-linear-gradient(to bottom,var(--panel-scan) 0 1px,transparent 1px 3px);border:var(--ui-line) solid var(--ink);box-shadow:0 0 0 var(--ui-line) var(--bg),0 0 0 calc(var(--ui-line) * 2) var(--panel-dim)}#broadcast .who{display:flex;align-items:center;gap:var(--ui-gap);margin-bottom:var(--ui-gap);color:var(--station);font-size:calc(var(--ui-text) * .8);letter-spacing:.3em;white-space:nowrap}#broadcast .who:before{content:"";align-self:stretch;width:calc(var(--ui-line) * 2);margin-right:calc(var(--ui-gap) * -.3);background:var(--station)}#broadcast .who:after{content:"";flex:1;border-bottom:var(--ui-line) solid var(--panel-dim)}#broadcast .track{font-size:calc(var(--ui-text) * 1.15)}#broadcast .addr{margin-top:var(--ui-gap);color:var(--panel-dim);font-size:calc(var(--ui-text) * .85);letter-spacing:0;text-transform:none;overflow-wrap:anywhere}#broadcast .say .line{line-height:1.4}@media(max-width:720px){#broadcast{display:none}}.symbology{height:calc(var(--bh) * var(--px) - var(--console-h));--p: var(--px);--n: calc(var(--px) * -1);--mark: var(--ink)}.symbology .contact,.symbology .bearing{position:absolute;left:0;top:0;width:var(--px);height:var(--px)}.symbology .contact.oct-0{box-shadow:var(--p) 0 var(--mark),0 var(--n) var(--mark),0 var(--p) var(--mark)}.symbology .contact.oct-1{box-shadow:var(--p) var(--p) var(--mark),0 var(--p) var(--mark),var(--p) 0 var(--mark)}.symbology .contact.oct-2{box-shadow:0 var(--p) var(--mark),var(--n) 0 var(--mark),var(--p) 0 var(--mark)}.symbology .contact.oct-3{box-shadow:var(--n) var(--p) var(--mark),0 var(--p) var(--mark),var(--n) 0 var(--mark)}.symbology .contact.oct-4{box-shadow:var(--n) 0 var(--mark),0 var(--n) var(--mark),0 var(--p) var(--mark)}.symbology .contact.oct-5{box-shadow:var(--n) var(--n) var(--mark),0 var(--n) var(--mark),var(--n) 0 var(--mark)}.symbology .contact.oct-6{box-shadow:0 var(--n) var(--mark),var(--n) 0 var(--mark),var(--p) 0 var(--mark)}.symbology .contact.oct-7{box-shadow:var(--p) var(--n) var(--mark),0 var(--n) var(--mark),var(--p) 0 var(--mark)}.symbology .contact.box{box-shadow:calc(var(--px) * -4) calc(var(--px) * -4) var(--mark),calc(var(--px) * 4) calc(var(--px) * -4) var(--mark),calc(var(--px) * -4) calc(var(--px) * 4) var(--mark),calc(var(--px) * 4) calc(var(--px) * 4) var(--mark)}.symbology .contact.home{--mark: var(--station)}.symbology .bearing{background:var(--danger)}#panel{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}#panel:not(.up) .page{display:none}#panel .page{box-sizing:border-box;width:min(800px,calc(100dvw - var(--safe-l) - var(--safe-r)));height:min(600px,calc(96dvh - var(--safe-t) - var(--safe-b)));display:flex;flex-direction:column;background:var(--panel-veil);background-image:repeating-linear-gradient(to bottom,var(--panel-scan) 0 1px,transparent 1px 3px);padding:0;border:var(--ui-line) solid var(--ink);box-shadow:0 0 0 var(--ui-line) var(--bg),0 0 0 calc(var(--ui-line) * 2) var(--panel-dim);pointer-events:auto}#panel .masthead{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--ui-gap) calc(var(--ui-gap) * 2);padding:calc(var(--ui-gap) * 2) calc(var(--ui-gap) * 3) var(--ui-gap);border-bottom:var(--ui-line) solid var(--ink)}#panel .title{font-size:calc(var(--ui-text) * 1.6);letter-spacing:.24em}#panel .crumb{color:var(--panel-dim);font-size:calc(var(--ui-text) * .85);letter-spacing:.18em}#panel .crumb:before{content:"\2190  "}#panel.up:has(.page.start){pointer-events:auto}#panel .page.start{width:min(580px,calc(100dvw - var(--safe-l) - var(--safe-r) - var(--ui-gap) * 4));height:auto;max-height:min(600px,calc(96dvh - var(--safe-t) - var(--safe-b)))}#panel .page.start .masthead{flex-direction:column;align-items:center;gap:var(--ui-gap);padding:calc(var(--ui-gap) * 3) calc(var(--ui-gap) * 2) calc(var(--ui-gap) * 2.5)}#panel .page.start .title{font-size:clamp(calc(var(--ui-text) * 1.4),7vw,calc(var(--ui-text) * 3));letter-spacing:.42em;text-indent:.42em;text-align:center;white-space:nowrap}#panel .page.start .cols{flex:none;justify-content:center}#panel .page.start .main{flex:none}#panel .page.start .note{justify-content:center;padding:var(--ui-gap) 6px;color:var(--panel-dim);letter-spacing:.08em}#panel .page.start .note .tag{flex:0 1 auto;min-width:0;white-space:normal;text-align:center}#panel .page.start .note.meter{flex-direction:column;align-items:center;gap:calc(var(--ui-gap) * 1.5)}#panel .page.start .note.meter .tag{flex:none;min-width:0;white-space:normal;text-align:center}#panel .page.start .note.meter .bar{width:min(340px,62vw)}#panel .page.start .strip{text-align:center}#panel .cols{flex:1;display:flex;align-items:flex-start;gap:calc(var(--ui-gap) * 4);padding:calc(var(--ui-gap) * 2) calc(var(--ui-gap) * 3);min-height:0}#panel .main,#panel .reads{align-self:stretch;min-height:0;overflow-y:auto}#panel .main{flex:1 1 50%;min-width:0}#panel .reads{flex:0 1 50%;margin:0;padding:0 0 0 calc(var(--ui-gap) * 3);border-left:var(--ui-line) solid var(--panel-dim);list-style:none}#panel .reads:empty{display:none}@media(max-width:700px){#panel .cols{flex-direction:column;gap:calc(var(--ui-gap) * 2)}#panel .main,#panel .reads{flex:none;width:100%;overflow-y:visible}#panel .reads{padding:calc(var(--ui-gap) * 1.5) 0 0;border-left:none;border-top:var(--ui-line) solid var(--panel-dim)}#panel .cols{overflow-y:auto}}#panel .notes,#panel .rows{margin:0;padding:0;list-style:none}#panel .notes:not(:empty){padding-bottom:var(--ui-gap)}#panel .notes:not(:empty):has(+.rows:empty){padding-bottom:0}#panel .notes:empty,#panel .rows:empty{display:none}#panel .note,#panel .row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--ui-gap) * 2);padding:3px 6px;white-space:nowrap}#panel .note{pointer-events:none}#panel .note .tag,.retry .note .tag{display:flex;align-items:center;flex:1;color:var(--panel-dim)}#panel .note .tag:after,.retry .note .tag:after{content:"";flex:1;margin-left:calc(var(--ui-gap) * 1.5);border-bottom:var(--ui-line) dotted var(--panel-dim)}#panel .note .tag:only-child,.retry .note .tag:only-child{flex:none;color:inherit}#panel .note .tag:only-child{color:var(--tone)}#panel .note .tag:only-child:after,.retry .note .tag:only-child:after{content:none}#panel .note.wrap,#panel .note.wrap .tag{white-space:normal}#panel .note.wrap .tag{flex:1;min-width:0}#panel .note.wrap{padding-top:5px;color:var(--panel-dim);font-size:calc(var(--ui-text) * .85);line-height:1.4}#panel .row{cursor:pointer;padding:10px calc(var(--ui-gap) * 1.5);border-left:calc(var(--ui-line) * 3) solid transparent}#panel .row .tag{color:var(--panel-dim)}#panel .row.sel{border-left-color:var(--ink);background:color-mix(in srgb,var(--ink) 10%,transparent)}#panel .row.sel .tag{color:var(--ink)}#panel .row.choice.sel .value:before{content:"< "}#panel .row.choice.sel .value:after{content:" >"}#panel .row.bind{gap:var(--ui-gap)}#panel .row.bind .tag{margin-right:auto}#panel .row.bind .value{min-width:7ch;text-align:center}#panel .row.bind .value:before{content:"[";visibility:hidden}#panel .row.bind .value:after{content:"]";visibility:hidden}#panel .row.bind.sel .value.at:before,#panel .row.bind.sel .value.at:after{visibility:visible}#panel .note{--tone: var(--ink)}#panel .note .value{color:var(--tone)}#panel .note .value.raw{text-transform:none}#panel .note .value[href]{pointer-events:auto;cursor:pointer;text-decoration:underline;text-decoration-thickness:var(--ui-line);text-underline-offset:3px}#panel .note .value[href]:hover,#panel .note .value[href]:focus-visible{color:var(--bg);background:var(--tone);outline:none}#panel .row .value[href]{color:var(--ink);text-decoration:underline;text-decoration-thickness:var(--ui-line);text-underline-offset:3px}#panel .head{display:flex;align-items:center;gap:var(--ui-gap);margin:20px 6px 7px;color:var(--panel-dim);font-size:calc(var(--ui-text) * .8);letter-spacing:.3em;white-space:nowrap}#panel .head:before{content:"";align-self:stretch;width:calc(var(--ui-line) * 2);margin-right:calc(var(--ui-gap) * -.3);background:var(--panel-dim)}#panel .head:after{content:"";flex:1;border-bottom:var(--ui-line) solid var(--panel-dim)}#panel .head:first-child{margin-top:2px}#panel .note.meter{gap:var(--ui-gap)}#panel .note.meter .tag{flex:none;min-width:10ch}#panel .note.meter .value{margin-left:auto}#panel .note.meter .tag:after{content:none}#panel .meter .bar{position:relative;box-sizing:border-box;flex:none;width:clamp(44px,7vw,72px);height:calc(var(--ui-text) - 2px);border-left:var(--ui-line) solid var(--tone);border-right:var(--ui-line) solid var(--tone);overflow:hidden}#panel .meter .bar:before{content:"";position:absolute;inset:2px 0;background:color-mix(in srgb,var(--tone) 20%,var(--bg))}#panel .meter .fill{position:absolute;left:0;top:2px;bottom:2px;width:calc(var(--fill) * 100%);background:var(--tone)}#panel .meter .bar:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(to right,transparent 0 calc(10% - var(--ui-line)),var(--bg) calc(10% - var(--ui-line)) 10%)}#panel .strip{margin-left:auto;color:var(--panel-dim);font-size:calc(var(--ui-text) * .85);letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#panel .page.start .strip{margin-left:0}#panel .foot{border-top:var(--ui-line) solid var(--ink)}#panel .foot:has(.brief.off):has(.legend:empty){display:none}#panel .brief{padding:var(--ui-gap) calc(var(--ui-gap) * 3) 0;color:var(--panel-dim);font-size:calc(var(--ui-text) * .85);line-height:1.35;white-space:normal}#panel .legend{display:flex;flex-wrap:wrap;align-items:center;gap:5px 18px;margin:0;padding:var(--ui-gap) calc(var(--ui-gap) * 3);list-style:none;color:var(--panel-dim)}#panel .legend:empty{display:none}#panel .fkey{display:flex;align-items:center;gap:5px;font-size:calc(var(--ui-text) * .85);white-space:nowrap}#panel .fkey .key{padding:2px 5px;background:var(--panel-dim);color:var(--bg);letter-spacing:.08em}body:has(#controls.on) #panel .row{min-height:44px}body:has(#panel.up) .crosshair,body:has(#panel.up) .hitmark,body:has(#panel.up) .spd,body:has(#panel.up) .sector,body:has(#panel.up) .rng{display:none}#themepick{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}#themepick:not(.up) .page{display:none}#themepick .page{box-sizing:border-box;width:min(1100px,calc(100dvw - var(--safe-l) - var(--safe-r)));max-height:calc(100dvh - var(--safe-t) - var(--safe-b));display:flex;flex-direction:column;min-height:0;background:var(--panel-veil);background-image:repeating-linear-gradient(to bottom,var(--panel-scan) 0 1px,transparent 1px 3px);border:var(--ui-line) solid var(--ink);box-shadow:0 0 0 var(--ui-line) var(--bg),0 0 0 calc(var(--ui-line) * 2) var(--panel-dim);pointer-events:auto}#themepick .masthead,#themepick .lede,#themepick .foot{flex:none}#themepick .masthead{padding:calc(var(--ui-gap) * 2) calc(var(--ui-gap) * 3) var(--ui-gap);border-bottom:var(--ui-line) solid var(--ink)}#themepick .title{font-size:calc(var(--ui-text) * 1.6);letter-spacing:.24em}#themepick .lede{margin:0;padding:calc(var(--ui-gap) * 2) calc(var(--ui-gap) * 3) 0;color:var(--panel-dim);font-size:calc(var(--ui-text) * .85);line-height:1.4}#themepick .cards{display:flex;flex:1 1 auto;gap:calc(var(--ui-gap) * 2);margin:0;padding:calc(var(--ui-gap) * 2) calc(var(--ui-gap) * 3);list-style:none;min-height:0}#themepick .card{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--ui-gap);padding:var(--ui-gap);border:var(--ui-line) solid transparent;cursor:pointer}#themepick .name,#themepick .what{flex:none}#themepick .card.sel{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 10%,transparent)}#themepick .name{color:var(--panel-dim);font-size:calc(var(--ui-text) * 1.1);letter-spacing:.2em;text-align:center;white-space:nowrap;overflow:hidden}#themepick .card.sel .name{color:var(--ink)}#themepick .glass{display:block;flex:0 1 auto;width:100%;aspect-ratio:4 / 3;min-height:0;background:var(--bg);border:var(--ui-line) solid var(--panel-dim);image-rendering:pixelated}#themepick .card.sel .glass{border-color:var(--ink)}#themepick .what{color:var(--panel-dim);font-size:calc(var(--ui-text) * .8);letter-spacing:.1em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#themepick .foot{display:flex;align-items:center;gap:calc(var(--ui-gap) * 3);padding:var(--ui-gap) calc(var(--ui-gap) * 3);border-top:var(--ui-line) solid var(--ink)}#themepick .go{flex:none;min-height:44px;padding:0 calc(var(--ui-gap) * 3);font:inherit;letter-spacing:.24em;text-transform:inherit;color:var(--bg);background:var(--ink);border:none;cursor:pointer}#themepick .legend{display:flex;flex-wrap:wrap;align-items:center;gap:5px 18px;margin:0;padding:0;list-style:none;color:var(--panel-dim)}#themepick .legend:empty{display:none}#themepick .fkey{display:flex;align-items:center;gap:5px;font-size:calc(var(--ui-text) * .85);white-space:nowrap}#themepick .fkey .key{padding:2px 5px;background:var(--panel-dim);color:var(--bg);letter-spacing:.08em}body:has(#themepick.up) .hud,body:has(#themepick.up) .symbology{display:none}@media(max-width:700px),(max-height:460px){#themepick .lede{display:none}#themepick .masthead{padding:var(--ui-gap) calc(var(--ui-gap) * 2)}#themepick .title{font-size:calc(var(--ui-text) * 1.2)}#themepick .cards{gap:var(--ui-gap);padding:var(--ui-gap) calc(var(--ui-gap) * 1.5)}#themepick .foot{gap:calc(var(--ui-gap) * 2);padding:var(--ui-gap) calc(var(--ui-gap) * 1.5)}}#controls{position:fixed;inset:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);display:none;pointer-events:none;touch-action:none}#controls.on:not(.stowed){display:block}.btn,.ring,.knob,.lever,.lever .grip{box-sizing:border-box;border:var(--px) solid var(--ink);background:transparent;border-radius:0}.btn{position:absolute;margin:0;padding:0;pointer-events:auto;touch-action:none;font:inherit;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none}.btn.held{background:var(--ink);color:var(--bg)}.label,.caption{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none}.btn-roll .label{font-size:calc(var(--ui-text) * 1.6)}.zone{position:absolute;bottom:0;width:calc(var(--zone-w) * var(--px));height:calc(var(--zone-h) * var(--px));pointer-events:auto;touch-action:none}.zone-right{right:0}.ring,.knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ring{width:calc(var(--stick) * var(--px));height:calc(var(--stick) * var(--px))}.knob{width:calc(var(--knob) * var(--px));height:calc(var(--knob) * var(--px))}.zone.held .knob{background:var(--ink)}.lever{position:absolute;left:calc(var(--gap) * var(--px));bottom:calc(var(--console-row) + var(--gap) * var(--px));width:calc(var(--thrust) * var(--px));height:max(calc(var(--fire) * var(--px)),calc((var(--zone-h) - var(--gap)) * var(--px) - var(--console-row) - var(--ui-text) * 1.5));pointer-events:auto;touch-action:none;outline:none}.lever .fill{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--ink)}.lever .grip{position:absolute;left:0;right:0;bottom:0;height:calc(var(--grip) * var(--px));background:var(--bg)}#thrust-caption{top:calc(var(--ui-text) * -1.2)}.btn-fire{left:calc(var(--gap) * var(--px));bottom:calc((var(--zone-h) + var(--gap)) * var(--px));width:calc(var(--fire) * var(--px));height:calc(var(--fire) * var(--px))}.btn-boost{left:calc((var(--gap) * 2 + var(--fire)) * var(--px));bottom:calc((var(--zone-h) + var(--gap)) * var(--px));width:calc(var(--boost) * var(--px));height:calc(var(--boost) * var(--px));color:var(--boost);border-color:var(--boost)}.btn-boost.held{background:var(--boost);color:var(--bg)}#btn-boost{display:none}#controls.has-boost #btn-boost{display:block}#btn-boost.locked{opacity:.45}#btn-boost.locked.held{opacity:1}.rolls{position:absolute;right:calc(var(--gap) * var(--px));bottom:calc((var(--zone-h) + var(--gap)) * var(--px));width:calc((var(--roll) * 2 + var(--gap)) * var(--px));height:calc(var(--roll) * var(--px))}.btn-roll{bottom:0;width:calc(var(--roll) * var(--px));height:calc(var(--roll) * var(--px))}#btn-roll-left{left:0}#btn-roll-right{right:0}#roll-caption{top:calc(var(--ui-text) * -1.2)}.btn-menu{left:calc(var(--gap) * var(--px));top:calc(var(--gap) * var(--px));width:calc(var(--menu) * 2 * var(--px));height:calc(var(--menu) * var(--px))}#rotate{display:none;position:absolute;inset:calc(var(--safe-t) * -1) calc(var(--safe-r) * -1) calc(var(--safe-b) * -1) calc(var(--safe-l) * -1);background:var(--bg);pointer-events:auto;touch-action:none}#rotate-a{top:calc(50% - .9em)}#rotate-b{top:calc(50% + .9em)}#rotate-c{display:none;top:auto;bottom:calc(var(--ui-text) * 2);transform:translate(-50%);font-size:calc(var(--ui-text) * .8);color:var(--rock-9)}#rotate.stuck #rotate-c{display:block}#controls.on.portrait:not(.stowed) #rotate{display:block}