@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-serif-sc-0.ttf) format("truetype")}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/noto-serif-sc-1.ttf) format("truetype")}:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#f4edda;background:#163f48;font-synthesis:none;--cream: #f4edda;--muted: #a5c6c4;--accent: #e8ad61;--dark: #163f48;--line: #d2e7d020;--cell: 60px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;-webkit-user-select:none;user-select:none}button,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;transition:background .2s,transform .2s}button:focus-visible{outline:2px solid #f1cc8b;outline-offset:5px}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p{margin:0}#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:none}#app{position:fixed;inset:0;z-index:1;pointer-events:none}#app button,#app select{pointer-events:auto}.boot{position:absolute;inset:0;display:grid;place-items:center;letter-spacing:4px}.primary{display:flex;align-items:center;justify-content:space-between;gap:42px;background:var(--accent);color:#283d37;font-weight:800;padding:17px 26px;border-radius:5px;box-shadow:0 4px #a7723d;font-size:15px;min-width:188px}.primary svg{width:23px}.outline-btn{border:1px solid #93b4af55;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;color:#d4dfce;font-size:12px}.icon-btn{display:grid;place-items:center;width:41px;height:41px;border:1px solid #d7e4d241;border-radius:50%;background:#163d4160;color:#e5ecd8}.icon-btn svg{width:18px;height:18px}.text-btn{display:flex;align-items:center;gap:9px;font-size:13px;color:#e3e5cf;padding:16px 0}.text-btn svg{width:18px}.text-btn span{margin-left:15px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.2px;color:#c1d9cd}.brand{display:flex;align-items:center;gap:13px;position:absolute;left:4.5vw;top:37px;font-family:Georgia,serif;letter-spacing:3px;font-size:16px;font-weight:700}.brand-icon{border:1px solid #e5dbb570;border-radius:50%;height:43px;width:43px;display:grid;place-items:center;transform:rotate(-8deg);flex-shrink:0}.brand-icon svg{width:25px;height:25px}.brand-small{display:block;font-family:Noto Sans SC,sans-serif;font-size:9px;letter-spacing:3.2px;font-weight:400;margin-top:6px;color:#c7dad0}.title-screen{position:absolute;inset:0;background:linear-gradient(90deg,#123a49bf 0%,#15424e50 39%,transparent 60%)}.title-tools{position:absolute;right:4.5vw;top:38px;display:flex;align-items:center;gap:25px}.edition{font-size:10px;letter-spacing:2px;color:#cee2d3}.title-copy{position:absolute;left:8vw;top:25%;max-width:540px}.title-copy .eyebrow{display:flex;align-items:center;gap:11px;color:#eac897}.eyebrow>span{width:22px;height:1px;background:currentColor}.title-copy h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(39px,4.15vw,77px);line-height:1.36;letter-spacing:1.5px;margin:18px 0 22px;font-weight:900;text-shadow:0 2px 20px #17445130}.title-copy h1 span{color:#f3cf8c}.title-copy p{font-size:13px;line-height:2.1;letter-spacing:1px;color:#d0ded0}.title-copy .start{margin-top:32px;width:235px;font-size:15px}.session-note{color:#9ec0bb;font-size:9px;letter-spacing:.8px;margin-top:13px}.session-note b{padding:0 8px;color:#abc5b5}.ship-caption{position:absolute;right:12%;bottom:23%;width:230px;text-align:center}.tiny-label{font-size:9px;color:#d2e4d2;letter-spacing:3px;display:block}.ship-caption strong{display:block;letter-spacing:2px;font-size:15px;margin-top:9px}.caption-line{display:block;width:30px;height:1px;background:#cfdfc781;margin:14px auto}.ship-caption p{font-size:9px;letter-spacing:1px;color:#b3d4c7}.title-footer{position:absolute;bottom:31px;left:4.5vw;right:4.5vw;display:flex;gap:35px;border-top:1px solid var(--line);padding-top:23px;font-size:10px;letter-spacing:1px;color:#c5d8c9;align-items:center}.title-footer i{display:inline-block;height:8px;width:1px;background:#cdddc44c;vertical-align:middle;margin:0 10px}.title-footer small{margin-left:auto;font-size:9px;letter-spacing:2px;color:#a6c6bd}.compass-rose{position:absolute;right:3.5vw;top:41%;display:flex;flex-direction:column;align-items:center;gap:10px;color:#d0dfbc65;font-family:Georgia,serif;font-size:10px}.compass-rose svg{width:62px;height:62px;stroke-width:.8}.hud{position:absolute;inset:0}.status-panel{position:absolute;top:25px;left:27px;width:242px;background:linear-gradient(135deg,#153d45ec,#153d45cb);padding:15px 18px 13px;border-radius:8px;border:1px solid #bfd1b73b;box-shadow:0 5px 20px #0c344624}.status-top{display:flex;gap:10px;align-items:center;margin-bottom:14px}.ship-emblem{width:35px;height:35px;border:1px solid #d7e3c956;display:grid;place-items:center;border-radius:50%;color:#f0ca8b}.ship-emblem svg{width:22px}.status-top strong{font-size:14px;letter-spacing:2px;display:block}.status-top div>span{display:block;font-size:8px;color:#acc7bb;letter-spacing:1px;margin-top:3px}.status-top>b{margin-left:auto;font-size:10px;color:#e8c795;font-family:monospace;letter-spacing:1px}.meter-row{display:flex;justify-content:space-between;font-size:9px;margin:0 0 6px;color:#caddcd}.meter-row>span{display:flex;align-items:center;gap:5px}.meter-row svg{width:11px;height:11px}.meter-row b{font-family:monospace;font-size:10px;font-weight:400;color:#e7ead5}.meter{height:5px;border-radius:3px;overflow:hidden;background:#0a293655}.meter i{display:block;height:100%;border-radius:2px;transition:width .12s linear;background:#93c4a8}.fuel-label{margin-top:11px}.fuel i{background:#e9b665}.fuel.boosting i{background:#ffdc8e;box-shadow:0 0 10px #ffca6b}.xp-row{display:flex;gap:8px;align-items:center;margin-top:12px}.xp{height:3px;flex:1}.xp i{background:#9ed9d6}.xp-row span{font:8px monospace;color:#b2ccbe}.voyage-objective{position:absolute;top:29px;left:50%;transform:translate(-50%);display:flex;gap:13px;align-items:center;background:#17414aca;padding:12px 19px;border-radius:5px;border:1px solid #c9dabe26}.objective-icon{color:#e8b68b}.voyage-objective div>span{display:block;font-size:9px;letter-spacing:1.5px;color:#d0d9c5}.voyage-objective strong{font-family:Georgia,serif;font-weight:400;display:block;font-size:25px;letter-spacing:3px;margin-top:3px}.boss{display:none;width:180px;margin-top:8px;background:#4a353e}.boss.visible{display:block}.boss i{background:#e48670}.hud-tools{position:absolute;right:28px;top:28px;display:flex;gap:10px}.voyage-stamp{position:absolute;left:30px;bottom:27px;display:flex;align-items:center;gap:14px;color:#dce9ce;font-size:9px;letter-spacing:1px}.voyage-stamp b{font:12px monospace;letter-spacing:2px}.voyage-stamp span:last-child{opacity:.7;border-left:1px solid #cbdcc549;padding-left:13px}.combat-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}#toast{position:absolute;top:24%;left:50%;transform:translate(-50%,-5px);padding:10px 22px;border:1px solid #b5d7c344;background:#173f47ed;border-radius:4px;color:#f0ead2;letter-spacing:1px;font-size:12px;z-index:40;opacity:0;transition:opacity .2s,transform .2s;white-space:nowrap;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}body[data-mode=ASSEMBLY] #toast{top:16%}.enemy-hp{position:absolute;width:44px;height:4px;background:#153841af;transform:translate(-50%);border-radius:2px;overflow:hidden}.enemy-hp i{display:block;background:#ed9676;height:100%}.modal-backdrop{position:absolute;inset:0;background:#0c293a9c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;pointer-events:auto;z-index:30}.end-card{width:480px;text-align:center;background:#183e47f5;border:1px solid #d0d7af44;padding:34px 38px 22px;border-radius:8px;box-shadow:0 18px 100px #0e253355}.end-emblem{width:63px;height:63px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid #bcbf9444;border-radius:50%;color:#ecc07e}.end-emblem svg{width:32px;height:32px}.end-card h2{font-family:"Noto Serif SC",serif;font-size:29px;margin:14px 0 17px}.end-card p{font-size:11px;color:#b9ccbd;line-height:1.9}.end-card .primary{margin:27px auto 5px;width:100%}.end-card .text-btn{justify-content:center;margin:auto;font-size:11px;color:#b6cdc1}.control-list{display:grid;grid-template-columns:1fr 1fr;gap:17px;text-align:left;margin-top:26px;color:#b1c5b6;font-size:10px}.control-list b{display:block;color:#e6debf;font-size:11px;margin-bottom:6px}.end-stats{display:flex;justify-content:space-around;margin-top:29px}.end-stats b{display:block;font:28px Georgia,serif;color:#efc78b}.end-stats span{display:block;margin-top:8px;font-size:9px;color:#b5c9b9}.dock-heading{display:flex;gap:14px;align-items:center}.dock-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#a1c5c0}.dock-heading h2{font-family:"Noto Serif SC",serif;font-size:23px;margin-top:6px;letter-spacing:1px}.pause-pill{font-size:9px;color:#a6d9bd;letter-spacing:1px;background:#7dc2a513;border:1px solid #7dc2a523;border-radius:20px;padding:9px 12px}.pause-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#83c0a3;margin-right:6px}.bow-label{position:absolute;top:11px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:4px;color:#aac9b5;pointer-events:none}.bow-label i{display:block;text-align:center;font-size:18px;font-style:normal;margin-top:3px;color:#d7d9b5}.port-label,.starboard-label{position:absolute;top:50%;font-size:9px;letter-spacing:3px;color:#88b1a28a;pointer-events:none}.port-label{left:13px}.starboard-label{right:13px}.rotate-button svg{width:14px;height:14px}kbd{font:9px monospace;background:#b6d7bc16;border:1px solid #afc7a823;border-radius:3px;padding:2px 4px;margin-left:7px}.tray-heading{height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tray-heading h3{font-size:12px;letter-spacing:1px;font-weight:500}.tray-heading h3>span{font-size:8px;color:#9bbbad;margin-left:9px}.tray-heading small{font-size:8px;color:#8eb2a6}.item-slot{text-align:center;cursor:grab;flex-shrink:0;min-width:100px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.item-slot:hover .model-preview{border-color:#e6d39c9f;background:#d8ddca0b}.model-bed{flex:1;display:flex;align-items:center;justify-content:center;padding-bottom:3px}.model-preview{width:calc(var(--iw) * var(--cell));height:calc(var(--ih) * var(--cell));border:1px solid #d5d4b03a;background:transparent;border-radius:4px;position:relative;transition:border-color .15s;pointer-events:none}.quality-mark{position:absolute;bottom:3px;left:4px;color:var(--quality);font:8px Georgia,serif;z-index:1}.stash-items{--supply-bed: calc(var(--supply-span, 2) * var(--cell) + 12px);flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(88px,var(--supply-bed)),1fr));grid-auto-rows:var(--supply-bed);align-content:start;gap:12px;padding:4px 8px 12px 0;scrollbar-width:thin;scrollbar-color:#72958a #153a43;touch-action:pan-y}.stash-items .item-slot{width:100%;min-width:0;min-height:0;display:grid;grid-template-rows:var(--supply-bed);align-items:center;justify-content:stretch}.stash-items .model-bed{height:100%;min-height:0;padding:0}.stash-items .model-preview{width:calc(var(--iw) * var(--cell));height:calc(var(--ih) * var(--cell));max-width:none;max-height:none}.stash-items:not(:has(.item-slot)){grid-template-columns:1fr;grid-template-rows:1fr}.stash-empty{color:#7faaa1;display:flex;gap:10px;align-items:center;justify-content:center;width:100%;height:100%;font-size:9px;border:1px dashed #b2d5b922;border-radius:5px}.stash-empty svg{width:25px;opacity:.5}.stash-items:has(.item-slot) .stash-empty{display:none}.drop-active{background:#79d7b222;border-color:#98dcb0!important}.item-detail{flex:1;min-width:0;color:#bdc9b4;font-size:11px;line-height:1.5}.detail-empty{color:#87afa6}.detail-identity{display:flex;align-items:baseline;gap:12px}.detail-identity strong{color:#e4cf9d;font-size:13px;font-weight:500}.detail-identity>span{color:#9bbbad;white-space:nowrap}.detail-stats{display:flex;flex-wrap:wrap;gap:2px 16px;margin-top:4px}.detail-stats>span{white-space:nowrap}.dock-footer .primary{flex-shrink:0;padding:14px 24px;min-width:186px}.drag-label{position:fixed;font-size:10px;padding:8px 12px;background:#103039ed;border:1px solid #8bbaa4;border-radius:4px;pointer-events:none;z-index:35;display:none;max-width:260px}.drag-label.visible{display:block}.drag-label.invalid{border-color:#dd9973;color:#eac7a6}.dragging,.dragging *{cursor:grabbing!important}.dev-toggle{position:absolute;bottom:23px;right:28px;color:#b6c7a9;font:9px monospace;padding:4px;border:1px solid #bad0b228;border-radius:3px;opacity:.6}.dock-dev{bottom:89px;right:17px;font-size:7px;z-index:3}.debug-panel{position:absolute;right:20px;top:85px;width:260px;background:#102b36f5;border:1px solid #75aa9e68;padding:15px;pointer-events:auto;border-radius:6px;z-index:42;font-size:11px}.debug-panel header{display:flex;justify-content:space-between;margin-bottom:10px}.debug-panel header button{font-size:20px}.debug-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.debug-panel button{padding:7px;background:#ffffff0b;border-radius:3px;font-size:10px}.debug-panel label{font-size:9px;display:flex;align-items:center;gap:10px;margin-bottom:9px}.debug-panel select{background:#20474b;padding:5px;color:#e7e5cc;border:1px solid #9bbf9d44}.debug-panel small{display:block;color:#7da799;font-size:8px;margin-top:12px}#perf{font:9px monospace;color:#abd9b9}.error-screen{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;background:#163f48;pointer-events:auto}.error-screen h1{font-size:24px;margin:0 0 15px}.error-screen p{font-size:13px;line-height:2;color:#bdcfc0}.error-screen button{margin-top:25px}.small-screen{display:none}@media(min-height:900px){.dock-heading h2{font-size:27px}.model-bed{padding-bottom:6px}.status-panel{width:270px;padding:20px}.title-copy .start{margin-top:41px}.title-copy p{font-size:16px}}@media(max-width:1100px){.pause-pill{display:none}.title-copy{left:6vw}.ship-caption{right:9%;bottom:23%}}@media(max-height:680px){.title-copy{top:22%}.title-copy h1{font-size:41px;margin:14px 0}.title-copy p{font-size:11px}.title-copy .start{margin-top:20px;padding:13px 22px}.session-note{margin-top:0}.title-footer{bottom:18px;padding-top:15px}}.ship-area.upgraded:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#d6f6c3;font-size:145px;pointer-events:none;animation:forge-flare .75s ease-out forwards;text-shadow:0 0 50px #b7e8b9}.boss-direction{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffc199;text-shadow:0 2px 4px #142e3d}.boss-direction i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#793f39c9;border:1px solid #de9d7555;border-radius:50%}.boss-direction span{font-size:9px;letter-spacing:1px}.item-slot.selected .model-preview{border-color:#f7d98d;box-shadow:0 0 0 2px #f7d98d33}.facing-mark{position:absolute;right:4px;top:1px;color:#f7d98d;font-size:12px;line-height:16px}@keyframes forge-flare{0%{opacity:.75;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.ship-area.upgraded:after{display:none}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}.item-slot,#ship-area{touch-action:none}.rotation-hint{position:fixed;display:none;align-items:center;gap:7px;padding:7px 12px;border:1px solid #e8ad6180;border-radius:999px;background:#103039f5;box-shadow:0 3px 14px #061f3840;color:var(--cream);font-size:12px;white-space:nowrap;pointer-events:none;z-index:36}.rotation-hint.visible{display:flex}.rotation-hint svg{width:18px;height:18px;color:var(--accent)}.combat-hint{font-size:11px;color:#d4e4d4;white-space:nowrap}.touch-controls{display:none}.touch-device[data-mode=COMBAT] .touch-controls{display:block}.joystick{position:absolute;left:calc(var(--safe-left) + 20px);bottom:calc(var(--safe-bottom) + 20px);width:120px;height:120px;border:1px solid #d8e6c966;border-radius:50%;background:radial-gradient(circle,#add3c31a 0 34%,#143b4966 35% 100%);box-shadow:inset 0 0 0 12px #163f4833;pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;left:39px;top:39px;width:40px;height:40px;border-radius:50%;border:1px solid #f5d6a3cc;background:#d4b27baa;box-shadow:0 3px 12px #12384666;transform:translate(var(--stick-x, 0px),var(--stick-y, 0px));pointer-events:none}.joystick-label{position:absolute;bottom:7px;width:100%;text-align:center;font-size:9px;color:#cee0cc;pointer-events:none}.boost-button{position:absolute;right:calc(var(--safe-right) + 24px);bottom:calc(var(--safe-bottom) + 34px);width:84px;height:84px;border:1px solid #e8ad6188;border-radius:50%;background:#173f47cc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;touch-action:none;color:var(--accent);font-size:11px}.boost-button.held{background:#9c703ccc;border-color:#ffe1a5;color:#fff0ce}.touch-device .voyage-stamp{left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 12px)}.touch-device .combat-hint{bottom:calc(var(--safe-bottom) + 38px);font-size:10px}.orientation-gate{display:none}@media(orientation:portrait){.touch-device .orientation-gate{position:fixed;inset:0;z-index:1000;background:#163f48;display:grid;place-items:center;text-align:center;pointer-events:auto;touch-action:none}.orientation-gate svg{width:44px;height:44px;color:var(--accent);margin-bottom:22px}.orientation-gate h2{font-size:24px}.orientation-gate p{margin-top:12px;font-size:14px;color:var(--muted)}}@media(orientation:landscape)and (max-width:1100px){.touch-device .dock-heading{gap:8px}.touch-device .dock-heading .brand-icon{width:28px;height:28px}.touch-device .dock-heading .eyebrow{display:none}.touch-device .dock-heading h2{font-size:15px;margin:0}.touch-device .bow-label{top:0;font-size:8px}.touch-device .port-label,.touch-device .starboard-label{font-size:8px}.touch-device .tray-heading{height:24px;gap:4px}.touch-device .tray-heading h3{font-size:10px}.touch-device .tray-heading h3>span{font-size:8px;margin-left:4px}.touch-device .item-slot{min-width:64px;flex:1}.touch-device .model-bed{min-height:44px;padding:0}.touch-device .model-preview{max-width:74px;max-height:56px}.touch-device .quality-mark{font-size:8px}.touch-device .stash-items{padding-right:24px}.touch-device .stash-items .item-slot{width:100%;min-width:0;min-height:0;grid-template-rows:var(--supply-bed)}.touch-device .stash-items .model-bed{min-height:0}.touch-device .stash-items .model-preview{max-width:none;max-height:none}.touch-device .stash-items:not(:has(.item-slot)){grid-template-columns:1fr;grid-template-rows:1fr}.touch-device .stash-empty{gap:5px}.touch-device .stash-empty svg{width:18px}.touch-device .item-detail{font-size:9px}.touch-device .detail-identity{gap:8px}.touch-device .detail-identity strong{font-size:11px}.touch-device .detail-stats{margin-top:2px;gap:2px 10px}.touch-device .dock-footer .primary{min-width:130px;min-height:44px;padding:10px 16px;font-size:12px}.touch-device .drag-label{display:none}.touch-device .rotation-hint{font-size:11px;padding:6px 10px}.touch-device .status-panel{top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 12px);width:176px;padding:9px 11px}.touch-device .status-top{margin-bottom:7px;gap:7px}.touch-device .ship-emblem{display:none}.touch-device .status-top strong{font-size:12px}.touch-device .status-top div>span{display:none}.touch-device .meter-row{margin-bottom:3px}.touch-device .fuel-label{margin-top:6px}.touch-device .xp-row{margin-top:7px}.touch-device .voyage-objective{top:calc(var(--safe-top) + 12px)}.touch-device .voyage-objective strong{font-size:20px}.touch-device .hud-tools{top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 12px)}.touch-device .icon-btn{width:44px;height:44px}.touch-device #toast{top:12px;font-size:11px;padding:8px 14px;white-space:normal}.touch-device[data-mode=COMBAT] #toast{top:32%}.touch-device .dev-toggle{display:none}.touch-device .end-card{max-height:calc(100dvh - 20px);overflow-y:auto;width:460px;padding:15px 25px}.touch-device .end-emblem{display:none}.touch-device .end-card h2{font-size:23px;margin:6px 0}.touch-device .control-list{margin:12px 0;gap:8px}.touch-device .end-card .primary{margin-top:12px;min-height:44px;padding:10px}.touch-device .end-card .text-btn{min-height:44px}.touch-device .brand{top:14px;left:calc(var(--safe-left) + 22px)}.touch-device .title-tools{top:12px;right:calc(var(--safe-right) + 14px)}.touch-device .title-tools .edition,.touch-device .title-footer,.touch-device .compass-rose,.touch-device .ship-caption{display:none}.touch-device .title-copy{top:23%;left:calc(var(--safe-left) + 28px)}.touch-device .title-copy h1{font-size:34px;margin:8px 0}.touch-device .title-copy p{font-size:11px}.touch-device .title-copy .start{min-height:44px;margin-top:12px;padding:10px 20px}.touch-device .title-copy .text-btn{min-height:44px;margin-top:0}.touch-device .session-note{display:none}}.assembly{--dock-header: 104px;--dock-footer: 80px;--dock-margin: 34px;position:absolute;inset:0;display:grid;grid-template-columns:clamp(240px,30vw,420px) minmax(0,1fr);grid-template-rows:var(--dock-header) minmax(0,1fr) var(--dock-footer);padding:0 var(--dock-margin);pointer-events:auto}.assembly-header{grid-column:1 / -1;display:flex;align-items:center;gap:24px;min-width:0;border-bottom:1px solid var(--line)}.dock-heading{flex-shrink:0}.dock-overview{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2.5vw,40px);margin-left:auto}.dock-level{display:flex;flex-direction:column;gap:6px}.dock-level>span{font-size:9px;color:#a9c5bc;white-space:nowrap}.dock-level>b{font:24px Georgia,serif;color:#e4cf9d}.dock-vessel strong{font-size:12px;font-weight:500;letter-spacing:2px}.dock-vessel p{margin-top:6px;font-size:9px;line-height:1.6;color:#98b9ac;white-space:nowrap}.rotate-button{font-size:9px;padding:10px;gap:5px;white-space:nowrap}.ship-area{grid-column:2;grid-row:2;position:relative;min-width:0;min-height:0;margin:4px 0 8px 12px;cursor:grab}.stash-zone{grid-column:1;grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;padding:8px 24px 12px 0;border-right:1px solid var(--line)}.stash-zone .tray-heading{flex-shrink:0}.dock-footer{grid-column:1 / -1;grid-row:3;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line)}@media(min-height:900px){.assembly{--dock-header: 115px;--dock-footer: 96px}}@media(max-width:1100px){.assembly{--dock-margin: 24px}.assembly-header{gap:16px}.dock-heading h2{font-size:23px}.dock-overview{gap:16px}.stash-zone{padding-right:16px}}@media(max-height:680px){.assembly{--dock-header: 85px;--dock-footer: 76px}}@media(orientation:landscape)and (max-width:1100px){.touch-device .assembly{--dock-header: 64px;--dock-footer: 48px;grid-template-columns:clamp(180px,26vw,240px) minmax(0,1fr);padding:var(--safe-top) calc(var(--safe-right) + 12px) var(--safe-bottom) calc(var(--safe-left) + 12px)}.touch-device .assembly-header{gap:10px}.touch-device .dock-heading h2{font-size:15px}.touch-device .dock-overview{gap:12px}.touch-device .dock-level{gap:3px}.touch-device .dock-level>span{font-size:8px}.touch-device .dock-level>b{font-size:18px}.touch-device .dock-vessel strong{font-size:10px}.touch-device .dock-vessel p{font-size:8px;margin-top:2px}.touch-device .rotate-button{min-height:44px;padding:8px;font-size:9px}.touch-device .stash-zone{padding-right:12px}.touch-device .ship-area{margin:5px 0 6px 8px}.touch-device .dock-footer{gap:8px}}