:root{--ink:#c8d6e5;--dim:#5f7183;--hot:#ff8a5c;--cool:#5fd4ff;--good:#57d99a;--warn:#ffc857;--bad:#ff5c5c;--panel:rgba(8,14,22,.62);--line:rgba(120,170,210,.28)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#05070d}body{font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;color:var(--ink);user-select:none}#viewport{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none;font-size:12px;letter-spacing:.04em}#stickhint{position:fixed;left:50%;bottom:150px;transform:translate(-50%);z-index:10;display:none;pointer-events:auto;cursor:pointer;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:9px 18px;font-size:11px;letter-spacing:.22em;text-transform:uppercase}#stickhint.on{display:block}#stickhint:hover{border-color:var(--cool);color:var(--cool)}.reticle{position:absolute;transform:translate(-50%,-50%);pointer-events:none}#crosshair{width:26px;height:26px}#crosshair:before,#crosshair:after{content:"";position:absolute;background:var(--cool);opacity:.9}#crosshair:before{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:1px;width:100%;transform:translateY(-50%)}#nose{width:34px;height:34px;border:1px solid rgba(200,214,229,.5);border-radius:50%}#lead{width:18px;height:18px;border:2px solid var(--hot);border-radius:50%;display:none}#lead:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--hot);opacity:.55}.panel{position:absolute;background:var(--panel);border:1px solid var(--line);padding:8px 10px;backdrop-filter:blur(3px)}#left{left:18px;bottom:18px;min-width:216px}#right{right:18px;bottom:18px;min-width:196px}#top{left:50%;top:16px;transform:translate(-50%);text-align:center;padding:6px 16px}#stats{right:18px;top:18px;text-align:right;opacity:.75}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:3px 0}.lbl{color:var(--dim);text-transform:uppercase;font-size:10px}.val{font-variant-numeric:tabular-nums}.bar{height:6px;background:#ffffff12;position:relative;overflow:hidden;margin:2px 0 6px;border-radius:2px}.bar i{display:block;height:100%;border-radius:2px;transition:width .12s ease-out}.bar.cap i{background:linear-gradient(90deg,rgba(95,212,255,.55),var(--cool))}.bar.hull i{background:linear-gradient(90deg,rgba(87,217,154,.55),var(--good))}.bar.thr i{background:linear-gradient(90deg,rgba(255,200,87,.5),var(--warn));box-shadow:0 0 8px -3px var(--warn)}#shields{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:84px;margin:6px auto 2px}.sh{height:12px;background:#5fd4ff24;border:1px solid rgba(95,212,255,.25)}.sh i{display:block;height:100%;background:var(--cool);opacity:.8}.sh.broke{border-color:var(--bad);background:#ff5c5c2e}#sh-f{grid-column:2}#sh-p{grid-column:1;grid-row:2}#sh-s{grid-column:3;grid-row:2}#sh-a{grid-column:2;grid-row:3}.pips{display:flex;gap:3px}.pip{--pc:var(--warn);position:relative;width:11px;height:12px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:1px;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.pip.g{--pc:var(--hot)}.pip.e{--pc:var(--warn)}.pip.s{--pc:var(--cool)}.pip i{position:absolute;inset:0;display:block;background:var(--pc);transform-origin:left center;transform:scaleX(0)}.pip.on{border-color:var(--pc);box-shadow:0 0 7px -2px var(--pc)}.pip.moving i{transition:transform .09s linear,opacity .25s ease;opacity:.62}.pip.edge{outline:1px solid rgba(255,255,255,.92);outline-offset:1px}#pipcool{height:2px;width:0;margin-top:6px;opacity:0;border-radius:1px;background:linear-gradient(90deg,rgba(95,212,255,.35),var(--cool));box-shadow:0 0 7px -2px var(--cool);transition:opacity .22s ease}#pipcool.active{opacity:.95}.flag{color:var(--hot);font-weight:700;letter-spacing:.2em}.hidden{display:none}#target .name{color:var(--hot);font-weight:700}.warnflash{animation:fl .25s steps(2) infinite}@keyframes fl{to{opacity:.25}}#dmg{position:fixed;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 140px 30px #ff3c3cd9;transition:opacity .18s ease-out}#hitarc{position:fixed;left:50%;top:50%;width:0;height:0;pointer-events:none}.harc{position:absolute;width:130px;height:5px;margin-top:-2px;background:linear-gradient(90deg,#ff5a5a00,#ff5a5af2);transform-origin:0 50%;opacity:0;transition:opacity .3s ease-out}#shieldflash{position:fixed;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 120px 24px #5fd4ffcc;transition:opacity .25s ease-out}#tbox{position:fixed;pointer-events:none;transform:translate(-50%,-50%);display:none}#tbox .corner{position:absolute;width:9px;height:9px;border:2px solid var(--hot)}#tbox .tl{left:0;top:0;border-right:0;border-bottom:0}#tbox .tr{right:0;top:0;border-left:0;border-bottom:0}#tbox .bl{left:0;bottom:0;border-right:0;border-top:0}#tbox .br{right:0;bottom:0;border-left:0;border-top:0}#tarrow{position:fixed;pointer-events:none;display:none;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid var(--hot);transform-origin:50% 60%}#contacts{position:absolute;right:18px;top:120px;text-align:right;line-height:1.85;opacity:.85;pointer-events:auto}#contacts .c{color:var(--dim);cursor:pointer;padding:1px 4px;border-right:2px solid transparent;display:grid;grid-template-columns:1fr 64px;gap:10px;align-items:baseline}#contacts .c:hover{color:var(--cool);border-right-color:var(--cool)}#contacts .c.station .n{color:var(--good)}#contacts .c.rock .n{color:var(--dim)}#contacts .c.rock.locked .n{color:var(--warn)}#contacts .c.hostile .n{color:var(--hot)}#contacts .c.locked{border-right-color:var(--ink)}#contacts .c.locked .n{font-weight:700;color:var(--ink)}#contacts .c b{color:var(--ink);font-weight:400;font-variant-numeric:tabular-nums}#gunarc{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(120,170,210,.22);border-radius:50%;pointer-events:none}#crosshair.outofarc:before,#crosshair.outofarc:after{background:var(--warn)}#crosshair.onlead:before,#crosshair.onlead:after{background:var(--good)}#hitmark{position:fixed;pointer-events:none;transform:translate(-50%,-50%);opacity:0;width:30px;height:30px}#hitmark i{position:absolute;width:9px;height:2px;background:var(--ink);border-radius:1px}#hitmark i:nth-child(1){left:0;top:6px;transform:rotate(45deg)}#hitmark i:nth-child(2){right:0;top:6px;transform:rotate(-45deg)}#hitmark i:nth-child(3){left:0;bottom:6px;transform:rotate(-45deg)}#hitmark i:nth-child(4){right:0;bottom:6px;transform:rotate(45deg)}#hitmark.shield i{background:var(--cool)}#hitmark.hull i{background:var(--hot)}#hitmark.kill i{background:var(--bad);width:13px;height:3px}#killbanner{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);font-family:inherit;font-size:15px;letter-spacing:.28em;text-transform:uppercase;color:var(--hot);opacity:0;pointer-events:none;text-shadow:0 0 14px rgba(255,138,92,.5)}#lead{width:26px;height:26px;border:2px solid var(--hot);border-radius:50%;display:none}#lead:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--hot);opacity:.75}#lead.hot{border-color:var(--good)}#lead.hot:after{background:var(--good)}.bar.ammo i{background:var(--hot)}.bar.hold i{background:linear-gradient(90deg,rgba(255,200,87,.4),var(--warn))}.bar.cycle i{background:var(--dim);transition:width .05s linear}#minerow.hidden{display:none}#minerow .val.warn{color:var(--bad)}#holdv.warn{color:var(--warn)}#ammoseg{display:flex;gap:2px;margin:3px 0 2px}#ammoseg b{flex:1;height:5px;background:var(--hot);opacity:.85}#ammoseg b.spent{background:#ffffff1a}#menu{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:#04070c6b}#menu.on{display:flex}.menu-card{background:var(--panel);border:1px solid var(--line);padding:24px 28px;min-width:440px;max-width:540px;backdrop-filter:blur(3px)}.menu-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.menu-title{font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--dim)}.menu-live{font-size:11px;color:var(--good);letter-spacing:.1em}.menu-warn{font-size:11px;color:var(--dim);margin-bottom:16px;min-height:14px;border-left:2px solid var(--line);padding-left:10px}.menu-warn.hot{color:var(--hot);border-left-color:var(--hot)}.menu-warn.bad{color:var(--bad);border-left-color:var(--bad);font-weight:700}.menu-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.menu-actions button{flex:1;min-width:120px;background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 14px;font-family:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.menu-actions button:hover,.menu-actions button.primary{border-color:var(--cool);color:var(--cool)}.menu-actions button.primary:hover{background:#5fd4ff1a}.menu-hint{color:var(--hot);font-size:11px;margin-bottom:16px;min-height:14px}.menu-controls{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;border-top:1px solid var(--line);padding-top:14px}.mc{display:contents}.mc b{color:var(--ink);font-weight:400;white-space:nowrap}.mc span{color:var(--dim)}#alerts{position:absolute;left:50%;top:78px;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center;pointer-events:none;max-width:min(560px,72vw)}.alert{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--dim);padding:6px 12px;font-size:11px;letter-spacing:.04em;display:flex;gap:10px;align-items:baseline}.alert.warn{border-left-color:var(--warn)}.alert.urgent{border-left-color:var(--bad);color:var(--ink)}.alert .from{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap}.alert .txt{color:var(--ink)}#agents{position:absolute;right:18px;top:186px;text-align:right;font-size:10px;color:var(--dim);line-height:1.7;letter-spacing:.1em;text-transform:uppercase}#agents .on{color:var(--cool)}#agents .off{opacity:.45}#nav{left:50%;bottom:18px;transform:translate(-50%);min-width:210px;text-align:left}#nav .val{font-variant-numeric:tabular-nums}.zone-patrolled{color:var(--good)}.zone-hostile{color:var(--hot)}.zone-lethal{color:var(--bad)}#stationscreen{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#05070d9e;backdrop-filter:blur(2px)}.st-panel{width:min(760px,88vw);max-height:86vh;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:22px 26px}.st-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.st-name{font-size:22px;letter-spacing:.16em;color:var(--ink)}.st-sub{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:4px}.st-status{font-size:10px;letter-spacing:.2em;padding:5px 10px;border:1px solid var(--line);white-space:nowrap}.st-status.arriving{color:var(--warn);border-color:var(--warn)}.st-status.docked{color:var(--good);border-color:var(--good)}.st-note{color:var(--dim);font-size:12px;line-height:1.6;margin:16px 0 20px;max-width:60ch}.st-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.st-service{border:1px solid var(--line);padding:12px 14px}.st-service h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cool);margin:0 0 6px}.st-service p{font-size:11px;line-height:1.55;color:var(--dim);margin:0 0 8px}.st-soon{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);opacity:.6}.st-line{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink);padding:2px 0;font-variant-numeric:tabular-nums}.st-line span:first-child{color:var(--dim)}.st-line.total{border-top:1px solid var(--line);margin-top:4px;padding-top:5px;font-weight:700}.st-empty{font-size:11px;color:var(--dim);margin:0}.st-sell{margin-top:10px;width:100%;background:transparent;border:1px solid var(--good);color:var(--good);font:inherit;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;cursor:pointer}.st-sell:hover:not(:disabled){background:var(--good);color:#04121a}.st-sell:disabled{border-color:var(--line);color:var(--dim);cursor:default;letter-spacing:.04em;text-transform:none}.st-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.st-hint{font-size:11px;color:var(--dim);line-height:1.5}.st-undock{font:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 20px;cursor:pointer;white-space:nowrap}.st-undock:hover:not(:disabled){border-color:var(--cool);color:var(--cool)}.st-undock:disabled{opacity:.35;cursor:default}#hudrail{position:fixed;left:18px;top:18px;z-index:4;width:262px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 250px);pointer-events:none}.rail-pane{pointer-events:auto;display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(3px)}.pane-head{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;width:100%;font:inherit;text-align:left;cursor:pointer;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:7px 9px}.rail-pane.min .pane-head{border-bottom-color:transparent}.pane-head:hover{color:var(--cool)}.pane-title{font-size:11px;letter-spacing:.2em}.pane-sub{min-width:0;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-key{font-size:9px;letter-spacing:.1em;color:var(--dim);border:1px solid var(--line);padding:1px 5px}.pane-head:hover .pane-key{border-color:var(--cool);color:var(--cool)}.pane-body{display:flex;flex-direction:column;min-height:0;padding:10px}.rail-pane.min .pane-body{display:none}#localmap{flex:0 0 auto}#localmap canvas{display:block;width:240px;height:240px;background:#080c148c;border:1px solid var(--line)}.lm-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:9px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase}.lm-range{font-variant-numeric:tabular-nums;color:var(--ink)}.lm-auto{display:none;margin-top:8px;padding:5px 7px;border:1px solid var(--cool);font-size:9px;letter-spacing:.12em;color:var(--cool);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lm-auto.on{display:block}.lm-auto.bad{border-color:var(--warn);color:var(--warn)}.lm-acts{display:flex;gap:6px;margin-top:8px}.lm-act{flex:1 1 0;min-width:0;font:inherit;font-size:9px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:5px 4px;background:transparent;color:var(--ink);border:1px solid var(--line)}.lm-act:hover{border-color:var(--cool);color:var(--cool)}.lm-act b{font-weight:400;color:var(--dim)}.lm-act:hover b{color:var(--cool)}.lm-act.stop{color:var(--warn);border-color:#ffc85766}.lm-act.stop:hover{border-color:var(--warn)}.nav-list{display:flex;flex-direction:column;gap:1px;min-height:0;overflow-y:auto}.nav-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:baseline;font:inherit;font-size:11px;text-align:left;cursor:pointer;background:transparent;border:1px solid transparent;border-bottom:1px solid var(--line);color:var(--ink);padding:6px}.nav-row:hover:not(:disabled){border-color:var(--cool);color:var(--cool)}.nav-row:disabled{cursor:default}.nav-row.here{color:var(--good)}.nav-row.blocked{opacity:.45}.nav-name{letter-spacing:.14em}.nav-zone{font-size:8px;letter-spacing:.14em;padding:1px 4px;border:1px solid var(--line);color:var(--dim)}.nav-zone.z-CORE{color:var(--good);border-color:var(--good)}.nav-zone.z-FRONTIER{color:var(--hot);border-color:var(--hot)}.nav-zone.z-MACHINE{color:var(--bad);border-color:var(--bad)}.nav-eta{grid-column:1/-1;font-size:9px;color:var(--dim);font-variant-numeric:tabular-nums}.nav-transit{border:1px solid var(--cool);padding:7px 8px;margin-bottom:9px}.nav-transit.spool{border-color:var(--warn)}.nav-transit-label{font-size:9px;letter-spacing:.16em;color:var(--cool)}.nav-transit.spool .nav-transit-label{color:var(--warn)}.nav-transit-eta{font-size:9px;color:var(--dim);text-align:right}.bar.nav-bar{margin:5px 0 3px}.bar.nav-bar i{background:var(--cool)}.nav-transit.spool .bar.nav-bar i{background:var(--warn)}.nav-foot{display:flex;align-items:center;gap:8px;margin-top:9px}.nav-hint{font-size:9px;color:var(--dim);margin-right:auto;line-height:1.6}.nav-foot button{font:inherit;font-size:9px;letter-spacing:.14em;text-transform:uppercase;background:transparent;color:var(--ink);border:1px solid var(--line);padding:5px 10px;cursor:pointer}.nav-foot button:hover{border-color:var(--cool);color:var(--cool)}#dockprompt{position:absolute;left:50%;bottom:196px;transform:translate(-50%);font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--dim);white-space:nowrap}#dockprompt b{color:var(--cool);font-weight:400}#dockprompt.warn{color:var(--warn)}.bar.spool{margin:6px 0 0}.bar.spool i{background:var(--dim);transition:width .05s linear}.bar.spool i.full{background:var(--cool);box-shadow:0 0 8px var(--cool)}#warpflash{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(ellipse at center,#c8e6ff1a,#96c8ff59 45%,#d2ebfff2);transition:opacity .1s linear;will-change:opacity}#ob-menu,#ob-overlay{font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace}#ob-menu{position:fixed;inset:0;z-index:40;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:44px 24px;background:radial-gradient(ellipse at 50% 42%,#05091094,#03050ae6);backdrop-filter:blur(2px)}.ob-shell{width:100%;max-width:768px;display:flex;flex-direction:column;gap:30px}.ob-masthead{text-align:center}#ob-menu .title{font-size:clamp(26px,4.6vw,46px);letter-spacing:.34em;text-transform:uppercase;color:#c8d6e5;text-indent:.34em}#ob-menu .tagline{margin-top:10px;color:#5f7183;font-size:12px;letter-spacing:.18em}.ob-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px 26px}.ob-panel h4{margin:0 0 8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#87683a;font-weight:700}.ob-panel p{margin:0;font-size:11.5px;line-height:1.75;color:#8fa0b0}.ob-choices{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.ob-card{pointer-events:auto;cursor:pointer;flex:1 1 274px;max-width:352px;text-align:left;background:#080e16d1;border:1px solid rgba(120,170,210,.28);padding:20px 22px;color:#c8d6e5;transition:border-color .14s ease,background .14s ease,transform .14s ease}.ob-card:hover,.ob-card:focus-visible{border-color:#5fd4ff;background:#0e1a26eb;transform:translateY(-2px);outline:none}.ob-card h3{margin:0 0 7px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;min-height:2.5em;display:flex;align-items:flex-start}.ob-card.primary h3{color:#5fd4ff}.ob-card.secondary h3{color:#ffc857}.ob-card p{margin:0;font-size:11.5px;line-height:1.65;color:#7d8b9a}.ob-card .meta{margin-top:11px;font-size:10px;letter-spacing:.12em;color:#4d5c6b;text-transform:uppercase}.ob-done{color:#57d99a!important}#ob-overlay{position:fixed;inset:0;z-index:30;pointer-events:none;display:none}#ob-overlay.on{display:block}body.ob-on #top{top:calc(var(--ob-card-h,0px) + 14px)}#ob-card{position:absolute;left:50%;top:0;transform:translate(-50%);width:min(780px,96vw);text-align:center;background:#060b12f0;border:1px solid rgba(95,212,255,.3);border-top:2px solid #5fd4ff;box-shadow:0 20px 54px -14px #000000e6,0 0 26px -14px #5fd4ff;padding:15px 28px 13px}@keyframes ob-bump{0%{transform:translate(-50%) translateY(-16px);opacity:0}62%{transform:translate(-50%) translateY(3px);opacity:1}to{transform:translate(-50%) translateY(0);opacity:1}}#ob-card.bump{animation:ob-bump .44s cubic-bezier(.2,.9,.25,1)}#ob-step{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#ffc857}#ob-title{font-size:19px;letter-spacing:.12em;color:#e6eef6;margin-top:6px;font-weight:700}#ob-body{font-size:13px;line-height:1.75;color:#a8b8c6;margin-top:9px}#ob-body b{color:#e6eef6;font-weight:700}#ob-body kbd{display:inline-block;padding:2px 8px;margin:0 2px;border-radius:2px;background:#5fd4ff29;border:1px solid rgba(95,212,255,.42);color:#5fd4ff;font-size:12px;font-family:inherit}#ob-keys{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px solid rgba(120,170,210,.16);font-size:10.5px;letter-spacing:.06em;color:#6d7d8d}#ob-keys kbd{display:inline-block;padding:1px 6px;border-radius:2px;font-family:inherit;background:#78aad21a;border:1px solid rgba(120,170,210,.3);color:#8fa0b0}#ob-choice{display:none;gap:8px;justify-content:center;margin-top:11px}#ob-choice.on{display:flex}.ob-pick{flex:1 1 0;min-width:0;max-width:220px;cursor:pointer;background:#5fd4ff12;border:1px solid rgba(95,212,255,.34);color:#c8d6e5;font:inherit;padding:8px 12px;text-align:center}.ob-pick:hover,.ob-pick:focus-visible{background:#5fd4ff29;border-color:#5fd4ff}.ob-pick b{display:block;font-size:11.5px;letter-spacing:.06em;color:#5fd4ff}.ob-pick span{display:block;margin-top:3px;font-size:10px;color:#7d8b9a;line-height:1.5}#ob-progress{margin-top:10px;display:flex;gap:5px;justify-content:center}#ob-progress i{width:26px;height:3px;background:#ffffff21;display:block}#ob-progress i.done{background:#57d99a}#ob-progress i.now{background:#5fd4ff}#ob-hint{position:absolute;left:50%;bottom:96px;transform:translate(-50%);font-size:11px;letter-spacing:.1em;color:#ffc857;text-shadow:0 0 12px rgba(0,0,0,.9);opacity:0;transition:opacity .25s ease}#ob-hint.on{opacity:1}#ob-skip{position:absolute;left:50%;bottom:26px;transform:translate(-50%);pointer-events:auto;cursor:pointer;background:transparent;border:1px solid rgba(120,170,210,.24);color:#5f7183;font-family:inherit;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px}#ob-skip:hover{border-color:#ff8a5c;color:#ff8a5c}#ob-arrow{position:fixed;z-index:29;width:0;height:0;display:none;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:15px solid #5fd4ff}#ob-dist{position:fixed;z-index:29;display:none;transform:translate(-50%,-50%);padding:1px 5px;background:#0509108c;font-family:JetBrains Mono,monospace;font-size:10px;color:#5fd4ff;text-shadow:0 0 10px rgba(0,0,0,.9)}