.ob-game{isolation:isolate;color:#e2e8f0;background:radial-gradient(at 20% 0,#18345988,#0000 45%),radial-gradient(at 90% 90%,#70208d33,#0000 50%),#0b1429;border:1px solid #7661a6;border-radius:28px;max-width:960px;margin:auto;padding:clamp(10px,2vw,22px);position:relative;overflow:hidden;box-shadow:0 0 24px #a855f71a}.ob-game *{box-sizing:border-box}.ob-game [hidden]{display:none!important}.ob-game button,.ob-game a{color:#e2e8f0;min-height:44px;font:inherit;cursor:pointer;text-align:center;background:linear-gradient(145deg,#213752,#111d35);border:1px solid #38638a;border-radius:12px;padding:10px 12px;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s}.ob-game button:disabled{opacity:.43;cursor:default}.ob-game :is(button,a,input):focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.ob-game button:not(:disabled):hover{border-color:#67e8f9}.ob-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.ob-toolbar>strong{letter-spacing:.06em;font-size:clamp(11px,2.8vw,17px)}.ob-toolbar .game-toolbar-actions{gap:5px}.ob-toolbar .game-icon-button{width:44px;min-width:44px;height:44px;padding:8px}.ob-game h2,.ob-game h3,.ob-game p{margin-top:0}.ob-game h3{letter-spacing:.06em;margin-bottom:10px;font-size:14px}.ob-note{color:#aec0d8;margin:10px 0;font-size:12px;line-height:1.6}.ob-ready{text-align:center;padding:18px 4px}.ob-eyebrow{letter-spacing:.14em;color:#8edaf1;font-size:11px}.ob-ready h2{color:#67e8f9;text-shadow:0 3px #143f78,0 0 24px #38bdf844;letter-spacing:-.04em;margin:18px 0;font-size:clamp(38px,8vw,70px);line-height:1}.ob-ready h2 em{color:#fbbf24;text-shadow:0 3px #78350f,0 0 20px #fbbf2433;font-style:normal;display:block}.ob-hero{width:min(100%,420px);height:auto;margin:4px auto 8px}.ob-brief{max-width:490px;margin:0 auto 20px;font-size:14px;line-height:1.7}.ob-stack{gap:10px;max-width:420px;margin:12px auto 0;display:grid}.ob-game .ob-primary{background:linear-gradient(125deg,#ba15d5,#7129cf);border-color:#ee8cff;font-size:16px;box-shadow:0 0 16px #c026d344}.ob-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 10px;display:grid}.ob-hud>div{text-align:center;background:#0d2038;border:1px solid #285074;border-radius:11px;padding:10px 3px}.ob-hud dt{color:#b1c8df;font-size:10px}.ob-hud dd{color:#67e8f9;margin:5px 0 0;font-size:clamp(18px,4vw,25px);font-weight:800}.ob-hud>div:first-child dd,.ob-hud>div:last-child dd{color:#fbbf24}.ob-target{align-items:center;gap:12px;margin-bottom:18px;font-size:11px;display:flex}.ob-target progress{accent-color:#fbbf24;flex:1;min-width:0;height:7px}.ob-target b{color:#fbbf24}.ob-columns{gap:16px;display:grid}.ob-map-panel,.ob-market,.ob-cargo-panel{background:#0d1a30;border:1px solid #2d5175;border-radius:17px;min-width:0;padding:13px}.ob-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ob-section-head h3{margin:0}.ob-section-head>span{color:#9bb8d7;font-size:10px}.ob-map{height:205px;margin:8px 0;position:relative}.ob-map>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ob-game .ob-station{background:0 0;border-color:#0000;justify-items:center;gap:5px;width:34%;padding:3px;font-size:11px;display:grid;position:absolute}.ob-station-0{top:85px;left:0}.ob-station-1{top:0;left:33%}.ob-station-2{top:85px;right:0}.ob-planet{width:52px;height:52px;color:var(--station-color);border:2px solid var(--station-color);box-shadow:0 0 14px color-mix(in srgb, var(--station-color) 25%, transparent);background:radial-gradient(circle at 30% 20%,#ffffff30,#070f24);border-radius:50%;place-items:center;font-size:28px;display:grid}.ob-station[aria-pressed=true] .ob-planet{outline-offset:4px;outline:2px solid #e2e8f0}.ob-station small{color:var(--station-color);font-size:9px}.ob-ship{z-index:2;pointer-events:none;filter:drop-shadow(0 0 4px #38bdf8aa);width:52px;height:36px;position:absolute;transform:translate(-50%,-50%)}.ob-ship svg{width:100%;height:100%;display:block}.ob-exhaust{opacity:.3}.ob-ship.is-flying .ob-exhaust{opacity:1}.ob-map-panel>p:first-of-type{min-height:32px;font-size:12px}.ob-game .ob-travel{background:linear-gradient(125deg,#28417b,#5632a1);border-color:#a78bfa;width:100%}.ob-cargo-panel{margin-top:12px}.ob-slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.ob-slots>span{aspect-ratio:1;background:#192a43;border:1px solid #3b5878;border-radius:6px;place-items:center;font-size:19px;display:grid}.ob-cargo-panel>p{color:#b8cce0;margin:9px 0 0;font-size:12px}.ob-tools{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.ob-game .ob-gold{color:#fef3c7;background:#70440e;border-color:#fbbf24;grid-column:1/-1}.ob-goods{gap:8px;margin-top:14px;display:grid}.ob-game .ob-good{text-align:left;align-items:center;gap:10px;min-height:67px;padding:9px;display:flex}.ob-good[aria-pressed=true]{border-color:var(--good-color);background:#24334c}.ob-good-icon{color:var(--good-color);text-align:center;width:30px;font-size:28px}.ob-good small{color:#adbed6;margin-top:3px;font-size:11px;font-weight:400;display:block}.ob-quote{text-align:right;margin-left:auto}.ob-quote b{color:#e2e8f0;font-size:17px}.ob-trade-panel{border-top:1px solid #35506c;margin-top:16px;padding-top:16px}.ob-quantity{justify-content:center;align-items:center;gap:12px;display:flex}.ob-quantity button{flex-shrink:0;width:48px;min-width:44px;font-size:22px}.ob-quantity label{color:#adc6dc;text-align:center;font-size:10px}.ob-quantity input{color:#fff;text-align:center;background:#081528;border:1px solid #4d688c;border-radius:8px;width:72px;min-height:44px;font:700 20px system-ui;display:block}.ob-trade-panel>p{text-align:center;margin:12px 0;font-size:13px}.ob-trade-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ob-game .ob-buy{background:linear-gradient(120deg,#145346,#176b55);border-color:#6ee7b7}.ob-game .ob-sell{background:linear-gradient(120deg,#642365,#8a237e);border-color:#e879f9}.ob-status{color:#cffafe;min-height:22px;margin:16px 0 5px;font-size:13px;line-height:1.6}.ob-dialog{color:#e2e8f0;overscroll-behavior:contain;background:#101d35;border:1px solid #67e8f9;border-radius:22px;width:min(500px,100% - 24px);max-height:calc(100dvh - 28px);padding:0;box-shadow:0 0 40px #a855f744}.ob-dialog::backdrop{background:#030817d9}.ob-dialog-content{text-align:center;padding:22px;position:relative;overflow:hidden}.ob-dialog h2{color:#67e8f9;margin:14px 0;font-size:clamp(25px,6vw,36px)}.ob-dialog p{font-size:14px;line-height:1.6}.ob-dialog .ob-result-number{color:#fbbf24;font-size:50px;font-weight:800}.ob-result-stats{text-align:left;background:#0b162b;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;padding:14px;font-size:13px;display:grid}.ob-result-stats b{color:#fbbf24;text-align:right}.ob-intel{text-align:left;gap:12px;display:grid}.ob-intel article{border:1px solid #36597a;border-radius:12px;padding:12px}.ob-intel h3{color:#67e8f9}.ob-intel p{margin-bottom:8px;font-size:11px}.ob-intel dl{grid-template-columns:1fr auto;gap:6px;margin:0;font-size:13px;display:grid}.ob-intel dd{color:#e2e8f0;margin:0}.ob-effects{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.ob-particle{pointer-events:none;border-radius:2px;width:6px;height:9px;position:absolute;top:45%;left:50%}.ob-game[data-phase=PAUSED] [data-ob-play]{filter:brightness(.55)}.ob-game[data-phase=CONTRACT_WON] .ob-dialog h2{color:#fbbf24}@media (width>=720px){.ob-columns{grid-template-columns:1fr 1.1fr;align-items:start}.ob-map{height:230px}.ob-station-0,.ob-station-2{top:105px}}@media (width<=360px){.ob-game{border-radius:18px;padding:10px}.ob-toolbar{gap:3px}.ob-map-panel,.ob-market,.ob-cargo-panel{padding:10px}.ob-dialog-content{padding:17px}.ob-toolbar>strong{letter-spacing:0}.ob-hud dt{font-size:9px}}@media (prefers-reduced-motion:reduce){.ob-game *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ob-trade-panel h3{position:relative}.ob-trade-balance{background:#191f30;border:1px solid #6b582c;border-radius:12px;grid-template-columns:1.2fr 1fr;gap:8px;margin:0 0 16px;padding:12px;display:grid}.ob-trade-balance dt{color:#c7d4e5;font-size:10px}.ob-trade-balance dd{color:#fbbf24;margin:5px 0 0;font-size:22px;font-weight:800}.ob-trade-balance>div:last-child dd{color:#67e8f9;font-size:17px}.ob-ready h2{letter-spacing:-.045em;font-weight:900}.ob-ready>p:first-of-type{color:#c4d8ee;font-size:15px}.ob-hero{background:radial-gradient(#1e3b632e,#0000 70%);border-radius:20px}.ob-mission-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:490px;margin:-8px auto 12px;display:grid}.ob-mission-stats>div{background:#0b1b31;border:1px solid #35516f;border-radius:12px;padding:12px 4px}.ob-mission-stats span{letter-spacing:.06em;color:#b6cce3;font-size:9px;display:block}.ob-mission-stats b{color:#67e8f9;margin-top:5px;font-size:24px;display:block}.ob-mission-stats small{color:#bdcfe2;font-size:11px;font-weight:500;display:block}.ob-mission-stats>div:last-child{background:#302412;border-color:#a07930}.ob-mission-stats>div:last-child b{color:#fbbf24}.ob-fare-guide{text-align:left;grid-template-columns:1fr 1fr;gap:9px;max-width:490px;margin:0 auto 18px;display:grid}.ob-fare-guide>div{background:#352819;border:1px solid #826536;border-radius:12px;padding:12px}.ob-fare-guide>div:last-child{background:#102e2b;border-color:#397867}.ob-fare-guide span{color:#e2e8f0;font-size:11px;font-weight:700;display:block}.ob-fare-guide strong{color:#fbbf24;margin:5px 0;font-size:20px;display:block}.ob-fare-guide>div:last-child strong{color:#6ee7b7}.ob-fare-guide small{color:#d3e0ed;font-size:10px;line-height:1.5;display:block}.ob-game .ob-travel{background:linear-gradient(125deg,#553915,#322748);border-color:#fbbf24;justify-content:space-between;align-items:center;gap:8px;padding:14px 12px;display:flex}.ob-travel strong{color:#fde68a;font-size:19px}.ob-travel small{white-space:nowrap;border:1px solid #9a7c4e;border-radius:6px;padding:5px;font-size:10px}.ob-game .ob-wait{background:#13382f;border-color:#478c79;gap:4px;display:grid}.ob-wait span{font-size:12px}.ob-wait strong{color:#6ee7b7;font-size:22px}.ob-wait small{color:#c7e5df;font-size:9px}.ob-tools>[data-ob=intel]{align-self:stretch}
