:root{color-scheme:dark;--ink: #eefaff;--muted: #9dc7d0;--deep: #031820;--panel: rgba(5, 22, 29, .72);--steel: #60747b;--rim: #d6a858;--warning: #ff6257;--ready: #f3d366;--glow: #67e6ff;--room-image-ratio: 1216 / 864;font-family:Avenir Next,Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--deep);touch-action:none}button{font:inherit}#combat-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.screen-layer{position:fixed;top:0;right:0;bottom:0;left:0;color:var(--ink);pointer-events:none}.hidden{display:none!important}.hud{position:absolute;z-index:12;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 3px;color:var(--ready);font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.4rem,2.8vw,2.6rem);line-height:.95;text-shadow:0 2px 0 rgba(0,0,0,.45)}.meters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(460px,48vw)}.meters span{min-width:86px;border:1px solid rgba(182,245,255,.24);background:var(--panel);box-shadow:inset 0 0 18px #67e6ff14;padding:8px 10px;border-radius:8px;color:var(--ink);text-align:center;font-size:.9rem;font-weight:800}@media (max-width: 760px){.hud{top:10px;left:10px;right:10px;align-items:stretch}.meters{max-width:42vw;gap:6px}.meters span{min-width:72px;padding:7px 8px;font-size:.74rem}}.window-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;transition:opacity .18s ease}.window-frame:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background:radial-gradient(circle at 50% -8%,rgba(126,236,255,.2),transparent 34%),linear-gradient(90deg,rgba(1,8,12,.86),transparent 18% 82%,rgba(1,8,12,.86)),linear-gradient(0deg,rgba(1,8,12,.9),transparent 20% 78%,rgba(1,8,12,.86))}.front-pane{position:absolute;left:19vw;right:19vw;top:15vh;bottom:13vh;border:20px solid #26363a;border-radius:42% 42% 32% 32%/24% 24% 32% 32%;box-shadow:inset 0 0 0 7px #869398,inset 0 0 34px #67e6ff38,0 0 0 9999px #00050852}.side-window-bank{position:absolute;top:27vh;width:12vw;display:grid;gap:18px;opacity:.45}.side-window-bank.port{left:4vw}.side-window-bank.starboard{right:4vw}.side-window-bank span{display:block;width:100%;aspect-ratio:1;border:11px solid #2d3a3e;border-radius:999px;box-shadow:inset 0 0 0 5px #8a9aa0,inset 0 0 24px #67e6ff47}.window-frame.port .front-pane,.window-frame.starboard .front-pane{display:none}.window-frame.port .side-window-bank.port,.window-frame.starboard .side-window-bank.starboard{left:50%;right:auto;top:29vh;width:min(68vw,660px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,4vw,34px);opacity:1;transform:translate(-50%)}.window-frame.port .side-window-bank.starboard,.window-frame.starboard .side-window-bank.port{display:none}.rivet-strip{position:absolute;left:0;right:0;height:42px;background:radial-gradient(circle,rgba(218,176,98,.9) 0 4px,transparent 4.5px) 0 0 / 48px 42px,linear-gradient(#1a272b,#101b1f)}.rivet-strip.top{top:0}.rivet-strip.bottom{bottom:0}.periscope-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;opacity:0;pointer-events:none;transform:scale(1.03);transition:opacity .18s ease,transform .18s ease}.periscope-mask.active{opacity:1;transform:scale(1)}.periscope-mask:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 0 31vmin,rgba(0,5,8,.92) 31.5vmin)}.scope-glass{position:absolute;left:50%;top:50%;width:62vmin;aspect-ratio:1;transform:translate(-50%,-50%);border:18px solid #18282d;border-radius:999px;box-shadow:inset 0 0 0 5px #99a7a9,inset 0 0 42px #67e6ff40,0 0 60px #00000085}.scope-line{position:absolute;left:50%;top:50%;background:#f5d360c7;transform:translate(-50%,-50%)}.scope-line.horizontal{width:44vmin;height:2px}.scope-line.vertical{width:2px;height:44vmin}.scope-tick{position:absolute;left:50%;top:50%;width:14px;height:14px;border:2px solid rgba(245,211,96,.72)}.scope-tick.top{transform:translate(-50%,calc(-50% - 24vmin)) rotate(45deg)}.scope-tick.bottom{transform:translate(-50%,calc(-50% + 24vmin)) rotate(45deg)}.scope-tick.left{transform:translate(calc(-50% - 24vmin),-50%) rotate(45deg)}.scope-tick.right{transform:translate(calc(-50% + 24vmin),-50%) rotate(45deg)}.damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:radial-gradient(circle,transparent 24%,rgba(255,55,45,.55));opacity:0;pointer-events:none}.damage-flash.hit{animation:flash-hit .42s ease-out}.mobile-controls{position:absolute;z-index:26;left:0;right:0;bottom:max(12px,env(safe-area-inset-bottom));display:none;align-items:end;justify-content:space-between;gap:14px;padding:0 14px;pointer-events:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.control-button{min-width:58px;min-height:50px;border:1px solid rgba(238,250,255,.3);border-radius:8px;background:linear-gradient(180deg,#2a4046eb,#09151aeb),repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.04) 12px 13px);color:var(--ink);box-shadow:inset 0 0 0 2px #0000003d,0 10px 28px #00000061;font-size:.8rem;font-weight:900;cursor:pointer}.control-button.pressed,.control-button:active{transform:translateY(1px);border-color:#f5d360c7;background:linear-gradient(180deg,#544926f5,#141816f5)}.dpad{width:156px;display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,46px);gap:4px}.dpad .control-button{min-width:50px;min-height:46px;padding:0;font-size:1.05rem}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.command-buttons{display:grid;grid-template-columns:repeat(2,minmax(58px,1fr));gap:8px;width:min(220px,calc(100vw - 190px))}.room-controls{justify-content:center}.room-controls .control-button{width:min(24vw,150px)}.fire-button{background:linear-gradient(180deg,#f6d96f,#b88328);color:#172126}.motion-toggle[aria-pressed=true]{border-color:#62ffacb8;color:#c8ffe0}.motion-toggle.warning{border-color:#ff6257c7;color:#ffd6d2}#periscope-button[aria-pressed=true]{border-color:#67e6ffcc;color:#c4f8ff}@keyframes flash-hit{0%,to{opacity:0}18%{opacity:1}}.splash-card{position:absolute;z-index:30;left:50%;top:50%;width:min(420px,calc(100vw - 36px));transform:translate(-50%,-50%);border:1px solid rgba(214,168,88,.6);border-radius:8px;background:linear-gradient(135deg,#08323ded,#03141bf2),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.04) 28px 30px);box-shadow:0 26px 80px #0000007a;padding:28px;pointer-events:auto}.splash-card h2{margin-bottom:10px;font-size:clamp(2.8rem,11vw,4.8rem);line-height:.82}.splash-card p{margin-bottom:22px;color:var(--muted);line-height:1.45}.splash-card button{width:100%;border:0;border-radius:8px;background:var(--ready);color:#172126;padding:13px 16px;font-weight:900;cursor:pointer}@media (max-width: 760px){.front-pane{left:8vw;right:8vw;top:18vh;bottom:15vh;border-width:13px}.side-window-bank{display:none}.window-frame.port .side-window-bank.port,.window-frame.starboard .side-window-bank.starboard{top:34vh;width:86vw;display:grid;gap:10px}.mobile-controls{display:flex}.splash-card{top:43%}}@media (pointer: coarse) and (min-width: 761px){.mobile-controls{display:flex;padding:0 22px}}.interior-screen{background:radial-gradient(circle at 30% 16%,rgba(103,230,255,.18),transparent 26%),linear-gradient(180deg,#071d27,#020b10 64%,#030608);pointer-events:auto}.interior-hud{z-index:10}.submarine-cutaway{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:86px 24px 44px;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.submarine-cutaway::-webkit-scrollbar{display:none}.sub-shell{--crew-room: 0;position:relative;flex:0 0 2133px;width:2133px;height:420px;border:18px solid #76888d;border-radius:45% 18% 18% 45%/50%;background:linear-gradient(90deg,#263a41,#42535a 9%,#1b2b32 9%,#1b2b32 91%,#4b5b60 91%),repeating-linear-gradient(90deg,transparent 0 calc(20% - 2px),rgba(238,250,255,.17) calc(20% - 2px) 20%);box-shadow:inset 0 0 0 5px #172329,inset 0 -34px 44px #0000004d,0 30px 90px #00000073;overflow:hidden}.sub-shell:before{content:"";position:absolute;left:16%;right:12%;top:16px;height:38px;border-radius:999px;background:linear-gradient(90deg,#203037,#7c9095,#203037)}.room{position:absolute;top:58px;bottom:28px;width:20%;border-right:2px solid rgba(238,250,255,.16);background:repeating-linear-gradient(0deg,rgba(238,250,255,.05) 0 1px,transparent 1px 18px),linear-gradient(180deg,rgba(255,255,255,.04),transparent 44%);cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.room:before{content:"";position:absolute;left:8%;right:8%;bottom:8px;height:18px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(238,250,255,.22) 0 3px,transparent 3px 13px),#101a1f}.room:after{content:"";position:absolute;left:8%;right:8%;top:18px;height:7px;border-radius:999px;background:linear-gradient(90deg,#18262c,#7f9296 45%,#7f9296 55%,#18262c);opacity:.76}.room[data-room="0"]{left:0;background-image:linear-gradient(180deg,#02090d0f,#02090d38),url(./control-BWLVnccc.webp);background-position:center;background-size:cover}.room[data-room="1"]{left:20%;background-image:linear-gradient(180deg,#02090d0f,#02090d38),url(./sonar-BByqd7v8.webp);background-position:center;background-size:cover}.room[data-room="2"]{left:40%;background-image:linear-gradient(180deg,#02090d0f,#02090d38),url(./bunks-Wot3_7xL.webp);background-position:center;background-size:cover}.room[data-room="3"]{left:60%;background-image:linear-gradient(180deg,#02090d0f,#02090d38),url(./galley-Dc2m2YBh.webp);background-position:center;background-size:cover}.room[data-room="4"]{left:80%;border-right:0;background-image:linear-gradient(180deg,#02090d0f,#02090d38),url(./engine-DZ_rA8fX.webp);background-position:center;background-size:cover}.room.active{box-shadow:inset 0 0 0 4px #f5d360b8,inset 0 0 50px #f5d3601a}.room-name{position:absolute;left:14px;top:10px;color:#eefaffe6;font-size:clamp(.72rem,1.5vw,.9rem);font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.8);text-transform:uppercase}.room>:not(.room-name){opacity:0}.front-window{position:absolute;left:22%;top:28%;width:44%;aspect-ratio:1;border:10px solid #18242b;border-radius:999px;background:radial-gradient(circle,#72e9ff,#0d6175 62%,#072934);box-shadow:inset 0 0 0 4px #95a4a8}.wheel{position:absolute;left:52%;bottom:23%;width:56px;aspect-ratio:1;border:7px solid #d6a858;border-radius:999px}.wheel:before,.wheel:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:58px;background:#d6a858;transform:translate(-50%,-50%)}.wheel:after{transform:translate(-50%,-50%) rotate(90deg)}.console-lights{position:absolute;left:16%;bottom:16%;width:70px;height:30px;background:radial-gradient(circle at 20% 50%,#5dff87 0 4px,transparent 5px),radial-gradient(circle at 50% 50%,#f3d366 0 4px,transparent 5px),radial-gradient(circle at 80% 50%,#ff6257 0 4px,transparent 5px),#101b20;border-radius:5px}.helm-console{position:absolute;left:12%;bottom:22%;width:34%;height:34px;border:4px solid #111b20;border-radius:7px;background:linear-gradient(160deg,#526970,#17262c 65%);transform:skew(-9deg)}.helm-console span{position:absolute;top:8px;width:10px;aspect-ratio:1;border-radius:999px;background:#d7f8ff;box-shadow:0 0 9px #67e6ffb8}.helm-console span:nth-child(1){left:18%}.helm-console span:nth-child(2){left:45%;background:#f3d366;box-shadow:0 0 9px #f3d366b8}.helm-console span:nth-child(3){right:16%;background:#ff6257;box-shadow:0 0 9px #ff6257b8}.side-windows{position:absolute;left:12%;right:12%;top:32%;display:flex;justify-content:space-between}.side-windows span{width:24%;aspect-ratio:1;border:7px solid #18242b;border-radius:999px;background:radial-gradient(circle,#91f3ff,#126e7d);box-shadow:inset 0 0 0 3px #95a4a8}.radar{position:absolute;left:35%;bottom:16%;width:64px;aspect-ratio:1;border:5px solid #67e6ff;border-radius:999px;background:linear-gradient(45deg,transparent 49%,rgba(103,230,255,.7) 50% 51%,transparent 52%),radial-gradient(circle,transparent 0 42%,rgba(103,230,255,.24) 43% 45%,transparent 46%),#09232d}.sonar-console{position:absolute;left:10%;bottom:14%;width:42%;height:34%;border:5px solid #101a1f;border-radius:8px;background:radial-gradient(circle at 70% 34%,#67e6ff 0 5px,transparent 6px),repeating-linear-gradient(90deg,#33474d 0,#33474d 12px,#1a2c32 12px,#1a2c32 20px);box-shadow:inset 0 0 18px #0000005c}.bunk-stack{position:absolute;left:20%;bottom:17%;width:62%;height:42%;background:linear-gradient(#d6a858 0 8px,transparent 8px 44%,#d6a858 44% calc(44% + 8px),transparent calc(44% + 8px)),linear-gradient(90deg,#21333a,#5a7177);border-radius:6px}.locker-row{position:absolute;right:11%;bottom:18%;width:24%;height:50%;border:4px solid #172329;border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0 28%,rgba(238,250,255,.12) 28% 31%,transparent 31%),linear-gradient(#4b6066,#24383f)}.table{position:absolute;left:26%;bottom:22%;width:52%;height:25%;border-radius:8px 8px 4px 4px;background:linear-gradient(#d6a858,#8b6531)}.table:before,.table:after{content:"";position:absolute;bottom:-34px;width:8px;height:36px;background:#8b6531}.table:before{left:18%}.table:after{right:18%}.galley-range{position:absolute;left:12%;bottom:19%;width:27%;height:42%;border:5px solid #172329;border-radius:6px;background:radial-gradient(circle at 28% 22%,#111b20 0 8px,transparent 9px),radial-gradient(circle at 68% 22%,#111b20 0 8px,transparent 9px),linear-gradient(#6f8084,#26383f)}.sink-basin{position:absolute;right:12%;bottom:28%;width:25%;height:18%;border:5px solid #172329;border-radius:0 0 18px 18px;background:radial-gradient(circle at 50% 0,#99eaff,#2c5862 70%)}.engine-core{position:absolute;left:24%;top:31%;width:52%;height:42%;border:8px solid #16252a;border-radius:20px;background:radial-gradient(circle at 50% 50%,#f3d366 0 12px,transparent 13px),repeating-linear-gradient(90deg,#33474d 0,#33474d 14px,#526a70 14px,#526a70 28px);animation:engine-pulse .9s ease-in-out infinite alternate}.motor-bank{position:absolute;left:12%;right:12%;bottom:13%;height:24%;border:5px solid #16252a;border-radius:999px;background:radial-gradient(circle at 15% 50%,#111b20 0 12px,transparent 13px),radial-gradient(circle at 85% 50%,#111b20 0 12px,transparent 13px),repeating-linear-gradient(90deg,#5b7075 0,#5b7075 18px,#263b42 18px,#263b42 30px)}.pipe-row{position:absolute;left:15%;right:12%;top:17%;height:16px;border-radius:999px;background:linear-gradient(90deg,#89999d,#2d4248,#89999d)}@keyframes engine-pulse{0%{box-shadow:0 0 12px #f3d36633}to{box-shadow:0 0 34px #f3d36694}}.crew-kid{position:absolute;left:calc(10% + var(--crew-room) * 20%);bottom:35px;width:46px;height:92px;transform:translate(-50%);transition:left .21s ease}.helmet{position:absolute;left:8px;top:0;width:30px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 35% 35%,#eefaff,#9fc0c7);border:4px solid #172329}.body{position:absolute;left:11px;top:28px;width:24px;height:46px;border-radius:13px 13px 7px 7px;background:linear-gradient(#f3d366,#d6a858);border:3px solid #172329}.feet{position:absolute;left:5px;bottom:0;width:36px;height:12px;border-radius:999px;background:#172329}@media (max-width: 760px){.submarine-cutaway{justify-content:flex-start;padding:78px 12px 116px}.sub-shell{flex-basis:1922px;width:1922px;height:390px}}.room-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:92px 28px 34px;background:linear-gradient(90deg,rgba(2,9,13,.72),transparent 20% 80%,rgba(2,9,13,.72)),radial-gradient(circle at 50% 28%,rgba(103,230,255,.14),transparent 36%),#071820}.room-depth-lines{position:absolute;top:86px;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 47%,rgba(238,250,255,.12) 47.2% 47.6%,transparent 48%),linear-gradient(65deg,transparent 0 47%,rgba(238,250,255,.1) 47.2% 47.6%,transparent 48%)}.room-back-wall{position:relative;width:min(920px,92vw);aspect-ratio:var(--room-image-ratio);border:16px solid #586b70;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0 86px,rgba(238,250,255,.08) 86px 90px),linear-gradient(#22343b,#111f25);box-shadow:inset 0 0 0 5px #132329,inset 0 -40px 60px #00000047,0 30px 80px #0000006b}.room-back-wall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-position:center;background-size:cover}.room-back-wall:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(2,9,13,.16),transparent 42%,rgba(2,9,13,.42)),radial-gradient(circle at 50% 18%,rgba(255,244,202,.08),transparent 34%);pointer-events:none}.room-scene[data-room-kind=steering] .room-back-wall:before{background-image:url(./control-BWLVnccc.webp)}.room-scene[data-room-kind=sonar] .room-back-wall:before{background-image:url(./sonar-BByqd7v8.webp)}.room-scene[data-room-kind=bunks] .room-back-wall:before{background-image:url(./bunks-Wot3_7xL.webp)}.room-scene[data-room-kind=galley] .room-back-wall:before{background-image:url(./galley-Dc2m2YBh.webp)}.room-scene[data-room-kind=engine] .room-back-wall:before{background-image:url(./engine-DZ_rA8fX.webp)}.room-ceiling-pipes{position:absolute;z-index:2;left:5%;right:5%;top:5%;height:30px}.room-ceiling-pipes span{position:absolute;left:0;right:0;height:7px;border-radius:999px;background:linear-gradient(90deg,#101a1f,#91a4a8 42%,#91a4a8 58%,#101a1f)}.room-ceiling-pipes span:nth-child(1){top:0}.room-ceiling-pipes span:nth-child(2){top:11px;left:11%;right:16%;background:linear-gradient(90deg,#31444a,#d6a858 48%,#d6a858 52%,#31444a)}.room-ceiling-pipes span:nth-child(3){top:22px;left:7%;right:6%}.room-floor{position:absolute;left:0;right:0;bottom:0;height:25vh;background:repeating-linear-gradient(90deg,rgba(214,168,88,.22) 0 18px,transparent 18px 84px),linear-gradient(#17262b,#091115);transform:perspective(520px) rotateX(58deg);transform-origin:bottom}.room-view-window{position:absolute;z-index:2;left:7%;right:7%;top:12%;height:34%;display:flex;justify-content:center;gap:26px}.room-view-window span{width:28%;max-width:180px;aspect-ratio:1;border:11px solid #172329;border-radius:999px;background:radial-gradient(circle at 48% 38%,rgba(183,250,255,.26),transparent 18%),linear-gradient(#0c5468,#072431);box-shadow:inset 0 0 0 5px #93a3a7}.room-prop{position:absolute;z-index:2;border:7px solid #132329;box-shadow:inset 0 0 0 4px #eefaff17}.room-prop.primary{left:12%;bottom:13%;width:32%;height:23%;border-radius:8px;background:linear-gradient(#4e666d,#17272e)}.room-prop.secondary{right:12%;bottom:14%;width:26%;height:30%;border-radius:999px;background:radial-gradient(circle,#67e6ff 0 7px,transparent 8px),radial-gradient(circle,transparent 0 42%,rgba(103,230,255,.22) 43% 45%,transparent 46%),#0a2029}.room-gauge-bank{position:absolute;z-index:2;left:50%;bottom:18%;width:min(220px,30%);height:74px;transform:translate(-50%);border:5px solid #111b20;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(238,250,255,.08) 0 2px,transparent 2px 22px),linear-gradient(#4d6268,#17262d);box-shadow:inset 0 0 20px #00000057}.room-gauge-bank span{position:absolute;top:16px;width:30px;aspect-ratio:1;border:4px solid #111b20;border-radius:999px;background:conic-gradient(from 210deg,#67e6ff 0 22%,#f3d366 22% 44%,#ff6257 44% 48%,transparent 48%),#d6edf0}.room-gauge-bank span:nth-child(1){left:16%}.room-gauge-bank span:nth-child(2){left:50%;transform:translate(-50%)}.room-gauge-bank span:nth-child(3){right:16%}.room-scene[data-room-kind=steering] .room-view-window span:not(:nth-child(2)){display:none}.room-scene[data-room-kind=steering] .room-prop.primary{left:13%;bottom:13%;width:31%;height:25%;background:radial-gradient(circle at 19% 34%,#5dff87 0 6px,transparent 7px),radial-gradient(circle at 42% 34%,#f3d366 0 6px,transparent 7px),radial-gradient(circle at 65% 34%,#ff6257 0 6px,transparent 7px),linear-gradient(160deg,#647a80,#17262c 70%);transform:skew(-7deg)}.room-scene[data-room-kind=steering] .room-prop.secondary{right:16%;bottom:18%;width:min(150px,22%);height:auto;aspect-ratio:1;border-radius:999px;background:linear-gradient(0deg,transparent 46%,#d6a858 46% 54%,transparent 54%),linear-gradient(90deg,transparent 46%,#d6a858 46% 54%,transparent 54%),radial-gradient(circle,transparent 0 46%,#d6a858 47% 60%,transparent 61%),#0b171c}.room-scene[data-room-kind=sonar] .room-view-window{display:none}.room-scene[data-room-kind=sonar] .room-prop.primary{left:12%;width:36%;height:30%;background:radial-gradient(circle at 22% 30%,#67e6ff 0 9px,transparent 10px),repeating-linear-gradient(90deg,#40565c 0,#40565c 17px,#17272e 17px,#17272e 28px)}.room-scene[data-room-kind=sonar] .room-prop.secondary{right:14%;bottom:13%;width:min(250px,34%);height:auto;aspect-ratio:1}.room-scene[data-room-kind=bunks] .room-prop.primary{height:42%;background:linear-gradient(#d6a858 0 9px,transparent 9px 45%,#d6a858 45% calc(45% + 9px),transparent calc(45% + 9px)),linear-gradient(90deg,#263b42,#71858a)}.room-scene[data-room-kind=bunks] .room-prop.secondary{right:14%;width:20%;height:44%;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 31%,rgba(238,250,255,.12) 31% 34%,transparent 34%),linear-gradient(#5b6f74,#22363d)}.room-scene[data-room-kind=galley] .room-prop.primary{left:14%;width:34%;height:34%;background:radial-gradient(circle at 24% 22%,#101b20 0 13px,transparent 14px),radial-gradient(circle at 62% 22%,#101b20 0 13px,transparent 14px),linear-gradient(#8fa0a4,#32484f)}.room-scene[data-room-kind=galley] .room-prop.secondary{right:16%;width:28%;height:22%;border-radius:0 0 24px 24px;background:radial-gradient(circle at 50% 0,#b6f5ff,#2d626d 68%),linear-gradient(#d6a858,#8b6531)}.room-scene[data-room-kind=engine] .room-prop.primary{left:30%;width:40%;height:38%;border-radius:20px;background:radial-gradient(circle at 50% 50%,#f3d366 0 18px,transparent 19px),repeating-linear-gradient(90deg,#33474d 0,#33474d 18px,#526a70 18px,#526a70 36px);animation:engine-pulse .9s ease-in-out infinite alternate}.room-scene[data-room-kind=engine] .room-view-window{display:none}.room-scene[data-room-kind=engine] .room-prop.secondary{right:10%;bottom:20%;width:24%;height:18%;border-radius:999px;background:radial-gradient(circle at 18% 50%,#111b20 0 13px,transparent 14px),radial-gradient(circle at 82% 50%,#111b20 0 13px,transparent 14px),repeating-linear-gradient(90deg,#62777c 0,#62777c 16px,#273c43 16px,#273c43 28px)}.room-scene[data-room-kind=sonar] .room-prop.secondary{animation:sonar-sweep 1.2s linear infinite}.room-status{position:absolute;z-index:3;left:50%;bottom:9%;min-width:168px;transform:translate(-50%);border:1px solid rgba(245,211,96,.5);border-radius:8px;background:#05161dd1;color:var(--ready);padding:10px 14px;text-align:center;font-weight:900}.room-ceiling-pipes,.room-view-window,.room-prop,.room-gauge-bank{display:none}.room-scene.acted .room-status{animation:status-pop .32s ease-out}.room-action,.room-plan{position:absolute;z-index:4;bottom:28px;border:0;border-radius:8px;padding:12px 18px;font-weight:900;pointer-events:auto;cursor:pointer}.room-action{right:28px;background:var(--ready);color:#172126}.room-plan{left:28px;background:#eefaff1f;color:var(--ink);border:1px solid rgba(238,250,255,.24)}@keyframes sonar-sweep{to{transform:rotate(360deg)}}@keyframes status-pop{50%{transform:translate(-50%) scale(1.08)}}@media (max-width: 760px){.room-scene{padding:88px 14px 112px}.room-back-wall{width:min(92vw,calc(58vh * 1216 / 864))}.room-view-window{gap:10px}.room-action,.room-plan{display:none}}