@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Special+Elite&display=swap";:root{font-family:Patrick Hand,Bradley Hand,Segoe Print,cursive;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;font-family:inherit}button,input[type=button],input[type=submit],input[type=reset],[role=button]{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}html,body,#root{width:100%;height:100%;overscroll-behavior:none}body{margin:0;min-width:320px;color:#152330;overflow:hidden}.right-panel.station-dialog.station-dialog-resources{--resources-right-clearance: calc(var(--station-launcher-right) + var(--station-launcher-width) + max(.42rem, env(safe-area-inset-right)));top:clamp(5.3rem,18dvh,10rem);right:var(--resources-right-clearance);bottom:auto;left:auto;width:min(32rem,calc(100vw - var(--resources-right-clearance) - max(.8rem,env(safe-area-inset-left) + .65rem)));height:400px;min-height:400px;max-height:400px;transform:rotate(-.25deg);padding:clamp(.22rem,.75vw,.4rem);overflow:hidden;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Special Elite,Courier New,monospace!important}.right-panel.station-dialog.station-dialog-resources.station-dialog-compact{height:400px;min-height:400px;max-height:400px}.right-panel.station-dialog.station-dialog-resources *{font-family:inherit!important}.resources-container{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;padding:clamp(.28rem,.95vw,.48rem);border:2px solid #111;border-radius:0;background:#f1e6cf;color:#13202c;box-shadow:0 18px 30px -17px #0a0c0fb8,inset 0 1px #ffffff6b;overflow:hidden;isolation:isolate}.resources-container:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(18,28,38,.046) 0 1px,transparent 1px 9px),repeating-linear-gradient(90deg,rgba(18,28,38,.032) 0 1px,transparent 1px 9px);pointer-events:none;opacity:.3;z-index:0}.resources-form-header{position:relative;z-index:3;min-height:clamp(34px,5.8dvh,44px);display:flex;align-items:center;justify-content:flex-start;gap:.58rem;padding:clamp(.26rem,.9vw,.4rem) clamp(.56rem,1.5vw,.8rem);border-bottom:1px solid #111;background:#fff8e885}.resources-form-title{margin:0;color:#161616;letter-spacing:.11em;text-transform:uppercase;font-size:clamp(.72rem,1.72vw,.86rem);line-height:1;font-family:Special Elite,Courier New,monospace;font-weight:700}.resources-form-stamp{margin-left:auto;flex-shrink:0;color:#6e1d1d;border:1px solid #8b2b2b;padding:.14rem .3rem;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.46rem,1.05vw,.54rem);line-height:1;font-family:Special Elite,Courier New,monospace;transform:rotate(-2.8deg);background:#d0a6a633}.resources-stack{--stack-start: clamp(1.44rem, 3.8vh, 1.72rem);--stack-step: 3.82rem;--tab-height: clamp(1.34rem, 3.2vh, 1.6rem);position:relative;z-index:1;flex:1;min-height:0;padding:clamp(.24rem,.85vw,.42rem);overflow:hidden}.resource-folder{--folder-tab-inline-size: clamp(7.4rem, 23vw, 8.8rem);position:absolute;left:clamp(.22rem,.7vw,.34rem);right:clamp(.22rem,.7vw,.34rem);bottom:0;top:calc(var(--stack-start) + (var(--folder-depth, 0) * var(--stack-step)));z-index:var(--folder-z, 1);margin:0;padding:0;border:0;background:transparent;text-align:left;color:#1e2934;cursor:pointer;transform:rotate(var(--folder-tilt, 0deg));transform-origin:center top;transition:transform .18s ease}.resource-folder:focus-visible{outline:none}.resource-folder-tab{position:absolute;top:clamp(.32rem,.9vh,.5rem);left:clamp(.92rem,2.8vw,1.35rem);min-width:var(--folder-tab-inline-size);max-width:min(68%,14rem);height:var(--tab-height);padding:0 clamp(.64rem,1.9vw,1rem);display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,21,27,.66);border-bottom:1px solid rgba(15,21,27,.66);border-radius:8px 8px 6px 6px;background:linear-gradient(180deg,#fbfbf7,#f1f1e8);box-shadow:0 1px #0000001f,inset 0 1px #ffffffe6;pointer-events:none;z-index:3}.resource-folder-tab-label{max-width:100%;font-family:Special Elite,Courier New,monospace;font-size:.7rem;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f2a35}.resource-folder-body{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;gap:.56rem;padding:clamp(.34rem,.95vh,.5rem) clamp(.88rem,2.4vw,1.14rem) clamp(.7rem,1.9vh,.96rem);border:1px solid rgba(15,21,27,.66);border-radius:2px;background:linear-gradient(180deg,#f4e5c6,#efddb9 58%,#ebd4ae);box-shadow:0 18px 22px -20px #070a0de6,0 2px #00000038,inset 0 1px #ffffff73;overflow:hidden}.resource-folder-body:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff2b,#fff0 38%,#10141808);pointer-events:none}.resource-folder-body:after{content:"";position:absolute;top:clamp(1.2rem,2.8vh,1.54rem);left:clamp(.82rem,2.4vw,1.08rem);right:clamp(.82rem,2.4vw,1.08rem);height:1px;background:#1b222933;pointer-events:none}.resource-folder-subtitle{margin-top:clamp(.08rem,.25vh,.16rem);padding-bottom:clamp(.06rem,.2vh,.12rem);padding-left:0;position:relative;z-index:1;font-family:Special Elite,Courier New,monospace;font-size:clamp(.6rem,1.35vw,.76rem);line-height:1.26;letter-spacing:.02em;color:#1d2732e6;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-folder-meta{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:.66rem;font-family:Special Elite,Courier New,monospace;font-size:clamp(.44rem,.96vw,.54rem);line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#111c26a8;margin-top:auto}.resource-folder-code,.resource-folder-ref{white-space:nowrap}.resource-folder:hover,.resource-folder:focus-visible{transform:translateY(-1px) rotate(var(--folder-tilt, 0deg))}.resource-folder:hover .resource-folder-body,.resource-folder:focus-visible .resource-folder-body{background:linear-gradient(180deg,#f7ebd0,#f1e0bf 58%,#ebd6b4)}.resource-folder.active{transform:rotate(calc(var(--folder-tilt, 0deg) * .42))}.resource-folder.active .resource-folder-body{border-color:#843a2ed1;background:linear-gradient(180deg,#f8ecd4,#f2e1c2 55%,#ebd5b1);box-shadow:0 20px 24px -19px #070a0de6,0 3px #00000038,inset 0 1px #ffffff80}.resource-folder.active .resource-folder-tab{border-color:#843a2ed1;background:linear-gradient(180deg,#fbfbf7,#f1f1e8)}.resource-folder.active .resource-folder-tab-label,.resource-folder.active .resource-folder-code,.resource-folder.active .resource-folder-ref,.resource-folder.is-open .resource-folder-code,.resource-folder.is-open .resource-folder-ref{color:#7b3129}.resources-folder-empty{min-height:44px;display:grid;place-items:center;color:#dfe4eae6;font-size:.82rem}@media(orientation:landscape)and (max-height:500px){.right-panel.station-dialog.station-dialog-resources{top:max(.6rem,env(safe-area-inset-top) + .2rem);bottom:auto;right:calc(var(--station-launcher-right) + var(--station-launcher-width) + max(.28rem,env(safe-area-inset-right)));width:min(30.2rem,calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + env(safe-area-inset-right) + env(safe-area-inset-left) + .9rem)));height:min(360px,58dvh);min-height:260px;max-height:360px;padding:.18rem}.resources-form-header{min-height:30px;padding:.22rem .56rem}.resources-stack{--stack-start: clamp(.92rem, 2.2vh, 1.12rem);--stack-step: 2.5rem;--tab-height: clamp(1.16rem, 2.8vh, 1.34rem)}.resource-folder{--folder-tab-inline-size: clamp(8.2rem, 18vw, 9.6rem)}.resource-folder-tab-label{font-size:.7rem;letter-spacing:.03em}.resource-folder-body{padding-top:clamp(.28rem,.7vh,.42rem);padding-bottom:clamp(.54rem,1.2vh,.74rem)}.resource-folder-body:after{top:clamp(.96rem,1.9vh,1.2rem)}.resource-folder-subtitle{padding-left:0}}@media(max-height:500px){.right-panel.station-dialog.station-dialog-resources,.right-panel.station-dialog.station-dialog-resources.station-dialog-compact{height:350px;min-height:350px;max-height:350px}}@media(prefers-reduced-motion:reduce){.resource-folder{transition:none}}.app-shell{height:100vh;display:flex;flex-direction:column;color:#13202d;background:linear-gradient(180deg,#e9dec2,#efe5cd)}.app-shell,.app-shell *{font-family:Patrick Hand,Bradley Hand,Segoe Print,cursive}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:.9rem;border-bottom:1px solid rgba(24,36,48,.2);padding:.7rem 1rem;background:#f0e8d2f2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative;z-index:10}.title-block h1{margin:0;font-size:1.08rem;letter-spacing:.04em;text-transform:uppercase;font-family:Special Elite,Patrick Hand,cursive}.title-block p{margin:.2rem 0 0;font-size:.8rem;color:#354251}.top-controls{display:flex;gap:.5rem}.top-controls-icon-btn{display:grid;place-items:center;min-width:2.2rem;padding:.2rem .34rem}.top-controls-icon{width:1.15rem;height:1.15rem;object-fit:contain;pointer-events:none}.time-compression{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.time-compression-title{font-size:.78rem;color:#314252;letter-spacing:.05em;text-transform:uppercase;margin-right:.2rem}.time-btn{padding:.25rem .38rem;font-size:.78rem}.time-btn.active{border-color:#8e3d27;background:#8e3d275c;color:#ffe7df}.command-bar{display:flex;align-items:center;justify-content:center;gap:.45rem;flex:1;min-width:0}.command-item{position:relative}.command-btn{white-space:nowrap}.command-btn.active{border-color:#8e3d27;background:#d5ac9299;color:#4c1f14}.command-panel{--panel-drag-x: 0px;--panel-drag-y: 0px;position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(calc(-50% + var(--panel-drag-x)),var(--panel-drag-y));border:1px solid rgba(24,36,48,.32);background:#f6eedafa;padding:.6rem;border-radius:6px;box-shadow:0 9px 24px #191c202e;min-width:260px}.map-top-center-controls{--pill-height: 68px;--command-slot-center: 28px;position:absolute;top:.7rem;left:50%;transform:translate(-50%);z-index:34;width:611px;display:grid;justify-items:center;pointer-events:none}.map-top-center-controls>*{pointer-events:auto}.command-pill-cluster{--status-gauge-width: 32px;width:100%;display:grid;grid-template-columns:var(--status-gauge-width) var(--status-gauge-width) minmax(0,1fr) var(--status-gauge-width) var(--status-gauge-width);border-radius:999px;overflow:hidden;border:1px solid rgba(14,18,22,.82);box-shadow:0 14px 30px #141d2640;background:#2f343af0}.command-pill{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:0;overflow:hidden;border:0;box-shadow:none;background:transparent}.status-gauge{min-height:68px;position:relative;display:block;padding:0;color:#f3f6fa;border:0;background:#343940f0;cursor:default;overflow:hidden;appearance:none;-webkit-appearance:none;border-radius:0}.status-gauge-fuel,.status-gauge-power{border-right:1px solid rgba(243,246,250,.2)}.status-gauge-air{border-left:1px solid rgba(243,246,250,.2);border-right:1px solid rgba(243,246,250,.2)}.status-gauge-symbol{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:2;transform:translateY(-8px)}.status-gauge-icon{width:17px;height:17px;fill:none;stroke:#f3f6fa;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(7,10,14,.55))}.status-gauge-o2{font-family:Special Elite,Courier New,monospace;font-size:.82rem;font-weight:600;line-height:1;color:#f3f6fa;text-shadow:0 1px 1px rgba(7,10,14,.55)}.status-gauge-o2 sub{font-size:.58em;vertical-align:-.3em}.status-gauge-level{position:absolute;left:0;right:0;bottom:0;background:#2f343af0;transition:height 80ms linear;z-index:0}.status-gauge-level:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#7a828ceb}.status-gauge-value{position:absolute;left:50%;top:calc(50% + 12px);transform:translate(-50%,-50%);z-index:2;font-size:.6rem;color:#f3f6fa;font-weight:600;line-height:1;white-space:nowrap;text-shadow:0 1px 1px rgba(7,10,14,.62)}.status-gauge-fuel .status-gauge-level{background:linear-gradient(180deg,#cad0d6f5,#848d97fa)}.status-gauge-power .status-gauge-level{background:linear-gradient(180deg,#c2c9d1f5,#7c8692fa)}.status-gauge-air .status-gauge-level{background:linear-gradient(180deg,#c6cdd5f5,#7e8995fa)}.status-gauge-danger .status-gauge-level{background:linear-gradient(0deg,#5abd75,#d8c54f 56%,#d86758)}.status-gauge-danger-symbol{font-size:.86rem;line-height:1;color:#f3f6fa;text-shadow:0 1px 1px rgba(7,10,14,.55)}.status-gauge-danger-green{box-shadow:inset 0 0 0 1px #4ca2673d}.status-gauge-danger-yellow{box-shadow:inset 0 0 0 1px #ceb9553d}.status-gauge-danger-red{box-shadow:inset 0 0 0 1px #cd695752}.status-gauge.status-gauge-danger{cursor:pointer}.status-gauge-danger-tooltip{position:absolute;right:0;top:calc(var(--pill-height) + .1rem);width:min(420px,calc(100vw - 1rem));border:1px solid rgba(16,23,30,.86);border-radius:10px;background:#f4eddbfa;box-shadow:0 12px 24px #090e1447;padding:.48rem .56rem .52rem;z-index:56;color:#1a2430}.status-gauge-danger-tooltip:before{content:"";position:absolute;top:-6px;right:11px;width:11px;height:11px;background:#f4eddbfa;border-top:1px solid rgba(16,23,30,.86);border-left:1px solid rgba(16,23,30,.86);transform:rotate(45deg)}.status-gauge-danger-tooltip-title{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#5a6672}.status-gauge-danger-tooltip-value{margin-top:.1rem;font-size:.84rem;font-weight:700;color:#253344}.status-gauge-danger-tooltip-formula{margin-top:.24rem;font-size:.65rem;line-height:1.15;color:#5a6672;font-family:Special Elite,Courier New,monospace}.status-gauge-danger-tooltip-meta{margin-top:.27rem;font-size:.66rem;color:#465463}.status-gauge-danger-tooltip-section-title{margin-top:.34rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:#5f4f35}.status-gauge-danger-tooltip-list{list-style:none;margin:.17rem 0 0;padding:0;display:grid;gap:.13rem}.status-gauge-danger-tooltip-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.38rem;align-items:baseline;font-size:.65rem;color:#2b3a4a}.status-gauge-danger-tooltip-list li>span:last-child{color:#4f5e6d;white-space:nowrap}.status-gauge-danger-tooltip-impact{display:inline-flex;align-items:center;justify-content:center;min-width:3.5em;border-radius:999px;border:1px solid rgba(27,39,52,.22);padding:0 .3em;margin-right:.24rem;text-transform:uppercase;letter-spacing:.03em;font-size:.55rem;line-height:1.3}.status-gauge-danger-tooltip-impact.impact-high{color:#7d2f24;background:#d2634e38}.status-gauge-danger-tooltip-impact.impact-medium{color:#755b19;background:#d6b85342}.status-gauge-danger-tooltip-impact.impact-low{color:#2a5d37;background:#6fb17e3b}.status-gauge-danger-tooltip-impact.impact-helpful{color:#1d6f57;background:#76c1ab47}.status-gauge-danger-tooltip-impact.impact-neutral{color:#425364;background:#8f9fb133}.status-gauge-danger-tooltip-hint{margin-top:.3rem;font-size:.62rem;color:#6a7785}.command-pill-section{min-height:68px;--pill-slot-size: 52px;--pill-inline-gap: .38rem;padding:.2rem var(--pill-inline-gap) .2rem calc(var(--pill-inline-gap) * 2);border:0;border-right:1px solid rgba(243,246,250,.14);border-radius:0;background:transparent;display:grid;grid-template-columns:var(--pill-slot-size) minmax(0,1fr);align-items:center;justify-items:stretch;gap:var(--pill-inline-gap);color:#f3f6fa}.command-pill-section:last-child{border-right:0}.command-pill-section.active{background:#8e3d275c;color:#ffe7df}.command-pill-readout{min-width:0;width:100%;display:grid;gap:.04rem;align-content:center;justify-items:center;text-align:center;transform:translate(0);transition:transform .26s cubic-bezier(.23,1,.32,1);will-change:transform}.command-pill-section.active .command-pill-readout{transform:translate(calc((var(--pill-slot-size) + var(--pill-inline-gap)) * -.5))}.command-pill-value{font-size:.98rem;font-family:Special Elite,Patrick Hand,cursive;line-height:1.08;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.command-pill-value.command-pill-value-speed{font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.command-pill-meta{font-size:.72rem;line-height:1.06;min-height:1.1em;white-space:nowrap;color:#cfd8e2}.command-pill-instrument-slot{width:52px;height:52px;display:block}.command-pill-mobile-line{display:none}.command-instrument-shell{--panel-drag-x: 0px;--panel-drag-y: 0px;--shell-mini-size: 52px;--shell-open-size: 236px;--shell-mini-scale: .2203389831;--shell-open-offset-y: 168px;position:absolute;width:var(--shell-open-size);height:var(--shell-open-size);transform:translate(-50%,-50%) scale(var(--shell-mini-scale));transform-origin:center center;pointer-events:none;z-index:35;transition:transform .26s cubic-bezier(.23,1,.32,1),filter .22s ease;-webkit-user-select:none;user-select:none}.command-instrument-shell.is-open{transform:translate(calc(-50% + var(--panel-drag-x)),calc(-50% + var(--shell-open-offset-y) + var(--panel-drag-y))) scale(1);filter:drop-shadow(0 14px 26px rgba(16,24,34,.35))}.command-instrument-shell.dragging{transition:none}.command-instrument-shell .speed-wheel{width:100%;height:100%;margin:0}.command-instrument-shell .speed-track,.command-instrument-shell .depth-preview,.command-instrument-shell .command-instrument-hitarea svg{width:100%;height:100%;display:block}.command-instrument-hitarea{width:100%;height:100%;display:grid;place-items:center;pointer-events:auto;-webkit-clip-path:circle(49% at 50% 50%);clip-path:circle(49% at 50% 50%);overflow:hidden;background:transparent;border:0;-webkit-user-select:none;user-select:none}.command-instrument-hitarea.heading,.command-instrument-hitarea.depth{cursor:crosshair}.command-instrument-readout{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);display:grid;justify-items:center;align-content:center;gap:.18rem;min-width:80px;pointer-events:none;color:#1b2f47;text-shadow:0 1px 0 rgba(243,238,221,.72)}.command-instrument-readout-current{font-size:.83rem;line-height:1;font-family:Special Elite,Patrick Hand,cursive}.command-instrument-readout-command{font-size:.83rem;line-height:1;font-family:Special Elite,Patrick Hand,cursive;color:#a6372a;min-height:1em}.command-instrument-readout-command.is-empty{color:transparent}.command-instrument-depth-schedule-launch{position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.34rem;padding:.34rem .56rem;border:1px solid rgba(14,18,22,.8);border-radius:.6rem;background:#2f343af0;color:#f3f6fa;font-size:.74rem;letter-spacing:.02em;pointer-events:auto;z-index:5}.command-instrument-depth-schedule-launch.active{border-color:#8e3d27;background:#434a52fa;color:#fff}.command-instrument-depth-schedule-launch-icon{width:.9rem;height:.9rem;display:block}.command-instrument-depth-schedule-menu{position:absolute;top:calc(100% + 2.7rem);left:50%;transform:translate(-50%);display:grid;gap:.32rem;width:max-content;z-index:6;pointer-events:auto}.command-instrument-depth-schedule-panel{min-width:170px;padding:.38rem;border:1px solid rgba(14,18,22,.8);border-radius:.65rem;background:#2f343af5;box-shadow:0 10px 20px #111c263d}.patrol-depth-schedule-panel{width:min(170px,82%);display:grid;gap:.32rem;padding:.38rem;margin:0 auto;justify-items:center;text-align:center}.patrol-depth-schedule-panel.patrol-depth-schedule-panel-compact{width:fit-content;min-width:170px}.patrol-depth-schedule-hint{text-align:center}.patrol-depth-schedule-btn{width:100%;border:1px solid rgba(14,18,22,.8);border-radius:.52rem;background:#2f343af0;color:#f3f6fa;font-size:.74rem;letter-spacing:.02em;text-align:center;padding:.3rem .34rem}.patrol-depth-schedule-btn.active{border-color:#8e3d27;background:#434a52fa;color:#fff}.command-instrument-drag-handle{position:absolute;top:-11px;left:50%;width:54px;height:12px;transform:translate(-50%);border-radius:999px;border:1px solid rgba(31,44,56,.72);background:linear-gradient(180deg,#eee5ccfa,#b1a68efa);box-shadow:0 1px #fffbf19e inset,0 2px 4px #111b263d;z-index:4;pointer-events:auto;-webkit-user-select:none;user-select:none}.command-instrument-drag-handle:before{content:"";position:absolute;left:50%;top:50%;width:22px;height:2px;transform:translate(-50%,-50%);background:#303e4bb8;border-radius:999px}.command-instrument-resize-zone{position:absolute;right:-20px;bottom:-20px;width:50px;height:50px;display:grid;place-items:center;padding:0;border:0;background:transparent;z-index:4;pointer-events:auto;cursor:nwse-resize;-webkit-user-select:none;user-select:none}.command-instrument-resize-knob{width:22px;height:22px;border-radius:999px;border:1px solid rgba(31,44,56,.72);background:linear-gradient(180deg,#eee5ccfa,#b1a68efa);box-shadow:0 1px #fffbf19e inset,0 2px 4px #111b263d;pointer-events:none;opacity:0;transform:scale(.78);transition:opacity .14s ease,transform .16s ease}.command-instrument-resize-zone:hover .command-instrument-resize-knob,.command-instrument-resize-zone:focus-visible .command-instrument-resize-knob,.command-instrument-resize-zone:active .command-instrument-resize-knob,.command-instrument-shell.is-open .command-instrument-hitarea:hover+.command-instrument-resize-zone .command-instrument-resize-knob,.command-instrument-shell.is-open .command-instrument-drag-handle:hover~.command-instrument-resize-zone .command-instrument-resize-knob{opacity:1;transform:scale(1)}.command-instrument-resize-knob:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:999px;background:#303e4bb8}.map-command-menu{--map-command-control-size: 3.3rem;position:absolute;right:calc(.7rem + env(safe-area-inset-right,0px));top:calc(.7rem + env(safe-area-inset-top,0px));z-index:34;display:grid;justify-items:end;gap:.45rem}.map-command-menu-toggle{width:var(--map-command-control-size);height:var(--map-command-control-size);border:1px solid rgba(14,18,22,.82);border-radius:999px;background:#2f343af0;color:#f3f6fa;font-size:1.35rem;line-height:1;display:grid;place-items:center;padding:0}.map-command-menu-toggle-icon{width:1.56rem;height:1.56rem;object-fit:contain;pointer-events:none}.map-command-menu-popover{position:absolute;bottom:calc(var(--map-command-control-size) + .45rem);right:0;width:min(240px,calc(100vw - 1.4rem));border:1px solid rgba(24,36,48,.32);border-radius:10px;background:#f6eedaf7;box-shadow:0 14px 28px #191c2042;padding:.52rem;display:grid;gap:.35rem}.map-command-menu-popover>button,.map-command-menu-popover>select{width:100%}.map-command-menu-label{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:#314252}.panel-title{font-size:.96rem;margin-bottom:.45rem;color:#233548;display:grid;gap:.2rem}.panel-title.centered-panel-title{text-align:center;justify-items:center}.draggable-panel-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.draggable-panel-handle:active{cursor:grabbing}.panel-subtitle{font-size:.82rem;color:#3b4f62}.speed-panel{width:370px}.speed-wheel{position:relative;width:312px;height:312px;margin:0 auto;border-radius:999px;border:1px solid rgba(25,17,10,.56);background:radial-gradient(circle at 38% 24%,#fff5da38,#fff5da00 31%),radial-gradient(circle at 50% 68%,#17100a5c,#17100a00 58%),linear-gradient(165deg,#4a3726,#362619 58%,#251a12);box-shadow:inset 0 0 0 2px #c2a27852,inset 0 0 28px #160f097a,0 14px 28px #0b080566;overflow:visible;cursor:crosshair}.speed-track{width:100%;height:100%;filter:drop-shadow(0 1px 0 rgba(255,244,219,.3))}.telegraph-outer-slice{fill:#f4efe1f0;stroke:#17110b8f;stroke-width:.36}.telegraph-inner-slice{fill:#ece5d3ed;stroke:#17110b70;stroke-width:.36}.telegraph-inner-slice.stop-band{fill:#f2e9d6f5}.telegraph-outer-slice.tone-a,.telegraph-inner-slice.tone-a{fill:#f6f0e1f0}.telegraph-outer-slice.tone-b,.telegraph-inner-slice.tone-b{fill:#ece3cff0}.telegraph-outer-slice.active,.telegraph-inner-slice.active{fill:#fff6defa;stroke:#2d2216e6}.telegraph-outer-label{font-family:Bebas Neue,Oswald,Franklin Gothic Medium,sans-serif;letter-spacing:.02em;font-size:5.2px;fill:#0a0908f7}.telegraph-outer-label.stop{font-family:Oswald,Franklin Gothic Medium,sans-serif;font-size:6.8px;letter-spacing:.005em}.telegraph-side-label{font-family:Bebas Neue,Oswald,Franklin Gothic Medium,sans-serif;letter-spacing:.11em;font-size:9.98px;font-weight:700;fill:#16110cf7}.telegraph-side-label-ahead,.telegraph-side-label-astern{dominant-baseline:middle}.speed-pointer.current{fill:#74502af2;stroke:#271809f0;stroke-width:.68}.speed-pointer.ordered{fill:none;stroke:#8d3c22f2;stroke-width:1.4;stroke-dasharray:1.9 1.6}.heading-panel{width:300px}.heading-panel .panel-title{color:#15202c;letter-spacing:.04em;text-transform:uppercase;font-size:.96rem}.heading-panel .panel-subtitle{color:#345;text-transform:none;letter-spacing:.02em;font-size:.82rem}.ordered-heading-line{display:inline-flex;align-items:baseline;gap:.3rem}.ordered-heading-value{color:#15202c}.ordered-heading-value.preview{color:#8f2020}.heading-picker{width:220px;height:220px;margin:0 auto;cursor:crosshair;border-radius:999px;background:radial-gradient(circle at 50% 30%,#ffffffe0,#fff0 46%),radial-gradient(circle at 50% 76%,#404b571f,#404b5700 52%),#f8f4e7;border:1px solid rgba(29,39,49,.56);box-shadow:inset 0 0 0 1px #fefcf5f0,0 7px 16px #151d2633}.depth-panel{width:320px}.depth-picker{cursor:crosshair;display:grid;justify-items:center}.depth-preview{display:block}.torpedo-panel{width:min(1180px,calc(100vw - 8rem));max-width:min(1180px,calc(100vw - 8rem))}.aob-selector,.velocity-selector{width:100%;max-width:none;height:auto;justify-self:center}.tdc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:.52rem}.tdc-perf-debug{margin-bottom:.45rem;padding:.36rem .42rem;border:1px solid rgba(28,43,58,.25);border-radius:6px;background:#242e39e0;color:#eef5fcf5;font-size:.72rem;line-height:1.35;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.targeting-block{display:grid;gap:.48rem}.tdc-dial-workspace{position:relative;display:grid;gap:.34rem}.tdc-dial-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.36rem}.tdc-dial-chip{border:1px solid rgba(28,43,58,.25);border-radius:8px;background:#f6eedab8;padding:.26rem .26rem 1.34rem;position:relative;display:grid;justify-items:center;align-content:start;gap:.2rem;transition:border-color .18s ease,background .18s ease,transform .22s ease,box-shadow .22s ease}.tdc-dial-chip:hover{border-color:#425e798f;background:#f8f2e2d6}.tdc-dial-chip.active{border-color:#8e3d27bd;background:#faf0daeb;box-shadow:0 0 0 1px #8e3d272e,0 8px 14px #222e3929;transform:translateY(-1px)}.tdc-dial-chip-title{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:#30455a;line-height:1.1;white-space:nowrap}.tdc-dial-chip-slot{width:min(100%,84px);height:84px;display:block;pointer-events:none}.tdc-dial-chip-readout{--tdc-readout-offset-y: 47px;--tdc-readout-scale: 1;min-height:1.15rem;position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + var(--tdc-readout-offset-y))) scale(var(--tdc-readout-scale));transform-origin:center;font-size:.84rem;line-height:1.1;text-align:center;color:#2a3f55;letter-spacing:.03em;white-space:nowrap;font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;pointer-events:none;z-index:2;will-change:transform;transition:transform .84s cubic-bezier(.22,1,.36,1),color .22s ease}.tdc-dial-chip.active .tdc-dial-chip-readout{--tdc-readout-offset-y: 0px;--tdc-readout-scale: 2}.tdc-dial-stage-anchor{min-height:336px}.tdc-dial-shell{--tdc-shell-open-size: 320px;--tdc-shell-mini-size: 84px;--tdc-shell-mini-scale: .2625;--tdc-shell-open-x: 0px;--tdc-shell-open-y: 0px;position:absolute;width:var(--tdc-shell-open-size);height:var(--tdc-shell-open-size);transform:translate(-50%,-50%) scale(var(--tdc-shell-mini-scale));transform-origin:center;pointer-events:none;z-index:2;contain:layout paint style;backface-visibility:hidden;will-change:transform;transition:transform .84s cubic-bezier(.22,1,.36,1)}.tdc-dial-shell.no-transition{transition:none}.tdc-dial-shell.tdc-dial-shell-distance{--tdc-shell-open-size: 270px;--tdc-shell-mini-scale: .3111111111}.tdc-dial-shell.is-open{transform:translate(calc(-50% + var(--tdc-shell-open-x)),calc(-50% + var(--tdc-shell-open-y))) scale(1);pointer-events:auto;z-index:4}.tdc-dial-shell-face{width:100%;height:100%;display:grid;align-content:start;justify-items:center;gap:.16rem;padding:0;background:transparent}.tdc-dial-shell.is-open .tdc-dial-shell-face{padding:0}.tdc-dial-shell-face-distance{align-content:center}.tdc-dial-shell:not(.is-open) .torpedo-gauge-hover-readout{opacity:0}.tdc-dial-shell:not(.is-open) .tdc-distance-step{opacity:0}.torpedo-gauge-wrap{min-height:200px;width:min(100%,370px);display:grid;justify-items:center;align-content:start}.torpedo-gauge-hover-readout{min-height:1.35em;min-width:5ch;width:5ch;display:inline-flex;justify-self:center;align-items:center;justify-content:center;margin-top:-.08rem;font-size:1.16rem;line-height:1.1;text-align:center;color:#2a3f55;letter-spacing:.03em;white-space:nowrap;font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.torpedo-gauge-hover-readout-aob{width:11ch;min-width:11ch;justify-content:space-between;gap:.45ch}.torpedo-gauge-hover-readout-speed{width:8ch;min-width:8ch}.torpedo-readout-angle{display:inline-block;width:4ch;text-align:right}.torpedo-readout-side{display:inline-block;width:4ch;text-align:left}.torpedo-bearing-meta{font-size:.74rem;color:#3b4f62}.torpedo-aob-readout{margin-top:.1rem;font-size:.82rem;color:#3b4f62}.torpedo-aob-readout.torpedo-depth-warning{color:#7a4b29;font-weight:600}.tdc-distance-display-wrap{display:grid;justify-items:center;gap:.26rem;padding:0}.tdc-distance-display-shell{width:100%;max-width:250px;min-height:186px;align-content:center}.tdc-distance-display{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.36rem}.tdc-distance-digit-column{display:grid;justify-items:center;align-content:center;gap:.12rem}.tdc-distance-step{width:1.5rem;height:1.05rem;border:0;border-radius:4px;padding:0;display:grid;place-items:center;background:#25313e1f;color:#1c2e3f;line-height:1;transition:background .14s ease,color .14s ease}.tdc-distance-step:hover{background:#25313e3d}.tdc-distance-step:disabled{cursor:default;background:#25313e14;color:#1c2e3f7a}.tdc-distance-step:active{transform:translateY(1px)}.tdc-distance-digit{width:2rem;height:2.46rem;border-radius:6px;background:#080b10;color:#fff;display:grid;place-items:center;font-size:1.46rem;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;box-shadow:inset 0 0 0 1px #dce3ec24,0 2px 5px #00000042}.numeric-dial{width:94px;height:94px}.numeric-dial.disabled,.spread-angle-selector.disabled{opacity:.5}.armament-block{display:grid;gap:.38rem;grid-template-rows:1fr auto auto}.tube-panel-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:start}.tube-panel-visual-block{display:grid;gap:.38rem;align-content:start}.tube-panel-tabs{display:inline-flex;gap:.34rem}.tube-panel-tab{border:1px solid rgba(28,43,58,.35);border-radius:999px;background:#f4ecdabf;color:#31475c;padding:.24rem .56rem;font-size:.76rem;letter-spacing:.03em;text-transform:uppercase}.tube-panel-tab.active{border-color:#8e3d27c2;background:#faf0daeb;color:#6a2f1f;box-shadow:0 0 0 1px #8e3d272e}.tube-panel-svg-shell{border:0;border-radius:0;background:transparent;padding:0}.tube-panel-svg-host{position:relative;width:min(640px,100%);margin:0 auto}.tube-panel-svg-host.has-reload-buttons{margin-bottom:1.7rem}.tube-panel-svg-surface{position:relative;z-index:1}.tube-panel-svg-image{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.tube-panel-index-label{position:absolute;z-index:2;transform:translate(-50%,-50%) rotate(var(--tube-index-tilt, 0deg));pointer-events:none;display:inline-flex;align-items:center;justify-content:center;min-width:.56rem;font-family:Avenir Next,Segoe UI,Arial,sans-serif;font-size:clamp(.46rem,1vw,.62rem);font-weight:700;line-height:1;letter-spacing:.04em;color:#111;opacity:var(--tube-index-opacity, .87)}.tube-panel-light-hitbox{position:absolute;z-index:3;transform:translate(-50%,-50%);width:8.3%;height:11.7%;border:0;border-radius:999px;background:transparent;padding:0;cursor:help;touch-action:manipulation}.tube-panel-light-hitbox:focus-visible,.tube-panel-light-hitbox.is-active{outline:1px dashed rgba(229,224,210,.86);outline-offset:1px}.tube-panel-light-tooltip{position:absolute;z-index:6;transform:translate(-50%,-118%);width:min(17.5rem,82vw);pointer-events:none;border:1px solid rgba(24,34,46,.84);border-radius:.42rem;background:#0f161fed;color:#f8fbfff5;box-shadow:0 9px 18px #00000075,0 1px #ffffff17 inset;padding:.42rem .52rem .46rem;animation:tube-panel-light-tooltip-in 90ms ease-out}.tube-panel-light-tooltip-title{font-size:.74rem;font-weight:700;letter-spacing:.03em;color:#ffe6a9f5;text-transform:uppercase}.tube-panel-light-tooltip-value{margin-top:.16rem;font-size:.72rem;letter-spacing:.02em;color:#eff5fff7}.tube-panel-light-tooltip-meaning{margin-top:.16rem;font-size:.68rem;line-height:1.28;color:#d2deeef5}@keyframes tube-panel-light-tooltip-in{0%{opacity:0;transform:translate(-50%,-111%)}to{opacity:1;transform:translate(-50%,-118%)}}.tube-panel-switch-hitbox{position:absolute;z-index:2;transform:translate(-50%,-50%);width:12.24%;height:18.45%;border:0;border-radius:999px;background:transparent;padding:0;cursor:pointer}.tube-panel-switch-hitbox:focus-visible{outline:1px dashed rgba(42,55,70,.75);outline-offset:1px}.tube-panel-reload-btn{position:absolute;z-index:3;top:calc(100% + .15rem);transform:translate(-50%);width:clamp(2.25rem,7.2vw,3.05rem);height:1.3rem;border:1px solid rgba(123,88,12,.96);border-radius:.35rem;background:linear-gradient(180deg,#fadf6afa,#d89e1ffa);color:#3a2b0a;font-size:.52rem;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;box-shadow:0 2px 5px #78580a4d,0 1px #fff5be42 inset}.tube-panel-reload-btn:hover{border-color:#5f4308fa;background:linear-gradient(180deg,#fce67cfa,#e0a924fa)}.tube-panel-reload-btn:active{transform:translate(-50%,1px);box-shadow:0 1px 3px #78580a52,0 1px 3px #64480a57 inset}.tube-panel-reload-btn:focus-visible{outline:1px dashed rgba(42,55,70,.75);outline-offset:1px}.armament-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;align-items:start}.torpedo-rack-groups{display:grid;gap:.3rem}.torpedo-rack-group{display:grid;gap:.2rem;align-content:start;align-items:start}.torpedo-rack-title{font-size:.69rem;letter-spacing:.04em;text-transform:uppercase;color:#3b4f62}.torpedo-rack{display:grid;grid-template-columns:repeat(2,1fr);gap:.36rem;align-content:start}.torpedo-rack.bow,.torpedo-rack.aft{grid-template-columns:repeat(2,1fr)}.torpedo-tube{width:100%;height:2.05rem;min-height:2.05rem;padding:.2rem .32rem;border:1px solid rgba(25,37,49,.35);border-radius:4px;background:#f6efdebf;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;letter-spacing:.04em}.torpedo-shape{width:40px;height:14px;border-radius:999px 999px 7px 7px;border:1px solid rgba(25,37,49,.6)}.torpedo-tube-label{font-size:.8rem;color:#304253}.torpedo-tube.loaded{background:#b4c9e0b3;border-color:#2d3d4f73}.torpedo-tube.spent{cursor:pointer;background:#373d46eb;border-color:#16191deb}.torpedo-tube.spent .torpedo-tube-label{color:#eef1f6e6}.torpedo-tube.selected{border-color:#8e3d27;box-shadow:0 0 0 2px #8e3d2773 inset}.torpedo-tube.will-fire{border-color:#b1452da6;box-shadow:0 0 0 1px #b1452d38 inset}.torpedo-aboard-label{margin-top:auto;border-top:1px dashed rgba(29,43,57,.25);padding-top:.28rem}.firing-block{display:grid;gap:.38rem;grid-template-rows:auto auto auto auto 1fr;justify-items:center;align-content:start;margin-top:6.35rem}.firing-control-row{display:grid;grid-template-columns:minmax(0,auto);gap:.4rem;align-items:start;justify-content:center}.firing-control-dial-stack{display:grid;justify-items:center;gap:.2rem}.firing-control-readout{font-size:.82rem;letter-spacing:.03em;line-height:1.1;color:#3b4f62;text-align:center}.firing-spread-dial-stack.disabled{opacity:.58}.firing-spread-label{font-size:.82rem;color:#3b4f62;line-height:1.1;text-align:center}.firing-spread-title{font-size:1.02rem;letter-spacing:.08em;line-height:1.1;color:#2d4257;font-weight:700;text-align:center}.firing-spread-value{font-size:1.28rem;letter-spacing:.04em;line-height:1.05;color:#24384b;font-weight:700;text-align:center}.fire-btn{width:78px;height:78px;margin:.55rem auto 0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 28%,#e44444f2,#981616f5 72%);color:#fff1f1;border:2px solid rgba(99,12,12,.95);font-size:.92rem;font-weight:700;letter-spacing:.08em;box-shadow:0 8px 16px #570c0c57,0 2px #ffd1d13d inset}.fire-btn:hover{border-color:#470808fa;background:radial-gradient(circle at 30% 28%,#ee5252fa,#a81a1afa 72%)}.fire-btn:active{transform:translateY(1px);box-shadow:0 4px 8px #570c0c52,0 2px 4px #4f0b0b5c inset}.fire-btn:disabled{background:radial-gradient(circle at 30% 28%,#7648488f,#5429299e 72%);border-color:#48171785;color:#fff1f1b8;cursor:not-allowed;box-shadow:none}.fire-btn.reload-btn{background:radial-gradient(circle at 30% 28%,#f5d44ef2,#cb9614f5 72%);color:#3a2b0a;border-color:#7b580cf5;box-shadow:0 8px 16px #78580a57,0 2px #fff5be4d inset}.fire-btn.reload-btn:hover{border-color:#5f4308fa;background:radial-gradient(circle at 30% 28%,#fade61fa,#daa41afa 72%)}.fire-btn.reload-btn:active{box-shadow:0 4px 8px #78580a52,0 2px 4px #64480a57 inset}.fire-btn.reload-btn:disabled{background:radial-gradient(circle at 30% 28%,#9582478f,#6856279e 72%);border-color:#5a491a85;color:#3a2b0a8c}.fire-btn-row{display:flex;justify-content:center;gap:.7rem;margin-top:auto}.torpedo-log{margin-top:.45rem;font-size:.82rem;color:#3a4f62;border-top:1px dashed rgba(29,43,57,.25);padding-top:.35rem}.torpedo-log.success{color:#285238}.torpedo-log.warning{color:#7a4b29}.torpedo-log.muted{color:#777}.workspace{--pill-height: 68px;--station-launcher-right: .7rem;--station-launcher-width: 4.25rem;--side-tray-padding-x: .32rem;--side-tray-padding-y: .64rem;--side-tray-gap: .4rem;--side-tray-toggle-size: 1.35rem;--side-tray-surface: rgba(18, 24, 32, .5);flex:1;display:grid;grid-template-columns:1fr;min-height:0;position:relative}.right-panel{position:absolute;top:1rem;right:1rem;bottom:1rem;width:min(380px,calc(100vw - 2rem));padding:.8rem;overflow-y:auto;overflow-x:visible;border:1px solid rgba(24,36,48,.24);box-shadow:0 16px 30px #161c2342;background:#f0e8d2eb;z-index:36}.right-panel.hidden-panel{display:none}.right-panel.station-dialog{top:50%;right:calc(var(--station-launcher-right) + var(--station-launcher-width));bottom:auto;width:min(380px,calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + 1rem)));height:min(66vh,calc(100vh - 2rem));transform:translateY(-50%);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;flex-direction:column}.right-panel.station-dialog.station-dialog-compact{height:auto;max-height:min(66vh,calc(100vh - 2rem))}.right-panel.station-dialog.station-dialog-periscope{width:min(220px,calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + 1rem)))}.right-panel.station-dialog.station-dialog-periscope.station-dialog-periscope-view{width:min(330px,calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + 1rem)))}.right-panel.station-dialog.station-dialog-hydrophone-patrol{--hydrophone-notepad-gutter: 8px;--hydrophone-notepad-width: min( 210px, calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + 1rem) - (var(--hydrophone-notepad-gutter) * 2)) );width:calc(var(--hydrophone-notepad-width) + (var(--hydrophone-notepad-gutter) * 2));height:min(calc((var(--hydrophone-notepad-width) * 5 / 3) + (var(--hydrophone-notepad-gutter) * 2)),calc(100vh - 2rem));max-height:calc(100vh - 2rem);background:transparent;border:none;box-shadow:none;padding:var(--hydrophone-notepad-gutter);overflow-y:auto;overflow-x:hidden}.right-panel.station-dialog.station-dialog-patrol-view{width:fit-content;min-width:220px;max-width:min(260px,calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + 1rem)))}.right-panel.settings-dialog{position:fixed;top:1rem;left:50%;right:auto;bottom:1rem;transform:translate(-50%);width:min(980px,calc(100vw - 2rem));z-index:40;border:1px solid rgba(24,36,48,.32);box-shadow:0 16px 36px #161c234d;background:#f6eedafa}.right-panel.settings-dialog.tutorial-editor-dialog{--panel-drag-x: 0px;--panel-drag-y: 0px;position:absolute;top:calc(.7rem + var(--pill-height, 68px) + .45rem);left:1rem;right:auto;bottom:auto;transform:translate(var(--panel-drag-x),var(--panel-drag-y));width:min(460px,calc(100vw - 2rem));max-width:min(460px,calc(100vw - 2rem));max-height:min(78vh,840px);z-index:36;overflow-y:auto}.tutorial-editor-drag-handle{position:static;transform:none;width:44px;height:10px;margin-left:auto}.settings-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}.settings-dialog-header h2{margin:0}.station-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem}.station-dialog-header h2{margin:0}.resource-list{display:grid;gap:.55rem}.resource-item-btn{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;padding:.55rem .7rem;border:1px solid rgba(24,36,48,.2);background:#f8f0dce6;box-shadow:inset 0 0 #0000;transition:border-color .2s ease,box-shadow .2s ease}.resource-item-btn:hover,.resource-item-btn:focus-visible{border-color:#18243073;box-shadow:0 6px 14px #14181e1f}.resource-item-btn.active{border-color:#c82828d9;box-shadow:0 6px 14px #c828282e}.resource-panel{position:absolute;padding:0;border:1px solid rgba(24,36,48,.45);background:transparent;box-shadow:0 6px 14px #12161c2e;transform-origin:center;overflow:visible;display:flex;flex-direction:column;gap:0;box-sizing:border-box;z-index:37;min-width:50px;min-height:50px}.resource-panel.is-opening{animation:resourceFoldOpen .42s ease-out;animation-fill-mode:both}.resource-panel.is-closing{animation:resourceFoldClose .32s ease-in;animation-fill-mode:both}.resource-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;position:relative;z-index:1}.resource-panel-title{margin:0;font-size:.95rem;font-weight:700}.resource-panel-controls{display:flex;align-items:center;gap:.45rem}.resource-panel-controls button{padding:.25rem .5rem;min-width:2rem}.resource-panel-canvas{position:relative;flex:1;border:0;background:transparent;overflow:hidden;cursor:default;touch-action:none;z-index:1}.resource-panel-image-frame{position:absolute;inset:0;display:grid;place-items:center}.resource-panel-image-frame img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.resource-panel-mission-view{position:absolute;inset:0;padding:1.15rem 1.15rem 1rem;background:#f4eddbf5;color:#1d1d1d;display:flex;flex-direction:column;gap:.45rem;font-family:Courier New,monospace}.resource-panel-mission-heading,.resource-panel-mission-zone{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.04em}.resource-panel-mission-zone{margin-bottom:.4rem}.resource-panel-mission-zone-value{position:relative;display:inline-block;padding:0 .1rem .14rem;color:#6d1f17;border:0;background:transparent;font:inherit;font-weight:700;letter-spacing:.04em;cursor:pointer}.resource-panel-mission-zone-value:after{content:"";position:absolute;pointer-events:none;left:-.05rem;right:-.07rem;bottom:0;height:.2rem;border-radius:2px;clip-path:polygon(0% 0%,95% 0%,100% 66%,100% 100%,0% 100%);transform:rotate(-2deg);background:repeating-linear-gradient(98deg,#a82c21b3 0 2px,#7c1c15d6 2px 4px,#c15d2ea3 4px 6px);mix-blend-mode:multiply;opacity:.78}.resource-panel-mission-zone-value:disabled{cursor:default}.resource-panel-mission-lines{display:grid;gap:.36rem}.resource-panel-mission-line{display:flex;align-items:baseline;gap:.38rem;margin:0;font-size:.79rem;line-height:1.35}.resource-panel-mission-line span:first-child,.resource-panel-mission-line span:last-child{white-space:nowrap}.resource-panel-mission-dots{flex:1;min-width:.8rem;border-bottom:1px dotted currentColor;transform:translateY(-.12rem)}.resource-panel-mission-line.is-in_process{color:#101010}.resource-panel-mission-line.is-not_possible{color:#7a7a7a}.resource-panel-mission-line.is-failed{color:#8b1c1c}.resource-panel-mission-line.is-complete{color:#234f2e}.resource-panel-drag-handle{z-index:4}.resource-panel-close{position:absolute;top:.35rem;right:.35rem;width:24px;height:24px;border-radius:999px;border:1px solid rgba(31,44,56,.72);background:#eee5cceb;color:#223141;font-size:.7rem;font-weight:700;display:grid;place-items:center;cursor:pointer;z-index:3;padding:0}.resource-panel-close:hover{background:#f8f0dcfa}.resource-panel-resize-zone{right:-20px;bottom:-20px;z-index:4}@keyframes resourceFoldOpen{0%{transform:scaleX(.05);filter:brightness(.85)}65%{transform:scaleX(1.04);filter:brightness(1)}to{transform:scaleX(1);filter:brightness(1)}}@keyframes resourceFoldClose{0%{transform:scaleX(1);filter:brightness(1)}to{transform:scaleX(.05);filter:brightness(.85)}}.settings-backdrop{position:fixed;inset:0;z-index:35;border:0;border-radius:0;background:#0f131859;padding:0}.torpedo-panel-popover{--panel-drag-x: 0px;--panel-drag-y: 0px;position:absolute;top:calc(.7rem + var(--pill-height, 68px) + .45rem);left:auto;right:calc(var(--station-launcher-width, 4.25rem) + (var(--side-tray-padding-x, .32rem) * 2) + var(--side-tray-toggle-size, 1.35rem) + .12rem);width:60%;max-width:min(1180px,calc(100vw - (4.8rem + var(--station-launcher-width, 4.25rem) + (var(--side-tray-padding-x, .32rem) * 2) + var(--side-tray-toggle-size, 1.35rem) + .12rem)));transform:translate(var(--panel-drag-x),var(--panel-drag-y));z-index:36;max-height:min(78vh,840px);overflow-y:auto;box-sizing:border-box;contain:layout paint;isolation:isolate;will-change:transform;background:#f6eeda}.right-panel h2{margin:0 0 .55rem;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#223141}.right-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.32rem;margin-bottom:.75rem}.right-tab{padding:.34rem .3rem;font-size:.82rem}.right-tab.active{border-color:#8e3d27;background:#d5ac928f;color:#4c1f14}.map-side-tray{position:absolute;top:50%;transform:translateY(-50%);z-index:34;background:var(--side-tray-surface);border:1px solid rgba(229,236,245,.16);box-shadow:0 12px 26px #070b1059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .28s cubic-bezier(.22,.82,.32,1)}.map-tools-tray{left:0;padding:var(--side-tray-padding-y) var(--side-tray-padding-x);border-left:0;border-radius:0 1.28rem 1.28rem 0}.map-tools-tray.hidden{transform:translate(-100%,-50%)}.station-launcher-tray{right:0;padding:var(--side-tray-padding-y) var(--side-tray-padding-x);border-right:0;border-radius:1.28rem 0 0 1.28rem}.station-launcher-tray.hidden{transform:translate(100%,-50%)}.map-side-tray-toggle{position:absolute;top:50%;width:var(--side-tray-toggle-size);height:2.35rem;transform:translateY(-50%);border:1px solid rgba(229,236,245,.22);background:var(--side-tray-surface);color:#f3f6fa;box-shadow:0 8px 18px #070b1061;font-size:.82rem;line-height:1;padding:0;display:grid;place-items:center;z-index:1}.map-side-tray-toggle-left{right:0;transform:translate(100%,-50%);border-left:0;border-radius:0 .72rem .72rem 0}.map-side-tray-toggle-right{left:0;transform:translate(-100%,-50%);border-right:0;border-radius:.72rem 0 0 .72rem}.map-side-tray-toggle:not(:disabled):hover{background:var(--side-tray-surface)}.map-tools-float{position:relative;display:grid;gap:var(--side-tray-gap)}.station-launcher{position:relative;display:grid;gap:.5rem}.station-launch-btn{position:relative;overflow:hidden;display:grid;justify-items:center;gap:.24rem;width:var(--station-launcher-width);padding:.34rem .2rem;border:1px solid transparent;border-radius:.85rem;background:#2f343af0;box-shadow:0 10px 20px #111c2633;color:#f3f6fa}.station-launch-btn-icon-wrap{width:1.45rem;height:1.45rem;display:grid;place-items:center}.station-launch-btn-icon{width:1.35rem;height:1.35rem;object-fit:contain;display:block}.station-launch-btn-label{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.station-launch-badge{position:absolute;top:.2rem;right:.2rem;min-width:1rem;height:1rem;padding:0 .22rem;border-radius:999px;display:grid;place-items:center;background:#d24c2d;color:#fff6f2;font-size:.56rem;font-weight:700;line-height:1;pointer-events:none}.station-launch-btn.active{border-color:#8e3d27;background:#434a52fa;color:#fff;outline:2px solid #8e3d27;outline-offset:1px}.station-disengage-launch-btn{border-color:#f5e3b38f;color:#f9eac2}.station-disengage-launch-btn:not(:disabled):hover{background:#434a52fa}.station-disengage-launch-btn.pending{border-color:#ffe49dd1;box-shadow:0 0 0 1px #ffe49d66,0 10px 20px #111c2633}.station-engage-launch-btn{border-color:#ade9c28f;color:#dff9ea}.station-engage-launch-btn:not(:disabled):hover{background:#434a52fa}.station-engage-launch-btn.pending{border-color:#caffdbd1;box-shadow:0 0 0 1px #caffdb66,0 10px 20px #111c2633}.station-return-base-launch-btn{border-color:#a3cdff99;color:#e4f2ff}.station-return-base-launch-btn:not(:disabled):hover{background:#434a52fa}.station-return-base-launch-btn.pending{border-color:#c4e1ffd1;box-shadow:0 0 0 1px #c4e1ff66,0 10px 20px #111c2633}.station-disengage-launch-symbol{font-size:1rem;font-weight:700;line-height:1}.station-launch-progress-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:#e8edf433;pointer-events:none}.station-launch-progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#64c6ef,#b8e884)}.station-launch-radio-wrap{position:relative}.station-radio-toast{position:absolute;top:50%;right:calc(100% - .7rem);transform:translate(1.1rem,-50%) scale(.9);width:min(20rem,52vw);display:grid;gap:.16rem;text-align:left;padding:.42rem .58rem;border-radius:.62rem;border:1px solid rgba(14,18,22,.8);background:#292e36f7;color:#f3f6fa;box-shadow:0 10px 18px #08111a4d;opacity:0;pointer-events:none;z-index:1;transition:transform .22s ease,opacity .22s ease}.station-radio-toast-entering,.station-radio-toast-visible{transform:translateY(-50%) scale(1);opacity:1;pointer-events:auto}.station-radio-toast-exiting{transform:translate(1.1rem,-50%) scale(.9);opacity:0;pointer-events:none}.station-radio-toast-tag{font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;color:#9fd6f1}.station-radio-toast-text{display:block;font-size:.65rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes station-launch-progress-sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.night-view .station-launch-progress-track{background:#d2e2f63d}.night-view .station-launch-progress-fill{background:linear-gradient(90deg,#8ad4ff,#b6ffcf)}.map-tool-btn{display:flex;align-items:center;justify-content:center;width:3.3rem;height:3.3rem;border:1px solid rgba(14,18,22,.82);border-radius:999px;background:#2f343af0;box-shadow:0 10px 20px #111c2633;color:#f3f6fa;font-size:1.35rem;padding:0}.map-tool-btn.active{border-color:#8e3d27;background:#434a52fa;color:#fff;outline:2px solid #8e3d27;outline-offset:1px}.map-tool-icon-image{width:1.5rem;height:1.5rem;object-fit:contain;display:block}.map-tool-icon-fallback{font-family:Special Elite,Patrick Hand,cursive;line-height:1}.map-tool-eraser-actions{position:absolute;left:calc(100% + .4rem);top:50%;transform:translateY(-50%);display:grid;gap:.25rem;padding:.34rem;border:1px solid rgba(24,36,48,.28);border-radius:9px;background:#f4ecd8eb;box-shadow:0 10px 18px #111c2638}.map-tool-eraser-actions button{padding:.26rem .4rem;font-size:.76rem}.map-tool-with-actions{position:relative}.map-panel{position:relative;min-width:0;min-height:0;overscroll-behavior:none}.map-panel.shake{animation:map-shake .42s ease-in-out}.map-panel.encounter-transition-active .map-canvas{animation:patrol-encounter-transition .46s cubic-bezier(.22,.8,.35,1) both}.map-panel.encounter-transition-active .map-side-tray,.map-panel.encounter-transition-active .map-top-center-controls{opacity:.45;transition:opacity .18s ease}@keyframes map-shake{0%{transform:translate(0)}20%{transform:translate(-4px,1px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,1px)}to{transform:translate(0)}}@keyframes patrol-encounter-transition{0%{filter:blur(0px);transform:scale(1)}55%{filter:blur(2.6px);transform:scale(1.06)}to{filter:blur(.2px);transform:scale(1.12)}}.map-canvas{display:block;width:100%;height:100%;touch-action:none;transform-origin:50% 50%;transform-style:preserve-3d;transition:transform .24s ease-out;overscroll-behavior:none}.map-canvas.nav-cursor{cursor:grab}.map-canvas.draw-cursor{cursor:crosshair}.map-canvas.torpedo-view{cursor:default}.note-editor{position:absolute;z-index:8;border:1px solid rgba(40,57,74,.7);background:#f7ecd5f5;box-shadow:0 6px 14px #141d2633;padding:.32rem}.note-editor textarea{width:100%;height:100%;resize:none;border:1px solid rgba(35,52,70,.35);border-radius:2px;background:#fffcf4f5;color:#152434;font-size:1rem;line-height:1.15;padding:.3rem;overflow:auto}.note-editor textarea:focus{outline:2px solid rgba(142,61,39,.5);outline-offset:0}.note-editor-ok{position:absolute;right:0;top:calc(100% + 4px);min-width:38px;padding:.14rem .36rem;font-size:.75rem;line-height:1.1;z-index:9}.note-editor-resize{position:absolute;right:2px;bottom:2px;width:12px;height:12px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 40%,rgba(24,37,49,.55) 40% 48%,transparent 48% 56%,rgba(24,37,49,.55) 56% 64%,transparent 64% 100%)}.map-bottom-left{position:absolute;left:.7rem;bottom:.7rem;display:flex;align-items:flex-end;flex-wrap:wrap;gap:.55rem;z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none}.map-bottom-right{--map-command-control-size: 3.3rem;position:absolute;right:calc(.7rem + env(safe-area-inset-right,0px));bottom:calc(.7rem + env(safe-area-inset-bottom,0px));z-index:34;display:grid;justify-items:end;gap:.45rem;pointer-events:none}.map-bottom-right>*{pointer-events:auto}.map-torpedo-view-stack{position:relative;display:grid;justify-items:end}.map-torpedo-view-flyout{position:absolute;right:calc(var(--map-command-control-size) + .35rem);top:50%;transform:translateY(-50%);display:flex;gap:.28rem;max-width:min(68vw,22rem);flex-wrap:wrap;justify-content:flex-end}.map-torpedo-view-number{width:2rem;height:2rem;border:1px solid rgba(14,18,22,.82);border-radius:999px;background:#2f343af0;box-shadow:0 10px 20px #111c2633;color:#f3f6fa;display:grid;place-items:center;font-size:.82rem;line-height:1;padding:0}.map-torpedo-view-number.active,.map-torpedo-view-toggle.active,.map-ownship-follow-toggle.active{border-color:#8e3d27;background:#434a52fa;color:#fff;outline:2px solid #8e3d27;outline-offset:1px}.scenario-editor-panel{position:absolute;left:calc(100% + .55rem);bottom:0;z-index:46;width:min(24rem,calc(100vw - 1.4rem));max-height:min(70vh,42rem);overflow-y:auto;padding:.45rem .58rem;border:1px solid rgba(24,36,48,.3);background:#f5efe1f0;font-size:.88rem;line-height:1.32;font-family:Patrick Hand,Bradley Hand,Segoe Print,cursive;box-shadow:0 14px 28px #111c263d}.scenario-editor-tray-wrap{position:relative;padding-top:.45rem;margin-top:.15rem;display:grid;justify-items:center}.scenario-editor-tray-wrap:before{content:"";position:absolute;top:0;left:.3rem;right:.3rem;height:1px;background:#e5ecf51f}.scenario-editor-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.scenario-editor-panel-header h2{margin:0}.scenario-editor-hint,.scenario-editor-summary{margin-top:.35rem}.scenario-editor-section{margin-top:.75rem;padding-top:.55rem;border-top:1px solid rgba(31,47,65,.18)}.map-bottom-center{position:absolute;left:50%;bottom:.7rem;transform:translate(-50%);z-index:6;pointer-events:none}.map-bottom-center>*{pointer-events:auto}.map-top-left-time{position:absolute;top:.7rem;left:.7rem;z-index:6;display:grid;gap:.22rem;pointer-events:none}.map-top-left-time>*{pointer-events:auto}.map-hud-actions{display:flex;align-items:flex-end;gap:.38rem;flex-wrap:wrap;pointer-events:auto}.map-hud-btn{pointer-events:auto;-webkit-user-select:none;user-select:none;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;padding:.24rem .42rem}.map-hud-btn.active{border-color:#8e3d27;background:#b1482d33;color:#4c1f14}.overlay{position:absolute;padding:.45rem .58rem;border:1px solid rgba(24,36,48,.3);background:#f5efe1c7;font-size:.88rem;line-height:1.32;font-family:Patrick Hand,Bradley Hand,Segoe Print,cursive}.overlay.top-left{top:.7rem;left:.7rem}.map-debug-log-panel{position:absolute;left:.7rem;bottom:8.1rem;width:min(360px,calc(100vw - 1.4rem));max-width:calc(100vw - 1.4rem);max-height:min(42vh,390px);overflow-y:auto;z-index:41}.note-tutorial-nav-under-note{position:absolute;z-index:8;display:flex;justify-content:flex-end;gap:.35rem;pointer-events:none;-webkit-user-select:none;user-select:none}.note-tutorial-nav-under-note .note-editor-ok{position:static;min-width:64px;pointer-events:auto}.map-debug-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.24rem}.map-debug-title{font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:#24384b}.overlay.top-right{top:.7rem;right:.7rem}.combat-log-panel{position:absolute;right:.7rem;top:.7rem;bottom:9.6rem;width:320px;max-width:calc(100% - 1.4rem);border:1px solid rgba(24,36,48,.3);background:#f5efe1d1;padding:.4rem .46rem;display:grid;grid-template-rows:auto 1fr;gap:.24rem;z-index:4}.combat-log-panel.collapsed{bottom:auto}.combat-log-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.combat-log-title{font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:#24384b}.combat-log-toggle{font-size:.72rem;padding:.18rem .38rem;line-height:1.1}.combat-log-empty{font-size:.8rem;color:#3a4f62}.combat-log-list{overflow-y:auto;display:grid;gap:.18rem;align-content:start}.combat-log-row{font-size:.78rem;line-height:1.08;color:#253a4e;display:grid;grid-template-columns:auto 1fr;gap:.35rem}.combat-log-row.clickable{padding:.16rem .22rem;margin:0 -.22rem;border-radius:.24rem;cursor:pointer;transition:background-color .14s ease}.combat-log-row.clickable:hover,.combat-log-row.clickable:focus-visible{background:#40607c1f;outline:none}.combat-log-row.success{color:#234f34}.combat-log-row.warning{color:#764629}.combat-log-row.muted{color:#6d6d6d}.combat-log-row.important{color:#a81c1c}.combat-log-detail{display:block;margin-top:.12rem;font-size:.67rem;letter-spacing:.04em;text-transform:uppercase;color:#a81c1ce6}.combat-log-time{color:#1c2b3ab8;font-size:.74rem}.impact-banner{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);padding:.65rem 1rem;border:1px solid rgba(102,28,21,.58);background:#e14c382e;color:#5b1810;font-size:1.45rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.impact-banner.paused{border-color:#484848d9;background:#ffffff8c;color:#1b1b1b;font-size:1.45rem;text-shadow:none;z-index:2;font-family:Special Elite,cursive;display:flex;align-items:center;justify-content:center;min-height:72px}.impact-banner-paused-label{display:block;font-family:Special Elite,Patrick Hand,cursive;line-height:1;transform:translateY(.08em)}.impact-banner.dud{border-color:#55555580;background:#a0a0a03d;color:#6e6e6e;font-size:1.02rem}.impact-banner.warning{border-color:#82612085;background:#ba95412e;color:#6e5521;font-size:1.02rem}.night-view .impact-banner.paused{border-color:#ffffffb3;background:#ffffff42;color:#f5f7fa;text-shadow:0 0 8px rgba(255,255,255,.6);z-index:2;font-family:Special Elite,cursive;display:flex;align-items:center;justify-content:center;min-height:72px}.night-view .torpedo-log.success{color:#45ff88}.night-view .torpedo-log.warning{color:#ffd966}.night-view .overlay,.night-view .combat-log-panel{border-color:#ffffff2e;background:#1c2026e6;color:#f2f5f8}.night-view .map-debug-title,.night-view .combat-log-title{color:#fff}.night-view .combat-log-empty,.night-view .combat-log-time{color:#d6dde6}.night-view .map-hud-btn,.night-view .combat-log-toggle{border-color:#ffffff42;background:#ffffff14;color:#f2f5f8}.night-view .map-hud-btn.active{border-color:#99ceff99;background:#99ceff38}.night-view .combat-log-row,.night-view .combat-log-row.success,.night-view .combat-log-row.warning{color:#f2f5f8}.night-view .combat-log-row.important{color:#ff7a7a}.night-view .combat-log-row.muted{color:#d6dde6}.night-view .combat-log-row.clickable:hover,.night-view .combat-log-row.clickable:focus-visible{background:#d2e0ec29}.night-view .combat-log-detail{color:#ffe4b5d1}.night-view .impact-banner{border-color:#ff2a2af2;background:#ff202042;color:#ff4a4a;text-shadow:0 0 7px rgba(255,48,48,.45)}.night-view .impact-banner.dud{border-color:#dcdcdc9e;background:#c4c4c433;color:#e6e6e6;text-shadow:none}.night-view .impact-banner.warning{border-color:#ffd64aeb;background:#ffd13a3b;color:#ffe27d;text-shadow:0 0 6px rgba(255,221,96,.35)}.war-telegram-overlay{position:absolute;inset:0;z-index:42;display:grid;place-items:center;padding:1rem;background:#0e131885;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.war-telegram-card{position:relative;width:min(640px,calc(100vw - 2.2rem));max-height:min(84vh,640px);overflow:auto;border:1px solid rgba(52,38,24,.68);box-shadow:0 20px 44px #0d0d0c73,inset 0 0 0 1px #fff7e054;background:radial-gradient(circle at 12% 15%,#fff8e59e,#f5e4bd00 42%),radial-gradient(circle at 88% 90%,#b18e5c38,#eddcb900 46%),linear-gradient(180deg,#f4e4bf,#ead5a7 52%,#e4cb95);padding:1.05rem 1.15rem .95rem;color:#2b1c0f;font-family:Special Elite,Courier New,monospace}.war-telegram-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(0deg,#5b3f271a 0 1px,#fff1d100 1px 4px),repeating-linear-gradient(90deg,#422b1a12 0 1px,#fff0 1px 5px)}.war-telegram-kicker{margin:0;font-size:.69rem;letter-spacing:.15em;text-transform:uppercase;color:#462a16db}.war-telegram-subject{margin:.24rem 0 .5rem;font-size:1.16rem;letter-spacing:.06em;text-transform:uppercase;color:#3b1d0f}.war-telegram-meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-bottom:.64rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#462a16db}.war-telegram-body{margin:0;font-size:.94rem;line-height:1.36;letter-spacing:.03em}.war-telegram-actions{margin-top:.86rem;display:flex;flex-wrap:wrap;gap:.45rem}.war-telegram-btn{border:1px solid rgba(62,36,19,.78);border-radius:3px;background:#3a2112ed;color:#f8ecd3;font-family:Special Elite,Courier New,monospace;letter-spacing:.06em;text-transform:uppercase;font-size:.73rem;padding:.34rem .58rem}.war-telegram-btn:hover{background:#4a2c18f5}.war-telegram-btn-secondary{background:#ebdbb7b8;color:#3c2618}.war-telegram-btn-secondary:hover{background:#f2e5c6eb}@media(max-width:720px){.war-telegram-card{width:min(640px,calc(100vw - 1.2rem));padding:.86rem .82rem .8rem}.war-telegram-subject{font-size:1rem}.war-telegram-actions{display:grid;grid-template-columns:1fr}}.mission-failed-overlay{position:absolute;inset:0;z-index:8;display:grid;place-content:center;gap:.55rem;padding:1.2rem;background:#130a0a8f;color:#fceee2;text-align:center}.mission-failed-overlay h2{margin:0;font-size:1.8rem;letter-spacing:.08em;text-transform:uppercase}.mission-failed-overlay p{margin:0;max-width:520px}.meta-overlay{position:fixed;inset:0;z-index:55;background:#0c1116a3;display:grid;place-items:center;padding:1rem;overflow-y:auto}.meta-card{width:min(740px,calc(100vw - 2rem));border:1px solid rgba(24,36,48,.34);background:#f6eedafa;box-shadow:0 16px 36px #161c235c;padding:1rem;display:grid;gap:.6rem}.meta-card.compact-card{width:min(520px,calc(100vw - 2rem))}.menu-scroll-card{max-height:calc(100vh - 2rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.menu-home-card{background:transparent;border-color:transparent;box-shadow:none}.menu-home-fixed-card{min-height:min(620px,calc(100vh - 2rem));align-content:start}.pause-menu-body{display:grid;gap:.75rem}.menu-home-icon-wrap{display:grid;place-items:center;margin-top:.2rem}.menu-home-icon{width:300px;height:300px;display:block}.menu-home-actions{display:grid;justify-content:center;justify-items:center;gap:.45rem;margin-bottom:.7rem}.menu-home-actions>button{min-width:220px}.campaign-year-floating{width:100%;max-width:920px;margin:0 auto}.campaign-year-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,420px));gap:.85rem;justify-content:center;align-items:start;perspective:1200px}.campaign-year-choice-stack{position:relative;aspect-ratio:710 / 474;width:min(100%,420px);justify-self:center}.campaign-year-choice{position:absolute;inset:0;border:1px solid rgba(19,26,34,.72);padding:0;background:transparent;cursor:pointer;overflow:hidden;width:100%;height:100%;transform-origin:top center;transition:transform .42s cubic-bezier(.2,.75,.25,1),opacity .24s ease,filter .24s ease;z-index:2}.campaign-year-grid.has-selection .campaign-year-choice-stack:not(.is-selected) .campaign-year-choice{opacity:.7;filter:saturate(.82)}.campaign-year-choice.is-folded{transform:perspective(1200px) rotateX(70deg) scaleY(.2);opacity:.9;filter:saturate(.82) contrast(.92)}.campaign-year-choice-image{display:block;width:100%;height:100%;object-fit:contain}.campaign-year-choice-label{position:absolute;top:80%;left:50%;transform-origin:center;font-family:Special Elite,Courier New,monospace;font-size:clamp(2.2rem,7vw,4rem);line-height:1;letter-spacing:.1em;color:#f2ead8f2;text-shadow:0 2px 0 rgba(0,0,0,.72),0 0 9px rgba(0,0,0,.4);pointer-events:none}.campaign-year-choice:hover .campaign-year-choice-label{color:#fff5e0fa}.campaign-year-briefing{--briefing-paper-color: #f1e6cf;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;padding:.95rem 1.05rem;color:#1b2b39;border:1px solid rgba(24,36,48,.7);box-shadow:inset 0 0 50px #00000021,0 8px 18px #0003;background:linear-gradient(0deg,#ffffff26,#ffffff26),repeating-linear-gradient(90deg,rgba(27,43,57,.05) 0 1px,transparent 1px 18px),repeating-linear-gradient(0deg,rgba(27,43,57,.04) 0 1px,transparent 1px 18px),radial-gradient(circle at 18% 18%,rgba(255,255,255,.24),transparent 42%),var(--briefing-paper-color);display:grid;grid-template-rows:auto minmax(0,1fr) auto;z-index:1;animation:campaign-year-briefing-reveal .32s cubic-bezier(.2,.75,.25,1)}.campaign-year-briefing-title{margin:0 0 .6rem;text-align:center;font-family:Special Elite,Courier New,monospace;font-size:clamp(1.6rem,4.5vw,2.2rem);letter-spacing:.08em}.campaign-year-briefing-list{margin:0;padding-left:1.25rem;display:grid;gap:.42rem;font-family:Special Elite,Courier New,monospace;font-size:.92rem;line-height:1.35;overflow:auto}.campaign-year-briefing-actions{margin-top:.85rem;display:flex;justify-content:center}.campaign-year-prepare-button{background:repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 2px,transparent 2px 4px),#1b2b39;color:#f1e6cf;border:3px solid #0f1b24;font-family:Special Elite,Courier New,monospace;font-weight:700;letter-spacing:.12em;text-transform:uppercase;min-width:180px}.campaign-year-back-row{margin-top:.8rem;display:flex;justify-content:center}.campaign-year-back-row>button{min-width:140px}@keyframes campaign-year-briefing-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.campaign-year-grid{display:flex;flex-direction:column;align-items:center}.campaign-year-choice-stack{width:min(100%,420px)}}@media(orientation:landscape)and (max-height:700px){.pause-menu-body{grid-template-columns:auto 1fr;align-items:center;gap:1rem}.menu-home-actions{justify-content:stretch;justify-items:stretch}.menu-home-actions>button{min-width:0;width:100%}}.menu-disabled-btn:disabled{opacity:.48;filter:grayscale(.35)}.menu-home-status{text-align:center;color:#ebe4cef2;font-size:.86rem;text-shadow:0 1px 3px rgba(12,18,24,.4)}.pause-menu-actions{display:grid;justify-items:center;justify-content:center;gap:.45rem;margin-bottom:.7rem}.pause-menu-actions>button{min-width:220px}.instructions-overlay{position:fixed;inset:0;z-index:72;background:#0a0e13e0;color:#e9dfc9;padding:1rem}.instructions-shell{width:min(1280px,calc(100vw - 2rem));height:calc(100vh - 2rem);margin:0 auto;border:1px solid rgba(239,228,199,.26);border-radius:10px;background:#1a222c;box-shadow:0 4px 16px #00000052;display:flex;flex-direction:column;overflow:hidden}.instructions-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(239,228,199,.2);background:#1f2833}.instructions-header h2{margin:0;font-family:Special Elite,Patrick Hand,cursive;font-size:1rem;letter-spacing:.02em}.instructions-header p{margin:.2rem 0 0;max-width:720px;font-size:.82rem;line-height:1.35;color:#e9dfc9d1}.learning-header-controls{display:grid;justify-items:end;gap:.45rem}.learning-lane-tabs{display:flex;align-items:center;gap:.4rem}.learning-lane-tabs>button{min-width:136px;border-radius:8px;padding:.38rem .62rem;font-size:.78rem}.learning-lane-tabs>button.active{border-color:#efe4c785;background:#efe4c724;color:#f3ebd7}.learning-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,260px);gap:.7rem;padding:.7rem 1rem;border-bottom:1px solid rgba(239,228,199,.16);background:#1b242f}.learning-search,.learning-category{display:grid;gap:.24rem;font-size:.76rem;color:#e9dfc9db}.learning-progress-summary-inline{display:grid;align-items:end;font-size:.78rem;color:#e9dfc9e6}.learning-search input,.learning-category select{width:100%;border:1px solid rgba(239,228,199,.22);border-radius:8px;background:#131a22;color:#efe6d1;padding:.42rem .55rem;font-size:.82rem}.learning-search input:focus,.learning-category select:focus{outline:2px solid rgba(220,200,157,.4);outline-offset:1px}.instructions-body{min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr)}.learning-context-panel{border-bottom:1px solid rgba(239,228,199,.16);background:#1c2530;padding:.6rem 1rem}.learning-context-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.learning-context-header h3{margin:0;font-size:.78rem;letter-spacing:.01em;color:#efe0bc}.learning-context-header>button{padding:.24rem .5rem;font-size:.74rem}.learning-context-list{margin:.45rem 0 0;padding-left:1rem;display:grid;gap:.36rem}.learning-context-list li{margin:0}.learning-context-line{font-size:.8rem}.learning-context-meta{font-size:.72rem;color:#e9dfc9ad;margin-top:.1rem}.instructions-topic-nav>button{text-align:left;background:#1a222c;border:1px solid rgba(239,228,199,.18);border-radius:8px;color:#efe6cf;padding:.52rem .56rem .54rem;display:grid;gap:.2rem}.instructions-topic-nav>button:hover{background:#202a35;border-color:#efe4c757}.instructions-topic-nav>button.active{background:#273241;border-color:#efe4c775}.instructions-topic-title{font-size:.8rem;letter-spacing:.01em}.instructions-topic-blurb{font-size:.74rem;line-height:1.34;color:#efe6d0c7}.learning-list-panel{min-height:0;overflow-y:auto;border-right:1px solid rgba(239,228,199,.16);background:#161e27;padding:.6rem;display:grid;align-content:start;gap:.42rem}.learning-complete-flag{margin-top:.1rem;font-size:.68rem;color:#e9dfc9a3}.learning-complete-flag.complete{color:#c8e9beeb}.instructions-topic-content{min-height:0;overflow-y:auto;padding:.9rem 1rem 1.05rem;font-size:.88rem;line-height:1.42}.instructions-topic-content h3{margin:0;font-family:Special Elite,Patrick Hand,cursive;letter-spacing:.02em;font-size:.98rem}.instructions-topic-content>p{margin:.3rem 0 .78rem;color:#f3ebd9db}.instructions-topic-content section{border:1px solid rgba(239,228,199,.18);background:#1f2833;border-radius:8px;padding:.58rem .68rem;margin-bottom:.52rem}.instructions-topic-content h4{margin:0;font-size:.77rem;letter-spacing:.01em;color:#f0dfb9}.instructions-topic-content section>p{margin:.33rem 0 0}.instructions-inline-link{appearance:none;border:none;background:none;color:#ecd8ab;font:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em;padding:0;cursor:pointer}.instructions-inline-link:hover{color:#f8e8c2}.instructions-topic-content ul{margin:.38rem 0 0;padding-left:1.1rem}.instructions-topic-content li{margin:.18rem 0}.learning-step-list{margin:.4rem 0 0;padding-left:1.05rem}.learning-step-list>li{margin:0 0 .52rem}.learning-step-list strong{display:block}.learning-step-list p{margin:.18rem 0 0}.learning-step-list span{font-weight:700}.learning-action-row{display:flex;gap:.4rem;margin-top:.44rem}.learning-action-row>button{font-size:.76rem;padding:.28rem .52rem}.learning-related-links{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.34rem}.learning-related-links>button{border:1px solid rgba(239,228,199,.24);border-radius:8px;background:#17202a;color:#efe6d1;padding:.24rem .5rem;font-size:.76rem}.learning-related-links>button:hover{border-color:#efe4c76b;background:#1d2733}.learning-mobile-picker{display:none}.high-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.high-score-grid h3{margin:0 0 .35rem;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase}.campaign-fuel-meter{border:1px solid rgba(28,43,58,.24);border-radius:6px;background:#f6efdcad;padding:.4rem .44rem}.meta-card h2{margin:0;letter-spacing:.06em;text-transform:uppercase}.meta-card p{margin:0}.mission-orders-card{--orders-paper: #f1e6cf;--orders-ink: #1b2b39;--orders-border: #1b2b39;--orders-accent: #8b0000;width:min(560px,calc((100vw - 2rem)/2));height:clamp(520px,84vh,700px);margin-block:1rem;padding:0;border:1px solid var(--orders-border);position:relative;background:linear-gradient(0deg,#ffffff26,#ffffff26),repeating-linear-gradient(90deg,rgba(27,43,57,.05) 0 1px,transparent 1px 18px),repeating-linear-gradient(0deg,rgba(27,43,57,.04) 0 1px,transparent 1px 18px),radial-gradient(circle at 20% 20%,rgba(255,255,255,.28),transparent 46%),var(--orders-paper);color:var(--orders-ink);box-shadow:0 24px 54px #00000080,inset 0 0 60px #0000002e;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden}.mission-orders-card,.mission-orders-card *{font-family:Roboto Mono,Courier New,monospace}.mission-orders-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.25) 100%);pointer-events:none;z-index:0}.mission-orders-card>*{position:relative;z-index:1}.mission-orders-header{margin:0;padding:.82rem .75rem .72rem;border-bottom:1px solid var(--orders-border);background:#ffffff47;color:var(--orders-ink);font-size:.9rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-orders-issue-line{display:flex;justify-content:flex-end;gap:.45rem;padding:.3rem .75rem .32rem;border-bottom:1px solid var(--orders-border);font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;background:#fff3}.mission-orders-issue-line span:last-child{font-weight:700;letter-spacing:.08em}.mission-orders-body{min-height:0;display:grid;grid-template-columns:1fr 1fr;column-gap:.75rem}.mission-orders-column{position:relative;min-height:0;border-right:1px solid var(--orders-border);display:grid;grid-template-rows:auto 1fr;padding-bottom:.5rem}.mission-orders-column:last-child{border-right:0}.mission-orders-column-title{margin:0;padding:.45rem .75rem;border-bottom:1px solid var(--orders-border);background:#ffffff4d;color:var(--orders-ink);text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;font-weight:700}.mission-orders-orders{overflow:hidden}.mission-orders-typed{position:relative;z-index:2;display:grid;align-content:start;gap:.22rem;padding:.75rem;font-size:.78rem;line-height:1.58}.mission-orders-line-with-leader{display:flex;align-items:baseline;gap:.4rem;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem}.mission-orders-line-with-leader span:last-child{font-weight:700}.mission-orders-line-emphasis{position:relative}.mission-orders-highlighted-value{position:relative;display:inline-block;padding:0 .12rem .16rem;color:#000;font-weight:800;letter-spacing:.05em}.mission-orders-highlighted-value:after{content:"";position:absolute;pointer-events:none;left:-.06rem;right:-.08rem;bottom:.01rem;height:.24rem;border-radius:2px;clip-path:polygon(0% 0%,95% 0%,100% 66%,100% 100%,0% 100%);transform:rotate(-2.1deg);background:repeating-linear-gradient(98deg,#a82c21b3 0 2px,#7c1c15d6 2px 4px,#c15d2ea3 4px 6px);mix-blend-mode:multiply;opacity:.78}.mission-orders-dots-leader{flex:1;border-bottom:1px dotted rgba(27,43,57,.7);transform:translateY(-.18rem)}.mission-orders-typed-line{margin:0;letter-spacing:.02em}.mission-orders-bullets{margin:.28rem 0 0;padding-left:1.2rem;line-height:1.58;font-size:.78rem}.mission-orders-typed-note{margin-top:.28rem;max-width:55ch}.mission-orders-typed-label{margin:.42rem 0 .04rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.mission-orders-stamp{position:absolute;right:.35rem;top:12%;transform:rotate(18deg);font-size:clamp(1.1rem,2vw,1.75rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orders-accent);opacity:.12;pointer-events:none;z-index:1;mix-blend-mode:multiply;white-space:nowrap;-webkit-mask-image:repeating-linear-gradient(0deg,rgba(0,0,0,.95) 0 2px,rgba(0,0,0,.35) 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.9) 0 1px,transparent 1px 3px);mask-image:repeating-linear-gradient(0deg,#000000f2 0 2px,#00000059 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.9) 0 1px,transparent 1px 3px);-webkit-mask-size:6px 6px,5px 5px;mask-size:6px 6px,5px 5px}.mission-orders-stats{overflow:hidden}.mission-orders-stats-body{display:grid;gap:.65rem;padding-bottom:.25rem}.mission-orders-ledger{padding:.75rem;display:grid;gap:.24rem;align-content:start}.mission-orders-ledger-row{display:flex;align-items:baseline;gap:.36rem;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase}.mission-orders-ledger-leader{flex:1;border-bottom:1px dotted rgba(31,41,53,.86);transform:translateY(-.15rem)}.mission-orders-footer{border-top:1px solid var(--orders-border);min-height:44px;padding:.42rem .75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.48rem;background:#ffffff47}.mission-orders-signature-block{width:min(100%,520px);display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.mission-orders-signature-text{display:flex;flex-direction:column;gap:.08rem;text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;line-height:1.25}.mission-orders-signature-text p{margin:0}.mission-orders-signature-image{width:clamp(130px,21vw,180px);height:auto;object-fit:contain}.mission-orders-btn{appearance:none;border:2px solid #000000;background:#1e2730;color:#f4f1e8;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;padding:.34rem 1.1rem;box-shadow:0 1px #ffffff24 inset,0 2px #0000009e;transition:transform 80ms ease,box-shadow 80ms ease,background-color .12s ease}.mission-orders-btn:hover:not(:disabled){background:#131a22;transform:translateY(1px);box-shadow:0 1px #ffffff14 inset,0 1px #000000b8}.mission-orders-btn:disabled{opacity:.45;cursor:not-allowed}.mission-orders-warning{border-top:1px solid var(--orders-border);padding:.34rem .75rem .4rem;font-size:.67rem;color:#7f2e21;letter-spacing:.03em;text-transform:uppercase;background:#a83f2914}.meta-stat-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.94rem}.scale-legend{position:static;padding:.2rem .15rem;pointer-events:none;-webkit-user-select:none;user-select:none;color:#1c2a38}.scale-label{font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.6)}.night-view .scale-legend{color:#edf4ff}.dusk-view .scale-label{text-shadow:none}.night-view .scale-label{text-shadow:0 1px 0 rgba(0,0,0,.6)}.selected-kind{font-size:.86rem;text-transform:uppercase;letter-spacing:.05em;color:#2f3f50}.selected-summary{font-size:1rem;margin:.35rem 0 .65rem}.button-row{display:flex;gap:.45rem;margin-bottom:.7rem;flex-wrap:wrap}.tutorial-editor-shell{display:grid;gap:.78rem}.tutorial-editor-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;padding:.65rem .72rem;border:1px solid rgba(32,48,66,.2);border-radius:10px;background:linear-gradient(135deg,#eee2c7eb,#f7f0e0fa),radial-gradient(circle at top right,rgba(142,61,39,.12),transparent 58%)}.tutorial-editor-status{padding:.28rem .52rem;border-radius:999px;border:1px solid rgba(48,65,80,.22);background:#ffffff7a;color:#375067;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tutorial-editor-status.active{border-color:#8e3d276b;background:#8e3d2729;color:#6f2917}.tutorial-step-list,.tutorial-condition-list{display:grid;gap:.5rem}.tutorial-step-row,.tutorial-detail-card,.tutorial-condition-card,.tutorial-empty-state{border-radius:10px}.tutorial-step-row,.tutorial-condition-card{border:1px solid rgba(31,48,66,.16);background:#f6efdcb8}.tutorial-step-row{padding:.58rem .65rem;display:grid;gap:.34rem;text-align:left}.tutorial-step-row.active{border-color:#8e3d2780;background:linear-gradient(180deg,#f6e3d6e6,#f7efe2f5);box-shadow:inset 0 0 0 1px #8e3d271f}.tutorial-step-row-header,.tutorial-detail-header,.tutorial-condition-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.tutorial-step-badge{display:inline-flex;align-items:center;padding:.18rem .44rem;border-radius:999px;border:1px solid rgba(52,73,92,.2);background:#ffffff8f;color:#294054;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.tutorial-step-meta{font-size:.78rem;color:#53667a;text-align:right}.tutorial-step-preview{font-size:.95rem;line-height:1.25;color:#233a4e}.tutorial-detail-card{padding:.75rem .82rem;display:grid;gap:.68rem;border:1px solid rgba(28,43,58,.22);background:linear-gradient(180deg,#f9f2e3f5,#f4ecdae6),radial-gradient(circle at top left,rgba(142,61,39,.08),transparent 52%)}.tutorial-condition-card{padding:.62rem .68rem;display:grid;gap:.55rem}.tutorial-condition-title{font-size:.92rem;line-height:1.2;color:#20384c}.tutorial-condition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:.48rem}.tutorial-condition-grid label{display:grid;gap:.18rem;font-size:.8rem;color:#31485c}.tutorial-command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.45rem}.tutorial-command-toggle{display:flex;align-items:center;gap:.42rem;padding:.44rem .52rem;border:1px solid rgba(33,50,68,.16);border-radius:8px;background:#ffffff8a;color:#24394d}.tutorial-empty-state{padding:.72rem .76rem;border:1px dashed rgba(45,64,82,.24);background:#f7f1e4c2;color:#365066;line-height:1.3}.note-tutorial-list{display:grid;gap:.45rem;margin-bottom:.75rem}.note-tutorial-row{border:1px solid rgba(28,43,58,.22);border-radius:6px;background:#f6efdca3;padding:.36rem .42rem;display:grid;gap:.3rem}.note-tutorial-preview{font-size:.8rem;line-height:1.2;color:#2f4358}.note-tutorial-controls{display:flex;align-items:center;gap:.32rem;flex-wrap:wrap}.note-tutorial-controls label{font-size:.78rem;color:#31485c}.note-tutorial-controls input[type=number]{width:78px}.hint{font-size:.9rem;color:#3a4a5a}.settings-debug-toggle{margin:.2rem 0 .6rem;padding:0;border:none;background:none;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#3a4a5a;cursor:pointer}.settings-debug-toggle:hover{color:#243443}.difficulty-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;margin-bottom:.72rem}.difficulty-detail-list.compact{margin-top:-.12rem}.difficulty-detail-row{display:flex;align-items:center;gap:.38rem;font-size:.85rem;color:#2f4358}.difficulty-detail-row input[type=checkbox]{flex:0 0 1.1rem;width:1.1rem;height:1.1rem;box-sizing:border-box}.difficulty-slider-row{display:grid;gap:.18rem}.difficulty-slider-row select{width:100%}.difficulty-slider-row label{font-size:.82rem;color:#2f4358}.difficulty-slider-row.compact label{font-size:.78rem}.difficulty-slider-row.disabled{opacity:.55}.campaign-dossier{--dossier-paper-color: #f1e6cf;--dossier-ink-color: #1b2b39;--dossier-accent-red: #8b0000;--dossier-font-family: "Roboto Mono", "Courier New", monospace;--dossier-font-size-large: 1.15rem;--dossier-font-size-medium: .9rem;--dossier-font-size-small: .78rem;position:relative;padding:1rem 1.2rem 1.2rem;color:var(--dossier-ink-color);font-family:var(--dossier-font-family);font-size:var(--dossier-font-size-small);background:linear-gradient(0deg,#ffffff26,#ffffff26),repeating-linear-gradient(90deg,rgba(27,43,57,.05) 0 1px,transparent 1px 18px),repeating-linear-gradient(0deg,rgba(27,43,57,.04) 0 1px,transparent 1px 18px),radial-gradient(circle at 20% 20%,rgba(255,255,255,.28),transparent 46%),var(--dossier-paper-color);border-radius:.3rem;box-shadow:inset 0 0 60px #0000002e;overflow:hidden}.campaign-dossier,.campaign-dossier *{font-family:var(--dossier-font-family)}.campaign-dossier:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.25) 100%);pointer-events:none;z-index:0}.campaign-dossier:after{content:"TOP SECRET";position:absolute;top:8%;left:56%;transform:translate(-50%) rotate(-12deg);transform-origin:center;font-size:clamp(2rem,6vw,3.6rem);letter-spacing:.3rem;color:#6f1f1f;opacity:.12;text-transform:uppercase;text-align:center;pointer-events:none;font-weight:700;mix-blend-mode:multiply;z-index:3;-webkit-mask-image:repeating-linear-gradient(0deg,rgba(0,0,0,.95) 0 2px,rgba(0,0,0,.35) 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.9) 0 1px,transparent 1px 3px);mask-image:repeating-linear-gradient(0deg,#000000f2 0 2px,#00000059 2px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.9) 0 1px,transparent 1px 3px);-webkit-mask-size:6px 6px,5px 5px;mask-size:6px 6px,5px 5px}.dossier-header{margin:0 0 .8rem;font-size:var(--dossier-font-size-large);text-transform:uppercase;letter-spacing:.16rem;font-weight:700}.campaign-dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.dossier-section{position:relative;padding:.9rem .9rem .7rem;background:#ffffff73;border:1px solid var(--dossier-ink-color);box-shadow:inset 0 0 0 1px var(--dossier-ink-color),2px 2px 5px #0000001a;z-index:1}.dossier-section-title{margin:0 0 .6rem;font-size:var(--dossier-font-size-medium);text-transform:uppercase;letter-spacing:.14rem;font-family:inherit;font-weight:700}.campaign-dossier label{font-family:inherit;font-size:var(--dossier-font-size-medium);font-weight:700;color:var(--dossier-ink-color)}.campaign-dossier .dossier-label-row{display:flex;align-items:center;gap:.5rem}.campaign-dossier .dossier-label-row label{margin:0}.campaign-dossier .dossier-input{font-family:inherit;font-size:var(--dossier-font-size-small);font-weight:400;background:transparent;border:none;border-bottom:1px solid var(--dossier-ink-color);border-radius:0;color:var(--dossier-ink-color);padding:.2rem 0;letter-spacing:.04em;width:100%}.campaign-dossier .dossier-select{position:relative}.campaign-dossier .dossier-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:1.4rem}.campaign-dossier .dossier-select:after{content:"▾";position:absolute;right:.3rem;top:50%;transform:translateY(-55%);font-family:inherit;font-size:.8rem;color:var(--dossier-ink-color);pointer-events:none}.campaign-dossier .dossier-input:focus{outline:none;border-bottom-color:var(--dossier-ink-color)}.campaign-dossier .dossier-hint{font-family:inherit;font-size:var(--dossier-font-size-small);font-weight:400;color:#1b2b39b8}.subclass-details{display:block}.sub-stats{display:grid;gap:.35rem}.sub-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .9rem;font-family:inherit;font-size:var(--dossier-font-size-small);color:#1b2b39b3;line-height:1.5}.sub-stat-row{display:flex;align-items:center;gap:.35rem}.sub-stat-leader{flex:1 1 auto;border-bottom:1px dotted rgba(27,43,57,.45);height:0;transform:translateY(-1px)}.starting-base-row{display:grid;grid-template-columns:minmax(0,1fr) 144px;gap:.75rem;align-items:start}.starting-base-list{display:flex;flex-direction:column;gap:.35rem;padding:.2rem 0}.starting-base-option{appearance:none;border:none;background:transparent;text-align:left;font:inherit;color:#000;cursor:pointer;padding:0;line-height:1.2}.starting-base-option:hover{text-decoration:underline}.starting-base-option.is-selected{color:#b22222}.campaign-dossier .starting-base-map{position:relative;width:144px;aspect-ratio:3095 / 2923;border:1px solid var(--dossier-ink-color);box-shadow:inset 0 0 0 1px #1b2b3959;background:#ffffff73;overflow:visible}.campaign-dossier .starting-base-map:before,.campaign-dossier .starting-base-map:after{content:"";position:absolute;width:22px;height:22px;background:linear-gradient(135deg,#ffffff73,#ffffff1a);border:1px solid rgba(27,43,57,.25);z-index:4}.campaign-dossier .starting-base-map:before{top:-6px;left:-6px;transform:rotate(-8deg)}.campaign-dossier .starting-base-map:after{bottom:-6px;right:-6px;transform:rotate(6deg)}.campaign-dossier .starting-base-map-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;pointer-events:none}.campaign-dossier .starting-base-map-layer.land{opacity:.9;mix-blend-mode:multiply}.campaign-dossier .starting-base-marker{position:absolute;width:10px;height:10px;border:none;background:transparent;transform:translate(-50%,-50%);cursor:pointer;padding:0}.campaign-dossier .starting-base-marker:before,.campaign-dossier .starting-base-marker:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#000;transform-origin:center}.campaign-dossier .starting-base-marker:before{transform:translate(-50%,-50%) rotate(45deg)}.campaign-dossier .starting-base-marker:after{transform:translate(-50%,-50%) rotate(-45deg)}.campaign-dossier .starting-base-marker:hover{transform:translate(-50%,-50%) scale(1.1)}.campaign-dossier .starting-base-marker.is-selected{filter:drop-shadow(0 0 2px rgba(255,255,255,.6))}.campaign-dossier .starting-base-marker.is-selected:before,.campaign-dossier .starting-base-marker.is-selected:after{background:#b22222}.sub-silhouette{display:block;height:24px;width:auto;max-height:26.4px;max-width:180px;flex:0 0 auto;margin-left:auto}.campaign-dossier .dossier-alert label{color:var(--dossier-ink-color)}.campaign-dossier .dossier-check input[type=checkbox]{appearance:none;width:1.1rem;height:1.1rem;flex:0 0 1.1rem;box-sizing:border-box;border:1px solid rgba(27,43,57,.85);border-radius:.18rem;display:grid;place-items:center;background:#fff6;font-family:inherit;font-size:.9rem;color:var(--dossier-ink-color);box-shadow:1px 1px #1b2b3926}.campaign-dossier .dossier-check input[type=checkbox]:after{content:""}.campaign-dossier .dossier-check input[type=checkbox]:checked:after{content:"X";color:var(--dossier-ink-color);font-weight:700;display:block;line-height:1;transform:translate(var(--check-x, 0px),calc(var(--check-y, 0px) - 3px)) rotate(var(--check-rot, 0deg));transform-origin:center}.campaign-dossier .dud-rate-slide-rule input[type=range]{appearance:none;height:14px;background:linear-gradient(90deg,#ebebebe6,#c8c8c8cc 40%,#f0f0f0e6),repeating-linear-gradient(90deg,rgba(27,43,57,.45) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,rgba(27,43,57,.2) 0 1px,transparent 1px 16px);border:1px solid rgba(27,43,57,.6);border-radius:2px;box-shadow:inset 0 0 0 1px #fff6}.campaign-dossier .dud-rate-slide-rule label{font-family:inherit;font-size:var(--dossier-font-size-medium);color:#000;line-height:1.5}.campaign-dossier .difficulty-detail-row,.campaign-dossier .difficulty-slider-row label,.campaign-dossier .difficulty-slider-row.compact label{font-family:inherit;font-size:var(--dossier-font-size-medium);font-weight:700}.campaign-dossier .dud-rate-slide-rule input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--dossier-ink-color);border:2px solid #0f1b24;box-shadow:0 0 0 2px #fff9}.campaign-dossier .dud-rate-slide-rule input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--dossier-ink-color);border:2px solid #0f1b24;box-shadow:0 0 0 2px #fff9}.campaign-dossier .button-row button{background:transparent;border:1px solid var(--dossier-ink-color);color:var(--dossier-ink-color);position:relative;overflow:hidden}.campaign-dossier .button-row button:hover{background:repeating-linear-gradient(0deg,rgba(27,43,57,.08) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(27,43,57,.08) 0 1px,transparent 1px 7px)}.campaign-dossier .dossier-primary-button{background:repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 2px,transparent 2px 4px),var(--dossier-ink-color);color:#f1e6cf;border:3px solid #0f1b24;font-weight:700;text-transform:uppercase;letter-spacing:.2em;box-shadow:2px 2px #00000059}.campaign-dossier .dossier-primary-button:hover{background:repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0 2px,transparent 2px 4px),#15222d}.campaign-dossier .dossier-secondary-button{background:transparent;border:1px solid var(--dossier-ink-color);color:var(--dossier-ink-color);text-transform:uppercase;letter-spacing:.12em}.campaign-dossier .dossier-actions{margin-top:.85rem}.campaign-dossier .dossier-mode-row{margin:.35rem 0 .85rem}.campaign-dossier .dossier-mode-btn.is-active{background:repeating-linear-gradient(0deg,rgba(27,43,57,.08) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(27,43,57,.08) 0 1px,transparent 1px 7px);box-shadow:inset 0 0 0 1px var(--dossier-ink-color),2px 2px #00000038}.campaign-dossier .dossier-modifiers{margin-top:.35rem;gap:.45rem .6rem}.campaign-dossier .dossier-modifiers .dossier-check{align-items:center;gap:.5rem;padding-left:.08rem}.campaign-dossier .dossier-modifiers .dossier-check input[type=checkbox]{margin:0}.campaign-dossier .dossier-modifiers .dossier-check span{line-height:1.1}@media(max-width:960px){.campaign-dossier-grid,.starting-base-row{grid-template-columns:1fr}.campaign-dossier .starting-base-map{width:100%}}.periscope-motion-row{display:flex;justify-content:space-between;gap:.4rem;font-size:.78rem;color:#2f4358}@media(max-width:940px){.mission-orders-card{height:auto;min-height:380px;width:calc(100vw - 1.2rem);margin-block:.6rem}.mission-orders-body{grid-template-columns:1fr}.mission-orders-column{border-right:0;border-bottom:1px solid var(--orders-border)}.mission-orders-column:last-child{border-bottom:0}.mission-orders-footer{justify-content:center}.mission-orders-signature-block{width:100%}.mission-orders-signature-image{width:clamp(120px,34vw,160px)}}@media(min-width:941px)and (max-width:1200px){.mission-orders-card{height:clamp(500px,86vh,640px);margin-block:.85rem}}@media(max-width:940px)and (max-height:500px){.mission-orders-card{min-height:320px;margin-block:.4rem}}.detent-row{display:flex;gap:.28rem;margin-top:.4rem;flex-wrap:wrap}.depth-panel .detent-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.55rem}.detent-row button{font-size:.76rem;padding:.2rem .4rem}.depth-panel .detent-row button{width:100%}.detent-row .depth-detent-btn.active{background:#213547;color:#f7efe0;border-color:#213547}.sensor-status{display:grid;gap:.16rem;margin-bottom:.72rem;font-size:.82rem;color:#32485e}.periscope-layout{display:grid;gap:.56rem}.periscope-layout-expanded .periscope-aux-tabs,.periscope-layout-expanded .periscope-aux-tab-content{width:min(100%,var(--periscope-bottom-panel-width, 330px));margin-inline:auto}.periscope-panel-size-btn{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:1px solid rgba(229,236,245,.22);border-radius:.62rem;background:#2f343af0;box-shadow:0 10px 20px #111c2633;color:#f3f6fa}.periscope-panel-size-btn:not(:disabled):hover{background:#434a52fa}.periscope-panel-size-icon{width:1.05rem;height:1.05rem;object-fit:contain;display:block}.periscope-top-row{display:grid;grid-template-columns:minmax(0,1fr) 10px;align-items:stretch;gap:.56rem}.periscope-progress-vertical-slot{display:flex;align-items:stretch}.periscope-control-panel{display:grid;align-content:start;gap:.5rem}.periscope-command-btn{width:100%;min-height:2.2rem}.periscope-progress-vertical-track{width:100%;height:100%;min-height:2.2rem;display:flex;align-items:flex-end;border:1px solid rgba(31,49,66,.34)}.periscope-progress-vertical-fill{width:100%;background:#365f86;transition:none}.periscope-state-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.34rem}.periscope-aux-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem;align-items:end;padding:0}.periscope-aux-tab-btn{min-height:2rem;display:grid;place-items:center;border:1px solid rgba(30,47,62,.42);border-bottom:0;border-radius:9px 9px 0 0;background:linear-gradient(180deg,#eadfc6ad,#d8cbb3c2);padding:.22rem .2rem .28rem;transform:none;box-shadow:inset 0 -.06rem #4a5a6e29}.periscope-aux-tab-btn.active{border-color:#793523a6;background:linear-gradient(180deg,#f7eed8f2,#ecdfc4f5);margin-bottom:-1px;box-shadow:none;position:relative;z-index:1}.periscope-aux-tab-icon{width:1.18rem;height:1.18rem;object-fit:contain;display:block;filter:brightness(0) saturate(100%)}.periscope-aux-tab-content{height:clamp(230px,37.2vh,282px);padding:.34rem;border:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:linear-gradient(180deg,#f1e9d885,#e1d6c27a);overflow:hidden}.periscope-contact-compass-wrap{position:relative;height:100%;display:grid;place-items:center}.periscope-contact-compass{width:100%;max-width:calc(100% - .22rem);max-height:calc(100% - .22rem);aspect-ratio:1 / 1;height:auto;display:block;cursor:crosshair}.periscope-contact-compass rect{fill:#f4eddcd9;stroke:#1e2f3e70;stroke-width:1.1}.periscope-contact-compass-heading{stroke:#2b3e5057;stroke-width:1}.periscope-contact-line{stroke:#394f67e6;stroke-width:1.35}.periscope-contact-line.selected{stroke:#bb4f30;stroke-width:2.2}.periscope-manual-cone-overlay{fill:#5693cf36}.periscope-contact-ownship-hull{fill:#132d44;stroke:#0f2030;stroke-width:.9;stroke-linejoin:round}.periscope-contact-ownship-sail,.periscope-contact-ownship-plane,.periscope-contact-ownship-fin{fill:#1b3b56;stroke:#0f2030;stroke-width:.75;stroke-linejoin:round}.periscope-contact-compass-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:8px;background:#222f3ea6;color:#ecf2f8;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase}.periscope-selected-readout{min-height:2.2rem;display:grid;align-content:start;gap:.08rem}.periscope-selected-readout-in-map{position:absolute;left:50%;bottom:.72rem;transform:translate(-50%);z-index:1;min-height:1.95rem;text-align:center;pointer-events:none}.periscope-selected-readout-line{color:#a22620;font-size:.78rem;letter-spacing:.02em;line-height:1.15}.periscope-selected-readout-range{transition:opacity .9s linear}.periscope-estimate-btn{width:100%}.ident-book-tab{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.3rem}.ident-book-page{position:relative;min-height:0;height:100%;padding:.56rem .6rem .62rem;border:1px solid rgba(35,50,67,.4);border-radius:10px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:inset 0 0 0 1px #fbf6e973;font-family:Special Elite,Patrick Hand,cursive}.ident-book-visuals{position:absolute;left:5%;width:40%;top:6%;bottom:8%;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:4%;min-height:0}.ident-book-image-slot{display:grid;place-items:center;min-height:0;width:100%;height:100%}.ident-book-image-slot img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.ident-book-details{position:absolute;inset:8% 5% 8% 55%;display:flex;flex-direction:column;gap:.14rem;color:#1b2d40;min-width:0}.ident-book-details,.ident-book-details *{font-family:Special Elite,Patrick Hand,cursive}.ident-book-type{margin:0;font-size:1.06rem;line-height:1.1;letter-spacing:.03em;color:#8d291e}.ident-book-codename{margin:0;font-size:.68rem;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:#223547}.ident-book-details-gap{height:.42rem}.ident-book-stat{margin:0;font-size:.69rem;line-height:1.2;color:#253b4f}.ident-book-identify-btn{min-height:1.8rem;font-size:.74rem;line-height:1;font-family:Special Elite,Patrick Hand,cursive}.ident-book-identify-btn:disabled{opacity:.5;color:#596573;border-color:#414c5a59;background:#a7b0bc40;cursor:not-allowed}.ident-book-identify-btn-identified .ident-book-identify-btn-check{color:#30a64b;font-size:1.1rem;line-height:1;display:inline-flex;justify-content:center;align-items:center}.ident-book-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:1.65rem;min-height:1.45rem;height:1.45rem;border-radius:8px;padding:0;font-size:1.08rem;font-weight:700;line-height:1;display:grid;place-items:center}.ident-book-nav-btn-left{left:.3rem}.ident-book-nav-btn-right{right:5%}.periscope-stadimeter-mode{position:relative;height:100%;min-height:0;display:grid;place-items:center;padding:.2rem}.stadimeter-controls-row{display:grid;grid-template-columns:1fr 1fr;gap:.42rem;align-items:center}.stadimeter-rotate-btn{min-height:2.3rem;font-size:1.1rem;font-weight:700}.stadimeter-instrument-wrap{position:relative;width:min(100%,22rem);height:100%;max-height:100%;min-height:0;display:grid;place-items:center;box-sizing:border-box;padding:.2rem;background:transparent}.stadimeter-instrument-svg{width:100%;height:100%;min-height:0;display:grid;place-items:center;background:transparent}.stadimeter-instrument-svg-set-height{cursor:crosshair;transition:filter .12s ease}.stadimeter-instrument-svg-set-height-hover{filter:none}.stadimeter-instrument-svg svg{display:block;width:auto;height:100%;max-width:100%;max-height:100%;background:transparent}.stadimeter-manual-height-guide-ray{position:absolute;left:50%;top:50%;width:46%;height:2px;background-image:repeating-linear-gradient(to right,#dc2d2df2 0 8px,#dc2d2d00 8px 14px);transform-origin:0 50%;pointer-events:none;z-index:2}.stadimeter-set-height-btn{min-height:2.25rem;font-size:.9rem}.stadimeter-set-height-btn.active{background:#34465f33;border-color:#1d2c4099;color:#122133}.stadimeter-apply-tdc-btn{position:absolute;right:.75rem;bottom:.75rem;z-index:3;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#030303;color:#f2f7ff;display:flex;align-items:center;justify-content:center;box-shadow:0 .15rem .45rem #000000a6;line-height:1;box-sizing:border-box;padding:0;font-size:0}.stadimeter-apply-tdc-icon{width:1rem;height:1rem;object-fit:contain;opacity:.96;display:block}.stadimeter-apply-tdc-btn:disabled{opacity:.42;cursor:not-allowed;background:#1a1a1a;border-color:#ffffff1a}.stadimeter-apply-tdc-checkmark{font-size:1rem;line-height:1;font-weight:600;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.stadimeter-apply-tdc-btn-applied .stadimeter-apply-tdc-checkmark{color:#5ddf7c}.periscope-estimate-btn:disabled{opacity:.45;cursor:not-allowed}.periscope-target-subview{display:grid;gap:.24rem;padding:.3rem .34rem .36rem;border:1px solid rgba(36,59,82,.4);border-radius:10px;background:linear-gradient(180deg,#ece6d5a8,#ddd4c19e)}.periscope-target-subview-header{display:flex;justify-content:center;text-align:center}.periscope-target-subview-title{color:#7f1f1b;font-family:Special Elite,Courier New,monospace!important;font-size:clamp(.55rem,min(.85rem,1.7vw),.85rem);font-weight:700;letter-spacing:.03em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.periscope-target-subview-readout{color:#2e4258;font-size:.7rem;letter-spacing:.02em;line-height:1.1;font-variant-numeric:tabular-nums}.periscope-target-subview-window{position:relative;width:100%;height:150px;padding:.26rem;border-radius:999px;background:radial-gradient(circle at 24% 22%,#ffffff94,#fff0 48%),linear-gradient(160deg,#182839f0,#0a121cf5);box-shadow:inset 0 0 0 1px #b2cbde33,inset 0 0 16px #00000073}.periscope-target-subview-window.has-stadimeter-controls{width:100%}.periscope-target-subview-panel-size-btn{position:absolute;top:.34rem;right:.34rem;z-index:8;width:1.86rem;height:1.86rem}.periscope-target-subview-zoom-btn{min-width:2.7rem;min-height:1.34rem;padding:.08rem .36rem;border:1px solid rgba(171,197,218,.55);border-radius:999px;background:#0b151fb8;color:#d5e6f6;font-size:.67rem;font-weight:700;letter-spacing:.02em;line-height:1}.periscope-target-subview-zoom-btn:hover{background:#0b151fd9}.periscope-target-subview-lens{position:relative;width:100%;height:100%;touch-action:none;border-radius:999px;overflow:hidden;isolation:isolate;background:#0f1821;box-shadow:inset 0 0 0 2px #9eb7cd59,inset 0 0 12px #0006}.periscope-target-subview-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}.periscope-target-subview-reticle{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 52%,#ffffff08,#fff0 58%)}.periscope-target-subview-stadimeter-line{position:absolute;left:0;right:0;z-index:5;height:1px;opacity:.6;transform:translateY(-.5px);pointer-events:none}.periscope-target-subview-stadimeter-controls{position:absolute;top:50%;right:2.44rem;transform:translateY(-50%);z-index:7;display:grid;grid-template-columns:1fr;gap:.2rem;padding:.22rem;border:1px solid rgba(158,183,205,.42);border-radius:.58rem;background:#070e169e;box-shadow:0 3px 10px #04070b61,inset 0 0 0 1px #c5d9eb1f}.periscope-target-subview-stadimeter-btn{min-width:1.72rem;min-height:1.65rem;padding:0;border:1px solid rgba(80,105,129,.68);border-radius:.34rem;background:#0c1521d1;color:#d6e4f0eb;font-size:.82rem;line-height:1;font-weight:700}.periscope-target-subview-stadimeter-btn:hover{background:#122030eb}.periscope-target-subview-stadimeter-icon{width:1rem;height:1rem;display:block;margin:0 auto;object-fit:contain}.periscope-target-subview-stadimeter-icon-single{width:.5rem;height:.5rem}.periscope-target-subview-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;border-radius:999px;background:#222f3ea6;color:#ecf2f8;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;pointer-events:none}.periscope-target-subview-bottom-controls{position:absolute;left:50%;bottom:.34rem;transform:translate(-50%);z-index:7;display:flex;align-items:center;justify-content:center;gap:.42rem}.periscope-manual-turn-btn{position:relative;min-width:1.9rem;min-height:1.45rem;padding:0;border:1px solid rgba(171,197,218,.55);border-radius:999px;background:#0b151fc2;color:#d5e6f6;font-size:.82rem;font-weight:700;line-height:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto}.periscope-manual-turn-btn.active{border-color:#47729ea6;background:#a0c0e157;color:#203e5c}.periscope-manual-turn-btn:disabled{opacity:.45;cursor:not-allowed}.ident-book-page .ident-book-nav-btn{position:absolute}.ident-book-page .ident-book-nav-btn-left{left:.3rem}.ident-book-page .ident-book-nav-btn-right{right:5%}@media(min-width:761px)and (max-height:882px){.right-panel.station-dialog.station-dialog-periscope.station-dialog-periscope-view:not(.station-dialog-hydrophone-patrol){height:clamp(560px,66vh,calc(100dvh - 1rem));max-height:calc(100dvh - 1rem)}}@media(hover:hover)and (pointer:fine){.periscope-target-subview-bottom-controls .periscope-manual-turn-btn{opacity:0;pointer-events:none;transition:opacity .12s ease}.periscope-target-subview-window:hover .periscope-target-subview-bottom-controls .periscope-manual-turn-btn,.periscope-target-subview-window:focus-within .periscope-target-subview-bottom-controls .periscope-manual-turn-btn{opacity:1;pointer-events:auto}}@media(max-width:768px),(pointer:coarse){.periscope-target-subview-zoom-btn{min-width:3.51rem;min-height:1.74rem;font-size:.87rem;padding:.11rem .47rem}.periscope-manual-turn-btn{min-width:2.47rem;min-height:1.89rem;font-size:1.07rem;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ident-book-nav-btn{min-height:1.89rem;height:1.89rem;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}}.hydrophone-layout{display:grid;gap:.56rem;min-height:0}.hydrophone-layout-patrol{--hydrophone-notepad-paper-offset: 62px;--hydrophone-notepad-ring-height: var(--hydrophone-notepad-paper-offset);display:flex;flex-direction:column;width:100%;min-height:100%;box-sizing:border-box;background:linear-gradient(to bottom,transparent 0 var(--hydrophone-notepad-paper-offset),#fff var(--hydrophone-notepad-paper-offset));position:relative;overflow:hidden;padding:calc(var(--hydrophone-notepad-paper-offset) + .2rem) .5rem .5rem;border-radius:12px}.hydrophone-layout-patrol:before{--hydrophone-notepad-ring-overscan: 4px;content:"";position:absolute;top:0;left:calc(var(--hydrophone-notepad-ring-overscan) * -.5);width:calc(100% + var(--hydrophone-notepad-ring-overscan));height:var(--hydrophone-notepad-ring-height);background-image:url(./notepadtopring-fSuQhv2d.png);background-repeat:repeat-x;background-size:10% 100%;background-position:left top;pointer-events:none}.hydrophone-layout-patrol .hydrophone-request-btn,.hydrophone-layout-patrol .hydrophone-follow-btn{width:fit-content;max-width:100%;min-width:9.5rem;align-self:center;padding-inline:.9rem;white-space:nowrap}.hydrophone-layout-patrol .hydrophone-request-btn{margin-top:auto}.hydrophone-request-btn{width:100%;min-height:2.2rem}.hydrophone-request-btn:disabled{opacity:.45;cursor:not-allowed}.hydrophone-next-sweep-label{font-variant-numeric:tabular-nums}.hydrophone-contact-compass{cursor:default}.hydrophone-contact-line{stroke:#386c8afa;stroke-width:1.5}.hydrophone-contact-line.selected{stroke:#a5cee5fa;stroke-width:2.2}.hydrophone-manual-cone-overlay{fill:#5eb38e33}.hydrophone-sweep-line{stroke:#bb4f30eb;stroke-width:2;stroke-linecap:round}.hydrophone-aft-cone-overlay{fill:#af342238}.hydrophone-follow-btn{width:100%}.hydrophone-follow-btn:disabled{opacity:.45;cursor:not-allowed}.hydrophone-manual-controls{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.hydrophone-manual-turn-btn{min-height:2.1rem;font-size:1rem;font-weight:700;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hydrophone-manual-turn-btn.active{border-color:#387a5e99;background:#92d4b657;color:#1f4734}.hydrophone-manual-turn-btn:disabled{opacity:.45;cursor:not-allowed}.sensor-pill{display:inline-block;border:1px solid rgba(34,48,63,.3);border-radius:999px;padding:.08rem .42rem;font-size:.74rem;letter-spacing:.03em;text-transform:uppercase}.sensor-pill.ready{background:#5fa96f3d;color:#1f4c2a}.sensor-pill.blocked{background:#ac5d442e;color:#6d2e1f}.sensor-pill.warn{background:#caab4c4d;color:#5e4a12}.hud-periscope-btn{border:1px solid rgba(24,37,49,.28);border-radius:8px;background:#f6efddd1;color:#24394d;font-size:.68rem;letter-spacing:.01em;font-weight:700;padding:.24rem .45rem;min-height:2.45rem;box-shadow:0 1px 4px #0e16201f;display:grid;gap:.08rem;min-width:124px;text-align:left}.hud-periscope-btn:hover{background:#f4ecd6f5}.hud-periscope-line{line-height:1.05}.hud-periscope-line.secondary{font-size:.62rem;font-weight:600;color:#c7d3df}.hud-periscope-action{margin-top:.08rem;border:1px solid rgba(26,41,56,.3);border-radius:6px;background:#ffffff85;color:#22384b;font-size:.66rem;font-weight:700;line-height:1;padding:.2rem .35rem}.hud-periscope-action:hover{background:#ffffffbf}.hud-damage-meter{min-width:132px;border:1px solid rgba(14,18,22,.82);border-radius:8px;background:#2f343af0;padding:.26rem .34rem .3rem;display:grid;gap:.16rem;box-shadow:0 8px 18px #0e162047}.hud-damage-meter-header{display:flex;justify-content:space-between;align-items:center;font-size:.64rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.04em}.hud-damage-meter-track{width:100%;height:7px;border-radius:999px;background:#ffffff2e;overflow:hidden}.hud-damage-meter-fill{height:100%;border-radius:999px;transition:width .14s linear}.hud-damage-meter.green .hud-damage-meter-header{color:#7cdf91}.hud-damage-meter.green .hud-damage-meter-fill{background:#6ecb83}.hud-damage-meter.yellow .hud-damage-meter-header{color:#f0de7e}.hud-damage-meter.yellow .hud-damage-meter-fill{background:#dcc14f}.hud-damage-meter.orange .hud-damage-meter-header{color:#ffc68f}.hud-damage-meter.orange .hud-damage-meter-fill{background:#e29a58}.hud-damage-meter.red .hud-damage-meter-header{color:#ffad9f}.hud-damage-meter.red .hud-damage-meter-fill{background:#e07164}.sun-mini{width:var(--sun-mini-size, 60px);height:var(--sun-mini-size, 60px);border:1px solid rgba(24,37,49,.26);border-radius:999px;background:#f6efddbd;display:grid;place-items:center;box-shadow:0 1px 4px #0e16201f}.danger-meter{min-height:68px;width:min(270px,calc(100vw - 12rem));border:1px solid rgba(14,18,22,.82);border-radius:999px;background:#2f343af0;padding:.28rem calc(.9rem + 20px);display:grid;grid-template-columns:auto auto auto auto 1fr;align-items:center;gap:.58rem;box-shadow:0 8px 18px #0e162047;pointer-events:auto;transition:min-height .22s ease,padding .22s ease}.danger-meter.can-disengage{min-height:86px;padding-bottom:.34rem}.danger-meter-title{white-space:nowrap;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#d5dde6}.danger-meter-label{white-space:nowrap;font-size:.84rem;line-height:1.05;font-weight:700}.danger-meter-value{white-space:nowrap;font-size:.74rem;color:#c7d2de}.danger-meter-sources{grid-column:4 / -1;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:.24rem;min-height:1rem;white-space:nowrap}.danger-source-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:999px;border:1px solid rgba(243,246,250,.26);background:#ffffff1f;color:#eef4fa;font-size:.62rem;font-weight:700;line-height:1}.danger-source-none{font-size:.64rem;color:#bac7d4;text-transform:uppercase;letter-spacing:.03em}.danger-meter-disengage-wrap{grid-column:1 / -1;display:grid;justify-items:center;overflow:hidden;max-height:0;opacity:0;transform:translateY(4px);pointer-events:none;transition:max-height .22s ease,opacity .18s ease,transform .22s ease}.danger-meter-disengage-controls{display:flex;align-items:center;justify-content:center;gap:.42rem;padding-inline:.3rem}.danger-meter.can-disengage .danger-meter-disengage-wrap{max-height:46px;opacity:1;transform:translateY(0);pointer-events:auto}.danger-meter-disengage-btn{min-width:152px;border:1px solid rgba(245,227,179,.56);border-radius:999px;background:#0d121859;color:#f9eac2;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;padding:.26rem .74rem}.danger-meter-disengage-btn:hover{background:#0d121894}.danger-meter-disengage-btn.pending{min-width:164px}.danger-meter-disengage-confirm-actions{display:flex;align-items:center;gap:.28rem;max-width:0;padding-right:3px;opacity:0;transform:translate(-7px) scale(.96);overflow:hidden;pointer-events:none;transition:max-width .22s ease,opacity .17s ease,transform .22s ease}.danger-meter-disengage-controls.confirming .danger-meter-disengage-confirm-actions{max-width:48px;opacity:1;transform:translate(0) scale(1);pointer-events:auto}.danger-meter-disengage-icon-btn{box-sizing:border-box;width:1.58rem;height:1.58rem;border-radius:999px;border:1px solid rgba(250,236,198,.56);background:#0d12186b;color:#f6ead0;font-size:.92rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.danger-meter-disengage-icon-btn.confirm:hover{background:#42825d59;border-color:#b2e9c5b3}.danger-meter.green .danger-meter-label{color:#7cdf91}.danger-meter.yellow .danger-meter-label{color:#f0de7e}.danger-meter.orange .danger-meter-label{color:#ffc68f}.danger-meter.red .danger-meter-label{color:#ffad9f}.contact-list{display:grid;gap:.25rem;margin-bottom:.72rem;padding:.55rem .7rem .45rem;border-radius:12px;background-color:#fdfbf7;border:1px solid rgba(28,43,58,.2);box-shadow:0 12px 35px #161c2933,inset 0 0 0 1px #ffffff80;align-content:start;font-family:Georgia,Times New Roman,serif;letter-spacing:.02em;line-height:1.3;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.contact-card{border:none;background:transparent;font-size:.78rem;color:#2f4358;display:grid;gap:.15rem;cursor:pointer;position:relative;--contact-mark-opacity: .84;--contact-mark-width: .24rem;padding:0 0 .2rem .42rem}.contact-card:before{content:"";position:absolute;left:.02rem;top:.1rem;bottom:.12rem;width:var(--contact-mark-width);opacity:var(--contact-mark-opacity);transform:none;border-radius:1px;background:linear-gradient(180deg,#d04e208c,#d04e20e0 18%,#d04e20c7 47%,#d04e20eb 74%,#d04e2080);box-shadow:.7px 0 #d04e205c,-.5px 0 #d04e2038;pointer-events:none}.contact-card.selected{border-bottom:none;--contact-mark-opacity: 1;--contact-mark-width: .28rem;background:#eadbb74d}.contact-card:last-child{border-bottom:none;padding-bottom:0}.contact-card>div:last-child{display:flex;gap:.3rem;flex-wrap:wrap}.contact-title{font-size:.82rem;color:#213648}.officer-log{border:1px solid rgba(28,43,58,.24);border-radius:6px;background:#fff;padding:.32rem .36rem;flex:1;min-height:0;overflow-y:auto;display:grid;gap:0;align-content:start;margin-bottom:0}.officer-log-row{font-size:.76rem;color:#2e4256;line-height:1.25}.officer-log .combat-log-row,.officer-log .combat-log-row.success,.officer-log .combat-log-row.warning,.officer-log .combat-log-row.muted,.officer-log .combat-log-time{color:#000}.radio-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;margin-bottom:.32rem}.radio-subtab-btn{min-height:1.75rem;border:1px solid rgba(29,42,55,.38);border-radius:6px;background:linear-gradient(180deg,#ece2cdd1,#daccb4e0);color:#1c3347;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.radio-subtab-btn.active{border-color:#783422b3;background:linear-gradient(180deg,#f8eed8f5,#ecdfc6f5)}.radio-subtab-content{min-height:0;display:grid}.radio-sending-tab{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.34rem;min-height:clamp(220px,34vh,300px)}.radio-sending-main{min-height:0;display:grid}.radio-sending-list{margin-bottom:0}.radio-sending-row{padding:.16rem 0}.radio-sending-detail{color:#b31919;text-transform:none;letter-spacing:.03em}.night-view .radio-sending-detail{color:#b31919}.radio-sending-reason{border:1px dashed rgba(44,61,78,.35);border-radius:6px;background:#f4ecdbb3;padding:.5rem .55rem}.radio-sending-footer{display:grid}.station-btn{min-height:2rem;border:1px solid rgba(29,42,55,.45);border-radius:6px;background:linear-gradient(180deg,#e7dbc4e0,#d5c6ade6);color:#122637;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.station-btn:disabled{opacity:.52;cursor:not-allowed}.station-btn-wide{width:100%}.damage-report-grid{border:1px solid rgba(28,43,58,.24);border-radius:6px;background:#f6efdca6;padding:.38rem .42rem;margin-bottom:.72rem;display:grid;gap:.22rem}.damage-report-row{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;font-size:.78rem;color:#2f4358}.damage-report-row strong{color:#1f3346}.blob-debug-list{display:grid;gap:.4rem;margin-bottom:.72rem}.blob-debug-card{border:1px solid rgba(28,43,58,.24);border-radius:6px;background:#f6efdcad;padding:.36rem .42rem;display:grid;gap:.14rem;font-size:.75rem;color:#2e4256;line-height:1.25}.blob-debug-title{font-size:.8rem;color:#22384c}.sensor-table-wrap{border:1px solid rgba(28,43,58,.24);border-radius:6px;padding:.24rem;background:#f6efdca6;overflow-x:auto}.sensor-table{width:100%;border-collapse:collapse;min-width:470px}.sensor-table th,.sensor-table td{border:1px solid rgba(28,43,58,.18);padding:.16rem;text-align:left;font-size:.72rem}.sensor-table input{font-size:.72rem;padding:.14rem .2rem}.sensor-range{display:grid;grid-template-columns:1fr auto 1fr;gap:.2rem;align-items:center}.time-pill{width:min(298px,calc(100vw - 1.4rem));height:68px;min-height:68px;border:1px solid rgba(205,216,228,.24);border-radius:999px;background:#22272edb;color:#f3f6fa;display:flex;align-items:stretch;padding:0 .24rem;box-sizing:border-box;overflow:hidden}.time-pill-section{position:relative;min-width:0;border:0;background:transparent;color:inherit;display:grid;place-items:center;border-radius:0}.time-pill-section+.time-pill-section{border-left:1px solid rgba(243,246,250,.18)}.time-pill-section-weather{flex:0 0 90px;padding:.12rem .24rem}.time-pill-section-clock{flex:0 0 118px;padding:.12rem .2rem}.time-pill-section-stopwatch{width:90px;padding:.12rem .24rem;cursor:pointer;display:grid;place-items:center;gap:.1rem}.time-pill-section-settings{width:72px;padding:.12rem .18rem;cursor:pointer;display:none;place-items:center;gap:0}.time-pill-settings-icon{width:1.72rem;height:1.72rem;object-fit:contain;pointer-events:none}.time-pill-section-stopwatch.active{background:#ffffff0f}.time-pill-section-stopwatch.active .time-pill-instrument-slot{height:0;min-height:0;opacity:0}.time-pill-instrument-slot{width:45px;height:45px;display:grid;place-items:center;justify-self:center;overflow:hidden;transition:height .26s cubic-bezier(.23,1,.32,1),opacity .2s ease}.time-pill-stopwatch-value{position:static;transform:none;font-family:Special Elite,Patrick Hand,cursive;font-size:.76rem;letter-spacing:.04em;color:#e2e8ef;white-space:nowrap;pointer-events:none;width:100%;text-align:center;justify-self:center;transition:font-size .26s ease,color .2s ease}.time-pill-stopwatch-value.active{font-size:.78rem;color:#f3f6fa}.time-pill-stopwatch-label{font-size:.6rem;font-family:Special Elite,Patrick Hand,cursive;letter-spacing:.05em;color:#aeb7c1;white-space:nowrap;pointer-events:none;width:100%;text-align:center;justify-self:center;height:0;opacity:0;overflow:hidden;transition:height .26s cubic-bezier(.23,1,.32,1),opacity .2s ease}.time-pill-stopwatch-label.active{height:auto;opacity:1}.map-time-compression{justify-content:flex-end;gap:.2rem;flex-wrap:nowrap}.map-time-compression-under{justify-content:center}@media(min-width:1101px){.map-top-left-time .map-time-compression-under{width:min(298px,calc(100vw - 1.4rem));justify-content:stretch;gap:.14rem}.map-top-left-time .map-time-compression-under .time-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center}}.instrument-title{font-family:Special Elite,Patrick Hand,cursive;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#2b3f52}.game-clock{min-width:0;min-height:64px;--game-clock-inline-space: .24rem;padding:.2rem var(--game-clock-inline-space);display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--game-clock-inline-space);border:0;border-radius:0;background:transparent;color:#f3f6fa}.game-clock-environment{display:grid;justify-self:center;justify-items:center;align-content:center;gap:.14rem}.game-clock-main{display:grid;justify-self:center;height:100%;align-content:space-between;gap:.04rem;padding:.08rem 0;justify-items:center;text-align:center}.game-clock-date{font-size:.6rem;font-family:Special Elite,Patrick Hand,cursive;letter-spacing:.05em;color:#aeb7c1}.game-clock-time{font-size:1rem;font-family:Special Elite,Patrick Hand,cursive;letter-spacing:.03em;color:#eef3f8}@media(max-width:480px){.game-clock-date{font-size:.48rem}.game-clock-time{font-size:.8rem}}.game-clock-environment-labels{display:grid;gap:.08rem;justify-items:center;text-align:center}.game-clock-label{font-size:.55rem;line-height:1.1;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#a0a0a0;white-space:nowrap}.game-clock-play-toggle{justify-self:center;width:1.66rem;height:1.66rem;border-radius:999px;border:1px solid rgba(243,246,250,.34);background:#ffffff0f;color:#f3f6fa;display:grid;place-items:center;padding:0;font-size:.9rem;line-height:1}.map-time-compression .time-btn{border-color:#f3f6fa52;background:#2f343af0;color:#f3f6fa}.map-time-compression .time-btn.active{border-color:#8e3d27;background:#8e3d275c;color:#ffe7df}.time-pill-stopwatch-shell{z-index:36;--shell-mini-size: 45px;--shell-mini-scale: .2647058824}.time-pill-stopwatch-shell .stopwatch,.time-pill-stopwatch-shell .stopwatch.collapsed{width:100%;height:100%}.time-pill-stopwatch-hitarea{width:100%;height:100%;display:grid;place-items:center;pointer-events:auto;background:transparent}.command-instrument-shell.is-open .time-pill-stopwatch-hitarea:hover+.command-instrument-resize-zone .command-instrument-resize-knob{opacity:1;transform:scale(1)}.stopwatch{width:146px;height:146px;padding:0;display:block;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none;transition:width .24s ease,height .24s ease}.stopwatch.collapsed{width:2.3rem;height:2.3rem}.chrono-face-wrap{--chrono-pusher-width: 13%;position:relative;width:100%;height:100%;margin-top:0;isolation:isolate;filter:drop-shadow(0 5px 12px rgba(16,24,34,.28));cursor:pointer;transition:filter .24s ease,transform .24s ease}.chrono-face-wrap svg{position:relative;z-index:2;pointer-events:none;width:100%;height:100%}.stopwatch.collapsed .chrono-face-wrap{filter:drop-shadow(0 6px 14px rgba(17,28,38,.24))}.stopwatch.collapsed .chrono-knob{opacity:0;pointer-events:none;transform:scale(.6);transition:opacity .16s ease,transform .2s ease}.stopwatch:not(.collapsed) .chrono-knob{opacity:1;transition:opacity .18s ease,transform .22s ease}.stopwatch.collapsed .chrono-pusher-connector{opacity:0;transform:rotate(38deg) scale(.6)}.stopwatch:not(.collapsed) .chrono-pusher-connector{opacity:1}.chrono-knob{position:absolute;padding:0;border:1px solid rgba(28,41,54,.72);background:linear-gradient(180deg,#e1dac6fa,#9c917bfa);box-shadow:0 1px #fffcf499 inset,0 1px 3px #18253152;z-index:4}.chrono-crown{top:-21px;left:50%;width:26px;height:26px;border-radius:999px;transform:translate(-50%);z-index:1}.chrono-crown:after{content:"";position:absolute;left:50%;top:22px;width:9px;height:15px;transform:translate(-50%);border:1px solid rgba(28,41,54,.72);border-top:0;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#e1dac6fa,#9c917bfa)}.chrono-pusher{top:6.2%;right:8.3%;width:var(--chrono-pusher-width);height:8.2%;padding:0;border-radius:2px;transform:rotate(38deg)}.chrono-pusher-connector{position:absolute;top:11.7%;right:12.8%;width:calc(var(--chrono-pusher-width) * .8);height:5.6%;border:1px solid rgba(40,49,57,.68);border-radius:2px;background:linear-gradient(180deg,#f8fcffe6,#c4cdd6f2 42%,#88939efa);box-shadow:0 1px #ffffffa6 inset,0 -1px #6a757f5c inset;transform:rotate(38deg);transform-origin:center center;z-index:1;pointer-events:none;transition:opacity .16s ease,transform .2s ease}.chrono-pusher.running{transform:rotate(38deg) translateY(2.5px);box-shadow:0 1px 2px #18253180 inset,0 1px #f6f0e259}.chrono-knob:hover{border-color:#182531b3}.chrono-knob:focus-visible{outline:2px solid rgba(27,84,137,.55);outline-offset:2px}button{border:1px solid rgba(24,37,49,.4);background:#eee6d2e0;color:#152433;border-radius:4px;padding:.35rem .55rem;font-size:.94rem}select,input{width:100%;border:1px solid rgba(24,37,49,.35);background:#f5eedce6;color:#152433;border-radius:4px;padding:.22rem .3rem;font-size:.92rem}input[type=checkbox],input[type=radio]{width:auto}.form-row{display:grid;gap:.22rem;margin-bottom:.55rem}.form-row label{font-size:.82rem;color:#2c3d4d}.audio-slider-control{display:flex;align-items:center;gap:.45rem}.audio-slider-control .mute-toggle{flex-shrink:0;width:2.6rem;height:2.6rem;border-radius:6px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(24,37,49,.35);background:#eee6d2e0;transition:border-color .2s ease,background .2s ease}.audio-slider-control .mute-toggle.is-muted{border-color:#18253199;background:#d1d5dacc}.mute-toggle img{height:1.4rem;width:auto;display:block}.audio-range,.audio-range-muted{flex:1}.audio-range{height:1rem}.audio-range-muted{filter:grayscale(100%);opacity:.45}button:not(.command-pill-section):hover{border-color:#8e3d27}button:disabled{background:#a0a0a059;border-color:#5a5a5a73;color:#2d2d2db3;cursor:not-allowed}@media(max-width:761px){.map-command-menu{display:none}.top-bar{flex-wrap:wrap}.time-compression{order:4;width:100%}.command-bar{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:.3rem}.map-top-center-controls{width:min(712px,calc(100% - 14.2rem))}}@media(max-width:1350px){.map-top-left-time{top:auto;left:.3rem;right:.3rem;bottom:.7rem;transform:none;display:flex;flex-direction:column-reverse;align-items:stretch;gap:.18rem}.game-clock{min-width:0;max-width:min(340px,calc(100vw - 1rem));margin:0 auto}.time-pill{margin:0 auto}.map-top-left-time .time-pill{width:min(298px,calc(100vw - 1.4rem))}.map-top-left-time .time-pill-section-weather{flex:0 1 84px}.map-top-left-time .time-pill-section-clock{flex:0 1 106px}.map-top-left-time .time-pill-section-stopwatch{width:auto;flex:0 1 82px}.map-top-left-time .time-pill-instrument-slot{width:45px;height:45px}.map-top-left-time .time-pill-stopwatch-shell{--shell-mini-size: 45px;--shell-mini-scale: .2647058824}.map-top-left-time .map-time-compression{width:min(298px,calc(100vw - 1.4rem));margin:0 auto;justify-content:stretch;gap:.14rem}.map-top-left-time .map-time-compression .time-btn{flex:1 1 0;min-width:0;text-align:center}}@media(max-width:760px){.note-editor textarea{font-size:.9rem}.tdc-dial-strip{gap:.22rem}.tdc-dial-chip{padding:.18rem .16rem 1.02rem}.tdc-dial-chip-title{font-size:.53rem}.tdc-dial-chip-slot{width:min(100%,66px);height:66px;margin-bottom:.22rem}.tdc-dial-chip-readout{font-size:.62rem;--tdc-readout-offset-y: 34px}.tdc-dial-chip.active .tdc-dial-chip-readout{--tdc-readout-offset-y: 0px;--tdc-readout-scale: 1.6}.tdc-dial-stage-anchor{min-height:246px}.tdc-dial-shell{--tdc-shell-open-size: 236px;--tdc-shell-mini-size: 66px;--tdc-shell-mini-scale: .2796610169}.tdc-dial-shell.tdc-dial-shell-distance{--tdc-shell-open-size: 216px;--tdc-shell-mini-scale: .3055555556}.tdc-distance-digit{width:1.8rem;height:2.2rem;font-size:1.26rem}.workspace{--pill-height: 64px;--station-launcher-right: .45rem;--station-launcher-width: 3.8rem;--side-tray-padding-x: .24rem;--side-tray-padding-y: .48rem;--side-tray-gap: .35rem;--side-tray-toggle-size: 1.2rem}.difficulty-detail-list{grid-template-columns:1fr}.command-panel{position:fixed;left:50%;top:88px;max-width:calc(100vw - 20px)}.map-top-center-controls{--pill-height: 64px;--command-slot-center: 22px;width:calc(100% - .9rem);left:50%;transform:translate(-50%);justify-items:stretch;z-index:54}.command-pill-cluster{--status-gauge-width: 30px}.status-gauge{min-height:var(--pill-height)}.status-gauge-icon{width:15px;height:15px}.status-gauge-o2{font-size:.74rem}.status-gauge-value{font-size:.54rem}.status-gauge-danger-tooltip{right:0;width:min(360px,calc(100vw - .6rem));padding:.4rem .45rem .45rem}.status-gauge-danger-tooltip-list li{grid-template-columns:1fr;gap:.05rem}.status-gauge-danger-tooltip-list li>span:last-child{white-space:normal}.command-pill-section{--pill-slot-size: 36px;--pill-inline-gap: .22rem;min-height:var(--pill-height);grid-template-columns:1fr;grid-template-rows:var(--pill-slot-size) auto;gap:.06rem;justify-items:center;padding:.18rem var(--pill-inline-gap)}.command-pill-instrument-slot{width:36px;height:36px}.command-pill-value{font-size:.86rem}.command-pill-value-speed,.command-pill-meta{font-size:.6rem}.command-pill-readout{display:none}.command-pill-mobile-line{display:block;font-size:.56rem;line-height:1.05;letter-spacing:.02em;white-space:nowrap;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#d7e1eb}.command-instrument-shell{--shell-mini-size: 36px;--shell-mini-scale: .1525423729;--shell-open-offset-y: 150px}.command-instrument-drag-handle{top:-9px;width:44px;height:10px}.command-instrument-readout{top:68%;gap:.12rem}.command-instrument-readout-current,.command-instrument-readout-command{font-size:.7rem}.command-instrument-resize-zone{right:-16px;bottom:-16px;width:42px;height:42px}.command-instrument-resize-knob{width:18px;height:18px}.time-pill{width:min(360px,calc(100vw - .9rem));height:64px;min-height:64px}.map-top-left-time .time-pill{width:min(360px,calc(100vw - .9rem))}.time-pill-section-settings{display:grid;width:auto;flex:0 1 74px;flex-shrink:1}.time-pill-section-stopwatch{width:90px}.time-pill-section-weather{flex-basis:108px;padding:.16rem .22rem}.time-pill-instrument-slot{width:45px;height:45px}.time-pill-stopwatch-shell{--shell-mini-size: 45px;--shell-mini-scale: .2647058824}.map-time-compression{gap:.14rem}.map-top-left-time .map-time-compression{width:min(360px,calc(100vw - .9rem));margin:0 auto}.time-compression .time-btn{padding-block:.375rem}.map-time-compression .time-btn{padding-block:.33rem;padding-inline:.33rem;font-size:.72rem}.map-top-left-time{left:.2rem;right:.2rem;bottom:.45rem}.map-bottom-left{left:.45rem;bottom:.45rem}.scenario-editor-panel{width:min(21rem,calc(100vw - .9rem));max-height:min(62vh,34rem)}.scale-legend{display:none}.map-hud-actions{gap:.26rem}.tutorial-editor-hero,.tutorial-detail-header,.tutorial-condition-header{flex-direction:column}.map-bottom-center{left:50%;bottom:.45rem;transform:translate(-50%)}.danger-meter{min-height:64px;width:min(250px,calc(100vw - 1rem));padding:.28rem calc(.72rem + 20px);gap:.38rem}.danger-meter.can-disengage{min-height:81px;padding-bottom:.31rem}.danger-meter-title{font-size:.62rem}.danger-meter-label{font-size:.78rem}.danger-meter-value{font-size:.68rem}.danger-source-icon{width:.9rem;height:.9rem;font-size:.56rem}.danger-meter-disengage-btn{min-width:138px;font-size:.66rem;padding:.24rem .66rem}.danger-meter-disengage-btn.pending{min-width:148px}.danger-meter-disengage-icon-btn{width:1.48rem;height:1.48rem;font-size:.84rem}.right-panel.station-dialog{top:50%;right:calc(var(--station-launcher-right) + var(--station-launcher-width));bottom:auto;height:min(82dvh,calc(100dvh - .9rem));width:min(340px,calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + .45rem)));transform:translateY(-50%)}.right-panel.station-dialog.station-dialog-compact{height:auto;max-height:min(82dvh,calc(100dvh - .9rem))}.right-panel.station-dialog.station-dialog-hydrophone-patrol{--hydrophone-notepad-gutter: 7px;--hydrophone-notepad-width: min( 190px, calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + .45rem) - (var(--hydrophone-notepad-gutter) * 2)) );width:calc(var(--hydrophone-notepad-width) + (var(--hydrophone-notepad-gutter) * 2));height:min(calc((var(--hydrophone-notepad-width) * 5 / 3) + (var(--hydrophone-notepad-gutter) * 2)),calc(100vh - .9rem));max-height:calc(100vh - .9rem)}.right-panel.settings-dialog{inset:.45rem;width:auto;max-width:none;transform:none;overflow-y:auto;overflow-x:hidden;padding:.55rem;box-sizing:border-box;z-index:56}.right-panel.settings-dialog.tutorial-editor-dialog{top:max(100px,calc(env(safe-area-inset-top) + .7rem + var(--pill-height, 64px) + 1rem));left:50%;right:auto;bottom:auto;width:min(460px,calc(100vw - .9rem));max-width:calc(100vw - .9rem);max-height:min(72vh,calc(100vh - 10.6rem));transform:translate(calc(-50% + var(--panel-drag-x)),max(0px,var(--panel-drag-y)))}.right-panel.settings-dialog h2{font-size:.7rem}.settings-dialog-header{flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem}.settings-dialog-header h2{font-size:.88rem}.settings-dialog-header button{padding:.22rem .5rem;font-size:.72rem}.form-row label{font-size:.76rem}.form-row input[type=number],.form-row input[type=time],.form-row select{font-size:.82rem;max-width:100%;box-sizing:border-box}.button-row button{padding:.22rem .42rem;font-size:.72rem}.hint{font-size:.7rem}.blob-debug-card{font-size:.68rem;padding:.28rem .32rem;word-break:break-word;overflow-wrap:anywhere}.blob-debug-title{font-size:.72rem}.difficulty-detail-row{font-size:.78rem}.difficulty-slider-row label{font-size:.76rem}.tutorial-editor-hero{flex-direction:column;gap:.4rem}.tutorial-detail-header,.tutorial-condition-header{flex-direction:column;gap:.35rem}.tutorial-condition-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.32rem}.tutorial-detail-card{padding:.55rem .58rem;gap:.48rem}.tutorial-condition-card{padding:.45rem .48rem;gap:.38rem}.settings-debug-toggle{font-size:.72rem}.selected-kind,.selected-summary{font-size:.82rem}.settings-backdrop{z-index:55}.station-launcher{gap:.35rem}.map-side-tray-toggle{height:2.05rem;font-size:.74rem}.station-launch-btn{border-radius:.72rem}.station-launch-btn-icon{width:1.2rem;height:1.2rem}.station-radio-toast{right:calc(100% - .45rem);width:min(14.5rem,62vw);padding:.36rem .48rem;border-radius:.55rem}.station-radio-toast-text{font-size:.58rem}.torpedo-panel-popover.command-panel{position:fixed;top:100px;top:max(100px,calc(env(safe-area-inset-top) + .7rem + var(--pill-height, 64px) + 1.5rem));bottom:10.1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 10.1rem);left:50%;right:auto;transform:translate(calc(-50% + var(--panel-drag-x)),max(0px,var(--panel-drag-y)));width:min(460px,calc(100vw - .9rem));max-width:calc(100vw - .9rem);max-height:none}.tube-panel-layout{grid-template-columns:minmax(0,1fr);gap:.5rem}.tube-panel-tabs{flex-wrap:wrap}.tube-panel-svg-host{width:100%}.firing-block{justify-items:center;margin-top:0}.firing-control-row{justify-content:center}.firing-spread-dial-stack .spread-angle-selector{width:148px;height:148px}.fire-btn-row{margin-top:.35rem}.combat-log-panel{left:.45rem;right:.45rem;width:auto;top:auto;bottom:10.1rem;height:130px}.combat-log-panel.collapsed{height:auto;bottom:10.1rem}.impact-banner{max-width:calc(100% - 1rem);text-align:center;font-size:1.1rem}}@media(pointer:coarse){.torpedo-panel-popover.command-panel{position:fixed;top:100px;top:max(100px,calc(env(safe-area-inset-top) + .7rem + var(--pill-height, 64px) + 1.5rem));bottom:10.1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 10.1rem);left:50%;right:auto;width:min(460px,calc(100vw - .9rem));max-width:calc(100vw - .9rem);max-height:none;transform:translate(calc(-50% + var(--panel-drag-x)),max(0px,var(--panel-drag-y)))}}@media(max-width:520px){.map-top-left-time .time-pill{width:min(320px,calc(100vw - 1rem))}.map-top-left-time .time-pill-section-settings{display:grid;width:auto;flex:0 1 74px}.map-top-left-time .map-time-compression{width:min(320px,calc(100vw - 1rem));margin:0 auto}.time-pill{width:min(320px,calc(100vw - 1rem))}.time-pill-section-weather,.time-pill-section-clock,.time-pill-section-stopwatch,.time-pill-section-settings{flex-shrink:1}.time-pill-section-weather,.time-pill-section-stopwatch,.time-pill-section-settings{flex-basis:74px}.time-pill-section-clock{flex:0 1 100px}.time-pill-section-stopwatch{width:82px}}@media(max-height:500px){.scale-legend{display:none}}@media(max-height:460px){.workspace{--station-launcher-right: .3rem;--station-launcher-width: 3.3rem;--side-tray-padding-x: .18rem;--side-tray-padding-y: .24rem;--side-tray-gap: .22rem;--side-tray-toggle-size: .95rem}.map-side-tray{max-height:calc(100dvh - .5rem)}.map-tools-float,.station-launcher{max-height:calc(100dvh - 1rem);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.station-launcher{gap:.2rem}.map-tool-btn{width:2.4rem;height:2.4rem;font-size:1rem}.map-tool-icon-image{width:1.1rem;height:1.1rem}.map-side-tray-toggle{height:1.72rem;font-size:.62rem}.station-launch-btn{padding:.2rem .15rem;gap:.12rem;border-radius:.62rem}.station-launch-btn-icon-wrap{width:1rem;height:1rem}.station-launch-btn-icon{width:.95rem;height:.95rem}.station-launch-btn-label{font-size:.47rem;line-height:1.1}}@media(orientation:landscape)and (max-height:430px){.right-panel.station-dialog.station-dialog-periscope:not(.station-dialog-hydrophone-patrol){top:.45rem;bottom:.45rem;height:auto;max-height:none;transform:none;width:min(260px,calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + .45rem)));padding:.55rem}.right-panel.station-dialog.station-dialog-periscope.station-dialog-periscope-view:not(.station-dialog-hydrophone-patrol){width:min(390px,calc(100vw - (var(--station-launcher-right) + var(--station-launcher-width) + .45rem)))}}@media(max-width:900px){.instructions-overlay{padding:.5rem}.instructions-shell{width:100%;height:calc(100dvh - 1rem);border-radius:8px}.learning-toolbar{grid-template-columns:1fr;gap:.5rem}.learning-progress-summary-inline{font-size:.74rem}.learning-context-panel{padding:.52rem .78rem}.learning-context-list{padding-left:.95rem;gap:.42rem}.instructions-body,.learning-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.learning-list-panel{display:none}.instructions-header{align-items:center;padding:.68rem .78rem}.instructions-header p{margin-top:.2rem;font-size:.74rem;line-height:1.3}.learning-header-controls{gap:.35rem}.learning-lane-tabs{gap:.26rem;flex-wrap:wrap;justify-content:flex-end}.learning-lane-tabs>button{min-width:112px;font-size:.7rem;padding:.33rem .48rem}.learning-header-controls>button{padding:.38rem .65rem;white-space:nowrap}.instructions-topic-content{padding:.75rem .78rem .88rem}.learning-mobile-picker{position:sticky;top:0;z-index:2;display:grid;gap:.26rem;margin:0 0 .66rem;padding:0 0 .46rem;background:#1a222c;border-bottom:1px solid rgba(239,228,199,.18);font-size:.72rem}.learning-mobile-picker select{width:100%;border:1px solid rgba(239,228,199,.22);border-radius:8px;background:#131a22;color:#efe6d1;padding:.38rem .5rem;font-size:.8rem}}