@font-face{font-family:LT Museum;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lt-museum-bold.woff2)format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/alegreya-sans-medium.woff2)format("woff2")}:root{--hud-icon-scale:1.3;--gold:#ddbd83;--gold-bright:#efd5a2;--gold-dim:#c7b27f;--mint:#a0d7c5;--mint-dim:#8bc1ab;--ink:#e8eee5;--ink-soft:#bfd1c5;--muted:#a0b7b3;--muted-deep:#809f96;--coral:#dc8f73;--coral-soft:#e4a18a;--line:#c4dcca29;--line-strong:#aec4a94d;--navy:#0b2a31;--navy-deep:#092d35;--panel:linear-gradient(125deg, #16373acc, #09232ae0);--panel-solid:linear-gradient(125deg, #153c43, #092a34);--sans:"Alegreya Sans", "DM Sans", sans-serif;--display:"LT Museum", "Alegreya Sans", sans-serif;--serif:var(--display);--key-face:#dcc188;--key-ink:#1b3a3f;--synty-frame-large:url(/ui/synty/frame-large.png);--synty-frame-medium:url(/ui/synty/frame-medium.png);--synty-frame-hud:url(/ui/synty/frame-hud-gold.png);--synty-frame-hud-coral:url(/ui/synty/frame-hud-coral.png);--synty-frame-hud-mint:url(/ui/synty/frame-hud-mint.png);--synty-line:url(/ui/synty/line.png);--synty-body:url(/ui/synty/panel-body.png);--synty-body-coral:url(/ui/synty/panel-body-coral.png);--synty-body-mint:url(/ui/synty/panel-body-mint.png);--hud-shadow:0 12px 26px -8px #000d14b3, 0 3px 8px -2px #000d1480;--num-shadow:0 1px 0 #01121a, 0 0 5px #01121acc, 0 2px 10px #01121a99;--radius:4px;--radius-card:8px;--shadow-card:0 25px 100px #00172080;--masthead-height:98px;--deck-height:98px;--gutter:42px;font-family:var(--sans);font-synthesis:none;color:var(--ink);background:var(--navy-deep);font-weight:500}*{box-sizing:border-box}body{min-width:360px;margin:0;overflow:hidden}body,#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,[contenteditable=""],[contenteditable=true]{-webkit-user-select:text;user-select:text}img,canvas,svg{-webkit-user-drag:none}button,a{-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){body,button,a,input,label,#ocean{cursor:url(/ui/synty/cursor.png) 4 2,auto}button:disabled{cursor:url(/ui/synty/cursor.png) 4 2,not-allowed}}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,body.pad-nav button:focus,body.pad-nav a:focus,body.pad-nav input:focus,body.pad-nav select:focus{outline:2px solid var(--gold-bright);outline-offset:5px;border-radius:3px;box-shadow:0 0 0 5px #e8c98a2e,0 0 18px 4px #e8c98a55}body.pad-nav .segmented button:focus,.segmented button:focus-visible{outline-offset:2px}a{color:inherit;text-decoration:none}p{font-size:12px;line-height:1.8}h1{font:700 58px/1.02 var(--display);letter-spacing:-1.2px;color:#f0ecdf;text-shadow:0 2px #06202688,0 10px 30px #02161c99;margin:13px 0 21px}h2{font:700 30px/1.15 var(--display);letter-spacing:-.3px;margin:15px 0 9px}kbd,.keycap{--cap:url(/ui/synty/key-cap.png);font:700 10px/1 var(--display);min-width:20px;height:20px;color:var(--key-ink);background:var(--key-face);-webkit-mask:var(--cap) left center / auto 100% no-repeat, var(--cap) right center / auto 100% no-repeat, linear-gradient(#000, #000) center / calc(100% - 20px) 100% no-repeat;-webkit-mask:var(--cap) left center / auto 100% no-repeat, var(--cap) right center / auto 100% no-repeat, linear-gradient(#000, #000) center / calc(100% - 20px) 100% no-repeat;mask:var(--cap) left center / auto 100% no-repeat, var(--cap) right center / auto 100% no-repeat, linear-gradient(#000, #000) center / calc(100% - 20px) 100% no-repeat;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;display:inline-flex;position:relative}.keycap .icon,.keycap .key-glyph{width:11px;height:11px}.keycap .sicon{background-color:var(--key-ink)}.keycap .key-glyph{width:13px;height:13px}.keycap-text{letter-spacing:.2px;font-size:7px}.keycap-wide{min-width:44px}.keycap-wide .key-glyph{width:22px}.rot-90{transform:rotate(90deg)}.rot-180{transform:rotate(180deg)}.rot-270{transform:rotate(270deg)}.pad-btn{width:20px;height:20px;font:700 8px/1 var(--display);color:var(--key-ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.pad-face{background:50%/contain no-repeat}.pad-shape{background-color:var(--key-face);width:26px;-webkit-mask:var(--sprite) center / contain no-repeat;-webkit-mask:var(--sprite) center / contain no-repeat;mask:var(--sprite) center / contain no-repeat}.pad-shape .pad-label{padding-top:2px}.pad-left,.pad-left .pad-label{transform:scaleX(-1)}.pad-menu{width:20px}.icon{width:calc(22px * var(--hud-icon-scale));height:calc(22px * var(--hud-icon-scale));flex-shrink:0}.bicon{background-image:url(/ui/icons/brass-icons.webp);background-repeat:no-repeat;background-size:900% 800%;display:inline-block}.primary-button .bicon,.segmented button.active .bicon{filter:brightness(.34)contrast(1.25)}.sicon{-webkit-mask:var(--sprite) center / contain no-repeat;-webkit-mask:var(--sprite) center / contain no-repeat;mask:var(--sprite) center / contain no-repeat;background-color:currentColor;display:inline-block}.rule{background:var(--gold);height:3px;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;mask:var(--synty-line) center / 100% 100% no-repeat;opacity:.8}.hidden{display:none!important}.vh{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.figure{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.figure .icon{width:calc(14px * var(--hud-icon-scale));height:calc(14px * var(--hud-icon-scale));color:var(--mint-dim)}.figure b{font:700 11px var(--display);color:#e2ede0}.figure.good b{color:var(--gold-bright)}.figure.bad b{color:var(--coral-soft)}.state-ok{color:#8fd3a8}.state-warn{color:var(--gold-bright)}.state-busy{color:var(--gold)}.state-danger{color:var(--coral)}.spin{animation:1.6s steps(8,end) infinite spin}.pulse{animation:1.1s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.88)}}.slash{background:#91ac9266;width:1px;height:14px;margin:0 2px;display:inline-block;transform:rotate(18deg)}.eyebrow,.small-label{letter-spacing:.7px;color:#9fb8b0;font-size:10px}.tag{color:#cbb98e;letter-spacing:.2px;background:#c2a36a12;border:1px solid #cdb97b29;border-radius:3px;padding:4px 7px;font-size:9px}.muted-note{line-height:1.7;color:#819f90!important;font-size:10px!important}.primary-button{isolation:isolate;color:#213b39;min-height:46px;font:700 11px var(--display);filter:drop-shadow(0 6px 14px #03151b66);background:0 0;border:11px solid #0000;border-image:url(/ui/synty/button-frame.png) 32/11px;justify-content:center;align-items:center;gap:12px;padding:4px 16px 4px 30px;transition:filter .2s;display:flex;position:relative}.primary-button:after{content:"";z-index:-1;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);background:linear-gradient(105deg,#cfae77,#ecd29b);position:absolute;inset:-4px}.primary-button:before{content:"";background:url(/ui/synty/button-gem.png) 50%/contain no-repeat;width:18px;height:18px;transition:transform .2s;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.primary-button:hover:not(:disabled){filter:drop-shadow(0 6px 14px #03151b66)brightness(1.08)}.primary-button:hover:not(:disabled):before,.primary-button:active:not(:disabled):before,.primary-button:focus-visible:before{background-image:url(/ui/synty/button-gem-active.png);transform:translateY(-50%)scale(1.15)}.primary-button:disabled{filter:grayscale(.4)}.primary-button .icon{width:17px;height:17px}.text-button{color:#8cab98;text-underline-offset:4px;background:0 0;margin-top:20px;font-size:10px;text-decoration:underline}.text-button:hover{color:var(--gold-bright)}.icon-button{color:#b0c8c2;background:0 0;place-items:center;width:32px;height:34px;transition:color .2s;display:grid}.icon-button:hover{color:var(--gold-bright)}.icon-button .icon{width:calc(19px * var(--hud-icon-scale));height:calc(19px * var(--hud-icon-scale))}.icon-button.framed,.framed-box{border:9px solid #0000;border-image:var(--synty-frame-hud) 64 / 9px / 1px stretch;background:#0b2d3778 padding-box padding-box}.icon-button.framed{width:40px;height:38px;color:var(--gold)}.icon-button.framed:hover{color:var(--gold-bright);background-color:#c2a36a1f}.record-badge{font:700 9px var(--display);letter-spacing:.4px;color:#1f3a36;background:linear-gradient(105deg,#d1b17c,#e6c991);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.record-badge .icon{width:11px;height:11px}.level-pips{gap:3px;display:inline-flex}.level-pips i{background:#b8d4bc3a;width:11px;height:11px;-webkit-mask:url(/ui/synty/gem-pip.png) 50%/contain no-repeat;mask:url(/ui/synty/gem-pip.png) 50%/contain no-repeat}.level-pips i.filled{background:linear-gradient(160deg, var(--gold-bright), var(--gold) 55%, #b8923f);filter:drop-shadow(0 0 4px #f3cb8b88)}#app{--perspective:1400px;--cockpit-y:8deg;--deck-x:6deg;--compass-d:131px;--compass-x:4px;--compass-y:0px;--compass-box:calc(var(--compass-d) * 1.7361);isolation:isolate;height:100svh;min-height:650px;perspective:var(--perspective);perspective-origin:50%;position:relative;overflow:hidden}#ocean{z-index:-3;touch-action:none;position:absolute;inset:0}#ocean canvas{width:100%;height:100%;display:block}.vignette{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#041921b8,#0000 43%),linear-gradient(#041a2094,#0000 23% 72%,#031a21cc);position:absolute;inset:0}.danger-vignette{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#be3c288c 100%);transition:opacity .6s;position:absolute;inset:0}.oxygen-critical .danger-vignette,.hull-critical .danger-vignette{opacity:1;animation:1.6s ease-in-out infinite danger-pulse}.hull-critical .danger-vignette{background:radial-gradient(#0000 52%,#d7553299 100%)}@keyframes danger-pulse{0%,to{opacity:.35}50%{opacity:1}}.flash{z-index:40;pointer-events:none;opacity:0;background:#fff6e4;position:absolute;inset:0}.flash.active{animation:.18s ease-out forwards flash}@keyframes flash{0%{opacity:.45}to{opacity:0}}main{inset:var(--masthead-height) 0 var(--deck-height);pointer-events:none;perspective:var(--perspective);perspective-origin:50%;position:absolute}main button,main .expedition-rail,main .touch-stick{pointer-events:auto}.masthead{height:var(--masthead-height);margin:0 var(--gutter);z-index:35;align-items:center;gap:50px;display:flex;position:relative}.masthead:after{content:"";background:var(--gold);height:3px;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;mask:var(--synty-line) center / 100% 100% no-repeat;opacity:.7;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.masthead nav{align-self:stretch;gap:34px;display:flex}.nav-link{color:#a4beb8;background:0 0;place-items:center;padding:0 6px;display:grid;position:relative}.nav-link .icon{width:calc(24px * var(--hud-icon-scale));height:calc(24px * var(--hud-icon-scale))}.nav-link.active{color:var(--gold-bright)}.nav-link.active:after{content:"";background:var(--gold);filter:drop-shadow(0 0 4px #f3cb8b88);width:8px;height:8px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)rotate(0);-webkit-mask:url(/ui/synty/gem-pip.png) 50%/contain no-repeat;mask:url(/ui/synty/gem-pip.png) 50%/contain no-repeat}.nav-link:hover{color:#fff}.header-end{flex-shrink:0;align-items:center;gap:13px;margin-left:auto;display:flex}.region{color:#b8cfc5;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.region i,.status-dot{background:#a1d2b9;border-radius:100%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #a1d2b966}.header-divider{background:var(--line);width:1px;height:22px;margin:0 8px}.mobile-chart{display:none}.lang-toggle{font:700 9px var(--display);letter-spacing:.6px;color:#8ca9a2;background:#0b2d3778;border:1px solid #cdb97b55;border-radius:999px;align-items:center;gap:1px;padding:3px;display:inline-flex}.lang-toggle span{border-radius:999px;padding:4px 7px;transition:background .2s,color .2s}.lang-toggle span.active{background:var(--gold);color:#213b39}.lang-toggle:hover span:not(.active){color:var(--gold-bright)}.hud-card{--frame:var(--synty-frame-hud);--body:var(--synty-body);--frame-w:10px;border:var(--frame-w) solid transparent;border-image:var(--body) 40 fill / var(--frame-w) / 0 stretch;box-shadow:var(--hud-shadow);background:0 0;position:relative}.hud-card:after{content:"";inset:calc(var(--frame-w) * -1);border:var(--frame-w) solid transparent;border-image:var(--frame) 64 / var(--frame-w) / 2px stretch;pointer-events:none;position:absolute}.expedition-rail{width:286px;transform:rotateY(var(--cockpit-y));transform-origin:0;transform-style:flat;backface-visibility:hidden;position:absolute;top:29px;left:44px}.location-tag{color:#b5ccc3;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.location-tag .icon{width:calc(15px * var(--hud-icon-scale));height:calc(15px * var(--hud-icon-scale));color:var(--gold)}.location-tag .area{border-left:1px solid var(--line);color:#819e99;letter-spacing:1px;margin-left:3px;padding-left:10px;font-size:10px}.intro{max-height:220px;margin:38px 0 31px}.intro-title{transform-origin:20% 60%;margin:0;font-size:44px;animation:2.4s cubic-bezier(.16,.8,.3,1) .2s backwards intro-approach}.wave-word{white-space:nowrap;display:inline-block}.wave-word>span{animation:letter-wave 2.2s ease-out calc(.2s + var(--i) * 55ms) backwards, letter-bob 4.2s ease-in-out calc(2.6s + var(--i) * .11s) infinite;display:inline-block}.is-loading .intro-title{opacity:0}.is-loading .intro-title,.is-loading .wave-word>span{animation:none}@keyframes intro-approach{0%{opacity:0;transform:perspective(600px)translate3d(30px,40px,-900px)}35%{opacity:1}}@keyframes letter-wave{0%{opacity:0;transform:translateY(34px)rotate(10deg)skew(-18deg)scale(1.25,.7)}22%{opacity:1;transform:translateY(-14px)rotate(-6deg)skew(12deg)scale(.86,1.2)}42%{transform:translateY(9px)rotate(4deg)skew(-8deg)scale(1.1,.9)}62%{transform:translateY(-5px)rotate(-2deg)skew(5deg)scale(.96,1.05)}82%{transform:translateY(2px)rotate(1deg)skew(-2deg)scale(1.02,.98)}to{transform:none}}@keyframes letter-bob{0%,to{transform:none}25%{transform:translateY(-2px)skew(-4deg)scale(1.02,.97)}50%{transform:translateY(-3px)rotate(-1deg)skew(0)scaleY(1.04)}75%{transform:translateY(-1px)skew(4deg)scale(.98,1.01)}}@keyframes intro-sink{0%{opacity:1;transform:none}60%{opacity:0;max-height:220px;transform:translateY(18px)}to{opacity:0;max-height:0;margin-block:0;transform:translateY(18px)}}.intro>.eyebrow{color:var(--gold);font-size:10px}.intro>p{color:#a9c2bb;margin:0;font-size:11px;line-height:1.9}.mission-panel{--frame-w:14px;box-shadow:var(--hud-shadow), 0 15px 45px #021b2424;transform:translate3d(var(--tx,0px), var(--ty,0px), 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));backface-visibility:hidden;padding:8px 9px 7px;position:relative}.objectives{justify-content:space-between;align-items:center;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.objective{color:#9fb8b0;align-items:center;display:flex;position:relative}.objective+.objective:before{content:"";opacity:.7;background:#6d9286;width:14px;height:1px;margin-right:6px}.objective-icon{color:#a9c2b8;place-items:center;width:40px;height:40px;transition:color .2s;display:grid;position:relative}.objective-icon:before{content:"";opacity:.7;background:currentColor;position:absolute;inset:0;-webkit-mask:url(/ui/synty/ring-medium.png) 50%/contain no-repeat;mask:url(/ui/synty/ring-medium.png) 50%/contain no-repeat}.objective-icon .icon{width:calc(20px * var(--hud-icon-scale));height:calc(20px * var(--hud-icon-scale));position:relative}.objective.complete .objective-icon{color:var(--gold-bright)}.objective.complete .objective-icon:before{opacity:1;filter:drop-shadow(0 0 5px #f3cb8b66)}.objective.complete .objective-icon:after,.chest-slot.filled:after{content:"";background:var(--gold-bright);filter:drop-shadow(0 1px 1px #06202699);width:12px;height:12px;position:absolute;top:-3px;right:-3px;-webkit-mask:url(/ui/icons/check.svg) 50%/contain no-repeat;mask:url(/ui/icons/check.svg) 50%/contain no-repeat}.chest-row{gap:3px;display:flex}.chest-slot{border:6px solid #0000;border-image:var(--synty-frame-hud-mint) 64 / 6px / 0 stretch;color:#8faaa1;opacity:.75;background:#0b2d3778 padding-box padding-box;place-items:center;width:24px;height:30px;display:grid;position:relative}.chest-slot .icon{width:calc(15px * var(--hud-icon-scale));height:calc(15px * var(--hud-icon-scale))}.chest-slot.filled{border-image-source:var(--synty-frame-hud);color:var(--gold-bright);opacity:1;background:#c2a36a2a padding-box padding-box}.chest-slot.filled:after{width:11px;height:11px;font-size:7px;top:-4px;right:-4px}.mission-reward{align-items:center;gap:7px;margin-top:18px;padding-top:13px;display:flex;position:relative}.mission-reward:before{content:"";background:var(--gold);height:2px;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;mask:var(--synty-line) center / 100% 100% no-repeat;opacity:.6;position:absolute;top:0;left:0;right:0}.reward-value{color:var(--gold);font:700 16px var(--display);align-items:center;gap:6px;display:inline-flex}.reward-value .icon{width:calc(18px * var(--hud-icon-scale));height:calc(18px * var(--hud-icon-scale))}.reward-value b{font-weight:700}.loadout-summary{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:11px;display:flex}.loadout-chips{flex-wrap:wrap;gap:5px;display:flex}.loadout-chip{color:#8faaa1;white-space:nowrap;isolation:isolate;align-items:center;gap:5px;padding:4px 7px;display:inline-flex;position:relative}.loadout-chip:before{content:"";z-index:-1;background:#9fc0b422;position:absolute;inset:0;-webkit-mask:url(/ui/synty/parchment.png) 50%/100% 100% no-repeat;mask:url(/ui/synty/parchment.png) 50%/100% 100% no-repeat}.loadout-chip .icon{width:calc(13px * var(--hud-icon-scale));height:calc(13px * var(--hud-icon-scale))}.loadout-chip .level-pips i{width:8px;height:8px}.loadout-chip.owned{color:#e3cf9f}.loadout-chip.owned:before{background:#c2a36a33}.mission-panel .launch-button{gap:10px;width:100%;min-height:48px;margin-top:16px}.launch-button .icon{width:22px;height:22px}.launch-button .icon:first-child{width:16px;height:16px}.shipyard-link{border:8px solid #0000;border-image:var(--synty-frame-hud) 64 / 8px / 1px stretch;width:36px;height:34px;color:var(--gold);background:#c2a36a12 padding-box padding-box;margin:0 0 0 auto}.shipyard-link:hover{color:var(--gold-bright)}.shipyard-link .icon{width:16px;height:16px}.ship-status{color:#9db6ab;align-items:center;gap:8px;margin-top:14px;padding-inline:3px;display:flex}.ship-status .icon{width:calc(18px * var(--hud-icon-scale));height:calc(18px * var(--hud-icon-scale))}.status-dot[data-tone=diving]{background:#a1d2b9}.status-dot[data-tone=busy]{background:var(--gold);box-shadow:0 0 9px #ddbd8366}.status-dot[data-tone=danger]{background:var(--coral);animation:.9s steps(2,end) infinite blink;box-shadow:0 0 9px #dc8f7388}@keyframes blink{to{opacity:.2}}.is-diving .intro{pointer-events:none;animation:1.1s ease-in forwards intro-sink;overflow:hidden}.reduced-motion.is-diving .intro{display:none}@media (prefers-reduced-motion:reduce){.is-diving .intro{display:none}}.is-diving .mission-panel{margin-top:25px}.is-diving .loadout-summary{display:none}.instrument-cluster{transform:rotateY(calc(var(--cockpit-y) * -1));transform-origin:100%;transform-style:flat;backface-visibility:hidden;gap:14px;display:flex;position:absolute;top:29px;right:43px}.resource{width:166px;transform:translate3d(var(--tx,0px), var(--ty,0px), 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));backface-visibility:hidden;padding:4px 5px 5px}.resource.critical{--frame:var(--synty-frame-hud-coral);--body:var(--synty-body-coral)}.resource-top{align-items:center;gap:6px;min-height:30px;display:flex;position:relative}.resource-top>.icon-chip{width:calc(31px * var(--hud-icon-scale));height:calc(31px * var(--hud-icon-scale));color:var(--tint,var(--mint))}.oxygen{--tint:#b5f3df;--fill-top:#e2fff5;--fill-mid:#74e2c0;--fill-low:#2a9a7d;--glow:#c9fff0}.energy{--tint:#ffdf98;--fill-top:#fff3cc;--fill-mid:#f5c75e;--fill-low:#b07f22;--glow:#ffe9a8}.hull{--tint:#e3eef0;--fill-top:#fff;--fill-mid:#c9dcdf;--fill-low:#7c9aa0;--glow:#f2fbff}.resource.critical{--tint:#ffb69e;--fill-top:#ffd6c6;--fill-mid:#f37b55;--fill-low:#a63c22;--glow:#ffbca4}.resource-state{align-items:center;gap:3px;display:inline-flex}.resource-top strong{font:700 25px/1 var(--display);color:#f7f9f1;letter-spacing:-.4px;text-shadow:var(--num-shadow);margin-left:auto}.resource-top strong>span{color:#cfe0d6;letter-spacing:0;margin-left:2px;font-size:12px}.critical .resource-top strong{color:#ffc9b6}.meter-track{background:#02121a padding-box padding-box;border:5px solid #0000;border-width:5px 8px;border-image:url(/ui/synty/bar-track.png) 50 64/5px 8px;height:20px;margin:7px 0 0;display:block;position:relative;box-shadow:inset 0 2px 3px #000c}.meter-track>i,.meter-track>b{background:url(/ui/synty/meter-gloss.png) 0 0 / 100% 100%, linear-gradient(180deg, var(--fill-top,#e2fff5), var(--fill-mid,#74e2c0) 55%, var(--fill-low,#2a9a7d));background-blend-mode:overlay, normal;width:100%;height:100%;transition:width .15s;display:block;position:relative}.meter-track>i:after,.meter-track>b:after{content:"";background:var(--glow,#c9fff0);opacity:.85;pointer-events:none;width:20px;height:20px;margin-top:-10px;position:absolute;top:50%;right:-10px;-webkit-mask:url(/ui/synty/fx-glow.png) 50%/contain no-repeat;mask:url(/ui/synty/fx-glow.png) 50%/contain no-repeat}.meter-track:after{content:"";pointer-events:none;background:linear-gradient(90deg,#01101799 0 2px,#e9f3ec38 2px 3px) 25% 0/3px 100% no-repeat,linear-gradient(90deg,#01101799 0 2px,#e9f3ec38 2px 3px) 50% 0/3px 100% no-repeat,linear-gradient(90deg,#01101799 0 2px,#e9f3ec38 2px 3px) 75% 0/3px 100% no-repeat;position:absolute;inset:0}.critical .meter-track>i:after{animation:1.8s ease-in-out infinite glow-breathe}@keyframes glow-breathe{50%{opacity:.3;transform:scale(.7)}}.depth-instrument{--gw:112px;width:var(--gw);height:calc(var(--gw) * 2.5);transform:rotateY(calc(var(--cockpit-y) * -1));transform-origin:100%;backface-visibility:hidden;position:absolute;top:150px;right:43px}.depth-instrument:after{content:"";z-index:1;filter:drop-shadow(0 10px 10px #00111aa6);pointer-events:none;background:url(/ui/depth/depth-gauge.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.depth-drums{background:#120d08;gap:3%;width:69%;height:10.8%;padding:0 7%;display:flex;position:absolute;top:13.2%;left:15.5%}.depth-drums:after{content:"";pointer-events:none;background:linear-gradient(#ffffff26,#ffffff08 38%,#0000 40% 78%,#ffffff10);position:absolute;inset:0}.drum{background:#1c1610;flex:1;position:relative;overflow:hidden}.drum:after{content:"";pointer-events:none;background:linear-gradient(#000000d9,#00000040 26%,#0000 42% 58%,#00000040 74%,#000000d9);position:absolute;inset:0}.drum i{flex-direction:column;height:1100%;display:flex;position:absolute;top:0;left:0;right:0}.drum b{font:700 calc(var(--gw) * .2)/1 var(--display);color:#f1e6c8;flex:1;place-items:center;display:grid}.depth-tube{background:linear-gradient(90deg,#04101499,#0c262ecc 45%,#04101499),#061317;width:15%;height:52.73%;position:absolute;top:32.73%;left:30%;overflow:hidden}.depth-tube:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);position:absolute;inset:0 55% 0 18%}.depth-danger{left:0;right:0;top:calc(var(--from) * 100%);background:repeating-linear-gradient(-45deg,#c4573e66 0 3px,#0000 3px 7px);position:absolute;bottom:0}.depth-fill{transform-origin:50% 0;background:linear-gradient(90deg,#1d5f5bcc,#58b9a6e6 45%,#1d5f5bcc);position:absolute;inset:0;transform:scaleY(.04)}.depth-level{position:absolute;inset:0;transform:translateY(4%)}.depth-level i{background:#e9fff7;height:2px;position:absolute;top:-1px;left:0;right:0;box-shadow:0 0 4px #9ff3dd}.depth-scale{z-index:2;width:23.9%;height:52.73%;font:700 max(7.5px, calc(var(--gw) * .085))/1 var(--display);color:#2b1f12;text-shadow:0 1px #e6cf9e80;pointer-events:none;position:absolute;top:32.73%;left:47.7%}.depth-scale span{left:0;top:calc(var(--at) * 100%);align-items:center;gap:calc(var(--gw) * .025);display:flex;position:absolute;transform:translateY(-50%)}.depth-scale span:before{content:"";width:calc(var(--gw) * .05);background:currentColor;height:1.5px}.depth-scale span.deep{color:#6e2115}.depth-scale small{left:calc(var(--gw) * .075);font:inherit;position:absolute;top:-8%}.depth-safe{z-index:2;width:47.7%;height:5.5%;font:700 max(7.5px, calc(var(--gw) * .088))/1 var(--display);color:#2b1f12;text-shadow:0 1px #e6cf9e80;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;gap:6%;display:flex;position:absolute;top:88.6%;left:26.1%}.depth-safe .icon{width:calc(var(--gw) * .1);height:calc(var(--gw) * .1)}.home-marker{--frame-w:8px;color:#ece6c6;align-items:center;gap:6px;padding:1px 5px;display:flex;position:absolute;top:155px;left:55%}.home-marker>.icon{width:calc(17px * var(--hud-icon-scale));height:calc(17px * var(--hud-icon-scale));color:var(--gold-bright)}.home-marker b{font:700 13px var(--display);color:#ece6c6;text-shadow:var(--num-shadow)}.is-diving .home-marker{top:145px}.icon-chip{width:calc(32px * var(--hud-icon-scale));height:calc(32px * var(--hud-icon-scale));background:url(/ui/synty/chip-hex.png) 50%/contain no-repeat;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.icon-chip.chip-circle{background-image:url(/ui/synty/chip-circle.png)}.icon-chip>.icon{filter:drop-shadow(0 1px 1px #01121a);width:52%;height:52%}.state-gem{color:#fff;background:url(/ui/synty/gem-red.png) 50%/contain no-repeat,radial-gradient(closest-side,#01121acc,#01121a00) 50% 62%/92% 92% no-repeat;flex-shrink:0;place-items:center;width:27px;height:27px;display:inline-grid;position:relative}.state-gem.gem-green{background-image:url(/ui/synty/gem-green.png),radial-gradient(closest-side,#01121acc,#01121a00)}.state-gem.gem-blue{background-image:url(/ui/synty/gem-blue.png),radial-gradient(closest-side,#01121acc,#01121a00)}.state-gem>.icon{width:calc(14px * var(--hud-icon-scale));height:calc(14px * var(--hud-icon-scale))}.state-gem.busy>.icon{animation:1.6s steps(8,end) infinite spin}.popup-card{--body:var(--synty-body);--body-w:8px;--k:.44;border:var(--body-w) solid transparent;border-image:var(--body) 40 fill / var(--body-w) / 0 stretch;box-shadow:var(--hud-shadow)}.popup-card:before,.popup-card:after{content:"";top:calc(var(--body-w) * -1 - 63px * var(--k));bottom:calc(var(--body-w) * -1 - 11px * var(--k));width:calc(50% + var(--body-w) + 17px * var(--k));box-sizing:border-box;border-style:solid;border-color:#0000;border-width:calc(92px * var(--k)) calc(72px * var(--k)) calc(42px * var(--k)) calc(40px * var(--k));filter:drop-shadow(0 1px 1px #01121acc);pointer-events:none;border-image-source:url(/ui/synty/popup-frame.png);border-image-slice:92 72 42 40;border-image-width:1;border-image-repeat:stretch;position:absolute}.popup-card:before{left:calc(var(--body-w) * -1 - 17px * var(--k))}.popup-card:after{right:calc(var(--body-w) * -1 - 17px * var(--k));transform:scaleX(-1)}.toast{color:#efe6c4;opacity:0;z-index:12;pointer-events:none;white-space:nowrap;backface-visibility:hidden;align-items:center;gap:12px;padding:2px 12px 2px 4px;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s;display:flex;position:absolute;top:38px;left:44%;transform:translate(-50%,-12px)rotateX(-10deg)translateZ(-120px)}.toast-emblem{z-index:1;filter:drop-shadow(0 2px 3px #01121acc);background:url(/ui/synty/toast-ring.png) 50%/contain no-repeat;flex-shrink:0;width:46px;height:46px;margin:-12px 0 -12px -22px;position:relative}.toast[data-tone=danger] .toast-emblem,.toast[data-tone=warn] .toast-emblem{background-image:url(/ui/synty/toast-gem.png)}.toast.visible{opacity:1;transform:translate(-50%)rotateX(0)translateZ(0)}.toast-icon,.toast-extra{filter:drop-shadow(0 1px 1px #01121a);display:inline-flex}.toast-icon .icon{width:calc(28px * var(--hud-icon-scale));height:calc(28px * var(--hud-icon-scale))}.toast[data-tone=danger] .toast-icon,.toast[data-tone=warn] .toast-icon{color:#ffe0d4}.toast-extra{color:#d4e3d9}.toast-extra .icon{width:calc(23px * var(--hud-icon-scale));height:calc(23px * var(--hud-icon-scale))}.toast .state-gem{width:32px;height:32px}.toast .state-gem .icon{width:calc(17px * var(--hud-icon-scale));height:calc(17px * var(--hud-icon-scale))}.toast-number{font:700 23px var(--display);letter-spacing:-.3px;text-shadow:var(--num-shadow)}.toast[data-tone=info]{--body:var(--synty-body-mint);color:#b9f0dc}.toast[data-tone=good],.toast[data-tone=warn]{color:var(--gold-bright)}.toast[data-tone=danger]{--body:var(--synty-body-coral);color:#ffb9a2}.toast[data-tone=danger] .toast-number{color:#ffb39b}.toast[data-tone=good] .toast-number{color:var(--gold-bright)}.interaction-prompt{color:#f3e7c8;z-index:4;text-align:left;align-items:center;gap:14px;padding:4px 12px 4px 6px;font-size:12px;display:flex;position:absolute;bottom:82px;left:56%;transform:translate(-50%)}.interaction-prompt .keycap{filter:drop-shadow(0 0 6px #f3cb8b66)drop-shadow(0 2px 2px #01121a);min-width:38px;height:38px;font-size:17px;-webkit-mask-size:auto 100%,auto 100%,calc(100% - 38px) 100%;mask-size:auto 100%,auto 100%,calc(100% - 38px) 100%}.interaction-prompt .pad-btn{filter:drop-shadow(0 0 6px #ffffff40)drop-shadow(0 2px 2px #01121a);width:38px;height:38px;font-size:14px}.prompt-key{align-items:center;display:inline-flex}.prompt-tap{display:none}.prompt-action.icon-chip{width:calc(46px * var(--hud-icon-scale));height:calc(46px * var(--hud-icon-scale));color:var(--gold-bright)}.prompt-value{font:700 19px var(--display);color:#f6ecd0;text-shadow:var(--num-shadow);align-items:center;gap:6px;display:inline-flex}.prompt-value .icon{width:calc(20px * var(--hud-icon-scale));height:calc(20px * var(--hud-icon-scale));color:var(--gold);filter:drop-shadow(0 1px 1px #01121a)}.prompt-progress{flex-direction:column;gap:3px;min-width:132px;display:flex}.prompt-progress small{font:700 12px var(--display);color:#c4f3e2;text-shadow:0 1px 2px #01121a}.interaction-prompt.winching{--body:var(--synty-body-mint)}.interaction-prompt.winching .prompt-action{color:#c4f3e2}.winch-bar{--fill-top:#e2fff5;--fill-mid:#74e2c0;--fill-low:#2a9a7d;--glow:#c9fff0;height:20px;margin:0}.winch-bar b{width:0;transition:width .1s linear}.return-gauge{width:252px;transform:rotateY(calc(var(--cockpit-y) * -.75)) translate3d(var(--tx,0px), var(--ty,0px), 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:100%;transform-style:flat;backface-visibility:hidden;padding:3px 6px 5px;position:absolute;bottom:33px;right:43px;box-shadow:0 18px 26px -12px #00111ab8,0 4px 10px -4px #00111a80}.is-diving .return-gauge{right:auto;left:calc(var(--compass-x) + var(--compass-box) + 6px);transform:rotateY(calc(var(--cockpit-y) * .75)) translate3d(var(--tx,0px), var(--ty,0px), 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:0;bottom:10px}:is(.return-gauge:has([data-risk=high]),.return-gauge:has([data-risk=critical])){--frame:var(--synty-frame-hud-coral);--body:var(--synty-body-coral)}.return-row{align-items:center;gap:6px;display:flex}.return-row>.icon{width:calc(18px * var(--hud-icon-scale));height:calc(18px * var(--hud-icon-scale));color:var(--gold-bright);filter:drop-shadow(0 1px 1px #01121a)}.return-clock.icon-chip{width:calc(30px * var(--hud-icon-scale));height:calc(30px * var(--hud-icon-scale));color:#cfe6dc;margin-left:auto}.return-gauge strong{font:700 26px/1 var(--display);color:#f7f9f1;text-shadow:var(--num-shadow)}.return-row b{font:700 13px var(--display);color:#e6e1c2;text-shadow:0 1px 2px #01121a}.needle-housing{background:url(/ui/synty/chip-circle.png) 50%/contain no-repeat;place-items:center;width:30px;height:30px;display:inline-grid}.home-arrow{width:18px;height:18px;color:var(--gold-bright);transform:rotate(var(--bearing,0deg));filter:drop-shadow(0 1px 1px #01121a);place-items:center;transition:transform .25s;display:inline-grid}.home-arrow .icon{width:calc(16px * var(--hud-icon-scale));height:calc(16px * var(--hud-icon-scale));stroke-width:2.2px}.home-arrow.near{color:var(--mint)}.home-arrow.near .icon{animation:1.2s ease-in-out infinite pulse}.risk-row{align-items:center;gap:8px;margin-top:6px;display:flex}.return-flags{align-items:center;gap:3px;min-height:14px;display:inline-flex}.return-flags:empty{display:none}.return-flags .state-gem{width:25px;height:25px}.return-flags .state-gem .icon{width:calc(13px * var(--hud-icon-scale));height:calc(13px * var(--hud-icon-scale))}.risk-bar{background:#02121a padding-box padding-box;border:5px solid #0000;border-width:5px 9px;border-image:url(/ui/synty/bar-track.png) 50 64/5px 9px;flex:1;grid-template-columns:repeat(4,1fr);gap:6px;padding:1px 2px;display:grid}.risk-bar i{background:#b9d4c43a;height:15px;transition:background .3s,filter .3s;-webkit-mask:url(/ui/synty/gem-pip.png) 50%/contain no-repeat;mask:url(/ui/synty/gem-pip.png) 50%/contain no-repeat}.risk-bar[data-risk=low] i:first-child{filter:drop-shadow(0 0 5px #8fd3a8cc);background:#93f0b6}.risk-bar[data-risk=medium] i:nth-child(-n+2){filter:drop-shadow(0 0 5px #d7bb80cc);background:#f4cf7c}.risk-bar[data-risk=high] i:nth-child(-n+3){filter:drop-shadow(0 0 5px #e8a070cc);background:#ffa66f}.risk-bar[data-risk=critical] i{filter:drop-shadow(0 0 6px #dc8f73ee);background:#ff7f5c;animation:.8s steps(2,end) infinite blink}.risk-bar[data-risk=high]~*,.risk-bar[data-risk=critical]~*{color:var(--coral-soft)}:is(.return-gauge:has([data-risk=high]) strong,.return-gauge:has([data-risk=critical]) strong){color:#ffc9b6}.sonar-widget{z-index:6;pointer-events:none;left:var(--compass-x);bottom:var(--compass-y);align-items:center;gap:15px;display:flex;position:absolute}.radar{--d:var(--compass-d);--housing:calc(var(--d) * 1.7361);width:var(--d);height:var(--d);margin:calc(var(--d) * .4722) calc(var(--d) * .3698) calc(var(--d) * .2639) calc(var(--d) * .3663);color:var(--gold-dim);border-radius:50%;position:relative}.radar:before{content:"";left:calc(50% - var(--housing) * .499);top:calc(50% - var(--housing) * .56);width:var(--housing);height:var(--housing);filter:drop-shadow(0 12px 12px #00111aa6);pointer-events:none;background:url(/ui/compass/compass-housing.png) 50%/contain no-repeat;position:absolute}.radar>svg{stroke:#a9dbc666;fill:none;stroke-width:.8px;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.radar>svg .radar-face{fill:url(#radar-face);stroke:#01121a;stroke-width:2px}.radar-player{fill:#fff4d6;stroke:#01121a;stroke-width:1px}.radar:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(55% 38% at 34% 24%,#ffffff2e,#ffffff0a 60%,#0000 72%),radial-gradient(circle closest-side,#0000 84%,#01121a66 97%,#01121aaa 100%);border-radius:50%;transition:box-shadow .3s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f4dcae33}.radar-rose{--north:180deg;z-index:2;transform:rotate(var(--north));pointer-events:none;border-radius:50%;transition:transform .1s linear;position:absolute;inset:0}.radar-rose:before{content:"";background:repeating-conic-gradient(from -.6deg, #e9dcb4aa 0 1.2deg, transparent 1.2deg 30deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 88%,#000 89% 97%,#0000 98%);mask:radial-gradient(circle closest-side,#0000 88%,#000 89% 97%,#0000 98%)}.radar-rose:after{content:"";background:linear-gradient(var(--gold-bright), var(--gold-bright)) 50% 100% / 2px 10px no-repeat, linear-gradient(var(--gold-bright), var(--gold-bright)) 0 50% / 10px 2px no-repeat, linear-gradient(var(--gold-bright), var(--gold-bright)) 100% 50% / 10px 2px no-repeat;opacity:.85;position:absolute;inset:2px}.radar-north{z-index:1;width:21px;height:21px;transform:rotate(calc(var(--north) * -1));font:700 9px/1 var(--display);color:#fff;text-shadow:0 1px 1px #4a0505,0 0 2px #4a0505;filter:drop-shadow(0 1px 2px #01121acc);background:url(/ui/synty/gem-north.png) 50%/contain no-repeat;place-items:center;margin-left:-10.5px;padding-top:1px;display:grid;position:absolute;top:1px;left:50%}.radar>svg .home-gem{fill:url(#radar-gold);stroke:#2b1a04;stroke-width:1.4px}.radar>svg .home-facet{fill:#fffbe8;stroke:none;opacity:.7}.radar>svg .home-halo{fill:#f3cb8b2e;stroke:#f3d9a0;stroke-width:1px;opacity:.8}.radar>svg .home-chevron{fill:none;stroke:#ffe3a6;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px #01121a);display:none}.radar-home[data-pinned=true] .home-chevron{display:inline}.home-blip{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite home-breathe}@keyframes home-breathe{50%{opacity:.78;transform:scale(.82)}}.radar.echo:after{box-shadow:inset 0 0 0 1px #f4dcae33,inset 0 0 18px #9dd7ad88}.radar.echo>svg{stroke:#b9f3d888}.radar-badge{z-index:4;color:var(--gold-bright);font:700 12px var(--display);background:#072530f5;border:1px solid #e2c48aaa;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;display:inline-flex;position:absolute;bottom:-10px;right:-12px;box-shadow:0 3px 8px #01121a99}.radar-badge .icon{width:calc(13px * var(--hud-icon-scale));height:calc(13px * var(--hud-icon-scale))}.radar-sweep{opacity:.45;pointer-events:none;background:conic-gradient(#0000 300deg,#9dd7ad12 350deg,#9dd7ad44 359deg,#0000 360deg);border-radius:50%;animation:8s steps(48,end) infinite sweep;position:absolute;inset:4px;overflow:hidden}.radar-sweep:after{content:"";background:var(--mint);opacity:.8;position:absolute;inset:0;-webkit-mask:url(/ui/synty/ring-sweep.png) 50%/contain no-repeat;mask:url(/ui/synty/ring-sweep.png) 50%/contain no-repeat}@keyframes sweep{to{transform:rotate(360deg)}}.control-deck{height:var(--deck-height);z-index:5;transform:rotateX(var(--deck-x));transform-origin:50% 100%;transform-style:flat;backface-visibility:hidden;align-items:center;gap:30px;padding:0 15px;display:flex;position:absolute;bottom:0;left:30px;right:30px}.control-deck:before{content:"";background:var(--gold);height:3px;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;mask:var(--synty-line) center / 100% 100% no-repeat;opacity:.7;pointer-events:none;position:absolute;top:0;left:0;right:0}.ship-badge{flex-shrink:0;align-items:center;gap:12px;width:246px;display:flex}.ship-medallion{width:46px;height:46px;color:var(--gold);background:url(/ui/synty/chip-circle.png) 50%/contain no-repeat;place-items:center;display:grid}.ship-medallion .icon{stroke-width:1.3px;width:22px;height:22px}.ship-silhouette{color:#dddcc8;stroke-width:1.2px;width:44px;height:44px}.is-diving .ship-badge{visibility:hidden}.deck-actions{--frame-w:10px;align-items:center;gap:0;padding:0 4px;display:flex}.deck-button{background:0 0;border-right:1px solid #c9dcc63a;align-items:center;gap:10px;min-height:48px;padding:5px 18px 5px 10px;transition:background .2s;display:flex;position:relative}.deck-button>.icon-chip{width:calc(40px * var(--hud-icon-scale));height:calc(40px * var(--hud-icon-scale));color:#ead9a6}.deck-meta{color:#d6dfca;white-space:nowrap;align-items:center;gap:4px;min-width:34px;display:inline-flex}.deck-meta .icon{width:calc(16px * var(--hud-icon-scale));height:calc(16px * var(--hud-icon-scale));color:#b9d3c3}.deck-meta b{font:700 13px var(--display);text-shadow:0 1px 2px #01121a}.torpedo-pip{background:0 0;border:1px solid #c9a35d;border-radius:50%;width:7px;height:7px}.torpedo-pip.full{background:radial-gradient(circle at 35% 35%,#ffe2a1,#c9a35d 60%,#7a5a26)}.deck-key{opacity:.62;margin-left:8px;display:inline-flex}.deck-button:hover{background:#8ab59a14}.alert-dot{will-change:opacity;background:#ff9c78;border-radius:50%;width:9px;height:9px;animation:.9s steps(2,end) infinite blink;position:absolute;top:4px;left:38px;box-shadow:0 0 8px #e99c78aa,0 0 0 2px #2a0d07}.cargo-display{white-space:nowrap;align-items:center;gap:9px;padding:0 10px 0 18px;display:flex}.cargo-display>.icon-chip{color:#d9c99a;width:calc(38px * var(--hud-icon-scale));height:calc(38px * var(--hud-icon-scale))}.cargo-display b{font:700 16px var(--display);color:var(--gold);text-shadow:0 1px 2px #01121a}.cargo-count{color:#1f3a36;min-width:22px;height:22px;font:700 10px var(--display);background:var(--gold);border-radius:999px;place-items:center;padding:0 5px;display:inline-grid;-webkit-mask:url(/ui/synty/icon-coin.png) 50%/contain no-repeat;mask:url(/ui/synty/icon-coin.png) 50%/contain no-repeat}.controls-hint{color:#9cb5a7;white-space:nowrap;opacity:.6;grid-template-columns:auto auto;gap:6px 18px;margin-left:auto;display:grid}.controls-hint>span{align-items:center;gap:3px;display:flex}.controls-hint .icon{width:calc(15px * var(--hud-icon-scale));height:calc(15px * var(--hud-icon-scale))}.controls-hint .keycap+.icon{margin-left:4px}.controls-hint .keycap{opacity:.85}.controls-hint i:not(.icon){background:#6d8b7a;border-radius:50%;width:3px;height:3px;margin:0 6px}.gamepad-hint{color:var(--mint)}.gamepad-hint .icon{width:calc(14px * var(--hud-icon-scale));height:calc(14px * var(--hud-icon-scale))}.touch-controls{display:none}.touch-stick{touch-action:none;pointer-events:auto;background:radial-gradient(circle,#1a4a52a8,#0c3340b8 70%);border:1px solid #a3c9b14d;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;box-shadow:inset 0 0 18px #061e2466}.touch-stick-base{background:linear-gradient(#9dd7ad22,#9dd7ad22) 50%/1px 60% no-repeat,linear-gradient(#9dd7ad22,#9dd7ad22) 50%/60% 1px no-repeat;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.touch-stick-knob{background:radial-gradient(circle at 40% 35%,#e9d3a3,#c3a26a 70%) content-box content-box;border-radius:50%;width:50px;height:50px;padding:7px;transition:transform 80ms;display:block;position:relative;box-shadow:0 4px 14px #06212a99}.touch-stick-knob:before{content:"";background:url(/ui/synty/frame-circle.png) 50%/contain no-repeat;position:absolute;inset:0}.touch-stick.active .touch-stick-knob{transition:none;box-shadow:0 0 0 4px #efd5a233,0 4px 14px #06212a99}.touch-depth{flex-direction:column;gap:7px;display:flex}.touch-depth button{border:9px solid #0000;border-image:var(--synty-frame-hud-mint) 64 / 9px / 1px stretch;color:#bdd5bf;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#0e3542b8 padding-box padding-box;justify-content:center;align-items:center;min-width:60px;min-height:44px;padding:2px 6px;display:flex}.touch-depth button .icon{width:calc(22px * var(--hud-icon-scale));height:calc(22px * var(--hud-icon-scale))}.touch-depth button:active{border-image-source:var(--synty-frame-hud);background-color:#1a5263d9}.touch-boost{color:var(--gold-bright)!important}.modal-layer,.pause-layer,.result-layer{z-index:30;overscroll-behavior:contain;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);perspective:var(--perspective);perspective-origin:50% 45%;background:#021b24a8;padding:25px;display:flex;position:absolute;inset:0;overflow:auto}.modal-layer.arriving,.pause-layer.arriving,.result-layer.arriving{animation:.32s ease-out backwards layer-in}.modal-layer.leaving,.pause-layer.leaving,.result-layer.leaving{pointer-events:none;animation:.26s ease-in forwards layer-out}.pause-layer{z-index:20}.modal{border:34px solid #0000;border-image:var(--synty-frame-large) 144 / 34px / 6px stretch;background:var(--panel-solid) border-box;width:780px;max-width:100%;box-shadow:var(--shadow-card);transform:translate3d(var(--tx,0px), var(--ty,0px), 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:flat;backface-visibility:hidden;margin:auto;padding:0 4px 4px;position:relative}.modal:after,.upgrade-card:after,.pause-card:after,.result-card:after{content:"";inset:calc(var(--ring) * -1);background:radial-gradient(circle at var(--lx,50%) var(--ly,50%), #fff8e0 0, #ffe4a8c0 14%, #ffd68a40 30%, transparent 46%);-webkit-mask-box-image:var(--ring-sprite) var(--ring-slice) / var(--ring-width) stretch;pointer-events:none;transition:opacity .3s;position:absolute}@supports not ((-webkit-mask-box-image:url('/ui/synty/frame-large.png'))){.modal:after,.upgrade-card:after,.pause-card:after,.result-card:after{display:none}}.modal:not(:hover):after,.upgrade-card:not(:hover):not(:focus-within):after{opacity:0}.modal{--ring:40px;--ring-width:34px;--ring-sprite:var(--synty-frame-large);--ring-slice:144}.upgrade-card{--ring:21px;--ring-width:18px;--ring-sprite:var(--synty-frame-medium);--ring-slice:100}.pause-card,.result-card{--ring:34px;--ring-width:28px;--ring-sprite:var(--synty-frame-medium);--ring-slice:100}.modal-layer:not(.settled) .modal,.pause-layer:not(.settled) .pause-card,.result-layer:not(.settled) .result-card{will-change:transform, opacity;animation:.32s cubic-bezier(.2,.8,.2,1) backwards panel-enter}.modal-layer.leaving .modal,.pause-layer.leaving .pause-card,.result-layer.leaving .result-card{will-change:transform, opacity;animation:.26s cubic-bezier(.4,0,.8,.4) forwards panel-leave}[data-sway]{animation:6s ease-in-out infinite panel-sway}.modal-layer:not(.settled) [data-sway]{animation:.32s cubic-bezier(.2,.8,.2,1) backwards panel-enter,6s ease-in-out .32s infinite panel-sway}@keyframes panel-enter{0%{opacity:0;transform:rotateX(-10deg)translateZ(-120px)}}@keyframes panel-leave{to{opacity:0;transform:rotateX(-10deg)translateZ(-120px)}}@keyframes panel-sway{0%,to{transform:rotateX(1.2deg)rotateY(-1.5deg)}50%{transform:rotateX(-1.2deg)rotateY(1.5deg)}}@keyframes layer-in{0%{opacity:0}}@keyframes layer-out{to{opacity:0}}.modal-header,.modal>.primary-button,.repair-order .primary-button,.modal-actions,.chart-map,.upgrade-action{transform:translate(calc(var(--px,0) * var(--z) * .35px), calc(var(--py,0) * var(--z) * .35px)) scale(calc(1 + var(--z) / 1400));backface-visibility:hidden}.modal-header{--z:28}.modal>.primary-button,.repair-order .primary-button{--z:36}.modal-actions{--z:14}.chart-map{--z:10}.upgrade-action{--z:12}.modal>.primary-button,.repair-order .primary-button{filter:drop-shadow(0 14px 18px #03151b99)}.modal>.primary-button:hover:not(:disabled),.repair-order .primary-button:hover:not(:disabled){filter:drop-shadow(0 14px 18px #03151b99)brightness(1.08)}.modal-header{justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:20px;display:flex;position:relative}.modal-header:before{content:"";background:var(--gold);height:2px;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;mask:var(--synty-line) center / 100% 100% no-repeat;opacity:.6;position:absolute;bottom:0;left:0;right:0}.modal-header:after{content:"";pointer-events:none;background:url(/ui/synty/curlicue.png) 50%/contain no-repeat;width:92px;height:30px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.modal-title{width:54px;height:54px;color:var(--gold);background:url(/ui/synty/frame-circle.png) 50%/contain no-repeat;place-items:center;display:grid;position:relative}.modal-title .icon{width:24px;height:24px}.modal-header .icon-button{width:34px;height:34px;color:var(--gold);border:8px solid #0000;border-image:var(--synty-frame-hud) 64 / 8px / 1px stretch;background:#0b2d3778 padding-box padding-box;flex-shrink:0}.modal-header .icon-button .icon{width:14px;height:14px}.modal-actions{flex-wrap:wrap;gap:16px;display:flex}.modal-actions .text-button{margin-top:8px}.crew-notice{color:#90ada0;align-items:center;gap:6px;margin-top:18px;display:flex}.crew-notice .icon{width:16px;height:16px}.crew-notice b{color:#b8cbb0;align-items:center;gap:5px;margin-left:auto;font-size:13px;font-weight:500;display:inline-flex}.cutaway{height:226px;padding:55px 25px 20px 0;position:relative}.cutaway-hull{background:linear-gradient(#c3a67820,#746a5220);border:4px solid #b79862;border-radius:75px 18px 18px 75px;grid-template-columns:1fr 1fr 1.1fr;height:150px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -7px #a18b5f20,0 8px 20px #001d2855}.cutaway-hull:after{content:"";background:#cdb27944;height:2px;position:absolute;bottom:13px;left:10px;right:10px}.cutaway-conning{background:#45635b;border:3px solid #a58e60;border-radius:16px 16px 0 0;width:105px;height:37px;position:absolute;top:24px;left:160px}.cutaway-conning:before{content:"";border:3px solid #a58e60;border-bottom:0;border-radius:4px 4px 0 0;width:6px;height:17px;position:absolute;top:-18px;left:35px}.subsection{color:#9dbba2;border-right:2px solid #a591604d;flex-direction:column;align-items:center;gap:6px;padding:23px 12px 10px;display:flex;position:relative}.subsection>.icon{z-index:1;color:#d7d7b7;width:28px;height:28px}.section-state{z-index:1;align-items:center;gap:3px;display:inline-flex}.section-state .icon{width:16px;height:16px}.subsection.damaged{background:#b76c422e;box-shadow:inset 0 0 25px #d98a4226}.damaged small{color:#e4ac82}.engine-gears{color:#98a37417;font-size:110px;line-height:1.5;position:absolute;bottom:-29px;right:8px}.tank-pair{opacity:.25;justify-content:center;gap:15px;display:flex;position:absolute;inset:18px 0 23px}.tank-pair i{background:#8dc8b122;border:2px solid #9dc4b6;border-radius:10px;width:30px;height:100%}.cutaway-propeller{border-left:3px solid #9d8f60;width:20px;height:30px;position:absolute;top:120px;right:4px}.cutaway-propeller:before,.cutaway-propeller:after{content:"";background:#a39061;border-radius:50%;width:9px;height:30px;position:absolute;left:6px}.cutaway-propeller:before{top:-20px;transform:rotate(20deg)}.cutaway-propeller:after{top:14px;transform:rotate(20deg)}.crew-bottom{grid-template-columns:1fr 1fr;gap:30px;padding-top:22px;display:grid;position:relative}.crew-bottom:before{content:"";background:var(--gold);height:2px;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;-webkit-mask:var(--synty-line) center / 100% 100% no-repeat;mask:var(--synty-line) center / 100% 100% no-repeat;opacity:.5;position:absolute;top:0;left:0;right:0}.engineer{align-items:center;gap:15px;display:flex}.portrait{border:8px solid #0000;border-image:var(--synty-frame-hud) 64 / 8px / 1px stretch;background:#bdac7720 padding-box padding-box;flex-shrink:0;width:70px;height:80px;overflow:hidden}.portrait>svg{width:100%;height:100%}.engineer-meta{color:var(--gold);align-items:center;gap:10px;display:flex}.engineer-meta>.icon{width:22px;height:22px}.engineer-meta .section-state .icon{width:20px;height:20px}.repair-meta{color:#9eb39a;justify-content:space-between;align-items:center;gap:10px;display:flex}.repair-description{align-items:center;gap:4px;display:inline-flex}.repair-description .icon{width:16px;height:16px}.repair-meta b{white-space:nowrap;color:#c7c9a3;gap:8px;font-weight:700;display:inline-flex}.repair-order .primary-button{gap:14px;width:100%;margin-top:10px}.repair-button>.icon{width:20px;height:20px}.repair-button .figure .icon{color:#213b39}.repair-button .figure b{color:#213b39;font-size:12px}.repair-progress{background:#06222a padding-box padding-box;border:3px solid #0000;border-width:3px 4px;border-image:url(/ui/synty/bar-track.png) 50 64/3px 4px;height:10px;margin-top:7px}.repair-progress i{background:#e9c58c;height:100%;display:block}.chart-layout{grid-template-columns:1.7fr 1fr;gap:25px;padding-top:22px;display:grid}.chart-map{--chart-tilt:55deg;border:11px solid #0000;border-image:var(--synty-frame-hud) 64 / 11px / 2px stretch;background:radial-gradient(at 50% 80%,#16454a,#0b2a31 70%) padding-box padding-box;overflow:visible}.chart-stage{perspective:1000px;perspective-origin:50% 10%;height:280px;position:relative}.chart-tilt{aspect-ratio:500/420;width:88%;transform:translateY(-50%) rotateX(calc(var(--chart-tilt) + var(--py,0) * 4deg)) rotateZ(calc(var(--px,0) * -2.5deg));transform-style:preserve-3d;backface-visibility:hidden;position:absolute;top:46%;left:6%;box-shadow:0 30px 50px -10px #00111acc}.chart-tilt>svg{width:100%;height:100%;display:block}.chart-pins{transform-style:preserve-3d;position:absolute;inset:0}.pin{transform:translate(-50%, -100%) rotateX(calc((var(--chart-tilt) + var(--py,0) * 4deg) * -1));transform-origin:50% 100%;color:var(--gold);white-space:nowrap;backface-visibility:hidden;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.pin b{font:700 9px var(--display);color:#d9e4dc;background:#06222ad9;border-radius:3px;order:-1;padding:2px 5px}.pin .icon{width:14px;height:14px}.pin-find i,.pin-unknown i,.pin-collected i{border:1.5px solid var(--gold);border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px #f3cb8b66}.pin-unknown{opacity:.6}.pin-unknown i{box-shadow:none;border-style:dashed}.pin-collected{opacity:.4}.pin-collected .icon{width:9px;height:9px;margin-top:-11px}.pin-home{color:#e4cfaa}.pin-home .icon{filter:drop-shadow(0 2px 2px #00111a);width:18px;height:18px}.pin-mine i{filter:drop-shadow(0 0 5px #d9947788);border-bottom:12px solid #d99477;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0}.pin-octopus{color:#f08a7c}.pin-octopus .icon{width:18px;height:18px}.pin-player{color:#9ce5d1}.pin-player i{background:linear-gradient(#9ce5d1,#9ce5d100);order:1;width:2px;height:12px}.pin-player .icon{filter:drop-shadow(0 0 6px #9ce5d1aa);width:18px;height:18px}.chart-notes{padding-top:10px}.map-legend{color:#c6cdb2;flex-direction:column;gap:13px;margin:10px 0 25px;display:flex}.map-legend span{align-items:center;gap:10px;display:flex}.map-legend .icon{color:#bfd1c5;width:18px;height:18px}.chart-paused{color:#819f90;align-items:center;gap:6px;margin-bottom:8px;display:inline-flex}.chart-paused .icon{width:14px;height:14px}.map-legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-home{background:var(--gold)}.legend-sub{clip-path:polygon(50% 0,100% 100%,50% 80%,0 100%);background:#9ce5d1;border-radius:0!important}.legend-find{border:1px solid var(--gold)}.legend-unknown{border:1px dashed var(--gold);opacity:.55}.legend-collected{border:1px solid var(--gold);opacity:.3}.legend-mine{clip-path:polygon(50% 0,100% 100%,0 100%);background:#d99477;border-radius:0!important}.legend-octopus{background:#e0665a33;border:1px dashed #e0665a}.journal-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 25px;padding:23px 0;display:grid}.journal-summary>div{align-items:center;gap:6px;min-width:0;display:flex}.journal-summary .icon{width:18px;height:18px;color:var(--mint-dim)}.journal-summary b{font:700 19px var(--display);color:var(--gold);white-space:nowrap;margin-left:4px}.journal-entries{max-height:350px;overflow:auto}.journal-entries article{isolation:isolate;align-items:center;gap:14px;margin-top:6px;padding:10px 12px;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s;display:flex;position:relative}.journal-entries article:hover,.journal-entries article:focus-within{filter:drop-shadow(0 10px 12px #00111a99);transform:perspective(900px)translateZ(18px)rotateX(2deg)}.journal-entries article:before{content:"";z-index:-1;background:#9fc0b414;position:absolute;inset:0;-webkit-mask:url(/ui/synty/parchment.png) 50%/100% 100% no-repeat;mask:url(/ui/synty/parchment.png) 50%/100% 100% no-repeat}.journal-entries article.success:before{background:#c2a36a1a}.journal-entries article.lost:before{background:#b76c421a}.journal-date{color:#75958a;align-items:center;gap:5px;min-width:92px;font-size:10px;display:inline-flex}.journal-date .icon{width:13px;height:13px}.journal-result{color:#bfd1c5;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:38px;height:38px;display:inline-flex;position:relative}.journal-result:before{content:"";opacity:.8;background:currentColor;position:absolute;inset:0;-webkit-mask:url(/ui/synty/ring-medium.png) 50%/contain no-repeat;mask:url(/ui/synty/ring-medium.png) 50%/contain no-repeat}.journal-result .icon{width:17px;height:17px;position:relative}.journal-result .icon+.icon{width:11px;height:11px}.journal-result.good{color:#8fd3a8}.journal-result.bad{color:var(--coral-soft)}.journal-figures{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.empty-log{text-align:center;padding:40px}.empty-log>.icon{width:30px;height:30px;color:var(--gold)}.empty-log{color:#91af9c;justify-content:center;align-items:center;gap:10px;display:flex}.help-modal{width:860px}.help-story{color:var(--gold);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:18px;display:flex}.story-strip{align-items:center;gap:10px;display:flex}.story-text{color:#dfe8d8;margin:0;font-size:13px;line-height:1.35}.help-story+.help-story{margin-top:10px}.help-story.danger{color:var(--coral-soft)}.story-step{border:10px solid #0000;border-image:var(--synty-frame-hud) 64 / 10px / 1px stretch;background:#0b2d3778 padding-box padding-box;align-items:center;gap:6px;height:42px;padding:0 8px;display:inline-flex}.help-story.danger .story-step{border-image-source:var(--synty-frame-hud-coral)}.story-step .icon{width:22px;height:22px}.story-arrow{color:#7ca08f;display:inline-flex}.story-arrow .icon{width:16px;height:16px}.help-columns{grid-template-columns:1fr 1fr 1fr;gap:22px;margin:20px 0 6px;display:grid}.help-head{color:var(--gold);align-items:center;gap:6px;height:26px;display:inline-flex}.help-head .icon{width:20px;height:20px}.help-keys{flex-direction:column;gap:7px;margin:10px 0 0;display:flex}.control-row{border-bottom:1px solid var(--line);color:#b4c7b1;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:5px 0;display:flex}.control-input{align-items:center;gap:3px;min-width:96px;display:inline-flex}.control-input .icon{width:16px;height:16px}.control-input .stick-right{color:var(--mint)}.control-effect{color:#dfe8d8;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.control-effect .icon{width:20px;height:20px}.control-effect .figure b{font-size:10px}.control-text{color:#c9d6c6;flex-basis:100%;font-size:11.5px;line-height:1.3}.touch-key{border:5px solid #0000;border-image:var(--synty-frame-hud-mint) 64 / 5px / 0 stretch;background:#0e3542b8 padding-box padding-box;place-items:center;width:24px;height:20px;display:inline-grid}.touch-key .icon{width:12px;height:12px}.help-modal>.primary-button{gap:10px;width:100%;margin-top:22px}.shipyard-modal{width:900px}.shipyard-dock{grid-template-columns:290px 1fr;align-items:start;gap:22px;padding-top:18px;display:grid}.shipyard-berth{flex-direction:column;gap:12px;display:flex}.shipyard-stage{border:11px solid #0000;border-image:var(--synty-frame-hud) 64 / 11px / 2px stretch;background:radial-gradient(at 50% 35%,#1a4b52,#0a272f 72%) padding-box padding-box;place-items:center;height:250px;display:grid;position:relative;overflow:hidden}.shipyard-stage .viewer-canvas{margin:auto;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.stage-base{background:radial-gradient(#00111ab8,#0000 70%);border-radius:50%;height:22px;position:absolute;bottom:18px;left:18%;right:18%}.stage-fallback{color:#c9bf98;opacity:.55;position:relative}.stage-fallback .icon{width:110px;height:110px}.shipyard-stage.has-viewer .stage-fallback{display:none}.shipyard-bank{white-space:nowrap;color:var(--gold);align-items:center;gap:10px;display:inline-flex}.shipyard-bank .icon{background:url(/ui/synty/coins.png) 50%/contain no-repeat;width:36px;height:36px;-webkit-mask:none;mask:none}.shipyard-bank b{font:700 26px var(--display)}.shipyard-note{align-items:center;gap:6px;margin:10px 0 0;display:flex}.shipyard-note .icon{width:16px;height:16px}.upgrade-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.upgrade-card{border:18px solid #0000;border-image:var(--synty-frame-medium) 100 / 18px / 3px stretch;background:#0b2d3778 border-box;flex-direction:column;gap:8px;padding:2px 3px 1px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:flex;position:relative}.upgrade-card:hover,.upgrade-card:focus-within{transform:perspective(900px)translateZ(18px)rotateX(2deg);box-shadow:0 16px 22px -8px #00111ab8}.upgrade-head{align-items:center;gap:11px;display:flex}.upgrade-head>.icon{width:24px;height:24px;color:var(--gold);width:30px;height:30px}.upgrade-head>.level-pips{margin-left:auto}.upgrade-head>.level-pips i{width:14px;height:14px}.upgrade-effect{color:var(--mint);align-items:center;gap:5px;min-height:24px;display:inline-flex}.upgrade-effect .icon{width:17px;height:17px}.upgrade-effect b{font:700 13px var(--display)}.upgrade-effect .per-level .level-pips i{width:9px}.upgrade-action{flex-direction:column;gap:5px;margin-top:4px;display:flex}.upgrade-action .buy-button{gap:7px;min-height:40px}.buy-button .icon{width:16px;height:16px}.buy-button b{font-size:13px}.buy-button .level-pips i{background:#213b3933}.buy-button .level-pips i.filled{filter:none;background:#213b39}.upgrade-short{color:var(--coral-soft);justify-content:center;align-items:center;gap:4px;display:inline-flex}.upgrade-short .icon{width:13px;height:13px}.upgrade-short b{font:700 11px var(--display)}.upgrade-maxed{min-height:40px;color:var(--gold-bright);border:9px solid #0000;border-image:var(--synty-frame-hud) 64 / 9px / 1px stretch;background:#c2a36a12 padding-box padding-box;justify-content:center;align-items:center;gap:8px;display:inline-flex}.upgrade-maxed .icon{width:18px;height:18px}.settings-modal{width:560px}.settings-grid{flex-direction:column;padding-top:8px;display:flex}.setting-row{border-bottom:1px solid var(--line);color:#cdd8c6;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;font-size:12px;display:flex}.setting-icon{color:#cdd8c6;align-items:center;gap:4px;display:inline-flex}.setting-icon .icon{width:22px;height:22px}.setting-icon .icon+.icon{color:#86a397;width:14px;height:14px}.segmented{border:8px solid #0000;border-image:var(--synty-frame-hud) 64 / 8px / 1px stretch;background:#0b2d3778 padding-box padding-box;gap:2px;padding:0;display:inline-flex}.segmented button{font:700 10px var(--display);color:#8ca9a2;background:0 0;justify-content:center;align-items:center;min-height:24px;padding:5px 13px;transition:background .2s,color .2s;display:inline-flex}.segmented .icon{width:16px;height:16px}.segmented button.active{color:#213b39;background:linear-gradient(#e9cf98,#cfae77)}.setting-row input[type=range]{width:190px;accent-color:var(--gold)}.setting-row select{font:inherit;color:var(--ink);border:1px solid var(--line-strong);background:#0b2d37;border-radius:3px;padding:6px 10px;font-size:11px}.setting-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.settings-modal .modal-actions{justify-content:flex-end}.pause-card,.result-card{border:28px solid #0000;border-image:var(--synty-frame-medium) 100 / 28px / 6px stretch;text-align:center;width:470px;max-width:100%;transform:translate3d(var(--tx,0px), var(--ty,0px), 0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:flat;backface-visibility:hidden;background:linear-gradient(130deg,#153c43,#0a2b34) border-box;margin:auto;padding:14px 18px;position:relative;box-shadow:0 20px 90px #00182580}.pause-card>.icon,.result-emblem{transform:translate(calc(var(--px,0) * 9.8px), calc(var(--py,0) * 9.8px)) scale(1.02)}.pause-card>.primary-button,.result-card>.primary-button{transform:translate(calc(var(--px,0) * 12.6px), calc(var(--py,0) * 12.6px)) scale(1.026);filter:drop-shadow(0 14px 18px #03151b99)}.pause-card>.primary-button:hover:not(:disabled),.result-card>.primary-button:hover:not(:disabled){filter:drop-shadow(0 14px 18px #03151b99)brightness(1.08)}.pause-logo{width:100%;height:auto;margin:-6px auto 14px;display:block}.pause-card>.icon{width:44px;height:44px;color:var(--gold);margin:0 auto 22px;display:block}.pause-card .primary-button .icon{width:24px;height:24px}.abort-button{border:9px solid #0000;border-image:var(--synty-frame-hud-coral) 64 / 9px / 1px stretch;color:#d9a68f;background:#0b2d3778 padding-box padding-box;align-items:center;gap:6px;padding:3px 10px;text-decoration:none;display:inline-flex}.abort-button:hover{color:var(--coral-soft)}.abort-button .icon{width:18px;height:18px}.pause-card h2,.result-card h2{margin:14px 0;font-size:46px}.pause-card p,.result-card p{color:#a6bda8;font-size:12px}.pause-card>.primary-button,.result-card>.primary-button{width:100%;margin-top:25px}.result-card{width:540px;padding-top:34px}.result-emblem{color:#dbbc7c;filter:drop-shadow(0 6px 16px #03151b88);background:url(/ui/synty/frame-circle.png) 50%/contain no-repeat;place-items:center;width:110px;height:110px;margin:0 auto 24px;display:grid;position:relative}.result-emblem .icon{stroke-width:1.3px;width:46px;height:46px}.result-emblem.lost{color:#ffd2bd;filter:hue-rotate(-28deg)saturate(1.15)drop-shadow(0 6px 16px #03151b88)}.result-cause{background:#0a2b34;border:1px solid;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:0;right:-2px}.result-cause .icon{width:18px;height:18px}.result-totals{border-block:1px solid var(--line);gap:20px;margin-top:25px;padding:20px 0;display:flex}.result-totals>div{flex:1}.result-totals>div+div{border-left:1px solid var(--line)}.result-totals>div>.icon{color:#a9c4b4;width:22px;height:22px}.result-totals b{font:700 30px var(--display);color:var(--gold);margin-top:6px;display:block}.result-totals .bad b{color:var(--coral-soft)}.result-totals b span{font-size:13px}.result-card .muted-note{justify-content:center;align-items:center;gap:6px;margin:14px 0 0;display:flex}.result-card .muted-note .icon{width:14px;height:14px}.result-summary{text-align:left;margin-top:18px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.summary-row{border:8px solid #0000;border-image:var(--synty-frame-hud-mint) 64 / 8px / 1px stretch;background:#0b2d3778 padding-box padding-box;align-items:center;column-gap:8px;padding:2px 3px;display:flex}.summary-row>.icon{width:18px;height:18px;color:var(--mint)}.summary-row b{font:700 14px var(--display);color:#e2ede0}.summary-row .record-badge{margin-left:auto;padding:4px}.summary-row .record-badge .icon{width:13px;height:13px}.summary-row:has(.record-badge){border-image-source:var(--synty-frame-hud);grid-column:span 2}.load-layer{z-index:22;overscroll-behavior:contain;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);perspective:var(--perspective);perspective-origin:50% 45%;background:#021b24a8;padding:25px;display:flex;position:absolute;inset:0;overflow:auto}.load-layer.arriving{animation:.32s ease-out backwards layer-in}.load-layer.leaving{pointer-events:none;animation:.26s ease-in forwards layer-out}.load-card,.load-error{border:28px solid #0000;border-image:var(--synty-frame-medium) 100 / 28px / 6px stretch;text-align:center;background:linear-gradient(130deg,#153c43,#0a2b34) border-box;width:380px;max-width:100%;margin:auto;padding:10px 14px 14px;animation:.32s cubic-bezier(.2,.8,.2,1) backwards panel-enter;position:relative;box-shadow:0 20px 90px #00182580}.load-emblem{width:86px;height:86px;color:var(--gold);justify-content:center;align-items:center;gap:4px;margin:0 auto 16px;display:flex;position:relative}.load-emblem:before{content:"";opacity:.8;background:currentColor;position:absolute;inset:0;-webkit-mask:url(/ui/synty/ring-medium.png) 50%/contain no-repeat;mask:url(/ui/synty/ring-medium.png) 50%/contain no-repeat}.load-sweep{background:var(--mint);opacity:.7;animation:1.6s steps(8,end) infinite spin;position:absolute;inset:12px;-webkit-mask:url(/ui/synty/ring-sweep.png) 50%/contain no-repeat;mask:url(/ui/synty/ring-sweep.png) 50%/contain no-repeat}.load-hook{width:38px;height:38px;color:var(--gold-bright);transform-origin:50% 12%;animation:1.8s ease-in-out infinite load-swing;position:relative}@keyframes load-swing{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}.load-emblem.error{color:var(--coral)}.load-emblem.error .icon{width:36px;height:36px;position:relative}.load-emblem.error .load-ship{width:24px;height:24px;color:var(--gold-dim);position:absolute;bottom:-2px;right:-8px}.load-bar{background:#06222a padding-box padding-box;border:3px solid #0000;border-width:3px 6px;border-image:url(/ui/synty/bar-track.png) 50 64/3px 6px;height:10px;margin:6px 10px 0;overflow:hidden}.load-bar i{height:100%;width:var(--progress,0%);background:linear-gradient(90deg, var(--mint-dim), var(--mint));transition:width .25s ease-out;display:block}.load-bar[data-indeterminate=true] i{width:35%;animation:1.4s ease-in-out infinite alternate load-slide}@keyframes load-slide{0%{transform:translate(-100%)}to{transform:translate(286%)}}.reduced-motion .load-bar[data-indeterminate=true] i,.reduced-motion .load-sweep{opacity:.45}.load-slow{color:var(--gold-bright);justify-content:center;margin-top:14px;display:flex}.load-slow .icon{width:26px;height:26px;animation:1.4s ease-in-out infinite pulse}.load-failed{letter-spacing:.04em;color:var(--coral-soft);word-break:break-word;margin:2px 0 12px;font-size:11px;display:block}.load-error>.primary-button{min-width:150px;min-height:44px}.load-error>.primary-button .icon{width:24px;height:24px}.load-reload{width:44px;height:36px;color:var(--gold-dim);justify-content:center;align-items:center;margin:12px auto 0;display:inline-flex}.load-reload .icon{width:20px;height:20px}.render-error{z-index:100;background:#092b33;padding:18vh 10vw;position:absolute;inset:0}.render-error h1{font-size:50px}.render-error button{background:var(--gold);color:#0b3338;border-radius:var(--radius);padding:14px 30px}@media (width>=1600px){.masthead{margin-inline:55px}.expedition-rail{width:310px;top:39px;left:57px}.intro{margin-top:58px;margin-bottom:40px}h1{font-size:68px}.mission-panel{padding:10px 11px 9px}.instrument-cluster{top:39px;right:57px}.resource{width:176px}.depth-instrument,.return-gauge{right:57px}#app{--compass-d:145px;--compass-x:10px}.control-deck{left:43px;right:43px}.ship-badge{width:280px}}@media (width>=801px){body:not(.is-diving) .sonar-widget{left:345px;bottom:calc(var(--deck-height) + 8px)}}@media (width>=801px) and (height<=950px){body:not(.is-diving) .intro{margin:22px 0 16px}body:not(.is-diving) h1{margin-bottom:14px;font-size:52px}body:not(.is-diving) .mission-reward{margin-top:15px;padding-top:12px}body:not(.is-diving) .loadout-summary{margin-top:9px}body:not(.is-diving) .mission-panel .primary-button{margin-top:14px}}@media (width<=1250px){.masthead{gap:20px;margin-inline:28px}.masthead nav{gap:25px}.region,.header-divider{display:none}.expedition-rail{width:260px;left:30px}.intro{margin-top:30px}h1{font-size:54px}.mission-panel{padding:6px 6px 5px}.instrument-cluster{gap:10px;right:30px}.resource{width:142px;padding:3px 3px 4px}.resource-top strong{font-size:23px}.depth-instrument{right:30px}.control-deck{gap:12px;left:20px;right:20px}.ship-badge{width:245px}.deck-button{gap:9px;padding-inline:15px}.deck-key{margin-left:4px}.controls-hint{display:none}.return-gauge{right:30px}.home-marker{left:52%}}@media (height<=850px) and (width>=801px){:root{--masthead-height:83px;--deck-height:83px}.expedition-rail{top:24px}.intro{margin:28px 0 24px}h1{font-size:52px}.intro p{font-size:10px}.mission-panel{padding:5px 6px 4px}.mission-reward{margin-top:15px;padding-top:12px}.loadout-summary{margin-top:9px}.primary-button{min-height:42px}#app{--compass-d:105px}.return-gauge{bottom:28px}.instrument-cluster{top:24px}.depth-instrument{--gw:96px;top:140px}}@media (width<=1000px) and (width>=801px){.masthead nav{gap:20px}.masthead{gap:10px}.header-end{gap:7px}.resource{width:122px}.resource-top strong{font-size:22px}.resource-top>.icon-chip{width:calc(27px * var(--hud-icon-scale));height:calc(27px * var(--hud-icon-scale))}.toast{top:26px}.expedition-rail{width:240px}.ship-badge{width:200px}.deck-button{padding-inline:14px}.deck-key{display:none}.cargo-display{padding-left:17px}.help-columns{grid-template-columns:1fr 1fr}.home-marker{top:150px;left:45%}}@media (width<=800px){:root{--hud-icon-scale:1.15;--masthead-height:77px;--deck-height:78px}body{min-width:360px}#app{--perspective:900px;--cockpit-y:3deg;--deck-x:3deg;min-height:600px}.masthead{gap:10px;margin:0 20px}.masthead nav{display:none}.header-end{gap:4px}.header-end .icon-button{width:29px}.header-end .sound-button{display:none}.mobile-chart{display:grid}.lang-toggle{padding:2px}.lang-toggle span{padding:4px 5px;font-size:8px}.instrument-cluster{justify-content:space-between;gap:9px;top:17px;left:20px;right:20px}.resource{--frame-w:8px;flex:1;width:auto;padding:2px 3px 3px}.resource-top{gap:4px;min-height:25px}.resource-top>.icon-chip{width:calc(25px * var(--hud-icon-scale));height:calc(25px * var(--hud-icon-scale))}.resource-state{gap:1px;position:absolute;top:-7px;left:15px}.resource-state .state-gem{width:20px;height:20px}.resource-state .state-gem>.icon{width:calc(11px * var(--hud-icon-scale));height:calc(11px * var(--hud-icon-scale))}.resource-top strong{font-size:20px}.resource-top strong>span{font-size:10px}.meter-track{border-width:4px 6px;border-image-width:4px 6px;height:15px;margin:5px 0 0}.meter-track>i:after{width:16px;height:16px;margin-top:-8px;right:-8px}.header-end .icon-button{height:36px}.expedition-rail{width:250px;top:105px;left:20px}.location-tag{gap:5px;font-size:9px}.location-tag .area{padding-left:7px;font-size:8px}.intro{margin:28px 0 25px}h1{margin:12px 0 17px;font-size:50px}.mission-panel{--frame-w:12px;padding:6px 7px}.objective-icon{width:34px;height:34px}.objective-icon .icon{width:calc(18px * var(--hud-icon-scale));height:calc(18px * var(--hud-icon-scale))}.objective+.objective:before{width:8px;margin-right:4px}.chest-slot{width:21px;height:26px}.chest-slot .icon{width:calc(13px * var(--hud-icon-scale));height:calc(13px * var(--hud-icon-scale))}.mission-reward{margin-top:15px;padding-top:13px}.loadout-summary{margin-top:9px}.loadout-chip{padding:2px 5px}.mission-panel .launch-button{min-height:44px;margin-top:15px}.ship-status{margin-top:11px}.depth-instrument{--gw:70px;top:112px;right:14px}#app{--compass-d:80px;--compass-x:4px;--compass-y:calc(var(--deck-height) + 4px)}.radar-north{width:17px;height:17px;margin-left:-8.5px;font-size:8px}.radar-badge{padding:2px 6px;font-size:10px}.return-gauge{--frame-w:8px;width:184px;padding:1px 3px 3px;bottom:31px;right:20px}.is-diving .return-gauge{left:calc(var(--compass-x) + var(--compass-box) + 4px);bottom:31px}.return-row{gap:4px}.return-row .icon{width:calc(14px * var(--hud-icon-scale));height:calc(14px * var(--hud-icon-scale))}.return-row b{font-size:10px}.needle-housing{width:24px;height:24px}.home-arrow{width:16px;height:16px}.home-arrow .icon{width:calc(13px * var(--hud-icon-scale));height:calc(13px * var(--hud-icon-scale))}.return-clock.icon-chip{width:calc(23px * var(--hud-icon-scale));height:calc(23px * var(--hud-icon-scale))}.return-gauge strong{font-size:20px}.risk-row{gap:6px;margin-top:6px}.return-flags .icon{width:calc(14px * var(--hud-icon-scale));height:calc(14px * var(--hud-icon-scale))}.risk-bar{border-width:4px 7px;border-image-width:4px 7px;gap:4px}.risk-bar i{height:11px}.return-flags .state-gem{width:21px;height:21px}.return-flags .state-gem .icon{width:calc(11px * var(--hud-icon-scale));height:calc(11px * var(--hud-icon-scale))}.home-marker{display:none}.control-deck{justify-content:center;gap:0;padding:0;left:17px;right:17px}.ship-badge{display:none}.deck-actions{--frame-w:8px;justify-content:space-between;width:100%;padding:0 2px}.deck-button{gap:6px;min-height:44px;padding:4px 10px 4px 4px}.deck-meta b{font-size:12px}.deck-key{display:none}.deck-button>.icon-chip{width:calc(34px * var(--hud-icon-scale));height:calc(34px * var(--hud-icon-scale))}.alert-dot{left:30px}.cargo-display{gap:6px;padding:0 4px 0 8px}.cargo-display>.icon-chip{width:calc(32px * var(--hud-icon-scale));height:calc(32px * var(--hud-icon-scale))}.cargo-display b{font-size:14px}.controls-hint{display:none}.toast{justify-content:center;max-width:86%;padding:1px 10px 1px 2px;top:auto;bottom:382px;left:50%;transform:translate(-50%,12px)rotateX(10deg)translateZ(-120px)}.popup-card{--k:.36}.toast-emblem{width:36px;height:36px;margin:-8px 0 -8px -14px}.toast.visible{transform:translate(-50%)rotateX(0)translateZ(0)}.toast-icon .icon{width:calc(24px * var(--hud-icon-scale));height:calc(24px * var(--hud-icon-scale))}.toast-extra .icon{width:calc(20px * var(--hud-icon-scale));height:calc(20px * var(--hud-icon-scale))}.toast .state-gem{width:28px;height:28px}.toast-number{font-size:19px}body:not(.is-diving) .toast{top:86px;bottom:auto}.interaction-prompt{gap:10px;width:max-content;max-width:90%;padding:2px 8px 2px 4px;bottom:298px;left:50%}.interaction-prompt .prompt-key .keycap,.interaction-prompt .prompt-key .pad-btn{display:none}.prompt-tap{color:var(--gold-bright);filter:drop-shadow(0 0 5px #f3cb8b66)drop-shadow(0 1px 1px #01121a);display:inline-flex}.prompt-tap .icon{width:calc(26px * var(--hud-icon-scale));height:calc(26px * var(--hud-icon-scale))}.prompt-action.icon-chip{width:calc(40px * var(--hud-icon-scale));height:calc(40px * var(--hud-icon-scale))}.prompt-value{font-size:18px}.prompt-progress{min-width:110px}.is-diving .expedition-rail{width:228px}.is-diving .mission-panel{width:max-content;margin-top:20px;padding:2px 3px}.is-diving .mission-reward,.is-diving .ship-status,.is-diving .objectives li:not(#objective-loot),.is-diving .objective-loot:before{display:none}.is-diving .objectives{margin:0}.is-diving .location-tag .area{display:none}.is-diving .touch-controls{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:148px;left:20px;right:20px}.modal-layer,.pause-layer,.result-layer{padding:10px}.modal{--ring:30px;--ring-width:26px;border-width:26px;border-image-width:26px;border-image-outset:4px;padding:0 2px 2px}.modal-header{padding-bottom:17px}.modal-header h2{font-size:33px}.modal-header:after{width:70px;height:23px;bottom:-11px}.modal-title{width:44px;height:44px}.modal-title .icon{width:20px;height:20px}.crew-notice,.crew-notice b{font-size:8px}.cutaway{height:180px;padding:45px 12px 15px 0}.cutaway-hull{border-width:3px;border-radius:45px 14px 14px 45px;height:120px}.cutaway-conning{width:70px;height:27px;top:21px;left:80px}.subsection{gap:8px;padding:17px 4px 8px}.subsection b{font-size:8px}.subsection small{font-size:6px}.subsection>.icon{width:17px;height:17px}.cutaway-propeller{top:95px;right:-8px}.crew-bottom{grid-template-columns:1fr;gap:20px;padding-top:16px}.engineer h3{font-size:25px}.portrait{width:55px;height:65px}.chart-layout{grid-template-columns:1fr;gap:5px}.chart-map{--chart-tilt:35deg}.chart-stage{perspective:800px;height:240px}.chart-tilt{width:92%;top:50%;left:4%}.map-legend{flex-flow:wrap;gap:12px;margin:15px 0}.chart-paused{display:none}.journal-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journal-summary b{font-size:17px}.journal-entries{max-height:300px}.journal-entries article{flex-wrap:wrap;gap:8px 12px}.journal-date{min-width:0}.journal-figures{width:100%}.empty-log{padding:28px 0}.help-story,.story-strip{flex-wrap:wrap;gap:6px}.story-step{height:36px;padding:0 10px}.help-columns{grid-template-columns:1fr;gap:16px}.shipyard-dock{grid-template-columns:1fr;gap:12px;padding-top:12px}.shipyard-berth{gap:8px}.shipyard-stage{height:190px}.stage-fallback .icon{width:80px;height:80px}.shipyard-bank b{font-size:22px}.upgrade-grid{grid-template-columns:1fr;gap:10px}.upgrade-card{--ring:18px;--ring-width:15px;border-width:15px;border-image-width:15px;padding:1px 2px 0}.setting-row{gap:12px;padding:13px 0;font-size:11px}.setting-row input[type=range]{width:120px}.pause-card,.result-card{--ring:26px;--ring-width:22px;border-width:22px;border-image-width:22px;border-image-outset:4px;padding:8px 6px}.pause-card h2,.result-card h2{font-size:41px}.result-emblem{width:90px;height:90px}.result-emblem .icon{width:38px;height:38px}.pause-card p,.result-card p{font-size:11px}.summary-grid{grid-template-columns:repeat(2,1fr)}.vignette{background:linear-gradient(90deg,#031e2b88,#0000 85%),linear-gradient(#031e2b66,#0000 25% 65%,#031e2bc9)}body:not(.is-diving) .sonar-widget,body:not(.is-diving) .return-gauge{display:none}body:not(.is-diving) .intro{margin:24px 0 22px}body:not(.is-diving) h1{font-size:46px}body:not(.is-diving) .mission-panel{padding:5px 6px 4px}}@media (height<=760px) and (width<=800px){.intro{margin:20px 0}h1{font-size:44px}.expedition-rail{top:98px}.mission-panel{padding:3px 5px}.mission-reward{margin-top:11px;padding-top:10px}.loadout-summary,.ship-status{display:none}#app{--compass-y:calc(var(--deck-height) - 4px)}.return-gauge,.is-diving .return-gauge{bottom:23px}.depth-instrument{--gw:64px;top:104px}.is-diving .touch-controls{bottom:136px}.interaction-prompt{bottom:286px}}@media (width>=560px) and (width<=800px){#app{--compass-y:0px}.is-diving .control-deck{left:calc(var(--compass-x) + var(--compass-box) + 6px)}.is-diving .return-gauge{bottom:6px}}@media (height<=740px) and (width<=800px){body:not(.is-diving) .intro{margin:19px 0 18px}body:not(.is-diving) h1{margin-bottom:13px;font-size:38px}body:not(.is-diving) .mission-reward{display:none}body:not(.is-diving) .mission-panel{padding:2px 5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.oxygen-critical .danger-vignette,.hull-critical .danger-vignette{opacity:.7}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.modal-layer:not(.settled) .modal,.pause-layer:not(.settled) .pause-card,.result-layer:not(.settled) .result-card,.load-card,.load-error{animation:.2s ease-out backwards panel-fade!important}.load-bar[data-indeterminate=true] i,.load-sweep{opacity:.45}[data-sway]{animation:none!important}.upgrade-card:hover,.upgrade-card:focus-within,.journal-entries article:hover,.journal-entries article:focus-within{transform:none}}.reduced-motion .modal-layer:not(.settled) .modal,.reduced-motion .pause-layer:not(.settled) .pause-card,.reduced-motion .result-layer:not(.settled) .result-card,.reduced-motion .load-card,.reduced-motion .load-error{animation:.2s ease-out backwards panel-fade!important}.reduced-motion .upgrade-card:hover,.reduced-motion .upgrade-card:focus-within,.reduced-motion .journal-entries article:hover,.reduced-motion .journal-entries article:focus-within{transform:none}@keyframes panel-fade{0%{opacity:0}}.reduced-motion .danger-vignette{opacity:0}.reduced-motion.oxygen-critical .danger-vignette,.reduced-motion.hull-critical .danger-vignette{opacity:.7}.modal-layer{z-index:32}.modal-layer,.result-layer{padding-top:calc(var(--masthead-height) + 6px)}