:root{--fg:#e3f5ff;--dim:#8fb0c2;--cy:#6fe2ff;--bg:#04101ccc;--line:#7fd8ff33;--heat:#ff5a3c;--oxy:#59b8ff;--ok:#9ff3c8;--prp:#6fe2ff;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#030812;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button,select{font:inherit;color:inherit;cursor:pointer;background:#0b1f30d9;border:1px solid #5b8ca44d;border-radius:8px;padding:9px 12px}button:hover,button:focus-visible{outline:2px solid var(--cy);outline-offset:1px;background:#163a52}button:disabled{opacity:.45;cursor:default}small{color:var(--cy);letter-spacing:.16em;font-size:9.5px;font-weight:600}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}header{padding:calc(14px + var(--sat)) calc(20px + var(--sar)) 10px calc(20px + var(--sal));z-index:3;pointer-events:none;background:linear-gradient(#020812b3,#0000);grid-template-columns:auto auto 1fr auto;align-items:start;gap:22px;display:grid;position:fixed;top:0;left:0;right:0}header>*{pointer-events:auto}.brand{letter-spacing:.14em;font-size:13px;font-weight:800}.brand span{letter-spacing:.24em;color:var(--dim);margin-top:5px;font-size:8.5px;font-weight:600;display:block}.tele{align-items:flex-end;gap:12px;display:flex}.tele strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:250;line-height:.9}.tele strong span{letter-spacing:.08em;color:var(--dim);margin-left:5px;font-size:11px}.tele div{flex-direction:column;gap:4px;display:flex}.tele b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.tele small{color:var(--dim);letter-spacing:.14em;font-size:8.5px}.objective{text-align:center;flex-direction:column;justify-self:center;align-items:center;gap:2px;display:flex}.objective small{color:#cfe6f1;letter-spacing:.3em;font-weight:500}.objective b{font-variant-numeric:tabular-nums;text-shadow:0 0 12px #0008;font-size:19px;font-weight:500}.tape{color:#cfe6f1aa;border-top:1px solid #cfe6f155;width:min(46vw,420px);height:16px;margin-top:6px;font:8px ui-monospace,monospace;position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.tape i{background:#cfe6f188;width:1px;height:5px;position:absolute;top:0}.tape i.major{background:#cfe6f1;height:8px}.tape em{font-style:normal;position:absolute;top:8px;transform:translate(-50%)}.tape .mark{border:1px solid var(--cy);background:#6fe2ff55;width:9px;height:9px;position:absolute;top:-1px;transform:translate(-50%)rotate(45deg)}.tape:after{content:"";background:#fff;width:2px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.actions{gap:8px;display:flex}.actions button{border-radius:50%;width:40px;height:40px;padding:0;font-size:14px}.gauge{pointer-events:none;width:62px;height:230px;position:fixed;top:50%;transform:translateY(-50%)}.gauge.left{left:calc(10px + var(--sal))}.gauge.right{right:calc(10px + var(--sar))}.gauge svg{width:100%;height:100%;overflow:visible}.gauge path{fill:none;stroke-linecap:round}.track{stroke:#ffffff1a;stroke-width:3px}.track.inner{stroke-width:2px}.arc{stroke-width:3.5px;filter:drop-shadow(0 0 4px);transition:stroke-dashoffset .25s linear}.arc.heat{stroke:var(--heat);color:var(--heat)}.arc.health{stroke:var(--ok);color:var(--ok);stroke-width:2.2px}.arc.oxy{stroke:var(--oxy);color:var(--oxy)}.arc.energy{stroke:var(--prp);color:var(--prp);stroke-width:2.2px}.g-label{letter-spacing:.12em;white-space:nowrap;gap:3px;font-size:9px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.left .g-label{left:62px}.right .g-label{text-align:right;right:62px}.g-label span{font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:11px}.g-label b{color:#cfe6f1;font-weight:600}.gauge.warn .heat{animation:.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.reticle{border:1px solid #cfefff40;border-radius:50%;width:18px;height:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle:after{content:"";background:#cfefff66;border-radius:50%;position:absolute;inset:7px}.corridors{right:calc(84px + var(--sar));bottom:calc(22px + var(--sab));flex-direction:column;align-items:stretch;gap:6px;width:300px;display:flex;position:fixed}.route-toggle{text-align:left;background:var(--bg);flex-direction:column;gap:3px;padding:8px 12px;display:flex}.route-list{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.route{text-align:left;background:var(--bg);border-color:#ffffff1f;padding:7px 8px;line-height:1.25;position:relative;overflow:hidden}.route b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:500;display:block}.route small{color:var(--dim);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:500;display:block;overflow:hidden}.route:before{content:"";background:var(--rc);width:3px;position:absolute;top:0;bottom:0;left:0}.route.selected{border-color:var(--rc);box-shadow:0 0 0 1px var(--rc) inset;background:#0e2c42e6}.drawer{background:var(--bg);color:#bcd6e4;border:1px solid #ffffff1f;border-radius:8px;max-height:42vh;padding:10px 12px;font-size:11px;line-height:1.6;overflow:auto}.drawer .disclaimer{margin:0 0 6px}.disclaimer{color:#95b4c6;letter-spacing:.06em;font-size:8.5px;line-height:1.7}#policy,#environment{color:#9dbdcd;margin:6px 0 0;font-size:9.5px}.drone{left:calc(84px + var(--sal));bottom:calc(22px + var(--sab));background:var(--bg);border:1px solid #ffffff1a;border-radius:10px;width:300px;padding:10px 12px;position:fixed}.d-head{letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.d-head span{color:#ffd36e}.charge{background:#ffffff14;border-radius:2px;height:4px;margin:8px 0 6px;overflow:hidden}.charge i{background:linear-gradient(90deg,#3ad0ff,#9ff3ff);width:100%;height:100%;transition:width .2s;display:block}.pips{gap:4px;margin-bottom:8px;display:flex}.pips i{background:#ff8a5c;border-radius:2px;width:16px;height:4px}.pips i.used{background:#ffffff1f}.d-buttons{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.sup{letter-spacing:.06em;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:10px;display:flex;position:relative;overflow:hidden}.sup b{color:var(--c);opacity:.9;font-size:9px;font-weight:700}.sup .ring{background:conic-gradient(#000a calc(var(--cd,0)*360deg),transparent 0);pointer-events:none;position:absolute;inset:0}.sup.active{box-shadow:0 0 0 1px var(--c) inset,0 0 18px -4px var(--c);color:#fff}.sup.na{opacity:.5}#caption{left:50%;bottom:calc(150px + var(--sab));text-align:center;border-left:2px solid var(--cy);background:#020916b3;border-radius:4px;max-width:min(620px,86vw);padding:9px 14px;font-size:12px;transition:opacity .6s;position:fixed;transform:translate(-50%)}#caption.fade{opacity:0}#diagnostics{bottom:calc(4px + var(--sab));right:calc(10px + var(--sar));color:#82a8bd;font:9.5px ui-monospace,monospace;position:fixed}.overlay{z-index:5;background:radial-gradient(at 30%,#01050bcc,#01050b40 70%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(6px);background:#06111bdd;border:1px solid #47738c55;border-radius:14px;max-width:620px;padding:30px 34px;box-shadow:0 30px 120px #000a}.panel p{color:#afc8d8;font-size:13px;line-height:1.7}h1{letter-spacing:-.05em;margin:18px 0 14px;font-size:60px;font-weight:800;line-height:.95}h1 em{color:var(--cy);font-style:normal}.loading{color:#ffd36e!important;font-size:12px!important}.keys{font-size:11.5px!important}.primary{color:#032332;background:#8ce5fa;border:0;margin:20px 0 10px;padding:14px 22px;font-weight:800;display:block}.primary:hover{background:#b6f0ff}.ghost{background:0 0}.settings{z-index:8;top:calc(70px + var(--sat));right:calc(16px + var(--sar));width:340px;max-height:82dvh;position:fixed;overflow:auto}.settings h2{margin:0 0 8px;font-size:17px;font-weight:600}.settings label{margin:10px 0;font-size:12px;display:block}.settings select{margin-left:10px}.settings p{font-size:11px}.settings button{width:100%;margin:6px 0}.contrast .drone,.contrast .route,.contrast .route-toggle,.contrast .drawer,.contrast #caption{background:#000;border-color:#fff8}.contrast .g-label,.contrast .tele{text-shadow:0 0 3px #000,0 0 6px #000}#touch{display:none}@media (pointer:coarse){#touch{padding:0 calc(14px + var(--sar)) calc(14px + var(--sab)) calc(14px + var(--sal));pointer-events:none;z-index:2;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.stick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#0a2236aa,#0a223644);border:1px solid #cfefff40;border-radius:50%;flex:none;width:min(128px,30vw);height:min(128px,30vw);position:relative}.stick i{width:52px;height:52px;transform:translate(var(--sx,0px),var(--sy,0px));background:#bfeaff33;border:1px solid #cfefff88;border-radius:50%;margin:-26px;position:absolute;top:50%;left:50%}.stick span{text-align:center;letter-spacing:.14em;color:#cfe6f1aa;width:100%;font-size:8px;position:absolute;bottom:-14px}.t-mid{pointer-events:auto;flex-direction:column;align-items:center;gap:8px;margin-bottom:6px;display:flex}.t-row{gap:8px;display:flex}.t-row button{width:48px;height:44px;padding:0;font-size:18px}.thrust{letter-spacing:.1em;background:#0e2b44cc;border-radius:26px;width:104px;height:52px;font-weight:700}.thrust:active{background:#2a6b8c}.drone{left:calc(12px + var(--sal));right:calc(12px + var(--sar));width:auto;bottom:calc(166px + var(--sab));padding:8px 10px}.drone .charge,.drone .pips,.d-head{display:none}.sup{min-height:46px;padding:9px 2px}.corridors{right:calc(12px + var(--sar));top:calc(108px + var(--sat));width:min(300px,62vw);bottom:auto}#caption{bottom:calc(232px + var(--sab));padding:7px 10px;font-size:11px}.gauge{width:44px;height:150px;top:44%}.gauge.left{left:calc(4px + var(--sal))}.gauge.right{right:calc(4px + var(--sar))}.left .g-label{left:46px}.right .g-label{right:46px}.reticle{display:none}.actions button{width:36px;height:36px}}@media (max-width:920px) and (pointer:fine),(max-height:560px) and (pointer:fine){.corridors{top:calc(96px + var(--sat));bottom:auto;right:calc(70px + var(--sar));width:min(300px,44vw)}.drone{left:calc(70px + var(--sal));width:min(300px,48vw);padding:8px}.drone .pips{display:none}#caption{bottom:calc(120px + var(--sab))}}@media (max-width:720px){header{padding:calc(10px + var(--sat)) calc(12px + var(--sar)) 8px calc(12px + var(--sal));grid-template-columns:1fr auto;gap:8px 12px}.brand{display:none}.tele strong{font-size:30px}.tele b{font-size:13px}.objective{grid-area:2/1/auto/-1;justify-self:center}.objective b{font-size:15px}.tape{width:64vw}.route-list{grid-template-columns:repeat(3,1fr)}.route b{font-size:15px}.route small{display:none}.route{padding:5px 6px}.g-label{font-size:8px}.g-label span{font-size:10px}h1{font-size:44px}.panel{max-height:92dvh;padding:20px;overflow:auto}.settings{width:calc(100vw - 24px);right:12px}}@media (pointer:coarse) and (orientation:landscape){.stick{width:112px;height:112px}.gauge{top:50%}.drone{left:calc(146px + var(--sal));width:min(340px,40vw);right:auto;bottom:calc(10px + var(--sab));transform:none}.corridors{top:calc(64px + var(--sat));width:min(260px,34vw)}#caption{bottom:calc(76px + var(--sab));max-width:46vw}header{padding-top:calc(6px + var(--sat));grid-template-columns:auto 1fr auto}.objective{grid-area:auto}.tele strong{font-size:26px}.gauge{height:140px}.t-mid{right:calc(146px + var(--sar));bottom:calc(14px + var(--sab));flex-direction:column-reverse;margin:0;position:absolute}.t-mid .thrust{width:88px;height:46px}}.menu-open #hud,.menu-open #top,.menu-open #touch{visibility:hidden}.corridors{top:calc(86px + var(--sat));z-index:4;filter:drop-shadow(0 4px 16px #0006);gap:0;width:min(450px,100vw - 32px);bottom:auto;left:50%;right:auto;transform:translate(-50%)}.landing-guide{background:#04121ff2;border:1px solid #679dbb80;border-radius:12px 12px 0 0;align-items:center;gap:13px;padding:10px 13px;display:flex}.landing-map{color:#b3cedd;flex:0 0 84px;width:84px;height:84px;font:9px ui-monospace,monospace;position:relative}.landing-ring{background:#6fe2ff14;border:2px solid #6fe2ff;border-radius:50%;width:54px;height:54px;position:absolute;top:15px;left:15px}.landing-ring:after{content:"+";color:#6fe2ff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#positionDot{z-index:1;background:#fff;border:1px solid #05121d;border-radius:50%;width:9px;height:9px;margin:-4.5px;transition:transform .15s linear;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #fff5}#positionDot.outside{background:#ffbe70;box-shadow:0 0 0 2px #ffbe7055}.map-north,.map-south{white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.map-north{top:-1px}.map-south{bottom:-1px}.map-west,.map-east{position:absolute;top:50%;transform:translateY(-50%)}.map-west{left:0}.map-east{right:0}.stick-map .map-north,.stick-map .map-south,.stick-map .map-west,.stick-map .map-east{font-size:0}.stick-map .map-north:after{content:"↑";font-size:12px}.stick-map .map-south:after{content:"↓";font-size:12px}.stick-map .map-west:after{content:"←";font-size:12px}.stick-map .map-east:after{content:"→";font-size:12px}.guide-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.guide-copy small{letter-spacing:.1em;font-size:9px}.guide-copy strong{color:#fff;font-size:14px;line-height:1.25}.guide-copy>span{color:#c3d7e4;font-size:11px;line-height:1.4}.guide-copy #guideOffset{color:#89b4ca;font-size:10px}.guide-warning #guideAction{color:#ffca84}.route-toggle{background:#071c2cf5;border-top:0;border-radius:0 0 10px 10px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px}.route-toggle span{letter-spacing:0;font-size:10px}.route-change{color:#8ecce8}.drawer{z-index:5;background:#061522fa;width:100%;max-height:45dvh;font-size:12px;position:absolute;top:100%;left:0;box-shadow:0 14px 30px #0008}.drawer .route-help{color:#e1eff7;margin:0 0 10px;line-height:1.5}.drawer .disclaimer{margin-top:10px;font-size:10px}.route b{font-size:15px}.route small{font-size:10px;display:block!important}.route-list{margin-bottom:10px}.route{min-height:48px}.support-status{color:#bed9e8;margin:8px 0 0;font-size:10px;line-height:1.4}.ability-status{letter-spacing:0;color:#a9cadb;font-size:8px}.sup{letter-spacing:0;min-height:62px;font-size:11px}.sup>b:empty{display:none}.d-head span{font-size:9px}.drone{background:#061623f2;width:330px}.d-buttons{gap:5px}.g-label{background:#061623dc;border-radius:7px;padding:6px 8px}.g-label span{color:#fff;font-size:12px}.g-label b{color:#bbd2df;font-size:9px}#caption{max-width:min(580px,88vw);bottom:calc(182px + var(--sab));z-index:3;pointer-events:none;background:#061623ed;font-size:12px}.overlay{background:#020811b8;padding:18px;overflow:auto}.mission-panel{overscroll-behavior:contain;background:#061421fa;width:min(620px,100%);max-width:620px;max-height:calc(100dvh - 36px);padding:28px;overflow:auto}.mission-panel h1{letter-spacing:-.035em;margin:13px 0;font-size:clamp(26px,5vw,42px);line-height:1.05}.mission-panel .mission-brief{color:#f1f8ff;margin:12px 0 18px;font-size:19px;font-weight:650;line-height:1.35}.mission-steps{counter-reset:steps;gap:12px;margin:0;padding:0;list-style:none;display:grid}.mission-steps li{counter-increment:steps;flex-direction:column;gap:3px;padding-left:39px;display:flex;position:relative}.mission-steps li:before{content:counter(steps);color:#8ae4ff;border:1px solid #6fe2ff66;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid;position:absolute;top:1px;left:0}.mission-steps b{font-size:14px;font-weight:600}.mission-steps span{color:#b4cddd;font-size:12px;line-height:1.5}.quick-controls{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.quick-controls>div{background:#0e2334;border:1px solid #6085a144;border-radius:9px;flex-direction:column;gap:6px;padding:10px;display:flex}.quick-controls b{color:#a4ebff;font-size:12px}.quick-controls span{color:#d1e4ef;font-size:11px;line-height:1.45}.mission-panel .first-tip{color:#a9c8da;margin:12px 0 0;font-size:12px;line-height:1.5}.mission-panel .primary{border-radius:8px;width:100%;min-height:48px;margin:20px 0 14px;font-size:15px}.mission-panel .ghost{margin-bottom:12px}#controlsHelp{border-top:1px solid #587b944d;padding-top:12px}summary{cursor:pointer;color:#c1e3f4;padding:5px 0;font-size:13px;line-height:1.5}summary:focus-visible{outline-offset:3px;outline:2px solid #8ae4ff}.device-tabs{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.device-tabs button{min-height:40px;font-size:12px}.device-tabs [aria-pressed=true]{color:#fff;background:#163b50;border-color:#7cdfff}.controls-grid{gap:0;display:grid}.controls-grid>div{border-bottom:1px solid #577b942e;grid-template-columns:minmax(100px,.8fr) 1.4fr;gap:12px;padding:9px 0;font-size:12px;line-height:1.5;display:grid}.controls-grid b{color:#95e4ff;font-weight:600}.controls-grid span{color:#c6dbe8}.advanced-help{margin-top:13px}.advanced-help p{font-size:12px;line-height:1.6}.landing-checks{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.landing-checks>div{background:#0c2333;border:1px solid #42697f66;border-radius:8px;flex-direction:column;gap:7px;padding:10px;display:flex}.landing-checks b{font-size:12px}.landing-checks span{color:#d3e2ed;font-size:11px;line-height:1.5}.check-pass b{color:#9ff3c8}.check-fail{border-color:#ffbd7566!important}.check-fail b{color:#ffbd75}#missionStats{color:#9abacd;font-size:11px}#outcomeTip{font-size:14px;line-height:1.6}.contrast .landing-guide,.contrast .route-toggle,.contrast .mission-panel,.contrast .g-label{background:#000;border-color:#fff}.contrast .guide-copy>span,.contrast .guide-copy #guideOffset{color:#fff}@media (max-width:720px){.corridors{top:calc(108px + var(--sat));width:calc(100vw - 24px)}.landing-guide{gap:8px;padding:8px 10px}.guide-copy strong{font-size:13px}.guide-copy #guideOffset{font-size:9px}.guide-copy>span{font-size:10px}.landing-map{flex-basis:84px;margin:-4px;transform:scale(.9)}.mission-panel{padding:20px}.mission-panel h1{font-size:31px}.mission-panel .mission-brief{font-size:17px}.mission-steps{gap:10px}.quick-controls{gap:6px}.quick-controls>div{padding:8px}.quick-controls b{font-size:11px}.quick-controls span{font-size:10px}.landing-checks{grid-template-columns:1fr}.landing-checks>div{flex-direction:row;justify-content:space-between}.landing-checks span{text-align:right;max-width:65%}.drone{width:calc(100vw - 24px);left:12px}}@media (pointer:coarse){.drone{width:auto;left:12px;right:12px;bottom:calc(160px + var(--sab));padding:7px 10px}.sup{min-height:53px;padding:7px 2px;font-size:11px}.support-status{margin:5px 0 0}.d-head{display:none}#caption{bottom:calc(260px + var(--sab));font-size:11px}.thrust{font-size:11px}.gauge{top:47%}}@media (max-height:560px){.mission-panel{padding:18px 24px}.mission-panel h1{margin:9px 0;font-size:27px}.mission-panel .mission-brief{font-size:16px}.mission-steps{gap:7px}.quick-controls{margin-top:12px}.overlay{align-items:start}}@media (pointer:coarse) and (orientation:landscape){.corridors{left:12px;right:auto;top:calc(64px + var(--sat));width:300px;transform:none}.landing-guide{gap:6px;padding:7px}.landing-map{margin:-8px;transform:scale(.8)}.guide-copy strong{font-size:11px}.guide-copy>span{font-size:9px}.guide-copy small{font-size:8px}.route-toggle{padding:5px 8px}.drone{left:calc(142px + var(--sal));right:auto;bottom:calc(8px + var(--sab));width:min(330px,40vw);padding:7px}.support-status{font-size:8px}.sup{min-height:46px;padding:5px 1px;font-size:10px}.ability-status{font-size:7px}#caption{bottom:calc(100px + var(--sab));max-width:43vw}.gauge{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body.cine #top,body.cine #hud,body.cine #touch{opacity:0;pointer-events:none}#top,#hud,#touch{transition:opacity .6s}body:before,body:after{content:"";height:calc(var(--cine,0) * 10.5vh);z-index:4;pointer-events:none;background:#000;position:fixed;left:0;right:0}body:before{top:0}body:after{bottom:0}body.results:before,body.results:after{height:0}.jump-now{left:50%;bottom:calc(96px + var(--sab));z-index:4;letter-spacing:.16em;padding:13px 28px;font-weight:700;animation:1.6s ease-in-out infinite pulse;position:fixed;transform:translate(-50%)}@keyframes pulse{50%{box-shadow:0 0 0 6px #6fe2ff22,0 0 24px #6fe2ff55}}#cinema{z-index:8;opacity:0;background:#000;transition:opacity .9s;position:fixed;inset:0}#cinema.on{opacity:1}#cinema.out{opacity:0;pointer-events:none}#cinema video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s linear;position:absolute;inset:0}#cinema video.on{opacity:1}#cinema .title{text-align:center;opacity:0;pointer-events:none;text-shadow:0 2px 24px #000;transition:opacity 1.6s;position:absolute;top:9vh;left:0;right:0}#cinema .title.show{opacity:1;transition-delay:1.6s}#cinema .title h1{letter-spacing:.02em;margin:.2em 0 0;font-size:clamp(34px,7vw,84px);font-weight:800;line-height:.92}#cinema .title em{color:var(--cy);font-style:normal}#cinema .skip{right:calc(22px + var(--sar));bottom:calc(22px + var(--sab));letter-spacing:.14em;text-transform:uppercase;color:#d8eef8;opacity:0;align-items:center;gap:8px;font-size:11px;transition:opacity .4s;display:flex;position:absolute}#cinema .skip.show{opacity:.85}#cinema .skip svg{width:26px;height:26px;transform:rotate(-90deg)}#cinema .skip circle{fill:none;stroke:#fff3;stroke-width:3px}#cinema .skip circle.p{stroke:var(--cy);stroke-dasharray:94.3;stroke-dashoffset:94.3px}#wipe{z-index:9;opacity:0;pointer-events:none;background:#f4f7f9;transition:opacity 1.1s;position:fixed;inset:0}#wipe.on{opacity:1}.credits{background:#020a1299;border:1px solid #ffffff1a;border-radius:8px;margin:10px 0 14px;padding:10px 12px;font-size:11.5px}.credits p{justify-content:space-between;gap:10px;margin:5px 0 0;display:flex}.credits b{color:var(--dim);font-weight:600}.credits span{text-align:right}#top,#hud,#touch{opacity:calc(1 - var(--cine,0))}#speed.warn{color:var(--heat);animation:.5s steps(2,end) infinite blink}#objective.ok{color:var(--ok)}.gauge.right.gas .energy{stroke:#e8f4ff;color:#e8f4ff}body.cine.menu-open .overlay{background:linear-gradient(90deg,#02081188,#0000 75%);justify-content:flex-start;align-items:flex-end;padding:clamp(16px,4vw,56px)}body.cine.menu-open .mission-panel{background:#061421e8;width:min(410px,100%);max-height:72dvh;padding:24px}body.cine.menu-open .mission-panel .mission-brief{font-size:16px}body.cine.menu-open .mission-panel h1{font-size:34px}body.cine.menu-open #missionIntro{display:none}@media (max-width:700px){body.cine.menu-open .overlay{background:linear-gradient(#0000 20%,#02081199);justify-content:center;padding:14px}body.cine.menu-open .mission-panel{max-height:55dvh;padding:18px}body.cine.menu-open .mission-panel h1{font-size:28px}}