:root{--ui:#cfe9ff;--ui-dim:#cfe9ff8c;--accent:#4ee6ff;--shield:#4aa8ff;--hull:#e8eef5;--danger:#ff4a3a;--gold:#ffd34a;--panel:#08101e8c;--panel-border:#6ebeff38}*{box-sizing:border-box}html,body{height:100%;color:var(--ui);-webkit-user-select:none;user-select:none;background:#000;margin:0;font-family:Rajdhani,Segoe UI,system-ui,sans-serif;overflow:hidden}#app canvas{display:block}kbd{border:1px solid var(--panel-border);text-align:center;min-width:1.6em;color:var(--accent);background:#4ee6ff14;border-radius:3px;margin-right:.25em;padding:0 .35em;font:600 .85em Rajdhani,sans-serif;display:inline-block}#hud{pointer-events:none;position:fixed;inset:0}body.ui-hidden #hud>:not(#overlay):not(#whiteflash):not(#vignette),body.ui-hidden #chat,body.gate-seq #hud>:not(#overlay):not(#whiteflash):not(#vignette):not(#prompt),body.gate-seq #chat{display:none!important}body.gate-seq #prompt{letter-spacing:.14em;font-size:20px;top:auto;bottom:12%}#hud[data-mode=none]>:not(#overlay):not(#toasts),#hud[data-mode=foot]>:is(#crosshair,#bearing,#nose,#leads,#flight,#radarWrap,#target,#oregain),#hud:not([data-mode=foot])>#suit,#hud:not([data-mode=foot])>#dot{display:none}#hud[data-mode=foot] #prompt{font-size:17px;top:calc(50% + 34px)}#dot{background:#e6f8ffe6;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #4ee6ffe6}#suit{flex-direction:column;gap:4px;width:300px;padding:8px 12px;display:flex;bottom:22px;left:50%;transform:translate(-50%)}#suit .row{justify-content:space-between;align-items:baseline;display:flex}#suit .val.small{letter-spacing:.08em;font-size:14px}#evaInfo{letter-spacing:.12em;color:var(--accent);font-size:12px}#evaInfo:empty{display:none}.marker.ship{color:#6dffb0}.marker.ship .box{border:2px solid #6dffb0;border-radius:50%;width:12px;height:12px}.marker.ship .lbl{color:#6dffb0;top:10px}.marker.ship .sub{top:24px}#help .dim{color:var(--ui-dim)}#help h3+div{margin-top:0}:is(#help,.help-inline) .hcol h3:not(:first-child){margin-top:10px}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;position:absolute}.bar{background:#ffffff14;border-radius:1px;height:6px;position:relative;overflow:hidden}.bar>div{width:100%;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.bar.shield>div{background:var(--shield);box-shadow:0 0 8px var(--shield)}.bar.hull>div{background:var(--hull)}.bar.hull>div.critical{background:var(--danger);box-shadow:0 0 8px var(--danger)}.bar.boost>div{background:#ffa640}.bar.engine>div{background:#7fd8ff;transition:none}.bar.engine>div.astern{background:#ff8a5a}.bar.cargo>div{background:var(--accent)}.bar.cargo>div.full{background:var(--gold)}.gold{color:var(--gold)}#vignette{opacity:0;background:radial-gradient(#0000 45%,#ff1e148c 100%);position:absolute;inset:0}#whiteflash{opacity:0;pointer-events:none;background:#dff6ff;position:absolute;inset:0}#whiteflash.go{animation:.9s ease-out whiteflash}@keyframes whiteflash{0%{opacity:.85}to{opacity:0}}#crosshair{width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair i{background:#dcf5ffd9;position:absolute;box-shadow:0 0 4px #4ee6ffcc}#crosshair i:first-child{width:2px;height:9px;top:0;left:16px}#crosshair i:nth-child(2){width:2px;height:9px;bottom:0;left:16px}#crosshair i:nth-child(3){width:9px;height:2px;top:16px;left:0}#crosshair i:nth-child(4){width:9px;height:2px;top:16px;right:0}#bearing{gap:3px;display:flex;position:absolute;top:calc(50% + 25px);left:50%;transform:translate(-50%)}#bearing:empty{display:none}#bearing i{border:1px solid #a0bed24d;border-radius:1px;width:6px;height:6px}#bearing i.swing{border-color:#dcf5ffd9}#bearing i.on{background:#dcf5fff2;border-color:#dcf5fff2}#bearing i.lmb.swing{border-color:var(--danger)}#bearing i.lmb.on{background:var(--danger);border-color:var(--danger);box-shadow:0 0 4px var(--danger)}#bearing i.rmb.swing{border-color:#ffb347}#bearing i.rmb.on{background:#ffb347;border-color:#ffb347;box-shadow:0 0 4px #ffb347}#bearing i.idle{opacity:.45}#nose{border:2px solid #4ee6ff99;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:0;left:0}#leads .lead{opacity:0;border:2px solid var(--danger);transform-origin:50%;width:12px;height:12px;box-shadow:0 0 6px var(--danger);margin:-6px 0 0 -6px;position:absolute;top:0;left:0;rotate:45deg}#leads .lead.rmb{border-color:#ffb347;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;box-shadow:0 0 6px #ffb347}#leads .lead.idle{border-color:var(--ui-dim);box-shadow:none;width:8px;height:8px;margin:-4px 0 0 -4px}#leads .lead.far{box-shadow:none;filter:opacity(.45);border-style:dashed}#hitmarker{opacity:0;background:linear-gradient(45deg,#0000 45%,#fff 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,#fff 45% 55%,#0000 55%);width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}#hitmarker.kill{background:linear-gradient(45deg, transparent 42%, var(--danger) 42%, var(--danger) 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, var(--danger) 42%, var(--danger) 58%, transparent 58%)}#oregain{text-shadow:0 0 8px;opacity:0;font-size:20px;font-weight:700;transition:opacity .2s;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}#lancewarn{color:#7ff6e2;text-shadow:0 0 10px #4ef0d8cc;white-space:nowrap;background:#041618b8;border:1px solid #4ef0d8b3;flex-direction:column;align-items:center;gap:5px;padding:10px 22px 12px;display:none;position:absolute;top:17%;left:50%;transform:translate(-50%)}#lancewarn.show{display:flex}#lancewarn b{letter-spacing:.14em;font-size:24px}#lancewarn small{letter-spacing:.06em;color:#cfeee8;font-size:13px}#lancewarn i{background:#4ef0d833;width:100%;height:4px;display:block}#lancewarn u{background:#7ff6e2;width:0;height:100%;display:block;box-shadow:0 0 8px #4ef0d8}#lancewarn.locked{color:#ffd27a;text-shadow:0 0 12px #ff7828e6;background:#280802cc;border-color:#ff6a3a;animation:.25s steps(2,end) infinite lancestrobe}#lancewarn.locked u{background:#ffd27a;box-shadow:0 0 8px #ff8a3a}@keyframes lancestrobe{50%{background:#781404d9}}#prompt{letter-spacing:.08em;color:var(--accent);text-shadow:0 0 10px #4ee6ff99;font-size:18px;font-weight:600;position:absolute;top:calc(50% + 90px);left:50%;transform:translate(-50%)}#status{width:220px;padding:10px 12px;top:18px;left:18px}#status .row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.lbl{letter-spacing:.15em;color:var(--ui-dim);font-size:12px}.val{font-size:20px;font-weight:700}#location{text-align:center;position:absolute;top:14px;left:50%;transform:translate(-50%)}#location .sys{letter-spacing:.35em;color:var(--ui-dim);font-size:11px}#locName{letter-spacing:.08em;font-size:22px;font-weight:700}#warpStatus{color:var(--accent);letter-spacing:.12em;min-height:18px;text-shadow:0 0 8px var(--accent);font-size:14px}#flight{background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;align-items:center;gap:18px;padding:10px 16px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#speed{text-align:right;width:86px;font-size:34px;font-weight:700;line-height:1}#speed small{color:var(--ui-dim);margin-left:3px;font-size:13px}#flight .bars{flex-direction:column;gap:5px;width:280px;display:flex}.barrow{letter-spacing:.12em;color:var(--ui-dim);grid-template-columns:52px 1fr 34px;align-items:center;gap:8px;font-size:11px;display:grid}.barrow b{color:var(--ui);text-align:right;font-size:13px}#weapons{flex-direction:column;gap:3px;min-width:200px;font-size:11px;display:flex}#weapons:empty{display:none}#weapons .wpn{color:var(--ui);grid-template-columns:34px 1fr auto;align-items:center;gap:6px;display:grid}#weapons .wpn kbd{text-align:center}#weapons .wpn b{text-align:right;color:var(--ui-dim);font-weight:400}#weapons .wpn.lmb kbd{color:var(--danger)}#weapons .wpn.rmb kbd{color:#ffb347}#weapons .wpn.idle{opacity:.45}#weapons .wpn.far b{color:var(--danger);font-weight:700}#weapons .wpn.far span{opacity:.55}#weapons .wpn.hint{color:var(--ui-dim);font-size:10px}#actives{flex-direction:column;gap:3px;font-size:11px;display:flex}#actives:empty{display:none}#actives .act{color:var(--ui-dim);grid-template-columns:18px 1fr 44px;align-items:center;gap:6px;display:grid}#actives .act b{text-align:right;color:var(--ui)}#actives .act.ready b{color:#6dffb0}#actives .act.on b{color:#4ee6ff}#actives .act.cd{opacity:.6}.marker.scan{color:#7cf0b0}.marker.scan .box{border:2px solid;width:10px;height:10px;rotate:45deg}.marker.scan.cache{color:#ffd34a}.marker.scan.cache .box{width:16px;height:16px}.marker.mlock .box{border:2px dashed #ffb347;border-radius:50%}.marker.mlock .lbl{color:#ffb347}.marker.mlock.full .box{border-style:solid;border-color:#ff4a3a}.marker.mlock.full .lbl{color:#ff4a3a}#radarWrap{border-radius:50%;width:214px;height:214px;padding:6px;bottom:18px;left:18px}#radar{background:radial-gradient(circle,#1e507840,#0003);border-radius:50%;width:200px;height:200px}.radarLbl{text-align:center;letter-spacing:.2em;color:var(--ui-dim);font-size:11px;position:absolute;bottom:-18px;left:0;right:0}#target{width:260px;padding:10px 12px;display:none;top:18px;right:18px}#target.show{display:block}#tParts:empty{display:none}#tParts{gap:3px;margin-top:6px;display:grid}.tpart{letter-spacing:.04em;color:#cfe3f5;grid-template-columns:104px 1fr;align-items:center;gap:6px;font-size:11px;display:grid}.tpart .bar{height:4px;margin-top:0!important}.tpart .bar+.bar{margin-top:2px!important}.tpart span i{letter-spacing:.1em;color:#ffb43c;margin-left:5px;font-size:9px;font-style:normal;display:none}.tpart.sealed span i{display:inline}.tpart.sealed span{color:#b9a68a}.tpart.sealed .bar{opacity:.45}.tpart.down span{color:#ff6a5a;opacity:.8;text-decoration:line-through}.tpart.down .bar{opacity:.35}#tName{font-size:18px;font-weight:700}#tSub{color:var(--ui-dim);margin-bottom:4px;font-size:13px}#target .bar{margin-top:4px}#tShip{margin-bottom:6px;font-size:13px;line-height:1.45}#tClass{color:#d8e4f0}#tFaction{color:var(--ui-dim)}#tFaction:empty{display:none}#tStance{letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}#target.locked{border-color:#ff7864d9;box-shadow:0 0 0 1px #ff786466}#help h3{letter-spacing:.25em;color:var(--ui-dim);margin:0 0 8px;font-size:13px}.danger{letter-spacing:.15em;font-size:11px;font-weight:700}.danger.safe{color:#6dffb0}.danger.low{color:#ffd34a}.danger.med{color:#ff9a3a}.danger.high{color:var(--danger)}.danger.none{color:var(--ui-dim)}#help{grid-template-columns:1fr 1fr;column-gap:24px;width:620px;padding:12px 14px;font-size:14px;line-height:1.6;display:none;top:112px;left:18px}#help.show{display:grid}#hints{color:var(--ui-dim);letter-spacing:.06em;font-size:13px;position:absolute;top:136px;left:20px}#help.show~#hints{display:none}#toasts{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.toast{letter-spacing:.04em;background:var(--panel);border-left:3px solid var(--accent);border-radius:2px;padding:4px 14px;font-size:16px;font-weight:600;transition:opacity .6s;animation:.2s ease-out toastIn}.toast.warn{color:#ffd0a0;border-color:#ff9a3a}.toast.gold{border-color:var(--gold);color:var(--gold)}.toast.danger{border-color:var(--danger);color:#ffb0a8}.toast.fade{opacity:0}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}}#markers{position:absolute;inset:0}.marker{--size:24px;position:absolute;top:0;left:0}.marker .box{width:var(--size);height:var(--size);border:2px solid #0000;position:absolute;transform:translate(-50%,-50%)}.marker .lbl,.marker .sub{white-space:nowrap;text-shadow:0 0 4px #000;font-size:13px;font-weight:600;position:absolute;left:0;transform:translate(-50%)}.marker .lbl{top:calc(var(--size) / 2 + 3px)}.marker .sub{top:calc(var(--size) / 2 + 17px);color:var(--ui-dim);font-size:12px}.marker .hp,.marker .arrow,.marker.edge .box{display:none}.marker.edge .arrow{width:0;height:0;transform:translate(-50%, -50%) rotate(var(--angle));border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:14px solid;display:block;position:absolute}.marker.edge .lbl{top:12px}.marker.edge .sub{top:26px}.marker.station{color:var(--accent)}.marker.station .box{border-color:var(--accent);border-radius:2px;width:18px;height:18px;rotate:45deg}.marker.station .lbl{color:var(--accent);top:14px}.marker.station .sub{top:28px}.marker.nav{color:#b8c8ff}.marker.nav .box{border-color:#b8c8ff;width:10px;height:10px;rotate:45deg}.marker.nav .lbl{color:#b8c8ff;top:9px}.marker.nav .sub{top:23px}.marker.aim .box{box-shadow:0 0 10px var(--accent), inset 0 0 6px var(--accent);scale:1.25;border-color:#fff!important}.marker.aim .lbl{text-shadow:0 0 6px var(--accent), 0 0 3px #000;color:#fff!important}.marker.aim:after{content:"[J] WARP";left:0;bottom:calc(var(--size) / 2 + 6px);white-space:nowrap;letter-spacing:.18em;color:#021018;background:var(--accent);border-radius:2px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%)}.marker.enemy{color:var(--danger)}.marker.enemy .box{background:linear-gradient(var(--danger), var(--danger)) top left / 8px 2px no-repeat, linear-gradient(var(--danger), var(--danger)) top left / 2px 8px no-repeat, linear-gradient(var(--danger), var(--danger)) top right / 8px 2px no-repeat, linear-gradient(var(--danger), var(--danger)) top right / 2px 8px no-repeat, linear-gradient(var(--danger), var(--danger)) bottom left / 8px 2px no-repeat, linear-gradient(var(--danger), var(--danger)) bottom left / 2px 8px no-repeat, linear-gradient(var(--danger), var(--danger)) bottom right / 8px 2px no-repeat, linear-gradient(var(--danger), var(--danger)) bottom right / 2px 8px no-repeat;opacity:.7;border:none}.marker.enemy.hostile .box{opacity:1;filter:drop-shadow(0 0 3px var(--danger))}.marker.enemy .lbl{color:#ffb0a8;top:calc(var(--size) / 2 + 9px)}.marker.enemy .sub{top:calc(var(--size) / 2 + 23px)}.marker.enemy:not(.edge) .hp{left:0;top:calc(var(--size) / 2 + 3px);width:40px;display:block;position:absolute;transform:translate(-50%)}.marker .hp>div{height:2px;margin-bottom:1px}.marker .hp .s{background:var(--shield)}.marker .hp .h{background:var(--hull)}.marker.enemy.locked .box{outline-offset:4px;opacity:1;outline:1px dashed #fff}.marker.enemy.locked .lbl{color:#fff}.marker.loot{color:var(--gold)}.marker.loot .box{border-color:var(--gold);width:12px;height:12px;rotate:45deg}.marker.loot .lbl{color:var(--gold);font-size:12px;top:10px}.marker.loot .sub{top:23px}.marker.asteroid .box{border:1px dashed var(--ore);opacity:.8;border-radius:50%}#overlay{pointer-events:auto;cursor:pointer;display:none;position:absolute;inset:0}#overlay.show{justify-content:center;align-items:center;display:flex}.title{text-align:center}.title h1{letter-spacing:.3em;background:linear-gradient(#fff 20%,#7fd8ff 90%);color:#0000;filter:drop-shadow(0 0 25px #4ec8ff73);-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.3em;font-size:clamp(56px,8vw,110px);font-weight:700;line-height:1}.title .tag{letter-spacing:.25em;color:var(--ui-dim);text-transform:uppercase;margin:6px 0 36px;font-size:20px}.title .cta{letter-spacing:.3em;border:1px solid var(--accent);color:var(--accent);background:#4ee6ff14;padding:12px 42px;font-size:22px;font-weight:700;animation:2s ease-in-out infinite pulse;display:inline-block}.title .help-inline{text-align:left;background:var(--panel);border:1px solid var(--panel-border);grid-template-columns:1fr 1fr;column-gap:28px;width:720px;margin:36px auto 0;padding:14px 20px;font-size:14px;line-height:1.75;display:grid}.title .help-inline h3{letter-spacing:.25em;color:var(--accent);margin:0 0 4px;font-size:13px}@keyframes pulse{50%{box-shadow:0 0 24px #4ee6ff73}}.pause,.death{text-align:center;background:var(--panel);border:1px solid var(--panel-border);padding:30px 60px}.pause h2,.death h2{letter-spacing:.25em;margin:0;font-size:46px}.death h2{color:var(--danger)}.pause p,.death p{color:var(--ui-dim);margin:6px 0 0;font-size:18px}#overlay:has(.death){cursor:default;background:radial-gradient(#0000 30%,#50000073)}#station{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060e1cd1;border-radius:6px;width:min(920px,94vw);max-height:90vh;padding:22px 26px;display:none;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 60px #0009}#station.show{display:block}#station h2{letter-spacing:.18em;margin:0;font-size:34px}#station h4{letter-spacing:.25em;color:var(--ui-dim);margin:18px 0 8px;font-size:13px}#station .small{letter-spacing:.2em;font-size:12px}#station .muted{color:var(--ui-dim)}#station .sheader{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:flex-end;padding-bottom:10px;display:flex}#station .credits{font-size:30px;font-weight:700}#station .smessage{border-left:3px solid var(--danger);background:#ff4a3a1a;margin-top:14px;padding:8px 12px;font-size:16px}#station .sgrid{grid-template-columns:1fr 1.15fr;gap:26px;display:grid}#station .srow{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:6px 0;font-size:16px;display:flex}#station .grow{flex:1;font-weight:600}#station .swatch{border-radius:2px;width:12px;height:12px;box-shadow:0 0 6px}#station .empty{padding:8px 0;font-size:15px}#station .upgs{grid-template-columns:1fr 1fr;gap:10px;display:grid}#station .upgs h4.span{grid-column:1/-1;margin:6px 0 0}#station .upg{background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;padding:10px;font-size:13px}#station .upg .uh{justify-content:space-between;margin-bottom:2px;font-size:16px;font-weight:700;display:flex}#station .upg button{width:100%;margin-top:8px}#station .pips{align-items:center;gap:3px;display:flex}#station .pips i{background:#ffffff26;width:10px;height:4px}#station .pips i.on{background:var(--accent);box-shadow:0 0 5px var(--accent)}#station button{letter-spacing:.08em;color:var(--accent);cursor:pointer;background:#4ee6ff14;border:1px solid #4ee6ff66;border-radius:3px;padding:6px 12px;font:700 14px Rajdhani,sans-serif;transition:background .12s}#station button:hover:not([disabled]){background:#4ee6ff38}#station button[disabled]{opacity:.35;cursor:default}#station button.wide{width:100%;margin-top:10px;padding:9px;font-size:16px;display:block}#station button.primary{color:var(--gold);background:#ffd34a14;border-color:#ffd34a80}#station button.undock{letter-spacing:.35em;margin-top:22px;padding:12px;font-size:20px}#login{z-index:20;background:radial-gradient(#00081426,#00040cb3);flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow:auto}#login.show{display:flex}#login .title .tag{margin-bottom:26px}.loginbox{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:10px;width:340px;padding:20px;display:flex}.loginbox input,#chat .cin{color:var(--ui);background:#00000059;border:1px solid #6ebeff4d;border-radius:3px;outline:none;padding:9px 12px;font:600 18px Rajdhani,sans-serif}.loginbox input:focus,#chat .cin:focus{border-color:var(--accent);box-shadow:0 0 10px #4ee6ff4d}.lbtns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lbtns:has(>[hidden]){grid-template-columns:1fr}.lbtns>[hidden]{display:none}.loginbox button,.pause button,.death button{letter-spacing:.12em;color:var(--accent);cursor:pointer;background:#4ee6ff14;border:1px solid #4ee6ff73;border-radius:3px;padding:10px 12px;font:700 15px Rajdhani,sans-serif}.loginbox button:hover,.pause button:hover,.death button:hover{background:#4ee6ff38}.loginbox button.primary,.death button{color:var(--gold);background:#ffd34a14;border-color:#ffd34a8c}.lmsg{color:#ffb0a8;text-align:center;min-height:20px;font-size:15px}.lmsg.ok{color:var(--accent)}#login .help-inline{text-align:left;background:var(--panel);border:1px solid var(--panel-border);grid-template-columns:1fr 1fr;column-gap:28px;width:min(720px,94vw);margin:26px auto 0;padding:14px 20px;font-size:14px;line-height:1.7;display:grid}#login .help-inline h3{letter-spacing:.25em;color:var(--accent);margin:0 0 4px;font-size:13px}#login .help-inline .dim{color:var(--ui-dim)}.pause button.logout{color:#ffb0a8;background:#ff4a3a14;border-color:#ff4a3a80;margin-top:22px}.death button.respawn{margin-top:24px;padding:12px 34px;font-size:18px}#chat{pointer-events:none;z-index:5;width:440px;font-size:15px;position:fixed;bottom:18px;left:250px}#chat.hidden{display:none}#chat .clog{flex-direction:column;justify-content:flex-end;gap:2px;max-height:200px;display:flex;overflow:hidden}#chat .cl{text-shadow:0 1px 2px #000;overflow-wrap:anywhere;background:#040a1480;border-radius:2px;width:fit-content;max-width:100%;padding:2px 8px;transition:opacity 1s}#chat .cl b{color:var(--accent)}#chat .cl.sys{color:var(--gold);font-style:italic}#chat .csys{color:var(--ui-dim);font-size:12px}#chat .cl.old{opacity:0}#chat.open .cl.old{opacity:.85}#chat .cin{pointer-events:auto;width:100%;margin-top:6px;padding:6px 10px;font-size:16px;display:none}#chat.open .cin{display:block}#online{letter-spacing:.2em;color:var(--ui-dim);pointer-events:auto;font-size:12px;position:absolute;bottom:14px;right:18px}#sysName[data-sec=safe]{color:#4ee6ff}#sysName[data-sec=secure]{color:#7cf0b0}#sysName[data-sec=unsafe]{color:#ffb04a}#sysName[data-sec=deadly]{color:#ff5a6a;text-shadow:0 0 8px #ff3c5099}#warpStatus[data-zone=protected]{color:#6dffb0;text-shadow:0 0 8px #6dffb099}#warpStatus[data-zone=protected]:before{content:"◆ "}#warpStatus[data-zone=safe]{color:#9fd8ff;text-shadow:none}#warpStatus[data-zone=pvp]{color:#ffa040;text-shadow:0 0 8px #ffa04099}#warpStatus[data-zone=deadly]{color:#ff4a6a;text-shadow:0 0 10px #ff3c50cc;animation:1.6s ease-in-out infinite pulse}#sysName[data-sec=deep]{color:#b8c4e0}#safeZone{letter-spacing:.15em;color:#ff8a7a;font-size:13px}#safeZone.safe{color:#6dffb0}.shiprow .val.small,#status .val.small{letter-spacing:.06em;font-size:14px}#floats{position:absolute;inset:0;overflow:hidden}#floats .dmg{color:#ffe2a0;text-shadow:0 0 6px #ff8c28cc,0 1px 2px #000;white-space:nowrap;font-size:18px;font-weight:700;position:absolute;top:0;left:0}#floats .dmg.shield{color:#a8d8ff;text-shadow:0 0 6px #4aa8ffe6,0 1px 2px #000}#floats .dmg.sealed{letter-spacing:.12em;color:#ffc861;text-shadow:0 0 6px #ffaa28e6,0 1px 2px #000;font-size:13px}.marker.player{color:#7fd0ff}.marker.player .box{border-color:#7fd0ff;border-radius:50%;width:16px;height:16px}.marker.player .lbl{color:#bfe6ff;top:12px}.marker.player .sub{top:26px}.marker.player.pvp{color:#ffa040}.marker.player.pvp .box{border-color:#ffa040}.marker.player.pvp .lbl{color:#ffd0a0}.marker.player.locked .box{outline-offset:4px;outline:1px dashed #fff}.marker.player:not(.edge) .hp{width:32px;display:block;position:absolute;top:40px;left:-16px}.marker.bastion{color:#ffd27a}.marker.bastion .box{border-color:#ffd27ab3;width:14px;height:14px;transform:translate(-50%,-50%)rotate(45deg)}.marker.bastion .lbl{color:#ffe6b0;top:13px}.marker.bastion .sub{top:27px}.marker.gate{color:#b98aff}.marker.gate .box{border-width:3px;border-color:#b98aff;border-radius:50%;width:22px;height:22px}.marker.gate .lbl{color:#d6c0ff;top:16px}.marker.gate .sub{top:30px}.marker.gate[data-sec=safe]{color:#4ee6ff}.marker.gate[data-sec=safe] .box{border-color:#4ee6ff}.marker.gate[data-sec=secure]{color:#7cf0b0}.marker.gate[data-sec=secure] .box{border-color:#7cf0b0}.marker.gate[data-sec=unsafe]{color:#ffa040}.marker.gate[data-sec=unsafe] .box{border-color:#ffa040}.marker.gate[data-sec=deadly]{color:#ff4a6a}.marker.gate[data-sec=deadly] .box{border-color:#ff4a6a}.marker.gate[data-kind=rift] .box{border-style:double;border-width:5px;box-shadow:0 0 10px,inset 0 0 8px}.marker.nav[data-kind=hostile]{color:#ff7a6a}.marker.nav[data-kind=hostile] .box{border-color:#ff7a6a;rotate:0deg}.marker.nav[data-kind=hostile] .lbl{color:#ffb0a8}.marker.nav[data-kind=ancient]{color:#5ff0d0}.marker.nav[data-kind=ancient] .box{border:3px double #5ff0d0;border-radius:50%}.marker.nav[data-kind=ancient] .lbl{color:#b8fff0}.marker.nav[data-kind=anomaly]{color:#e08aff}.marker.nav[data-kind=anomaly] .box{border-color:#e08aff;border-radius:50%}.marker.nav[data-kind=anomaly] .lbl{color:#f0c8ff}.marker.nav[data-kind=belt] .box{border-color:#d9b48a}.marker.nav[data-kind=belt] .lbl{color:#ecd2b0}.marker.nav[data-kind=salvage] .box{border-style:dashed;border-color:#a0a8b4}.marker.station[data-kind=military]{color:#ffd27a}.marker.station[data-kind=military] .box{border-color:#ffd27a;border-radius:0;width:14px;height:14px;rotate:0deg}.marker.station[data-kind=military] .lbl{color:#ffe6b0}.marker.station[data-kind=industrial]{color:#ffb347}.marker.station[data-kind=industrial] .box{border-color:#ffb347;border-radius:50%;width:14px;height:14px;rotate:0deg}.marker.station[data-kind=industrial] .lbl{color:#ffd8a0}.marker.enemy.friendly{color:#ffd27a;--danger:#ffd27a}.marker.enemy.friendly .lbl{color:#ffe6b0}.marker.avatar .box{display:none}.marker.avatar .lbl{color:#e6f4ff;text-shadow:0 1px 2px #000;font-size:13px;top:-6px}.marker.avatar .sub{color:#ffd34a;font-size:11px;top:8px}#station{width:min(1040px,96vw)}#station .tabs{gap:6px;margin-top:14px;display:flex}#station .tabs .tab{letter-spacing:.2em;color:var(--ui-dim);background:#ffffff05;border-color:#6ebeff33;flex:1;padding:9px;font-size:15px}#station .tabs .tab.on{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);background:#4ee6ff24}#station .sbody{min-height:280px;margin-top:6px}#station .tiny{letter-spacing:.02em;font-size:12px;font-weight:500}#station .note{margin-top:12px;line-height:1.4}#station .warn{color:#ffb04a;letter-spacing:.08em;font-size:12px}#station .filters{flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 10px;display:flex}#station .chip{color:var(--ui-dim);border-color:#6ebeff33;border-radius:12px;padding:4px 12px;font-size:13px}#station .chip.on{color:var(--accent);border-color:var(--accent);background:#4ee6ff26}#station .filters .tiny{margin-left:auto}#station .upgs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}#station .upg.t1{border-left:3px solid #cfe9ff59}#station .upg.t2{border-left:3px solid #4aa8ff}#station .upg.t3{background:#c87aff0d;border-left:3px solid #c87aff}#station .tierTag{color:var(--ui-dim);border:1px solid;border-radius:2px;align-self:center;padding:0 6px;font-size:12px}#station .upg.t2 .tierTag{color:#4aa8ff}#station .upg.t3 .tierTag{color:#c87aff}#station .inputs{flex-wrap:wrap;gap:4px 10px;margin-top:6px;display:flex}#station .inp{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}#station .inp .swatch{width:9px;height:9px}#station .inp.ok{color:#8dffbf}#station .inp.no{color:#ff8a7a}#station .sgrid.even{grid-template-columns:1fr 1fr}#station .yard{grid-template-columns:220px 1fr;gap:22px;margin-top:14px;display:grid}#station .shiplist{flex-direction:column;gap:8px;display:flex}#station .shipcard{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;padding:10px;position:relative}#station .shipcard:hover{background:#4ee6ff0f}#station .shipcard.sel{border-color:var(--accent);background:#4ee6ff1a}#station .shipcard .uh{justify-content:space-between;font-size:17px;font-weight:700;display:flex}#station .badge{letter-spacing:.2em;color:#6dffb0;font-size:11px;position:absolute;bottom:8px;right:8px}#station .shiphead h3{letter-spacing:.06em;margin:0;font-size:24px}#station .stats{color:var(--ui-dim);flex-wrap:wrap;gap:6px 16px;margin:10px 0;font-size:14px;display:flex}#station .stats b{color:var(--ui);font-size:16px}#station .slot{gap:12px}#station .slotKind{text-align:center;letter-spacing:.15em;border-radius:2px;width:64px;padding:2px 0;font-size:11px;font-weight:700}#station .slotKind.part{color:#cfe9ff;background:#cfe9ff1a}#station .slotKind.gun{color:#ff9a7a;background:#ff5a3c1f}#station .slotKind.utility{color:#6dffb0;background:#3cff961a}#station .actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}#station select{color:var(--ui);background:#00000073;border:1px solid #6ebeff59;border-radius:3px;max-width:260px;padding:5px 8px;font:600 14px Rajdhani,sans-serif}#station select:disabled{opacity:.35}#station h3{letter-spacing:.14em;margin:20px 0 6px;font-size:18px}#station .good{color:#8dffbf}#station .picklist{max-height:460px;padding-right:6px;overflow:auto}#station .srow.pick{cursor:pointer;padding:5px 6px}#station .srow.pick:hover{background:#4ee6ff0f}#station .srow.pick.sel{box-shadow:inset 3px 0 0 var(--accent);background:#4ee6ff1f}#station .mkform{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}#station .mkform label{letter-spacing:.2em;color:var(--ui-dim);flex-direction:column;gap:3px;font-size:11px;display:flex}#station input[type=number]{color:var(--ui);background:#00000073;border:1px solid #6ebeff59;border-radius:3px;outline:none;width:120px;padding:5px 8px;font:600 15px Rajdhani,sans-serif}#station input[type=number]:focus{border-color:var(--accent)}#station select option{background:#0a1424}#login{justify-content:safe center;padding:20px 0}#login .title h1{font-size:clamp(56px,8vw,104px)}@media (height<=820px){#login .help-inline{display:none}}#galaxymap,#systemmap{z-index:30;pointer-events:auto;background:#010207;display:none;position:fixed;inset:0}#galaxymap.show,#systemmap.show{display:block}:is(#galaxymap,#systemmap) canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#galaxymap canvas.drag{cursor:grabbing}:is(#galaxymap,#systemmap) button{color:var(--ui);border:1px solid var(--panel-border);cursor:pointer;background:#08101ebf;border-radius:4px;font:700 18px Rajdhani,sans-serif}#galaxymap button:hover,#systemmap button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sm-title{text-align:center;pointer-events:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}.sm-title h1{letter-spacing:.3em;color:#e8f4ff;text-shadow:0 0 18px #4ee6ff73;margin:0;font-size:30px;font-weight:700}.sm-title p{letter-spacing:.12em;color:#c8d8ea;margin:2px 0 0;font-size:13px}.sm-title p.dim{color:var(--ui-dim)}.sm-list{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040914c7;border-radius:4px;width:300px;padding:10px 6px 10px 10px;position:absolute;top:18px;bottom:50px;left:18px;overflow-y:auto}.sm-lh{letter-spacing:.3em;color:#e8f4ff;margin:0 4px 4px;font-size:13px;font-weight:700}.sm-gh{letter-spacing:.22em;color:var(--ui-dim);margin:12px 4px 3px;font-size:10px;font-weight:700}.sm-row{cursor:pointer;border-radius:3px;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:4px 6px;display:grid}.sm-row:hover{background:#4ee6ff14}.sm-row.sel{box-shadow:inset 2px 0 0 var(--accent);background:#4ee6ff29}.sm-row.here .d{color:var(--accent)}.sm-row i,.sm-link i{border-radius:2px;width:8px;height:8px;display:inline-block}.sm-link i{vertical-align:middle;margin-right:8px}.sm-link{cursor:pointer}.sm-link:hover{color:var(--accent)}.sm-row .nm{font-size:15px;font-weight:600;line-height:1.1}.sm-row .nm small{letter-spacing:.06em;color:var(--ui-dim);font-size:11px;font-weight:600;display:block}.sm-row .d{color:#b8c8dc;white-space:nowrap;font-size:13px;font-weight:600}.sm-info{max-height:calc(100% - 90px);top:18px;right:76px}.sm-hint{color:#b8cde0;border-left:2px solid var(--accent);background:#4ee6ff0f;margin:10px 0 0;padding:7px 10px;font-size:13px}.sm-hint .bad{color:var(--danger)}#systemmap .sm-warp{letter-spacing:.2em;color:#021018;background:var(--accent);border-color:var(--accent);width:100%;margin-top:14px;padding:10px;font-size:20px;display:block;box-shadow:0 0 18px #4ee6ff59}#systemmap .sm-warp:hover:not(:disabled){color:#021018;background:#8ff3ff}#systemmap .sm-warp:disabled{cursor:default;color:var(--ui-dim);border-color:var(--panel-border);box-shadow:none;background:#08101ebf}.sm-why{color:#ffb0a0;text-align:center;margin-top:6px;font-size:13px}#systemmap .sm-centre{letter-spacing:.1em;width:100%;margin-top:6px;padding:5px;font-size:13px;display:block}#systemmap .gm-hint{left:calc(50% - 25px)}.gm-title{pointer-events:none;position:absolute;top:18px;left:24px}.gm-title h1{letter-spacing:.3em;color:#e8f4ff;text-shadow:0 0 18px #4ee6ff73;margin:0;font-size:30px;font-weight:700}.gm-title p{letter-spacing:.12em;color:var(--ui-dim);margin:2px 0 0;font-size:13px}.gm-close{width:40px;height:40px;position:absolute;top:18px;right:20px}.gm-tools{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:56px;right:20px}.gm-tools button{width:40px;height:40px}.gm-hint{letter-spacing:.08em;color:var(--ui-dim);pointer-events:none;white-space:nowrap;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.gm-legend{pointer-events:none;border:1px solid var(--panel-border);background:#04091499;border-radius:4px;padding:10px 14px;font-size:13px;line-height:1.5;position:absolute;bottom:56px;left:24px}.gm-legend i{vertical-align:middle;margin-right:8px;display:inline-block}.gm-legend .dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px}.gm-legend .dot.dim{opacity:.7;background:#cbd8ff;width:5px;height:5px;margin:0 10px 0 2px}.gm-legend .lane{border-top:2px dashed #cdaaffe6;width:22px;height:0}.gm-legend .lane.warp{border-top:3px dotted #ffd28cf2}.gm-legend .lane.border{border-top:2px dashed #78ebffbf}.gm-legend .lane.gate{border-top:2px dashed #be96fff2}.gm-legend .lane.ancient{border-top:3px dashed #d6a060f2}.gm-legend .ring{box-sizing:border-box;border:2px solid;border-radius:50%;width:10px;height:10px}.gm-legend .gm-lh{letter-spacing:.22em;color:var(--ui-dim);margin-top:4px;font-size:10px;font-weight:700}.gm-legend .gm-lh:first-child{margin-top:0}.gm-warn{color:#ff8aa0;letter-spacing:.06em;background:#ff28501f;border-left:3px solid #ff3a6a;margin:8px 0;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.6}.gm-info{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040914d1;border-radius:4px;width:340px;max-height:calc(100% - 150px);padding:16px 18px;display:none;position:absolute;top:76px;right:76px;overflow-y:auto}.gm-info.show{display:block}.gm-info h2{letter-spacing:.12em;color:#e8f4ff;margin:2px 0;font-size:28px}.gm-info h4{letter-spacing:.25em;color:var(--ui-dim);margin:14px 0 4px;font-size:11px}.gm-info p{color:#b8cde0;margin:8px 0 10px;font-size:14px}.gm-kicker{letter-spacing:.25em;color:var(--ui-dim);font-size:11px}.gm-kicker .you{color:var(--accent)}.gm-sec{letter-spacing:.18em;font-size:12px;font-weight:700}.gm-row{border-top:1px solid #ffffff0f;justify-content:space-between;gap:12px;padding:4px 0;font-size:14px;display:flex}.gm-row span{color:var(--ui-dim)}.gm-row b{text-align:right;font-weight:600}.gm-item{padding:3px 0;font-size:15px;font-weight:600}.gm-item small{color:var(--ui-dim);font-size:12px;font-weight:400;display:block}.gm-item.dim{color:var(--ui-dim);font-weight:400}.gm-item em{letter-spacing:.15em;margin-left:6px;font-size:10px;font-style:normal;font-weight:700}.gm-item em.safe{color:#6dffb0}.gm-item em.low{color:#ffd34a}.gm-item em.med{color:#ff9a3a}.gm-item em.high{color:var(--danger)}.gm-item em.gate{color:#d8c4ff;letter-spacing:.05em;font-size:12px}.gm-item em.warp{color:#ffd68c;letter-spacing:.05em;font-size:12px}#admin{z-index:40;pointer-events:auto;width:440px;color:var(--ui);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040914e6;border:1px solid #ffc45c8c;border-radius:4px;padding:14px 18px 16px;font-family:Rajdhani,sans-serif;display:none;position:fixed;top:18px;bottom:18px;right:18px;overflow-y:auto;box-shadow:0 0 30px #ffb43c1f}#admin.show{display:block}#admin .ad-head{justify-content:space-between;align-items:center;display:flex}#admin h2{letter-spacing:.3em;color:#ffd27a;margin:0;font-size:26px}#admin h4{letter-spacing:.25em;color:var(--ui-dim);margin:16px 0 6px;font-size:11px}#admin h4 span{color:#ffd27a;letter-spacing:.08em;font-size:13px}#admin .ad-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}#admin .ad-label{color:#b8cde0;margin-right:2px;font-size:13px}#admin button,#admin select,#admin input{color:var(--ui);border:1px solid var(--panel-border);background:#08101ed9;border-radius:3px;padding:5px 9px;font:700 14px Rajdhani,sans-serif}#admin button{cursor:pointer;letter-spacing:.06em}#admin button:hover{color:#ffd27a;border-color:#ffd27a}#admin button.on{color:#1a1204;background:#ffd27a;border-color:#ffd27a}#admin select{flex:1;min-width:0}#admin input{width:90px;font-weight:500}#admin input[type=text]{flex:1;width:auto}#admin .ad-row input[placeholder=x],#admin .ad-row input[placeholder=y],#admin .ad-row input[placeholder=z]{width:80px}#admin .ad-go{letter-spacing:.25em;color:#1a1204;background:#ffd27a;border-color:#ffd27a;flex:1;padding:8px;font-size:17px}#admin .ad-go:hover{color:#1a1204;background:#ffe3a6}#admin .ad-worm{color:#d9c6ff;border-color:#b08cffb3}#admin .ad-worm:hover{color:#efe6ff;border-color:#c9b0ff}#admin .ad-go.ad-worm{color:#12092a;background:#b08cff;border-color:#b08cff}#admin .ad-go.ad-worm:hover{color:#12092a;background:#cdb6ff}#admin .ad-xyz input[placeholder=x],#admin .ad-xyz input[placeholder=y],#admin .ad-xyz input[placeholder=z]{width:62px}#admin .ad-rift{flex-wrap:nowrap;align-items:flex-start}#admin .ad-rift .ad-label{color:var(--ui-dim);flex:1;font-size:12px}#admin .ad-rift .ad-why{color:#ff8a7a}#admin .ad-x{width:34px;height:34px;padding:0}#admin .ad-fleet{flex-direction:column;gap:4px;margin-top:4px;display:flex}#admin .ad-ship{border:1px solid #ffffff0f;border-radius:3px;justify-content:space-between;align-items:center;padding:3px 8px;font-size:14px;display:flex}#admin .ad-ship.on{border-color:#ffd27a80}#admin .ad-ship i{color:var(--ui-dim);font-size:12px;font-style:normal}#admin .ad-ship em{color:#ffd27a;letter-spacing:.15em;font-size:12px;font-style:normal}#admin .ad-ship button{padding:2px 10px;font-size:12px}#admin .ad-hint{color:var(--ui-dim);text-align:center;margin-top:14px;font-size:12px}#admin-badge{z-index:25;pointer-events:none;letter-spacing:.25em;color:#ffd27a;text-shadow:0 0 8px #ffb43c99;font:700 12px Rajdhani,sans-serif;position:fixed;top:6px;left:50%;transform:translate(-50%)}body.ui-hidden #admin-badge{display:none}#systemmap .sm-tp{color:#ffd27a;border-color:#ffd27a80}#rep{z-index:40;pointer-events:auto;width:min(940px,100vw - 36px);max-height:calc(100vh - 36px);color:var(--ui);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040914eb;border-radius:4px;padding:16px 20px 14px;font-family:Rajdhani,sans-serif;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#rep.show{display:block}#rep .rp-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}#rep h2{letter-spacing:.3em;color:var(--accent);margin:0;font-size:26px}#rep .rp-x{cursor:pointer;width:34px;height:34px;color:var(--ui);border:1px solid var(--panel-border);background:#08101ed9;border-radius:3px;font:700 14px Rajdhani,sans-serif}#rep .rp-x:hover{border-color:var(--accent);color:var(--accent)}#rep .rp-cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}#rep .rp-card{border:1px solid color-mix(in srgb, var(--rp) 45%, transparent);background:color-mix(in srgb, var(--rp) 6%, transparent);border-radius:4px;padding:14px 16px}#rep .rp-top{align-items:center;gap:12px;display:flex}#rep .rp-mark{color:var(--rp);text-shadow:0 0 12px color-mix(in srgb, var(--rp) 60%, transparent);font-size:34px;line-height:1}#rep h3{letter-spacing:.06em;color:#fff;margin:0;font-size:19px}#rep .rp-stand{letter-spacing:.25em;color:var(--rp);font-size:13px;font-weight:700}#rep .rp-pts{text-align:right;color:#fff;margin-left:auto;font-size:28px;font-weight:700;line-height:1}#rep .rp-pts i{letter-spacing:.2em;color:var(--ui-dim);text-transform:uppercase;font-size:11px;font-style:normal;font-weight:500;display:block}#rep .rp-bar{background:#ffffff12;border-radius:4px;height:8px;margin:12px 0 4px;overflow:hidden}#rep .rp-bar b{background:var(--rp);height:100%;box-shadow:0 0 10px var(--rp);display:block}#rep .rp-next{color:var(--ui-dim);font-size:13px}#rep .rp-next strong{color:var(--rp)}#rep p{color:#b8cde0;margin:10px 0 0;font-size:14px;line-height:1.35}#rep h4{letter-spacing:.25em;color:var(--ui-dim);margin:12px 0 5px;font-size:11px}#rep .rp-earn{font-size:14px;line-height:1.35}#rep .rp-ladder{flex-direction:column;gap:2px;display:flex}#rep .rp-rank{color:var(--ui-dim);border-left:2px solid #ffffff14;justify-content:space-between;padding:2px 8px;font-size:14px;display:flex}#rep .rp-rank em{font-size:12px;font-style:normal}#rep .rp-rank.done{color:var(--ui);border-left-color:color-mix(in srgb, var(--rp) 50%, transparent)}#rep .rp-rank.now{color:#fff;border-left-color:var(--rp);background:color-mix(in srgb, var(--rp) 14%, transparent);font-weight:700}#rep .rp-soon{color:var(--ui-dim);font-size:13px;font-style:italic}#rep .rp-hint{color:var(--ui-dim);text-align:center;margin-top:12px;font-size:12px}@media (width<=760px){#rep .rp-cards{grid-template-columns:1fr}}