:root{color-scheme:dark;font-family:Georgia,serif;background:#0c1318;color:#e8d8b6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 40%,#25363d,#080e12);min-height:100svh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}main{width:100%;max-width:1900px;margin:auto}.console{position:relative;width:100%;aspect-ratio:1672/941;max-height:calc(100svh - 42px);margin:auto;overflow:hidden;box-shadow:0 20px 80px #000b}.backplate,#chart{position:absolute;width:100%;height:100%;inset:0;display:block;object-fit:fill}#chart{pointer-events:none}.physical-nav{position:absolute;inset:0;pointer-events:none}.physical-nav button{pointer-events:auto}.hotspot,.settings-plate{position:absolute;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;box-shadow:none;padding:0;transition:background .18s,box-shadow .18s}.hotspot:hover,.settings-plate:hover{background:#ffde9820;box-shadow:inset 0 0 15px #ffe6a432,0 0 10px #ffd58933}.hotspot:active,.settings-plate:active{background:#0004}.hotspot:focus-visible,.settings-plate:focus-visible{outline:3px solid #ffe0a0;outline-offset:-3px;background:#ffe19c20}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffd994;outline-offset:3px}.world{left:82.06%;top:12.86%;width:14.35%;height:6.59%}.office{left:82.24%;top:21.47%;width:14.47%;height:6.80%}.broker{left:82.48%;top:30.39%;width:14.59%;height:6.80%}.charter{left:82.66%;top:39.32%;width:14.77%;height:6.91%}.fleet{left:82.83%;top:48.35%;width:14.89%;height:7.01%}.orders{left:83.07%;top:57.60%;width:15.01%;height:7.23%}.ship{left:1.3%;top:74.2%;width:18.5%;height:16.2%;border-radius:2px}.ship span{position:absolute;left:0;right:0;top:0;background:#132128e8;padding:5px;color:#f4dfb3;font:11px monospace;letter-spacing:2px;opacity:0;transition:opacity .18s}.ship:hover span,.ship:focus-visible span{opacity:1}.fuel{left:71.3%;top:82.3%;width:5.9%;height:12.4%}.repair{left:78.1%;top:82.3%;width:6.1%;height:12.4%}.offers{left:43%;top:78.7%;width:26.8%;height:16.8%}.settings-plate{left:85.40%;top:67.40%;width:13.60%;height:9.60%;border-radius:8px}.utility{min-height:42px;padding:7px 18px;display:flex;align-items:center;gap:12px;font:10px/1.4 monospace;letter-spacing:.12em;color:#a99f89}.utility button{border:1px solid #76634488;border-radius:3px;background:#1a282e;color:#dcc49a;font:11px monospace;padding:6px 12px}.utility button:first-of-type{margin-left:auto}.demo-label{opacity:.7}.live-dot{width:5px;height:5px;flex-shrink:0;background:#d8b36e;border-radius:50%;box-shadow:0 0 8px #e2a541}.mobile-nav{display:none}#harbor{position:absolute;left:3.4%;top:12%;width:75.5%;height:57.4%;overflow:hidden;border-radius:7px;background:#7d979f;box-shadow:inset 0 0 25px #000}#harbor[hidden]{display:none}#harbor-canvas{width:100%;height:100%;display:block}.harbor-caption{position:absolute;top:12px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;color:#fff4da;text-shadow:0 2px 5px #000;font:11px monospace;letter-spacing:.13em}.harbor-caption button,.helm button{border:1px solid #b5a17577;background:#152731d9;color:#ecd9b5;border-radius:3px;padding:8px;font:11px monospace}.helm{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0d1a23f5 30%);padding:26px 14px 12px;display:flex;align-items:center;gap:13px;font:10px monospace;color:#f9e7c8}.helm label{display:grid;gap:5px;flex:1}.helm input{width:100%;min-width:45px;accent-color:#d6b778}.helm output{min-width:120px;font-size:12px}dialog{position:fixed;inset:0;margin:auto;width:min(670px,calc(100% - 28px));max-height:90svh;padding:7px;border:2px solid #917a55;border-radius:10px;background:linear-gradient(135deg,#34434a,#14242d 40%,#243740);box-shadow:0 20px 90px #000d;color:#e8dec7}dialog::backdrop{background:#040c13b8;backdrop-filter:blur(5px)}.panel-rim{border:1px solid #77634377;padding:26px;border-radius:4px}dialog header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #9b81584d;padding-bottom:18px;margin-bottom:22px}dialog small{font:9px monospace;letter-spacing:.18em;color:#b7a47f}h1{font:normal 30px Georgia,serif;margin:7px 0 0;color:#f2dfb6}#close-panel{background:#dfd0ad;color:#283034;border:2px ridge #8b7959;border-radius:3px;font:26px Georgia;align-self:flex-start;width:36px;height:36px}dialog p{font:15px/1.65 Georgia,serif;color:#c9c9bb;margin:0 0 18px}dialog footer{margin-top:24px;padding-top:14px;border-top:1px solid #9b81584d;font:9px monospace;letter-spacing:.08em;color:#9eaaac}dialog .row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #ffffff12;padding:14px 0}dialog .row label,dialog .row strong{font:14px Georgia}dialog .row small{display:block;letter-spacing:0;font:11px/1.5 monospace;margin-top:6px;color:#a4b2b5}dialog input[type=checkbox]{width:20px;height:20px;accent-color:#c5a975}dialog select{padding:9px;background:#11232c;border:1px solid #786b51;color:#eadbbb;border-radius:3px;max-width:170px}dialog .action{border:2px ridge #887553;border-radius:3px;padding:11px 16px;background:linear-gradient(#ecdfbd,#baaa83);color:#192830;font:bold 12px monospace;letter-spacing:.03em}dialog .action:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.stats div{background:#0b1a2366;border:1px solid #8b774544;padding:13px}.stats strong{display:block;font:22px Georgia;color:#f2ddb5;margin-top:7px}.offer{padding:15px 0;border-bottom:1px solid #ffffff17}.offer h2{font:19px Georgia;color:#e6d0a6;margin:0 0 8px}.offer p{font-size:13px;margin:0 0 12px}.offer .action{float:right}#toast{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);max-width:90%;padding:13px 20px;border:1px solid #b99a61;background:#13252df5;color:#f2ddb5;border-radius:4px;font:13px/1.5 monospace;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}#toast.show{opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body.reduced *,body.reduced *::before{animation:none!important;transition:none!important}@media(min-aspect-ratio:1672/983){main{width:calc((100svh - 42px)*1672/941)}}@media(max-width:700px){body{align-items:flex-start}main{margin-top:20px}.console{max-height:none}.utility{flex-wrap:wrap;padding:12px;gap:9px;font-size:9px}.demo-label{width:calc(100% - 20px)}.utility button:first-of-type{margin-left:0}.utility button{min-height:44px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 12px}.mobile-nav button{min-height:44px;background:linear-gradient(#36464b,#1b2b32);border:1px solid #766a50;border-radius:4px;color:#e4cf9f;font:12px monospace}.physical-nav .hotspot,.settings-plate{display:none}#harbor{position:fixed;inset:0;width:100%;height:100svh;z-index:10;border-radius:0}.harbor-caption{top:20px;font-size:9px}.helm{flex-wrap:wrap;padding-bottom:25px;gap:15px}.helm output{width:100%}.helm label{min-width:100px}.helm button{min-height:44px}dialog{z-index:20}.panel-rim{padding:18px}h1{font-size:26px}.stats strong{font-size:17px}#toast{z-index:30}.ship span{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}