#ui-root{--panel:#101624;--panel-raised:#172033;--border:#2a3550;--text:#e6ebf5;--muted:#8892a6;--accent:#6fe3ff;--good:#5fd08a;--warn:#e6b85a;--bad:#ff6b6b;pointer-events:none;color:var(--text);font:14px/1.45 Segoe UI,system-ui,sans-serif;position:fixed;inset:0}#ui-root button,#ui-root select,#ui-root input{font:inherit;color:inherit}#ui-root .muted{color:var(--muted)}#ui-root .accent{color:var(--accent)}#ui-root .positive{color:var(--good)}#ui-root .negative{color:var(--bad)}#ui-root .hint{color:var(--muted);margin:10px 0 0;font-size:12px}.hud{border:1px solid var(--border);pointer-events:auto;white-space:nowrap;background:#101624eb;border-radius:10px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hud-date{color:var(--muted);white-space:nowrap;padding:0 6px}.hud-credits{color:var(--accent);padding:0 12px 0 8px;font-weight:600}.hud-credits .muted{margin-left:8px;font-weight:400}.hud-button{background:var(--panel-raised);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:7px 12px}.hud-button:hover{border-color:var(--accent)}.hud-button.active{border-color:var(--accent);color:var(--accent);background:#0b2a33}.hud-button kbd{color:var(--muted);border:1px solid var(--border);border-radius:4px;margin-left:6px;padding:0 5px;font:11px Segoe UI,sans-serif}.window-backdrop{pointer-events:auto;background:#00000080;justify-content:center;align-items:center;padding:24px 24px 80px;display:flex;position:absolute;inset:0}.window-backdrop[hidden]{display:none}.window{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:min(940px,100%);max-height:100%;display:flex;box-shadow:0 20px 60px #0009}.window-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.window-title{font-size:18px;font-weight:600}.window-close{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;width:30px;height:30px;line-height:1;font-size:20px!important}.window-close:hover{border-color:var(--border)}.window-body{scrollbar-color:#2a3550 transparent;padding:16px;overflow-y:auto}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;font-weight:600;display:flex}.section-title span{font-size:13px;font-weight:400}.split{grid-template-columns:1fr 260px;gap:20px;display:grid}.side-panel{background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;align-self:start;padding:14px}.detail-heading{align-items:center;gap:10px;margin-bottom:12px;display:flex}.detail-title{font-size:18px;font-weight:600}.facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 14px;display:grid}.facts dt{color:var(--muted)}.facts dd{text-align:right;margin:0}.button{background:var(--panel-raised);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:7px 12px}.button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.button:disabled{opacity:.4;cursor:not-allowed}.button.small{padding:4px 9px;font-size:13px}.button.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.button-row{flex-wrap:wrap;gap:8px;display:flex}.bar{background:#0a0e18;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.bar-fill{border-radius:3px;height:100%}.bar-fill.accent{background:var(--accent)}.bar-fill.good{background:var(--good)}.bar-fill.warn{background:var(--warn)}.bar-fill.bad{background:var(--bad)}.tag{color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:1px 6px;font-size:11px}.good-icon{color:#0a0e18;border-radius:7px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff40,inset 0 -8px 10px #00000040}.table{border-collapse:collapse;width:100%}.table th{color:var(--muted);text-align:left;border-bottom:1px solid var(--border);padding:6px 8px;font-size:12px;font-weight:400}.table td{vertical-align:middle;border-bottom:1px solid #2a355080;padding:5px 8px}.table .number{text-align:right;font-variant-numeric:tabular-nums}.slot-grid{grid-template-columns:repeat(auto-fill,64px);gap:8px;display:grid}.slot{background:var(--panel-raised);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.slot.empty{cursor:default;background:#0c111c;border-style:dashed}.slot.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.slot[draggable=true]{cursor:grab}.slot-quantity{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;position:absolute;bottom:2px;right:5px}.balance{margin-bottom:18px}.balance-amount{color:var(--accent);font-variant-numeric:tabular-nums;font-size:34px;font-weight:600}.status-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.status-xp{flex:1}.level-badge{width:76px;height:76px;color:var(--accent);border:2px solid var(--accent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:28px;font-weight:700;line-height:1.1;display:flex}.skill-row{border-top:1px solid #2a355080;align-items:center;gap:14px;padding:10px 0;display:flex}.skill-info{flex:1}.list-item{background:var(--panel-raised);border:1px solid var(--border);cursor:pointer;border-radius:8px;margin-bottom:6px;padding:9px 10px}.list-item.selected{border-color:var(--accent)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.stat{background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.stat-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.ships .section-title{margin-top:18px}.ship-list .section-title{margin-top:0}.attachment-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.attachment{background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.attachment.empty{background:#0c111c;border-style:dashed}.attachment .button{margin-top:auto}.attachment.empty .button{margin-top:0}.market-summary{flex-wrap:wrap;gap:8px 28px;margin-bottom:14px;display:flex}.good-cell{align-items:center;gap:10px;display:flex}.market .actions{white-space:nowrap;text-align:right}.quantity{border:1px solid var(--border);background:#0a0e18;border-radius:6px;width:64px;padding:4px 6px}.quantity:focus{border-color:var(--accent);outline:none}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 14px;box-shadow:0 6px 20px #00000080}.toast.error{border-color:var(--bad)}@media (width<=760px){.split,.split.ships,.attachment-grid,.stat-grid{grid-template-columns:1fr}.hud-button kbd{display:none}}.window.wide{width:min(1280px,100%)}.filters{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px;display:flex}.filters label{color:var(--muted);align-items:center;gap:6px;display:flex}.filters select,.filters .search{color:var(--text);border:1px solid var(--border);background:#0a0e18;border-radius:6px;padding:5px 8px}.filters .search{width:220px}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.table th.sortable:hover{color:var(--accent)}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--panel-raised)}.table tr.selected td{background:var(--panel-raised);color:var(--accent)}.table tr.here td{background:#6fe3ff0f}.order-type{border:1px solid;border-radius:4px;padding:1px 7px;font-size:12px}.order-type.sell{color:var(--warn)}.order-type.buy{color:var(--good)}.container{margin-bottom:18px}.container.remote .slot{opacity:.6}@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.ttf)format("truetype");font-display:block}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf)format("truetype");font-display:block}#ui-root{-webkit-font-smoothing:none;font:20px/1.2 VT323,monospace}#ui-root,#ui-root *{border-radius:0!important}#ui-root .small,#ui-root .hint{font-size:17px}.hud,.window,.side-panel,.stat,.attachment,.list-item,.slot,.button,.hud-button,.toast{border-width:2px}.hud{box-shadow:4px 4px #000}.window{box-shadow:8px 8px #000}.toast{box-shadow:4px 4px #000}.window-title,.detail-title,.balance-amount,.level-badge,.stat-value{font-family:"Press Start 2P",monospace}.window-title{font-size:16px}.detail-title{font-size:13px;line-height:1.5}.balance-amount{font-size:26px}.stat-value{font-size:12px;line-height:1.8}.level-badge{font-size:20px}.level-badge .small{font-family:VT323,monospace}.hud-button kbd{font:15px VT323,monospace}.table th,.slot-quantity,.order-type{font-size:17px}.tag{font-size:15px}.button.small{font-size:18px}.good-icon,.pixel-icon,.portrait,.ship-picture{image-rendering:pixelated;flex:none}.good-icon{width:32px;height:32px;box-shadow:none;border:2px solid var(--border);background:#0a0e18}.slot .good-icon{background:0 0;border:none;width:48px;height:48px}.pixel-icon{vertical-align:middle;width:24px;height:24px;margin-right:6px}.pixel-icon.large{width:40px;height:40px}.portrait{border:2px solid var(--border);width:96px;height:96px}.ship-picture{width:112px;height:112px}.ship-picture.small{width:56px;height:56px}.ship-header,.profile-header{align-items:center;gap:16px;display:flex}.profile-header{margin-bottom:18px}.profile-name{flex:1}.profile-ship{background:var(--panel-raised);border:2px solid var(--border);align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.profile-columns{grid-template-columns:240px 1fr;gap:24px;display:grid}.mini-skill{margin-bottom:10px}.fitting{align-items:center;margin-bottom:6px;display:flex}.fit-option{text-align:left;align-items:center;width:100%;display:flex}.ship-item{align-items:center;gap:8px;display:flex}.section-title.spaced{margin-top:18px}.attachment-grid.two{grid-template-columns:repeat(2,1fr)}.split.ships{grid-template-columns:260px 1fr}.bar{height:8px}#ui-root.large-text{font-size:24px}#ui-root.large-text .small,#ui-root.large-text .hint{font-size:20px}.menu-overlay{pointer-events:auto;z-index:10;background:#03050ad1;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.menu-overlay[hidden]{display:none}.menu-panel{background:var(--panel);border:2px solid var(--border);scrollbar-color:#2a3550 transparent;flex-direction:column;gap:10px;width:min(460px,100%);max-height:100%;padding:28px;display:flex;overflow-y:auto;box-shadow:8px 8px #000}.menu-panel.wide{width:min(1200px,100%)}.menu-logo{color:var(--accent);text-align:center;text-shadow:4px 4px #0b2a33;font:30px/1.4 "Press Start 2P",monospace}.menu-tagline{text-align:center;color:var(--muted);margin:0 0 14px}.menu-title{margin-bottom:6px;font:18px "Press Start 2P",monospace}.menu-note{color:var(--muted);margin:0 0 6px;font-size:17px}.menu-button{background:var(--panel-raised);border:2px solid var(--border);cursor:pointer;padding:12px;font:13px "Press Start 2P",monospace!important}.menu-button:hover{border-color:var(--accent);color:var(--accent)!important}.save-slot{background:var(--panel-raised);border:2px solid var(--border);align-items:center;gap:12px;padding:10px;display:flex}.save-number{color:var(--accent);font:16px "Press Start 2P",monospace}.save-description{flex:1}.menu-setting{align-items:center;gap:8px;display:flex}.menu-setting input[type=text]{border:2px solid var(--border);background:#0a0e18;flex:1;padding:5px 8px}.menu-setting input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.dev-tabs{flex-wrap:wrap;gap:6px;display:flex}.dev-tabs .active{border-color:var(--accent);color:var(--accent)}.dev-body{border:2px solid var(--border);max-height:55vh;padding:8px;overflow:auto}.dev-body td,.dev-body th{white-space:nowrap}.combat-hud{border:2px solid var(--bad);pointer-events:auto;background:#101624f2;flex-direction:column;gap:8px;width:min(560px,100% - 24px);padding:12px 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000}.combat-hud[hidden]{display:none}.combat-title{color:var(--bad);text-align:center;font:14px "Press Start 2P",monospace}.combat-ships{align-items:center;gap:12px;display:flex}.combat-side{flex:1}.combat-side.enemy .combat-name{color:var(--bad)}.combat-side.you .combat-name{color:var(--accent)}.combat-vs{color:var(--muted);font:11px "Press Start 2P",monospace}.combat-hud .bar{height:10px;margin:4px 0}.combat-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.combat-queue{gap:6px;display:flex}.combat-slot{border:2px dashed var(--border);background:#0a0e18;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.combat-slot.filled{border-style:solid;border-color:var(--accent)}.combat-slot.next{border-color:var(--warn);box-shadow:0 0 0 2px #e6b85a59}.combat-slot img{width:32px;height:32px;image-rendering:pixelated}.combat-weapon{align-items:center;display:flex}.combat-log{border:2px solid var(--border);background:#0a0e18;min-height:84px;padding:6px 8px;font-size:18px;line-height:1.15}#ui-root .warn{color:var(--warn)}.button.active{border-color:var(--accent);color:var(--accent)}.create-top{align-items:flex-start;gap:18px;margin-bottom:8px;display:flex}.create-fields{flex-direction:column;flex:1;gap:10px;display:flex}.swatches{gap:6px;display:flex}.swatch{border:2px solid var(--border);cursor:pointer;width:30px;height:30px}.swatch.chosen{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.create-skill{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.stepper{justify-content:flex-end;align-items:center;gap:10px;min-width:96px;display:flex}.starters{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.starter{background:var(--panel-raised);border:2px solid var(--border);cursor:pointer;flex-direction:column;gap:4px;padding:10px;display:flex}.starter.chosen{border-color:var(--accent)}.starter .ship-picture{align-self:center}.tutorial-text{margin:0;font-size:22px;line-height:1.3}@media (width<=900px){.starters{grid-template-columns:repeat(2,1fr)}}.order-form .quantity.wide{width:110px}.trade-popup{z-index:20;text-align:center;background:var(--panel);border:2px solid var(--accent);pointer-events:auto;cursor:pointer;flex-direction:column;align-items:center;gap:10px;min-width:320px;padding:18px 22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:8px 8px #000}.trade-popup[hidden]{display:none}.trade-popup-title{font:16px "Press Start 2P",monospace}.trade-popup-title.bought{color:var(--warn)}.trade-popup-title.sold{color:var(--good)}.trade-popup-item{text-align:left;align-items:center;gap:12px;font-size:22px;display:flex}.trade-popup-item .good-icon{width:48px;height:48px}.attack-box{background:var(--panel-raised);border:2px solid var(--border);flex-direction:column;gap:8px;margin-bottom:18px;padding:12px;display:flex}.attack-box.hostile{border-color:var(--bad)}.attack-box .section-title{margin:0}.attack-box .button{align-items:center;display:flex}.loot-popup{z-index:19;background:var(--panel);border:2px solid var(--warn);pointer-events:auto;flex-direction:column;gap:10px;min-width:380px;max-height:70vh;padding:18px 22px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:8px 8px #000}.loot-popup[hidden]{display:none}.loot-title{color:var(--warn);margin-bottom:4px;font:14px "Press Start 2P",monospace}.loot-row{background:var(--panel-raised);border:2px solid var(--border);align-items:center;gap:12px;padding:6px 8px;font-size:20px;display:flex}.loot-row .good-icon{width:36px;height:36px}.loot-name{flex:1}.loot-popup.ship-lost{z-index:21;border-color:#e04a4a;font-size:20px}.ship-lost .loot-title{color:#e04a4a}.hud-points{color:var(--warn);cursor:pointer}.loot-popup.plants-popup{border-color:var(--warn);z-index:20;width:min(760px,100vw - 16px);font-size:19px}.plants-split{align-items:flex-start;gap:14px;display:flex}.plants-list{flex-direction:column;flex:0 0 240px;gap:6px;max-height:50vh;display:flex;overflow-y:auto}.plants-detail{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.plants-owner{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.plants-figures{flex-wrap:wrap;gap:6px 18px;display:flex}@media (width<=700px){.plants-split{flex-direction:column}.plants-list{flex:none;width:100%;max-height:22vh}}.friend-row{background:var(--panel-raised);border:2px solid var(--border);align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;display:flex}.friend-name{flex:1;min-width:0}.split.chat{align-items:stretch;gap:14px;display:flex}.chat-list{flex-direction:column;flex:0 0 220px;gap:6px;display:flex}.chat-pane{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.chat-thread{border:2px solid var(--border);-webkit-overflow-scrolling:touch;background:#0b0f1a;flex-direction:column;gap:8px;height:46vh;padding:8px;display:flex;overflow-y:auto}.chat-line{background:var(--panel-raised);border:2px solid var(--border);overflow-wrap:anywhere;max-width:85%;padding:4px 8px}.chat-line.mine{border-color:var(--accent);align-self:flex-end}.chat-from{color:var(--accent)}.chat-entry{gap:8px;display:flex}.chat-entry input{min-width:0;font:inherit;color:var(--text);background:var(--panel-raised);border:2px solid var(--border);flex:1;padding:6px 8px}@media (width<=700px){.split.chat{flex-direction:column}.chat-list{flex:none}.chat-thread{height:38vh}}.ship-item .button.small{align-self:center;margin-left:auto}.button.selected{border-color:var(--accent);color:var(--accent)}.menu-setting select{font:inherit;color:var(--text);background:var(--panel-raised);border:2px solid var(--border);max-width:220px;padding:4px 6px}.menu-setting input[type=number],.menu-setting input[type=password]{font:inherit;color:var(--text);background:var(--panel-raised);border:2px solid var(--border);width:130px;padding:4px 6px}.menu-setting input.short{width:80px}.label-short{display:none}#ui-root{touch-action:manipulation}.window-body,.menu-panel,.dev-body,.loot-popup{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y}.trade-popup,.loot-popup{box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100% - 16px)}@media (width<=700px),(height<=500px){.hud{padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:none;white-space:normal;border-width:2px 0 0;flex-wrap:wrap;justify-content:center;gap:4px;bottom:0;left:0;right:0;transform:none}.hud-credits{text-align:center;flex-basis:100%;padding:0}.hud-button{text-align:center;flex:1 1 0;min-width:0;padding:9px 2px}.hud-button kbd,.label-long{display:none}.label-short{display:inline}.window-backdrop{padding:0 0 calc(86px + env(safe-area-inset-bottom));align-items:stretch}.window,.window.wide{width:100%;max-height:none;box-shadow:none;border-width:0 0 2px}.window-header{padding:8px 12px}.window-close{width:40px;height:40px}.window-body{padding:10px;overflow-x:auto}.split,.split.ships,.profile-columns,.attachment-grid,.attachment-grid.two{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr);gap:6px}.stat{padding:6px 8px}.table th,.table td{white-space:nowrap;padding:5px 8px}.profile-header{flex-wrap:wrap}.toasts{bottom:calc(92px + env(safe-area-inset-bottom));width:calc(100% - 16px)}.toast{text-align:center}.menu-overlay{padding:8px}.menu-panel{gap:8px;padding:16px}.menu-logo{font-size:22px}.menu-title{font-size:15px}.menu-setting{flex-wrap:wrap}.create-top{gap:10px}.create-skill{align-items:flex-start}.tutorial-text{font-size:19px}.save-slot{flex-wrap:wrap}#ui-root input,#ui-root select{font-size:16px}.combat-hud{box-sizing:border-box;width:calc(100% - 8px);box-shadow:none;gap:5px;padding:6px 8px;top:4px}.combat-title{display:none}.combat-slot{width:30px;height:30px}.combat-log{min-height:0;max-height:40px;font-size:15px;overflow:hidden}.combat-hud>.muted.small:last-child{display:none}.loot-popup{width:calc(100vw - 16px);min-width:0;padding:12px}.trade-popup{width:calc(100vw - 32px);min-width:0;padding:14px}}@media (width<=700px){.starters{grid-template-columns:1fr 1fr}.ship-picture{width:80px;height:80px}}@media (height<=500px){.hud{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-wrap:nowrap}.hud-credits{white-space:nowrap;flex-basis:auto;padding:0 8px}.hud-button{padding:6px 2px}.window-backdrop{padding-bottom:calc(46px + env(safe-area-inset-bottom))}.toasts{bottom:calc(52px + env(safe-area-inset-bottom))}.combat-log{display:none}.combat-hud{width:min(560px,100% - 8px)}}.menu-setting input[type=text]{min-width:0}.swatches{flex-wrap:wrap}.create-fields{min-width:0}@media (height<=500px){.menu-panel{gap:5px;padding:10px 16px}.menu-logo{font-size:16px;line-height:1.2}.menu-tagline{display:none}.menu-button{padding:7px}}.tabs{margin-bottom:14px}.plant-summary{flex:1;min-width:0}.ingredient{white-space:nowrap;align-items:center;gap:4px;margin-right:12px;display:inline-flex}.ingredient .good-icon{border-width:1px;width:22px;height:22px}.recipe{background:var(--panel-raised);border:2px solid var(--border);margin-bottom:6px;padding:8px 10px}.recipe.secret{border-style:dashed}.recipe-line{flex-wrap:wrap;align-items:center;gap:4px 0;margin-top:4px;display:flex}.recipe-line .accent{margin-right:12px}.build-cost{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:8px;display:flex}.plant-recipe{align-items:center;gap:8px;margin-bottom:6px;display:flex}.plant-recipe select{border:2px solid var(--border);background:#0a0e18;flex:1;min-width:0;padding:5px 8px}.plant-status{margin-top:6px}.spaced-small{margin-top:10px}.window .loot-row{font-size:inherit;margin-bottom:4px}.window .loot-row .good-icon{width:28px;height:28px}.queue-panel{border:2px solid var(--border);pointer-events:auto;background:#101624eb;flex-direction:column;gap:4px;width:280px;max-width:calc(100% - 32px);padding:8px 10px;display:flex;position:absolute;top:170px;left:16px;box-shadow:4px 4px #000}.queue-panel[hidden]{display:none}.queue-title{color:var(--accent);margin-bottom:2px;font:10px "Press Start 2P",monospace}.queue-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.queue-row.now{color:var(--good)}.queue-cancel{background:var(--panel-raised);border:2px solid var(--border);cursor:pointer;flex:none;width:28px;height:26px;color:var(--bad)!important}.queue-cancel:hover{border-color:var(--bad)}.combat-slot.filled{cursor:pointer}@media (width<=700px),(height<=500px){.queue-panel{width:230px;box-shadow:none;padding:6px 8px;font-size:15px;top:128px;left:6px}.queue-cancel{width:34px;height:30px}}.queue-row.combat{color:var(--bad);font-weight:600}.queue-hulls{justify-content:space-between;gap:10px;display:flex}.fight-sides{gap:10px;display:flex}.fight-side{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fight-side .small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fight-bar{border:2px solid var(--border);background:#101624;height:18px;font-size:15px;line-height:14px;position:relative}.fight-bar>div{transition:width .25s;position:absolute;top:0;bottom:0;left:0}.fight-bar>span{color:#fff;text-shadow:1px 1px #05060a;white-space:nowrap;padding-left:4px;position:relative}.fight-bar.shield>div{background:#2f7fd0}.fight-bar.hull>div{background:#c23a3a}.fight-bar.none>span{color:var(--muted,#8a94ab)}.loot-popup.level-up{border-color:var(--good);z-index:20;max-width:520px;font-size:20px}.level-up .loot-title{color:var(--good)}.npc-table{border-collapse:collapse;width:100%;font-size:18px}.npc-table th,.npc-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:3px 8px}.npc-table th{background:var(--panel);cursor:pointer;position:sticky;top:0}.npc-table td.num{text-align:right}.dev-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.dev-toolbar input{font:inherit;color:var(--text);background:var(--panel-raised);border:2px solid var(--border);padding:4px 6px}.npc-scroll{-webkit-overflow-scrolling:touch;max-height:60vh;overflow:auto}.tutorial-panel{border:2px solid var(--warn);pointer-events:auto;background:#101624f2;width:360px;max-width:calc(100% - 32px);padding:10px 12px;position:absolute;bottom:84px;right:16px;box-shadow:4px 4px #000}.tutorial-panel[hidden]{display:none}.tutorial-panel p{margin:6px 0}.tutorial-head{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.tutorial-count{color:var(--warn);white-space:nowrap;margin-right:6px}.tutorial-title{font-weight:600}.tutorial-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.tutorial-head>span{flex:1;min-width:0}@media (width<=700px),(height<=500px){.tutorial-panel{width:auto;max-width:none;left:4px;right:4px;bottom:calc(90px + env(safe-area-inset-bottom));box-shadow:none;padding:6px 8px}.toasts{bottom:calc(136px + env(safe-area-inset-bottom))}}@media (height<=500px){.tutorial-panel{bottom:calc(48px + env(safe-area-inset-bottom));width:360px;left:auto}.toasts{bottom:calc(96px + env(safe-area-inset-bottom))}}.chart-grid-layout{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;display:grid}.chart{background:var(--panel-raised);border:2px solid var(--border);min-width:0;padding:10px 12px}.chart-title{font-weight:600}.chart svg{width:100%;height:190px;margin-top:6px;display:block}.chart-grid{stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-zero{stroke:var(--muted);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-label{fill:var(--muted);font:12px Segoe UI,system-ui,sans-serif}.chart-legend{flex-wrap:wrap;gap:2px 14px;margin-top:6px;font-size:15px;display:flex}.chart-legend i{width:10px;height:10px;margin-right:5px;display:inline-block}.chart-legend b{color:var(--text);font-weight:600}@media (width<=700px){.chart-grid-layout{grid-template-columns:1fr}}.observe-banner{border:2px solid var(--accent);pointer-events:auto;white-space:nowrap;z-index:5;background:#101624f2;align-items:center;gap:12px;padding:6px 10px 6px 14px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000}.observe-banner[hidden]{display:none}.observe-row{margin-bottom:12px}@media (width<=700px),(height<=500px){.observe-banner{top:auto;bottom:calc(132px + env(safe-area-inset-bottom));box-shadow:none}}@media (height<=500px){.observe-banner{bottom:calc(52px + env(safe-area-inset-bottom))}}.move-button{text-align:left;width:100%;margin-bottom:8px;display:block}@media (width<=760px){.split.inventory .side-panel{order:-1}}.connection-notice{text-align:center;background:var(--panel);border:2px solid var(--bad);pointer-events:auto;z-index:30;max-width:calc(100% - 32px);padding:14px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:8px 8px #000}.connection-notice[hidden]{display:none}.connection-notice strong{color:var(--bad)}.system-search{pointer-events:auto;position:absolute;top:10px;right:10px}.system-search input{width:190px;font:inherit;color:var(--text);border:1px solid var(--border);background:#101624eb;border-radius:8px;padding:6px 9px;box-shadow:4px 4px #000}.system-search input:focus{border-color:var(--accent);outline:none}@media (width<=700px),(height<=500px){.system-search{top:6px;right:6px}.system-search input{width:130px;padding:4px 7px}}.chart svg.chart-pie{width:190px;height:190px;margin:6px auto 0}.chart-chooser{margin-bottom:6px}.chart-chooser select{max-width:100%}.company-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.company-manage{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.company-manage select,.company-form input{font:inherit}.small-input{width:110px}.company-row{cursor:pointer}.company-wallet{background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.balance-amount.small{font-size:22px}.pay-with{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stat-value{font-size:14px}.company-partner{border-top:1px solid #2a355080;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;display:flex}.company-tick{align-items:center;gap:6px;padding:3px 0;display:flex}.company-good{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.wide-input{width:320px;max-width:100%}.company-orders td{border-top:none;padding-top:0}.company-orders .company-manage{margin-top:4px}.company-manage label{align-items:center;gap:4px;display:inline-flex}.company-manage select{max-width:190px}#ui-root select,.menu-panel select{color:var(--text);border:1px solid var(--border);background:#0a0e18;border-radius:6px;padding:4px 6px}#ui-root select option,.menu-panel select option{color:#e6ebf5;background:#101624}#ui-root select:focus{border-color:var(--accent);outline:none}.employment{border:1px solid var(--accent);border-radius:8px;margin:14px 0;padding:12px}.employment .stat-grid{margin-top:8px}#ui-root input[type=number],#ui-root input[type=text],#ui-root input[type=search],#ui-root input.search{color:var(--text);border:1px solid var(--border);background:#0a0e18;border-radius:6px;padding:4px 6px}#ui-root input::placeholder{color:var(--muted);opacity:.8}#ui-root input:focus{border-color:var(--accent);outline:none}.link-button{font:inherit;color:var(--accent,#6fe3ff);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.link-button:hover{filter:brightness(1.25)}.chart-area{position:relative}.chart-text{white-space:nowrap;pointer-events:none;color:var(--muted);font:12px/1 Segoe UI,system-ui,sans-serif;position:absolute}.login-panel{max-width:460px}.login-field{flex-direction:column;align-items:stretch;gap:4px;margin:8px 0;display:flex}.login-field input{font:inherit;background:var(--panel-raised,#141a28);color:var(--text,#e6ecf5);border:2px solid var(--border,#2a3550);padding:6px 8px}.login-error{margin:6px 0}#ui-root .login-field input{box-sizing:border-box;width:100%}