:root{--panel:#0c1018b8;--text:#f2f4f8;--muted:#b7c0cf;--accent:#ffd34d;--hull:#e8ecf1;--hull-shade:#c4ccd6;--plate:#161d26;--plate-deep:#0e131a;--seam:#05080c;--lip:#ffffff12;--blue:#2f8cff;--blue-glow:#409cff80;--hazard:#f0b429;--ink:#18202b;--dim:#8796a9;--hud:1;color:var(--text);font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{background:#9ec5ff;height:100%;margin:0;overflow:hidden}#game{outline:none;width:100vw;height:100vh;display:block}#crosshair{pointer-events:none;mix-blend-mode:difference;width:18px;height:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff;position:absolute}#crosshair:before{width:2px;height:18px;top:0;left:8px}#crosshair:after{width:18px;height:2px;top:8px;left:0}#crosshair[data-style=dot]:before{border-radius:50%;width:4px;height:4px;top:7px;left:7px}#crosshair[data-style=dot]:after,#crosshair[data-style=off]{display:none}#hotbar{--slot:44px;transform:translateX(-50%) scale(var(--hud));transform-origin:50% 100%;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px);pointer-events:none;background:linear-gradient(#1b232ee0,#0c1016e0);gap:4px;padding:7px 6px 6px;display:flex;position:fixed;bottom:12px;left:50%;box-shadow:inset 0 2px #2f8cff,inset 0 3px #0009}.slot{width:var(--slot,46px);height:var(--slot,46px);background:linear-gradient(#0a0e14,#141b24);border:1px solid #263241;border-radius:3px;position:relative;box-shadow:inset 0 2px 5px #000000a6,inset 0 -1px #ffffff0d}.slot .icon{background:50%/contain no-repeat;transition:transform 80ms ease-out;position:absolute;inset:3px}.slot.selected{border-color:var(--accent);box-shadow:inset 0 2px 5px #000000a6, 0 0 0 1px var(--accent), 0 0 12px #ffd34d73}.slot .key{z-index:1;color:#c9d3df;text-shadow:0 1px 2px #000;font-size:10px;position:absolute;top:1px;left:3px}#hotbar-label{left:50%;bottom:calc(12px + 58px * var(--hud));transform:translateX(-50%) scale(var(--hud));transform-origin:50% 100%;background:var(--panel);pointer-events:none;border-radius:4px;padding:2px 8px;font-size:12px;position:fixed}#debug{transform:scale(var(--hud));transform-origin:0 0;background:var(--panel);pointer-events:none;white-space:pre;border-radius:4px;margin:0;padding:6px 8px;font-size:12px;line-height:1.45;position:fixed;top:8px;left:8px}#debug[hidden]{display:none}#fps{background:var(--panel);transform:scale(var(--hud));transform-origin:100% 0;pointer-events:none;border-radius:4px;padding:3px 8px;font-size:12px;position:fixed;top:8px;right:8px}#fps[hidden]{display:none}#capture-hint{transform:translateX(-50%) scale(var(--hud));transform-origin:50% 0;background:var(--panel);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:4px;padding:5px 12px;font-size:12px;animation:.3s ease-out capture-hint-in;position:fixed;top:calc(50% + 26px);left:50%}#capture-hint[hidden]{display:none}@keyframes capture-hint-in{0%{opacity:0}}#net{pointer-events:none;background:#961e1ed9;border-radius:6px;padding:6px 12px;font-size:13px;position:fixed;top:12px;left:50%;transform:translate(-50%)}#net[hidden]{display:none}#flight{width:132px;height:132px;transform:translate(-50%, -50%) scale(var(--hud));pointer-events:none;border:2px solid #a0e6ff8c;border-radius:50%;position:fixed;top:50%;left:50%}#flight .stick{background:#a0e6fff2;border-radius:50%;width:8px;height:8px;position:absolute;top:60px;left:60px}#flight .readout{white-space:nowrap;color:#beeeff;text-shadow:0 1px 2px #000;font-size:14px;position:absolute;top:142px;left:50%;transform:translate(-50%)}#flight .stand{background:var(--accent);height:3px;position:absolute;bottom:-40px;left:0}#ship-hint{left:50%;bottom:calc(14px + 58px * var(--hud));transform:translateX(-50%) scale(var(--hud));transform-origin:50% 100%;background:var(--panel);white-space:nowrap;pointer-events:none;border-radius:4px;padding:4px 10px;font-size:13px;position:fixed}.creator{-webkit-user-select:none;user-select:none;background:radial-gradient(30% 46% at 50% 60%,#2f8cff2e,#0000 70%),linear-gradient(90deg,#04070cdb,#04070c6b 34% 66%,#04070cdb),linear-gradient(#04070c00 55%,#04070cb3);flex-direction:column;gap:14px;padding:16px clamp(16px,2.2vw,40px) 18px;animation:.35s ease-out creator-in;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes creator-in{0%{opacity:0}}.creator svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;flex:none;width:18px;height:18px}.creator-header{flex:none;align-items:center;gap:18px;display:flex}.creator-logo{filter:drop-shadow(0 4px 10px #0009);width:auto;height:46px;display:block}.creator-title{background:linear-gradient(var(--hull), var(--hull-shade));color:var(--ink);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);align-items:center;gap:12px;padding:8px 22px 7px 16px;display:flex;box-shadow:inset 0 1px #fff}.creator-title h1{letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:14px;font-weight:800}.creator-step{color:#a9bbcf;letter-spacing:.2em;text-align:right;text-shadow:0 1px 3px #000;text-transform:uppercase;margin:0 0 0 auto;font-size:11px}.creator-layout{flex:1;grid-template-columns:minmax(350px,500px) minmax(300px,1fr) minmax(270px,340px);grid-template-areas:"options stage side";gap:18px;min-height:0;display:grid}.creator-options{grid-area:options;align-self:start;min-height:0;max-height:100%}.creator-side{scrollbar-width:none;flex-direction:column;grid-area:side;gap:14px;min-height:0;display:flex;overflow-y:auto}.creator-side>:first-child{margin-top:auto}.creator-panel{background:radial-gradient(circle at 10px calc(100% - 10px), #3b4859 1.6px, transparent 2.2px), radial-gradient(circle at calc(100% - 12px) calc(100% - 12px), #3b4859 1.6px, transparent 2.2px), linear-gradient(var(--plate), var(--plate-deep));clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);flex-direction:column;flex:none;min-width:0;display:flex}.creator-band{background:linear-gradient(var(--hull), var(--hull-shade));color:var(--ink);flex:none;align-items:center;gap:12px;padding:11px 14px 9px 26px;display:flex;box-shadow:inset 0 1px #fff,inset 0 -1px #00000040}.creator-band h2{letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.creator-hazard{background:repeating-linear-gradient(-45deg, var(--hazard) 0 6px, #1d222a 6px 12px);flex:none;width:34px;height:11px;box-shadow:0 0 0 1px #00000059}.creator-plate{color:#4d5869;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;margin-left:auto;font-size:10px;font-weight:700}.creator-stripe{background:var(--blue);height:4px;box-shadow:0 -1px 0 var(--seam), 0 1px 0 var(--seam), 0 2px 0 var(--lip), 0 0 14px var(--blue-glow);flex:none}.creator-caption{color:var(--dim);letter-spacing:.26em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 7px;font-size:10px;font-weight:400;display:flex}.creator-note{color:var(--dim);margin:10px 2px 0;font-size:11px;line-height:1.5}.creator-stage{flex-direction:column;grid-area:stage;align-items:center;gap:6px;min-width:0;min-height:0;display:flex;position:relative}.creator-canvas{cursor:grab;touch-action:none;flex:1 1 0;width:100%;min-height:0;display:block}.creator-canvas:active{cursor:grabbing}.creator-stage-controls{flex-direction:column;flex:none;align-items:center;gap:7px;display:flex}.creator-segments{box-shadow:inset 0 1px 0 var(--lip);background:#080c12c7;border:1px solid #1d2a3a;gap:3px;padding:4px;display:flex}.creator-segment{color:#9fb0c4;min-width:84px;font:inherit;letter-spacing:.18em;text-transform:uppercase;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);cursor:pointer;background:#222c39;border:0;padding:7px 16px;font-size:11px}.creator-segment:hover,.creator-segment:focus-visible{color:#fff;background:#2b3848;outline:none}.creator-segment[aria-pressed=true]{background:var(--blue);color:#fff;text-shadow:0 0 6px #ffffff80}.creator-stage-hint{color:#8fa3ba;letter-spacing:.22em;text-shadow:0 1px 3px #000;text-transform:uppercase;font-size:10px}.creator-stage-status{color:#ffb4b4;overflow-wrap:anywhere;background:#1d0b0eeb;border:1px solid #5a2328;max-width:min(92%,520px);margin:0;padding:7px 11px;font-size:11px;line-height:1.45;position:absolute;top:6px;left:50%;transform:translate(-50%)}.creator-stage:before{content:"Loading look…";z-index:1;color:#8cc7ff;letter-spacing:.16em;text-shadow:0 0 6px #50aaff8c;text-transform:uppercase;opacity:0;pointer-events:none;background:#08121de6;border:1px solid #1d3550;padding:4px 9px;font-size:10px;transition:opacity .15s;position:absolute;top:6px;right:6px}.creator-stage[data-loading]:before{opacity:1;transition-delay:.2s}.creator-scrim{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03060aa8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.creator-scrim[hidden]{display:none}.creator-confirm{width:min(470px,100%);animation:.16s ease-out creator-pop}@keyframes creator-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}}.creator-confirm-body{padding:18px 20px 20px}.creator-confirm-title{color:#e8f2ff;letter-spacing:.04em;overflow-wrap:anywhere;margin:0 0 10px;font-size:18px;font-weight:400}.creator-confirm-title strong{color:#fff;text-shadow:0 0 10px #50aaff80;font-weight:800}.creator-confirm-text{border-left:3px solid var(--hazard);color:#d9e3ee;background:#f0b42912;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.creator-confirm-error{color:#ffb4b4;background:#1d0b0e;border:1px solid #5a2328;margin:12px 0 0;padding:8px 10px;font-size:12px;line-height:1.45}.creator-confirm-actions{grid-template-columns:1fr 1.5fr;gap:8px;margin-top:18px;display:grid}@media (max-width:1080px){.creator{overflow-y:auto}.creator-layout{flex:none;grid-template:"options stage""side stage"/minmax(340px,440px) minmax(0,1fr)}.creator-stage{height:calc(100vh - 100px);align-self:start;height:calc(100dvh - 100px);position:sticky;top:0}.creator-side{overflow:visible}}@media (max-width:900px){.creator{gap:10px;padding:10px 12px 16px;overflow-y:auto}.creator-header{gap:12px}.creator-logo{height:28px}.creator-title{gap:10px;padding:7px 16px 6px 12px}.creator-title h1{letter-spacing:.2em;font-size:11px}.creator-step{display:none}.creator-options{align-self:stretch}.creator-layout{flex-direction:column;flex:none;gap:12px;display:flex}.creator-stage{z-index:2;background:radial-gradient(50% 60% at 50% 60%,#2f8cff2e,#0000 70%),linear-gradient(#0b1018,#06090d);border-bottom:1px solid #1d2a3a;flex:none;order:-1;align-self:stretch;height:max(300px,44vh);position:sticky;top:-10px}.creator-side{flex-direction:column;align-items:stretch;overflow:visible}}@media (prefers-reduced-motion:reduce){.creator,.creator-confirm{animation:none}}.creator-options-body{flex:1;grid-template-columns:148px minmax(0,1fr);min-height:0;display:grid}.creator-rail{border-right:1px solid var(--seam);box-shadow:1px 0 0 var(--lip);flex-direction:column;gap:2px;padding:12px 0 18px 10px;display:flex}.creator-tab{color:#9fb0c4;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:auto minmax(0,1fr);gap:3px 9px;padding:9px 10px 9px 8px;display:grid}.creator-tab-number{color:#4f6075;grid-row:span 2;padding-top:1px;font-size:10px}.creator-tab-title{color:#c9d4e1;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.creator-tab-summary{color:var(--dim);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.creator-tab:hover,.creator-tab:focus-visible{background:#ffffff0a;outline:none}.creator-tab[aria-selected=true]{border-left-color:var(--blue);box-shadow:inset 0 1px 0 var(--lip);background:linear-gradient(90deg,#2f8cff4d,#2f8cff0a)}.creator-tab[aria-selected=true] .creator-tab-title{color:#fff;text-shadow:0 0 8px var(--blue-glow)}.creator-tab[aria-selected=true] .creator-tab-number,.creator-tab[aria-selected=true] .creator-tab-summary{color:#8cc7ff}.creator-section{scrollbar-width:thin;scrollbar-color:#33465e transparent;flex-direction:column;gap:20px;min-height:0;padding:14px 16px 20px;display:flex;overflow-y:auto}.creator-row-head{align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.creator-row-label{color:#b9c5d4;letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.creator-row-label:before{content:"";background:var(--blue);width:3px;height:11px;box-shadow:0 0 6px var(--blue-glow)}.creator-row-value{color:#8cc7ff;letter-spacing:.1em;text-align:right;text-shadow:0 0 6px #50aaff8c;text-transform:uppercase;margin-left:auto;font-size:11px}.creator-row-hint{color:var(--dim);margin:8px 0 0;font-size:11px}.creator-row.inactive .creator-swatches,.creator-row.inactive .creator-row-value{opacity:.38}.creator-choices{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:5px;display:grid}.creator-choice{min-width:0;min-height:40px;box-shadow:inset 0 1px 0 var(--lip);color:#c3cedc;font:inherit;letter-spacing:.08em;text-align:left;text-transform:uppercase;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);cursor:pointer;background:linear-gradient(#1d2531,#161d27);border:1px solid #263241;align-items:center;gap:10px;padding:0 12px;font-size:12px;display:flex}.creator-choice-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.creator-led{background:#2a3544;flex:none;width:8px;height:8px;box-shadow:inset 0 1px 1px #0009}.creator-choice:hover,.creator-choice:focus-visible{box-shadow:inset 0 1px 0 var(--lip), inset 0 0 14px #409cff38;color:#fff;border-color:#59aaff;outline:none}.creator-choice[aria-pressed=true]{color:#fff;text-shadow:0 0 6px #ffffff73;background:linear-gradient(#2f8cff61,#1f6fd633);border-color:#3d8fe8}.creator-choice[aria-pressed=true] .creator-led{background:#9dd8ff;box-shadow:0 0 8px #5fb4ff}.creator-swatches{grid-template-columns:repeat(auto-fill,34px);gap:8px 6px;padding:2px 2px 6px;display:grid}.creator-swatch{border:1px solid var(--seam);background:linear-gradient(140deg, var(--light), var(--base) 42%, var(--base) 62%, var(--dark));cursor:pointer;border-radius:2px;width:34px;height:34px;padding:0;position:relative;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #00000047}.creator-swatch:hover,.creator-swatch:focus-visible{outline-offset:2px;outline:1px solid #59aaff}.creator-swatch[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:2px;box-shadow:inset 0 1px 0 #ffffff47, inset 0 -2px 0 #00000047, 0 0 14px var(--blue-glow)}.creator-swatch[aria-pressed=true]:after{content:"";background:#9dd8ff;width:10px;height:2px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #5fb4ff}.creator-identity-body{flex-direction:column;padding:14px 16px 18px;display:flex}.creator-callsign{color:#e8f2ff;letter-spacing:.1em;text-shadow:0 0 10px #50aaff80;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:linear-gradient(#08121d,#0b1826);border:1px solid #1d3550;margin:0 0 14px;padding:10px 12px;font-size:20px;box-shadow:inset 0 2px 5px #0009}.creator-kit{color:#d9e3ee;letter-spacing:.06em;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;display:flex}.creator-kit-chip{color:var(--hazard);letter-spacing:.18em;text-transform:uppercase;border:1px solid #f0b42980;flex:none;padding:2px 6px;font-size:9px}.creator-random,.creator-back{min-height:42px;box-shadow:inset 0 1px 0 var(--lip);color:#c3cedc;font:inherit;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#1d2531,#161d27);border:1px solid #2c3a4c;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-size:12px;display:flex}.creator-random:hover,.creator-random:focus-visible,.creator-back:hover:not(:disabled),.creator-back:focus-visible{box-shadow:inset 0 1px 0 var(--lip), 0 0 10px var(--blue-glow);color:#fff;border-color:#59aaff;outline:none}.creator-create{min-height:52px;box-shadow:inset 0 1px 0 #ffffff59, 0 0 18px var(--blue-glow);color:#fff;font:inherit;letter-spacing:.24em;text-shadow:0 0 8px #ffffff73;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);cursor:pointer;background:linear-gradient(#3b97ff,#1f6fd6);border:0;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:0 16px;font-size:14px;font-weight:800;display:flex}.creator-confirm-actions .creator-create{min-height:46px;margin-top:0}.creator-create svg{fill:currentColor;stroke:none}.creator-create:hover:not(:disabled),.creator-create:focus-visible{background:linear-gradient(#5aa8ff,#2f80e6);outline:none}.creator button:disabled{opacity:.6;cursor:progress}.creator-debug-summary{border-bottom:1px solid var(--seam);color:var(--hazard);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#2c2618,#1e1b13);align-items:center;gap:12px;padding:11px 14px 10px 26px;font-size:11px;font-weight:700;list-style:none;display:flex}.creator-debug-summary::-webkit-details-marker{display:none}.creator-debug-summary:after{content:"+";margin-left:auto;font-size:15px}.creator-debug[open] .creator-debug-summary:after{content:"−"}.creator-debug-summary:focus-visible{outline:1px solid var(--hazard);outline-offset:-3px}.creator-debug-body{flex-direction:column;padding:12px 14px 16px;display:flex}.creator-slots{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;display:grid}.creator-slot{display:contents}.creator-slot-label{color:var(--dim);letter-spacing:.2em;text-transform:uppercase;font-size:10px}.creator-select{color:#e3e9f0;min-width:0;height:28px;font:inherit;background:#0a0e14;border:1px solid #263241;font-size:12px}.creator-select:focus{border-color:var(--blue);outline:none}.creator-presets{gap:3px;margin:9px 0 0;display:flex}.creator-preset,.creator-copy{color:#9fb0c4;font:inherit;letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);cursor:pointer;background:#222c39;border:0;padding:5px 12px;font-size:10px}.creator-preset:hover,.creator-preset:focus-visible,.creator-copy:hover,.creator-copy:focus-visible{color:#fff;background:#2b3848;outline:none}.creator-switch{color:var(--dim);font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin:12px 0 14px;padding:2px 0;font-size:11px;display:flex}.creator-switch-track{border:1px solid var(--seam);width:40px;height:18px;box-shadow:inset 0 1px 3px #000000b3, 0 1px 0 var(--lip);background:#0a0e14;position:relative}.creator-switch-knob{background:linear-gradient(#5d6a7b,#3b4656);width:16px;height:12px;transition:transform .12s ease-out;position:absolute;top:2px;left:2px}.creator-switch[aria-checked=true]{color:#8cc7ff;text-shadow:0 0 6px #50aaff8c}.creator-switch[aria-checked=true] .creator-switch-track{background:#2f8cff59;border-color:#1d4f8a}.creator-switch[aria-checked=true] .creator-switch-knob{background:linear-gradient(var(--hull), var(--hull-shade));transform:translate(20px)}.creator-code-field{align-items:center;gap:6px;display:flex}.creator-code{color:#8cc7ff;min-width:0;height:30px;font:inherit;-webkit-user-select:text;user-select:text;background:#08121d;border:1px solid #1d3550;outline:none;flex:1;padding:0 8px;font-size:11px}.creator-code:focus{border-color:var(--blue)}@media (max-width:900px){.creator-options-body{grid-template-columns:minmax(0,1fr)}.creator-rail{border-right:0;border-bottom:1px solid var(--seam);box-shadow:0 1px 0 var(--lip);flex-direction:row;padding:8px 8px 0}.creator-tab{text-align:center;border-bottom:3px solid #0000;border-left:0;flex:1 1 0;grid-template-columns:minmax(0,1fr);justify-items:center;min-width:0;padding:8px 2px 9px}.creator-tab[aria-selected=true]{border-bottom-color:var(--blue);background:linear-gradient(#2f8cff0a,#2f8cff4d)}.creator-tab-number,.creator-tab-summary{display:none}.creator-tab-title{letter-spacing:.08em;font-size:10px}}.inv-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-user-select:none;user-select:none;background:radial-gradient(#05090f59,#03060ab8);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.inv-backdrop[hidden]{display:none}.inv-window{width:min(1240px,100%);max-height:calc(100vh - 32px);background:linear-gradient(var(--plate), var(--plate-deep));clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);filter:drop-shadow(0 18px 40px #0000008c);flex-direction:column;max-height:calc(100dvh - 32px);animation:.14s ease-out inv-in;display:flex}@keyframes inv-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@media (prefers-reduced-motion:reduce){.inv-window{animation:none}}.inv-header{background:linear-gradient(var(--hull), var(--hull-shade));color:var(--ink);align-items:center;gap:14px;padding:10px 14px 9px 30px;display:flex;box-shadow:inset 0 1px #fff,inset 0 -1px #00000040}.inv-header h2{letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:16px;font-weight:800}.inv-hazard{background:repeating-linear-gradient(-45deg, var(--hazard) 0 6px, #1d222a 6px 12px);width:44px;height:12px;box-shadow:0 0 0 1px #00000059}.inv-plate{letter-spacing:.16em;color:#3c4757;border:1px solid #18202b59;border-radius:2px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.inv-close{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:2px 4px 2px 6px;font-size:20px;line-height:1;display:flex}.inv-close:hover{color:var(--blue)}.inv-close kbd{color:#3c4757;background:#ffffff80;border-color:#18202b59;font-size:10px}.inv-stripe{background:var(--blue);height:4px;box-shadow:0 -1px 0 var(--seam), 0 1px 0 var(--seam), 0 2px 0 var(--lip), 0 0 14px var(--blue-glow);z-index:1;position:relative}.inv-body{grid-template-columns:236px auto minmax(0,1fr);grid-template-areas:"preview side catalog";gap:16px;min-height:0;padding:16px 18px 14px;display:grid;overflow:auto}.inv-panel{border:1px solid var(--seam);min-width:0;box-shadow:inset 0 1px 0 var(--lip);background:radial-gradient(circle at 7px 7px,#3b4859 1.6px,#0000 2.2px),radial-gradient(circle at calc(100% - 7px) 7px,#3b4859 1.6px,#0000 2.2px),radial-gradient(circle at 7px calc(100% - 7px),#3b4859 1.6px,#0000 2.2px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#3b4859 1.6px,#0000 2.2px),linear-gradient(#1b232e,#141a22);padding:12px 14px 14px}.inv-title{letter-spacing:.24em;text-transform:uppercase;color:#b9c5d4;align-items:baseline;gap:8px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}.inv-title:before{content:"";background:var(--blue);width:3px;height:11px;box-shadow:0 0 6px var(--blue-glow);align-self:center}.inv-title .count{letter-spacing:.1em;color:var(--dim);margin-left:auto;font-weight:400}.inv-grid{grid-template-columns:repeat(9, var(--slot,46px));gap:4px;display:grid}.inv-preview{flex-direction:column;grid-area:preview;display:flex}.inv-side{grid-area:side}.inv-catalog{grid-area:catalog}.inv-figure{border:1px solid var(--seam);width:100%;min-height:300px;box-shadow:inset 0 1px 0 var(--lip), inset 0 -40px 50px #00000059;cursor:grab;touch-action:none;background:radial-gradient(85% 55% at 50% 30%,#6096d633,#0000 70%),linear-gradient(#141c26,#0a0e14);flex:1 1 0;display:block}.inv-figure:active{cursor:grabbing}.inv-caption{color:var(--dim);letter-spacing:.16em;text-align:center;text-transform:uppercase;margin:7px 0 0;font-size:10px}.inv-catalog .inv-grid{grid-template-columns:repeat(auto-fill, var(--slot,46px));align-content:start}.inv-scroll{max-height:calc(var(--slot,46px) * 6 + 4px * 5 + 12px);scrollbar-width:thin;scrollbar-color:#33465e transparent;padding:2px 6px 10px 2px;overflow-y:auto}.inv-none{color:var(--dim);grid-column:1/-1;margin:18px 0;font-size:12px}.inv-toolbar{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px;display:flex}.inv-tabs{gap:3px;display:flex}.inv-tab{color:#9fb0c4;font:inherit;letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);cursor:pointer;background:#222c39;border:0;padding:5px 14px;font-size:11px}.inv-tab:hover{color:#fff;background:#2b3848}.inv-tab.active{background:var(--blue);color:#fff;text-shadow:0 0 6px #ffffff80}.inv-search{background:var(--plate-deep);max-width:190px;color:var(--text,#f2f4f8);font:inherit;border:1px solid #2a3647;border-radius:2px;outline:none;flex:120px;margin-left:auto;padding:5px 8px;font-size:12px}.inv-search:focus{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue-glow)}.inv-threshold{opacity:.55;background:repeating-linear-gradient(-45deg,#f0b429bf 0 5px,#0000 5px 10px);height:6px;margin:14px 0 12px}.inv-readout{color:#8cc7ff;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 6px #50aaff8c;background:#08121d;border:1px solid #1d3550;margin:10px 0 0;padding:6px 9px;font-size:11px}.inv-backdrop .slot:hover{box-shadow:inset 0 2px 5px #000000a6, 0 0 0 1px #59aaff8c, 0 0 12px var(--blue-glow);border-color:#59aaff}.inv-backdrop .slot:hover .icon{transform:scale(1.07)}.slot.held{z-index:2;box-shadow:none;filter:drop-shadow(0 6px 6px #0000008c);pointer-events:none;background:0 0;border-color:#0000;position:fixed;transform:translate(-50%,-50%)scale(1.15)}.inv-tip{z-index:3;border:1px solid #2a3647;border-left:3px solid var(--blue);white-space:nowrap;pointer-events:none;background:#090d13f5;padding:5px 10px 6px;font-size:12px;position:fixed}.inv-tip[hidden]{display:none}.inv-tip small{color:#6fb4ff;letter-spacing:.16em;text-transform:uppercase;margin-top:1px;font-size:10px;display:block}.inv-footer{border-top:1px solid var(--seam);box-shadow:inset 0 1px 0 var(--lip);color:var(--dim);flex-wrap:wrap;gap:6px 18px;padding:9px 30px 10px 18px;font-size:11px;display:flex}.inv-backdrop kbd{color:#e3e9f0;font:inherit;background:#1c2531;border:1px solid #3a4759;border-bottom-width:2px;border-radius:3px;margin-right:2px;padding:0 5px;font-size:10px;line-height:15px;display:inline-block}@media (max-width:1100px){.inv-body{grid-template-columns:236px minmax(0,1fr);grid-template-areas:"preview side""catalog catalog"}}@media (max-width:760px){.inv-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""side""catalog"}.inv-figure{min-height:260px}}@media (max-width:520px){.inv-backdrop{--slot:32px;padding:8px}.inv-tabs{flex-wrap:wrap}.inv-plate{display:none}.inv-close{margin-left:auto}}.menu-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px)saturate(.85);backdrop-filter:blur(3px)saturate(.85);-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#03060ad6,#03060a8c 40%,#03060a47);align-items:stretch;gap:18px;padding:22px;display:flex;position:fixed;inset:0}.menu-backdrop[hidden],.menu-settings[hidden]{display:none}.menu-window{background:linear-gradient(var(--plate), var(--plate-deep));clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);filter:drop-shadow(0 18px 40px #0000008c);flex-direction:column;min-width:0;max-height:100%;display:flex}.menu-side{flex:0 0 300px;animation:.16s ease-out menu-side-in}.menu-settings{flex:0 780px;animation:.14s ease-out menu-panel-in}@keyframes menu-side-in{0%{opacity:0;transform:translate(-14px)}}@keyframes menu-panel-in{0%{opacity:0;transform:translate(-8px)}}@keyframes menu-fade{0%{opacity:0}}@keyframes menu-blink{50%{opacity:.55}}.menu-brand,.menu-header{background:linear-gradient(var(--hull), var(--hull-shade));color:var(--ink);flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex;box-shadow:inset 0 1px #fff,inset 0 -1px #00000040}.menu-brand{padding:18px 16px 12px 28px}.menu-header{padding:10px 12px 9px 30px}.menu-wordmark{letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:25px;font-weight:900}.menu-header h2{letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:16px;font-weight:800}.menu-hazard{background:repeating-linear-gradient(-45deg, var(--hazard) 0 6px, #1d222a 6px 12px);width:40px;height:12px;box-shadow:0 0 0 1px #00000059}.menu-plate{letter-spacing:.18em;color:#4d5869;flex-basis:100%;margin-top:6px;font-size:10px;font-weight:700}.menu-close{width:30px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;padding:0;display:grid}.menu-close:hover{color:var(--blue)}.menu-stripe{z-index:1;background:var(--blue);height:4px;box-shadow:0 -1px 0 var(--seam), 0 1px 0 var(--seam), 0 2px 0 var(--lip), 0 0 14px var(--blue-glow);flex:none;position:relative}.menu-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;flex:none;width:18px;height:18px}.menu-side-body{flex-direction:column;flex:auto;min-height:0;padding:18px 16px 16px;display:flex;overflow-y:auto}.menu-side-body:after{content:"";border:1px solid var(--seam);height:42px;box-shadow:inset 0 1px 0 var(--lip);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);opacity:.55;background:repeating-linear-gradient(90deg,#070a0f 0 3px,#202a36 3px 6px);flex:none;margin-top:auto}.menu-status{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 6px #50aaff8c;background:#08121d;border:1px solid #1d3550;gap:10px;padding:9px 11px;font-size:11px;line-height:1.5;display:flex}.menu-status-led{background:var(--hazard);width:8px;height:8px;box-shadow:0 0 8px var(--hazard);border-radius:50%;flex:none;margin-top:4px}.menu-status[data-online=true] .menu-status-led{background:#5fd38a;box-shadow:0 0 8px #5fd38a}.menu-status-mode{color:#cfe8ff;display:block}.menu-status-detail{color:#6ea6d9;display:block}.menu-note{color:var(--dim);margin:8px 2px 0;font-size:11px;line-height:1.5}.menu-note:empty{display:none}.menu-nav{flex-direction:column;gap:6px;margin:18px 0;display:flex}.menu-resume,.menu-nav-item{font:inherit;text-align:left;text-transform:uppercase;cursor:pointer;align-items:center;gap:12px;display:flex}.menu-resume{color:#fff;letter-spacing:.3em;text-shadow:0 0 8px #ffffff73;min-height:50px;box-shadow:inset 0 1px 0 #ffffff59, 0 0 18px var(--blue-glow);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(#3b97ff,#1f6fd6);border:0;padding:0 18px;font-size:15px;font-weight:800}.menu-resume .menu-icon{fill:currentColor;stroke:none}.menu-resume:hover{background:linear-gradient(#5aa8ff,#2f80e6)}.menu-nav-title{color:var(--dim);letter-spacing:.28em;text-transform:uppercase;align-items:center;gap:10px;margin:16px 0 2px;font-size:10px;display:flex}.menu-nav-title:after{content:"";background:#263241;flex:1;height:1px}.menu-nav-item{border:1px solid var(--seam);color:#c3cedc;letter-spacing:.2em;box-shadow:inset 0 1px 0 var(--lip);background:linear-gradient(#1d2531,#161d27);padding:11px 14px 11px 16px;font-size:12px;position:relative}.menu-nav-item:before{content:"";background:#2e3a4a;width:3px;position:absolute;top:-1px;bottom:-1px;left:-1px}.menu-nav-item:after{content:"›";color:#5c6b7e;margin-left:auto;font-size:16px;line-height:1}.menu-nav-item:hover{color:#fff;background:linear-gradient(#253042,#1b2330)}.menu-nav-item.active{color:#fff;background:linear-gradient(90deg,#2f8cff3d,#1b232e 75%)}.menu-nav-item.active:before{background:var(--blue);box-shadow:0 0 8px var(--blue-glow)}.menu-nav-item.active:after{color:#8cc7ff}.menu-side-footer,.menu-footer{border-top:1px solid var(--seam);box-shadow:inset 0 1px 0 var(--lip);color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:9px 18px 10px;font-size:11px;display:flex}.menu-side-footer{padding-left:18px}.menu-footer>:last-child{margin-right:14px}.menu-footer-hint{margin-left:auto}.menu-backdrop kbd{color:#e3e9f0;font:inherit;background:#1c2531;border:1px solid #3a4759;border-bottom-width:2px;border-radius:3px;margin-right:2px;padding:0 5px;font-size:10px;line-height:15px;display:inline-block}.menu-settings-scroll{scrollbar-width:thin;scrollbar-color:#33465e transparent;flex:auto;min-height:0;padding:16px 18px 18px;overflow-y:auto}.menu-pane{flex-direction:column;gap:14px;animation:.12s ease-out menu-fade;display:flex}.menu-panel{border:1px solid var(--seam);box-shadow:inset 0 1px 0 var(--lip);background:radial-gradient(circle at 7px 7px,#3b4859 1.6px,#0000 2.2px),radial-gradient(circle at calc(100% - 7px) 7px,#3b4859 1.6px,#0000 2.2px),radial-gradient(circle at 7px calc(100% - 7px),#3b4859 1.6px,#0000 2.2px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#3b4859 1.6px,#0000 2.2px),linear-gradient(#1b232e,#141a22);padding:12px 12px 8px}.menu-panel-title{color:#b9c5d4;letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 4px 4px;font-size:11px;font-weight:700;display:flex}.menu-panel-title:before{content:"";background:var(--blue);width:3px;height:11px;box-shadow:0 0 6px var(--blue-glow)}.menu-row{border-top:1px solid #ffffff0b;grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:center;gap:8px 18px;min-height:46px;padding:7px 8px;display:grid}.menu-panel-title+.menu-row{border-top:0}.menu-row:hover{background:#78aae60a}.menu-row-label{color:#e6ecf3;font-size:13px;display:block}.menu-row-hint{color:var(--dim);margin-top:2px;font-size:11px;line-height:1.4;display:block}.menu-control{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.menu-backdrop :focus-visible{outline-offset:2px;outline:2px solid #8cc7ff}.menu-slider{cursor:pointer;appearance:none;background:0 0;flex:auto;min-width:0;height:24px;margin:0}.menu-slider::-webkit-slider-runnable-track{border:1px solid var(--seam);background:linear-gradient(90deg, #2f8cff var(--fill,0%), #0a0e14 var(--fill,0%));height:6px;box-shadow:inset 0 1px 2px #0009, 0 1px 0 var(--lip)}.menu-slider::-moz-range-track{border:1px solid var(--seam);background:linear-gradient(90deg, #2f8cff var(--fill,0%), #0a0e14 var(--fill,0%));height:6px;box-shadow:inset 0 1px 2px #0009, 0 1px 0 var(--lip)}.menu-slider::-webkit-slider-thumb{background:linear-gradient(var(--hull), var(--hull-shade));-webkit-appearance:none;border:1px solid #0a0e14;width:12px;height:20px;margin-top:-8px;box-shadow:0 2px 4px #0000008c}.menu-slider::-moz-range-thumb{background:linear-gradient(var(--hull), var(--hull-shade));border:1px solid #0a0e14;border-radius:0;width:10px;height:18px;box-shadow:0 2px 4px #0000008c}.menu-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 1px #59aaff, 0 0 10px var(--blue-glow)}.menu-slider:hover::-moz-range-thumb{box-shadow:0 0 0 1px #59aaff, 0 0 10px var(--blue-glow)}.menu-readout{color:#8cc7ff;letter-spacing:.08em;text-align:right;text-shadow:0 0 6px #50aaff8c;background:#08121d;border:1px solid #1d3550;flex:none;min-width:82px;padding:3px 8px;font-size:11px}.menu-switch{color:var(--dim);font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:2px 0;font-size:11px;display:flex}.menu-switch-state{text-align:left;min-width:30px}.menu-switch-track{border:1px solid var(--seam);width:46px;height:20px;box-shadow:inset 0 1px 3px #000000b3, 0 1px 0 var(--lip);background:#0a0e14;transition:background .12s,box-shadow .12s;position:relative}.menu-switch-knob{background:linear-gradient(#5d6a7b,#3b4656);width:18px;height:14px;transition:transform .12s ease-out;position:absolute;top:2px;left:2px}.menu-switch[aria-checked=true]{color:#8cc7ff;text-shadow:0 0 6px #50aaff8c}.menu-switch[aria-checked=true] .menu-switch-track{box-shadow:inset 0 1px 3px #00000080, 0 0 10px var(--blue-glow);background:#2f8cff59;border-color:#1d4f8a}.menu-switch[aria-checked=true] .menu-switch-knob{background:linear-gradient(var(--hull), var(--hull-shade));transform:translate(24px)}.menu-switch:hover .menu-switch-track{border-color:#3a5a80}.menu-choices{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.menu-choice{color:#9fb0c4;font:inherit;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);cursor:pointer;background:#222c39;border:0;padding:6px 13px;font-size:11px}.menu-choice:hover{color:#fff;background:#2b3848}.menu-choice.active{background:var(--blue);color:#fff;text-shadow:0 0 6px #ffffff80}.menu-caps{grid-template-columns:1fr 1fr;gap:6px;display:grid}.menu-cap{color:#e3e9f0;min-width:0;font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:linear-gradient(#25303e,#1a222d);border:1px solid #3a4759;border-bottom-width:3px;border-radius:3px;padding:5px 8px 6px;font-size:12px;overflow:hidden}.menu-cap:hover{box-shadow:0 0 10px var(--blue-glow);border-color:#59aaff}.menu-cap.empty{color:#4f5e70}.menu-cap.conflict{border-color:var(--hazard);color:#ffd98a;box-shadow:0 0 8px #f0b4294d}.menu-cap.capturing{border-color:var(--hazard);color:#ffd98a;letter-spacing:.08em;text-transform:uppercase;background:repeating-linear-gradient(-45deg,#f0b4292e 0 6px,#0000 6px 12px),#1a222d;font-size:11px;animation:1s steps(2,end) infinite menu-blink}.menu-reset{color:#c9d4e2;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#1c2531;border:1px solid #3a4759;padding:5px 12px;font-size:11px}.menu-reset:hover:not(:disabled){color:#fff;border-color:#59aaff}.menu-reset:disabled{opacity:.4;cursor:default}.menu-reset.armed{border-color:var(--hazard);color:#ffd98a;background:repeating-linear-gradient(-45deg,#f0b42933 0 6px,#0000 6px 12px),#1c2531}@media (prefers-reduced-motion:reduce){.menu-side,.menu-settings,.menu-pane,.menu-cap.capturing{animation:none}.menu-switch-knob,.menu-switch-track{transition:none}}@media (max-width:900px){.menu-backdrop{gap:12px;padding:12px}.menu-side{flex-basis:260px}}@media (max-width:720px){.menu-side{flex:auto}.menu-settings{position:absolute;inset:12px}}@media (max-width:560px){.menu-row{grid-template-columns:minmax(0,1fr)}.menu-control,.menu-choices{justify-content:flex-start}.menu-settings-scroll{padding:12px 10px}.menu-footer-hint{display:none}}.trader-window{width:min(760px,100%)}.trader-body{grid-template-columns:220px minmax(0,1fr);gap:16px;min-height:0;padding:16px 18px 14px;display:grid;overflow:auto}@media (max-width:680px){.trader-body{grid-template-columns:minmax(0,1fr)}}.trader-greeting p{color:#b9c5d4;margin:0;font-size:13px;line-height:1.5}.trader-offers{gap:8px;margin:0;padding:0;list-style:none;display:grid}.trader-offer{border:1px solid var(--seam);box-shadow:inset 0 1px 0 var(--lip);background:#0a0e1473;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 8px;display:grid}.trader-item{gap:2px;min-width:0;display:grid}.trader-item b{letter-spacing:.08em;text-transform:uppercase;color:#eef3f9;font-size:13px}.trader-item small{color:#93a2b5;font-size:12px}.trader-take{color:#fff;min-width:86px;font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(#1f5fa8,#174b86);border:1px solid #2a6fc0;padding:7px 12px;font-size:12px;font-weight:700}.trader-take:hover:not(:disabled){box-shadow:0 0 14px var(--blue-glow);background:linear-gradient(#2b78d0,#1d5ea6)}.trader-take:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.trader-take:disabled{border-color:var(--seam);color:#7d8a9b;cursor:default;background:#222b36}.trader-note{color:#8fc4ff;min-height:1.4em;margin:10px 0 0;font-size:12px}.login{z-index:50;-webkit-user-select:none;user-select:none;background:radial-gradient(at 72% 40%,#ffc48c59,#0000 60%),linear-gradient(160deg,#1b2b3d,#0b1119 70%);align-items:center;transition:opacity .45s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.login[data-state=leaving]{opacity:0;pointer-events:none}.login-art{position:absolute;inset:0}.login-art img{object-fit:cover;object-position:68% 50%;opacity:0;transform-origin:70%;width:100%;height:100%;transition:opacity .9s ease-out;animation:40s ease-in-out infinite alternate login-drift}.login-art img.loaded{opacity:1}@keyframes login-drift{0%{transform:scale(1.02)}to{transform:scale(1.08)translate(-1%)}}@keyframes login-blink{50%{opacity:.35}}.login-shade{background:linear-gradient(90deg,#04070ccc,#04070c80 30%,#04070c00 58%),linear-gradient(#04070c00 72%,#04070c73);position:absolute;inset:0}.login-column{scrollbar-width:none;filter:drop-shadow(0 16px 36px #0000008c);flex-direction:column;width:min(400px,100% - 32px);max-height:100%;margin-left:clamp(16px,7vw,120px);padding:16px 0;display:flex;position:relative;overflow-y:auto}.login-logo{margin:0 0 2px}.login-logo img{width:100%;display:block}.login-logo.text{color:var(--hull);letter-spacing:.34em;text-transform:uppercase;font-size:44px;font-weight:900}.login-tagline{color:#d9e3ee;text-shadow:0 1px 3px #000;margin:0 0 18px;font-size:13px;line-height:1.5}.login-card{background:linear-gradient(var(--plate), var(--plate-deep));clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);flex:none}.login-band{background:linear-gradient(var(--hull), var(--hull-shade));color:var(--ink);flex-wrap:wrap;align-items:center;gap:4px 14px;padding:14px 16px 11px 28px;display:flex;box-shadow:inset 0 1px #fff,inset 0 -1px #00000040}.login-band h2{letter-spacing:.3em;text-transform:uppercase;margin:0;font-size:16px;font-weight:800}.login-hazard{background:repeating-linear-gradient(-45deg, var(--hazard) 0 6px, #1d222a 6px 12px);width:40px;height:12px;box-shadow:0 0 0 1px #00000059}.login-plate{color:#4d5869;letter-spacing:.18em;text-transform:uppercase;margin-left:auto;font-size:10px;font-weight:700}.login-stripe{background:var(--blue);height:4px;box-shadow:0 -1px 0 var(--seam), 0 1px 0 var(--seam), 0 2px 0 var(--lip), 0 0 14px var(--blue-glow)}.login-body{flex-direction:column;padding:18px;display:flex}.login-label{color:var(--dim);letter-spacing:.28em;text-transform:uppercase;margin:0 2px 7px;font-size:10px}.login-field{gap:6px;display:flex}.login-input{color:#e8f2ff;min-width:0;height:46px;caret-color:var(--blue);font:inherit;letter-spacing:.08em;-webkit-user-select:text;user-select:text;background:linear-gradient(#0a0e14,#141b24);border:1px solid #263241;border-radius:0;outline:none;flex:1;padding:0 12px;font-size:18px;box-shadow:inset 0 2px 5px #000000a6}.login-input:focus{box-shadow:inset 0 2px 5px #000000a6, 0 0 12px var(--blue-glow);border-color:#3d8fe8}.login-input:disabled{color:#8fa3ba}.login svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;flex:none;width:18px;height:18px}.login-dice{border:1px solid var(--seam);width:46px;height:46px;box-shadow:inset 0 1px 0 var(--lip);color:#c3cedc;cursor:pointer;background:linear-gradient(#1d2531,#161d27);place-items:center;padding:0;display:grid}.login-dice:hover:not(:disabled){box-shadow:inset 0 1px 0 var(--lip), 0 0 10px var(--blue-glow);color:#fff;border-color:#59aaff}.login-dice:disabled{opacity:.5;cursor:default}.login-hint{color:var(--dim);margin:7px 2px 18px;font-size:11px}.login-play{min-height:52px;box-shadow:inset 0 1px 0 #ffffff59, 0 0 18px var(--blue-glow);color:#fff;font:inherit;letter-spacing:.3em;text-shadow:0 0 8px #ffffff73;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);cursor:pointer;background:linear-gradient(#3b97ff,#1f6fd6);border:0;justify-content:center;align-items:center;gap:12px;padding:0 18px;font-size:15px;font-weight:800;display:flex}.login-play svg{fill:currentColor;stroke:none}.login-play:hover:not(:disabled),.login-play:focus-visible{background:linear-gradient(#5aa8ff,#2f80e6);outline:none}.login-play:disabled{color:#b9d4f3;text-shadow:none;cursor:progress;background:linear-gradient(#284c78,#1c385c);box-shadow:inset 0 1px #ffffff26}.login-status{color:#6ea6d9;letter-spacing:.12em;text-shadow:0 0 6px #50aaff8c;text-transform:uppercase;background:#08121d;border:1px solid #1d3550;gap:10px;margin:12px 0 0;padding:9px 11px;font-size:11px;line-height:1.5;display:flex}.login-led{background:#5fd38a;border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px;box-shadow:0 0 8px #5fd38a}.login-card[data-state=busy] .login-status{color:#cfe8ff}.login-card[data-state=busy] .login-led{background:var(--blue);box-shadow:0 0 8px var(--blue);animation:.9s ease-in-out infinite login-blink}.login-card[data-state=failed] .login-status{color:#ffb4b4;text-shadow:none;border-color:#5a2328}.login-card[data-state=failed] .login-led{background:#ff5d5d;box-shadow:0 0 8px #ff5d5d}.login-alt{min-height:40px;box-shadow:inset 0 1px 0 var(--lip);color:#c3cedc;font:inherit;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#1d2531,#161d27);border:1px solid #2c3a4c;margin-top:8px;font-size:12px}.login-alt:hover,.login-alt:focus-visible{box-shadow:inset 0 1px 0 var(--lip), 0 0 10px var(--blue-glow);color:#fff;border-color:#59aaff;outline:none}.login-alt[hidden]{display:none}.login-note{color:var(--dim);margin:10px 2px 0;font-size:11px;line-height:1.5}.login-card[data-state=idle][data-server=down] .login-led{background:var(--hazard);box-shadow:0 0 8px var(--hazard)}.login-card[data-state=idle][data-server=unknown] .login-led{box-shadow:none;background:#5c6b7e}.login-card[data-state=choice] .login-status{color:#ffd98a;text-shadow:none;border-color:#5a4a1c}.login-card[data-state=choice] .login-led{background:var(--hazard);box-shadow:0 0 8px var(--hazard)}.login[data-cover] .login-column{display:none}@media (max-width:720px){.login{justify-content:center;align-items:flex-end}.login-column{margin:0}.login-shade{background:linear-gradient(#04070c1a,#04070c66 45%,#04070cd9)}}@media (prefers-reduced-motion:reduce){.login-art img{animation:none}}