.deep-shell{color:#edf7ed;background:#073547}.deep-shade{pointer-events:none;background:linear-gradient(#04293688,#0000 26% 65%,#042936aa);position:absolute;inset:0}.deep-header{z-index:3;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:18px;left:22px;right:22px}.deep-header a,.deep-header button{background:#082e3be8;border:1px solid #8acac950;border-radius:6px;padding:9px 13px;font-size:14px}.deep-header>span{text-align:center;letter-spacing:.12em;text-shadow:0 2px 8px #023;font-size:16px}.deep-header small{letter-spacing:.06em;color:#a9e2dc;margin-top:5px;font-size:12px;display:block}.deep-intro{background:#082d3beb;border-left:3px solid #eac28c;border-radius:10px;max-width:490px;padding:30px;position:absolute;top:23%;left:6%}.deep-intro>span{letter-spacing:.1em;color:#e9c993;font-size:12px}.deep-intro h1{margin:18px 0;font-size:clamp(34px,4.5vw,60px);line-height:1.07}.deep-intro p{color:#d3e9e1;margin-bottom:23px;font-size:17px;line-height:1.6}.deep-status{text-align:center;background:#082d3beb;border-radius:8px;padding:10px 15px;position:absolute;top:90px;right:22px}.deep-status strong{font:600 29px ui-monospace,monospace;display:block}.deep-status span{margin-top:4px;font-size:14px;display:block}.deep-status .urgent{color:#ffb294}.deep-clue{background:#082d3bf2;border:1px solid #99d9c96a;border-radius:8px;width:min(555px,100% - 165px);padding:12px 16px;position:absolute;top:88px;left:22px}.deep-clue>span{color:#afdfd3;letter-spacing:.06em;font-size:12px}.deep-clue p{color:#fff;margin:7px 0;font-size:17px;line-height:1.5}.deep-clue h2{color:#f0d298;margin:7px 0 0;font-size:16px;line-height:1.4}.deep-key{z-index:3;text-align:center;pointer-events:none;background:#082d3beb;border:1px solid #a3ddd040;border-radius:7px;width:max-content;max-width:calc(100% - 24px);padding:8px 12px;font-size:14px;line-height:1.5;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.deep-controls{z-index:4;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:75px;left:20px;right:20px}.deep-controls button{touch-action:none;background:#1a4a53ed;border:1px solid #b5e1cb80;border-radius:7px;min-height:44px;padding:10px 13px;font-size:14px}.deep-touch{gap:6px;display:none}.deep-message{pointer-events:none;background:#082d3beb;border-left:2px solid #e9cc98;border-radius:0 6px 6px 0;width:min(440px,100% - 44px);padding:10px 14px;font-size:15px;line-height:1.5;position:absolute;bottom:136px;left:22px}.deep-message.failed{border-color:#ff9b76}.deep-cargo{background:#082d3beb;border-radius:7px;align-items:center;gap:8px;padding:10px 14px;font-size:15px;display:flex;position:absolute;bottom:136px;right:22px}.deep-cargo button{color:#d8edb4;border-left:1px solid #b8dabb60;padding-left:10px;font-size:14px}@media (pointer:coarse){.deep-touch{flex-wrap:wrap;justify-content:center;display:flex}.deep-message,.deep-cargo{bottom:180px}}@media (max-width:650px){.deep-header{gap:8px;top:12px;left:12px;right:12px}.deep-header>span{font-size:12px}.deep-header small{font-size:10px}.deep-header a,.deep-header button{padding:8px;font-size:12px}.deep-clue{width:calc(100% - 128px);max-height:38dvh;padding:10px;top:78px;left:12px;overflow:auto}.deep-clue p{font-size:16px}.deep-status{padding:9px;top:78px;right:12px}.deep-status strong{font-size:24px}.deep-key{bottom:12px}.deep-controls{bottom:96px;left:12px;right:12px}.deep-message{width:calc(100% - 24px);bottom:195px;left:12px}.deep-cargo{bottom:150px;right:12px}.deep-intro{padding:23px;top:19%;left:15px;right:15px}.deep-intro h1{font-size:37px}}.deep-intro-legend{gap:7px;display:grid;color:#b8e8df!important;font-size:14px!important}.deep-intro-legend span:last-child{color:#ffbe9b}.deep-clue{background:linear-gradient(135deg,#072b38f7,#0b3743f5);border-left:3px solid #e9c88b;box-shadow:0 12px 40px #001f2b66}.deep-clue h2{color:#f4dab0;margin:7px 0 9px;font-size:18px}.deep-clue small{color:#b5d6d4;border-top:1px solid #b5d6d426;padding-top:8px;font-size:13px;display:block}.deep-clue p{margin-bottom:10px}.deep-hull{gap:5px;margin:10px 0 3px;display:flex}.deep-hull i{border:1px solid #a5d7c877;border-radius:2px;width:23px;height:7px;display:block}.deep-hull i.intact{background:#a5e9ce}.deep-status small{letter-spacing:.1em;color:#b7d5d1;font-size:10px}.deep-danger{z-index:5;color:#ffe3c7;text-align:center;pointer-events:none;background:#501d19ed;border:2px solid #ff9b76;border-radius:7px;max-width:calc(100% - 150px);padding:12px 18px;font-size:16px;font-weight:700;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #e2553033}.deep-impact{pointer-events:none;border:3px solid #ffaf8777;position:absolute;inset:0;box-shadow:inset 0 0 100px #ff583d77}@media (max-width:650px){.deep-clue h2{font-size:16px}.deep-danger{max-width:calc(100% - 126px);padding:10px;font-size:14px;top:80px;left:12px;transform:none}}.deep-layout{flex-direction:column;display:flex;overflow:hidden}.deep-layout .deep-header{background:#082d3b;flex:none;gap:14px;min-height:62px;padding:9px 18px;position:relative;inset:auto}.deep-layout .deep-header>span{text-align:left;margin-right:auto;font-size:13px}.deep-layout .deep-header small{font-size:11px}.deep-viewport{flex:auto;min-height:0;position:relative;overflow:hidden}.deep-layout .deep-status{white-space:nowrap;background:0 0;align-items:center;gap:10px;padding:0;display:flex;position:relative;inset:auto}.deep-layout .deep-status strong{font-size:23px}.deep-layout .deep-status span{margin:0;font-size:13px}.deep-layout .deep-hull{margin:0}.deep-layout .deep-status>small{display:none}.deep-dock{background:#082d3b;border-top:1px solid #99d9c944;flex:none;max-height:42%;padding:10px 18px;position:relative;overflow:auto}.deep-layout .deep-clue{width:auto;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(190px,1fr) minmax(0,2fr);gap:4px 24px;padding:0;display:grid;position:relative;inset:auto;overflow:visible}.deep-layout .deep-clue>span{grid-area:1/1}.deep-layout .deep-clue h2{grid-area:2/1;margin:0;font-size:17px;line-height:1.35}.deep-layout .deep-clue p{grid-area:1/2/span 3;align-self:center;margin:0;font-size:17px;line-height:1.45}.deep-layout .deep-clue small{border:0;grid-area:3/1;padding:0;font-size:12px}.deep-dock-actions{justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.deep-layout .deep-key{background:0 0;border:0;width:auto;max-width:none;padding:3px 0;font-size:13px;position:relative;inset:auto;transform:none}.deep-layout .deep-controls{display:contents;position:relative;inset:auto}.deep-layout .deep-message{width:auto;margin:0;padding:6px 10px;font-size:15px;line-height:1.4;position:relative;inset:auto}.deep-layout .deep-danger{top:12px}.deep-layout .deep-intro{padding:22px;top:12%}.deep-layout .deep-intro h1{font-size:clamp(28px,4vw,48px)}@media (max-width:800px){.deep-layout .deep-header{gap:8px;min-height:50px;padding:8px 10px}.deep-layout .deep-header>span{display:none}.deep-layout .deep-header>button{margin-right:auto}.deep-layout .deep-status{gap:6px}.deep-layout .deep-status strong{font-size:20px}.deep-layout .deep-hull i{width:13px}.deep-dock{padding:8px 12px}.deep-layout .deep-clue{grid-template-columns:1fr;gap:5px}.deep-layout .deep-clue>span,.deep-layout .deep-clue h2,.deep-layout .deep-clue p,.deep-layout .deep-clue small{grid-area:auto/1}.deep-layout .deep-clue p{font-size:16px;line-height:1.35}.deep-layout .deep-clue small{display:none}.deep-dock-actions{flex-wrap:wrap;gap:4px}.deep-layout .deep-key{font-size:12px}}