@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#f3f0dc;font-synthesis:none;--paper:#f3f0dc;--ink:#183c42;--muted:#a9bdb8;--sea:#246b70;--signal:#efbc80;--danger:#ef8e76;--line:#eff1e033;background:#264b51;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;border:0}button:focus-visible{outline:3px solid var(--signal);outline-offset:4px}button:disabled{cursor:wait}button .icon{pointer-events:none}.icon{vertical-align:middle;flex-shrink:0;width:24px;height:24px}button{transition:background .16s,transform .16s}button:active{transform:translateY(1px)}[hidden]{display:none!important}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#app{position:relative}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 38%,#0e282c30);position:fixed;inset:0}.masthead{z-index:10;left:36px;right:36px;top:max(24px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute}.brand,.settings{pointer-events:auto}.brand{text-shadow:0 2px 12px #193e45;align-items:center;gap:13px;display:flex}.brand-mark{border:1px solid var(--line);background:#204e5180;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.brand-mark .icon{width:29px;height:29px}.brand-title{letter-spacing:-.8px;font-size:17px;font-weight:800}.brand-subtitle{letter-spacing:.6px;color:#d3ded3;margin-top:4px;font-size:10px}.settings{gap:8px;display:flex}.icon-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);background:#183c4266;border-radius:50%;place-items:center;width:41px;height:41px;display:grid}.icon-button:hover{background:#26575b}.icon-button .icon{width:20px;height:20px}.briefing{z-index:5;pointer-events:none;background:linear-gradient(90deg,#0c2a2ff2,#0c2a2fd4 30%,#0c2a2f1f 68%,#0000);align-items:center;padding:104px 7vw 44px;display:flex;position:absolute;inset:0}.briefing-content{pointer-events:auto;max-width:510px}.location{color:#cad9cc;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.location:before{content:"";background:var(--signal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #efbc8016}.briefing h1{letter-spacing:-6px;text-wrap:balance;margin:25px 0 26px;font-size:clamp(52px,6.7vw,94px);font-weight:900;line-height:1.1}.briefing .intro{color:#d6ded1;max-width:405px;margin:0;font-size:15px;line-height:1.9}.briefing .intro strong{color:#fff5db;font-weight:600}.mission-rule{color:#c5d4ca;align-items:center;gap:12px;margin:28px 0 32px;font-size:12px;line-height:1.7;display:flex}.mission-rule .icon{color:var(--signal);width:30px;height:30px}.primary{background:var(--paper);color:var(--ink);border-radius:4px;justify-content:space-between;align-items:center;gap:22px;min-width:270px;padding:19px 24px;font-size:16px;font-weight:800;display:flex}.primary:hover{background:#fff9e9}.primary:disabled{opacity:.55}.primary .icon{width:20px}.start-meta{color:#b4c9bd;align-items:center;gap:16px;margin-top:16px;font-size:10px;display:flex}.start-meta span+span:before{content:"•";opacity:.5;margin-right:16px}.briefing-caption{text-align:right;color:#e8ebd7;text-shadow:0 2px 10px #1d4145;font-size:11px;line-height:1.9;position:absolute;bottom:34px;right:40px}.briefing-caption strong{letter-spacing:1px;font-size:13px}.briefing-coordinate{letter-spacing:1px;opacity:.65;font-size:10px}.intro-tag{border-left:2px solid var(--signal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#183c428c;padding:10px 16px;font-size:12px;line-height:1.9;position:absolute;top:39%;right:15%}.intro-tag strong{font-size:14px}.intro-tag small{color:#c7d5cc;display:block}.hud{z-index:4;pointer-events:none;position:absolute;inset:0}.time-panel{text-shadow:0 2px 9px #234a4f;align-items:center;gap:14px;display:flex;position:absolute;top:27px;left:50%;transform:translate(-50%)}.time-panel>.icon{width:27px;height:27px;color:var(--signal)}.time-panel .time{letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:35px;font-weight:800;line-height:1.1}.time-caption{color:#d4e0d0;justify-content:space-between;align-items:center;gap:18px;margin-top:6px;font-size:10px;display:flex}.days{gap:3px;display:flex}.days i{background:#f3f0dc3d;width:9px;height:3px;display:block}.days i.passed{background:var(--signal)}.shark-panel{border-top:1px solid var(--line);text-shadow:0 2px 8px #21474d;width:202px;padding-top:15px;position:absolute;top:112px;left:36px}.shark-name{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.shark-name .status{color:#dfd4b8;font-size:10px;font-weight:500}.health-line{align-items:center;gap:12px;margin-top:10px;display:flex}.health-track{background:#112f3355;flex:1;height:4px}.health-track>i{background:#dbdfb9;height:100%;transition:width .3s;display:block}.hp-value{font-variant-numeric:tabular-nums;color:#eee6d0;font-size:11px}.shark-caption{color:#c1d6ce;margin-top:9px;font-size:10px;line-height:1.8}.map-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);background:#153e46b8;border-radius:5px;width:174px;padding:14px 14px 10px;position:absolute;top:107px;right:36px}.map-top{color:#cdd9cb;justify-content:space-between;align-items:center;font-size:10px;display:flex}.map-top .icon{width:17px;height:17px}.map-panel canvas{width:100%;height:171px;margin:8px 0;display:block}.map-bottom{border-top:1px solid var(--line);color:#becfc7;justify-content:space-between;align-items:baseline;padding-top:10px;font-size:10px;display:flex}.map-bottom strong{color:var(--paper);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.compass-line{color:#e4e9d5;letter-spacing:2px;text-shadow:0 1px 6px #183b42;align-items:center;gap:18px;font-size:10px;display:flex;position:absolute;top:103px;left:50%;transform:translate(-50%)}.compass-line:before,.compass-line:after{content:"";background:#c3d5cd66;width:1px;height:9px}.crosshair{filter:drop-shadow(0 1px 2px #123b42);width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";opacity:.9;background:#fff9dd;position:absolute}.crosshair:before{width:2px;height:20px;top:3px;left:12px}.crosshair:after{width:20px;height:2px;top:12px;left:3px}.crosshair>i{background:#fff9dd;border:2px solid #fff9dd;border-radius:50%;position:absolute;inset:8px;box-shadow:0 0 0 5px #17383c44}.crosshair.hit{transform:translate(-50%,-50%)rotate(45deg)}.crosshair.hit:after,.crosshair.hit:before,.crosshair.hit>i{background:var(--danger)}.target-caption{text-shadow:0 1px 4px #163e43;color:#ebebd7;white-space:nowrap;font-size:10px;position:absolute;top:calc(50% + 29px);left:50%;transform:translate(-50%)}.shot-feedback{white-space:nowrap;text-shadow:0 2px 9px #173a3f;opacity:0;font-size:14px;font-weight:700;transition:opacity .18s;position:absolute;top:calc(50% - 58px);left:50%;transform:translate(-50%)}.shot-feedback.visible{opacity:1}.shot-feedback.harm{color:#ffb19b}.shot-feedback.good{color:#ffe2a1}.hint{text-align:center;color:#e9e8cf;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);white-space:nowrap;background:#19434a99;border:1px solid #cfdec829;border-radius:30px;max-width:90vw;padding:10px 19px;font-size:12px;line-height:1.7;position:absolute;bottom:180px;left:50%;transform:translate(-50%)}.hint .icon{vertical-align:-3px;width:15px;height:15px;color:var(--signal);margin-right:5px}.weapon-dock{left:50%;bottom:max(28px,env(safe-area-inset-bottom));pointer-events:auto;gap:7px;display:flex;position:absolute;transform:translate(-50%)}.weapon-option{text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#13383ee6;border:1px solid #d3decf30;border-radius:5px;align-items:center;gap:13px;width:166px;min-height:82px;padding:15px;display:flex;position:relative}.weapon-option:hover{background:#225159e8}.weapon-option.active{color:var(--ink);background:#e9e9d6;border-color:#e9e9d6}.weapon-option>.icon{width:32px;height:32px}.weapon-option strong{font-size:13px;font-weight:800;display:block}.weapon-option small{opacity:.6;white-space:nowrap;margin-top:4px;font-size:10px;display:block}.weapon-key{opacity:.55;font-size:9px;position:absolute;top:7px;right:9px}.weapon-option.active:after{content:"";background:var(--sea);height:3px;position:absolute;bottom:0;left:14px;right:14px}.reload-strip{background:var(--signal);border-radius:0 0 3px 3px;width:0;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.weapon-detail{text-shadow:0 1px 8px #10373c;position:absolute;bottom:36px;left:36px}.weapon-detail-name{color:#dae4d3;font-size:11px}.ammo{align-items:baseline;gap:9px;margin-top:4px;display:flex}.ammo strong{font-variant-numeric:tabular-nums;font-size:38px;font-weight:700;line-height:1.2}.ammo span{color:#dce2c8;font-size:13px}.reload-button{pointer-events:auto;color:#d4e1d5;background:0 0;align-items:center;gap:7px;margin-top:10px;padding:0;font-size:10px;display:flex}.reload-button .icon{width:13px;height:13px}.desktop-controls{text-align:right;color:#d4dfd2;text-shadow:0 1px 7px #143b40;font-size:10px;line-height:2.2;position:absolute;bottom:34px;right:36px}.desktop-controls kbd{font:inherit;color:#f4f2df;border:1px solid #d3decf50;border-radius:3px;margin:0 2px;padding:1px 4px}.fire-button{right:max(26px,env(safe-area-inset-right));width:76px;height:76px;color:var(--ink);pointer-events:auto;background:#f1efd9e6 padding-box padding-box;border:5px solid #e5e8d32b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;bottom:153px;box-shadow:0 0 0 1px #f3f0dc55}.fire-button .icon{width:29px;height:29px}.fire-button span{font-size:9px;font-weight:700}.fire-button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.fire-button .fire-release-label{display:none}.fire-button[data-aiming]{background-color:var(--signal);box-shadow:0 0 0 3px #efbc8066}.fire-button[data-aiming] .fire-idle-label{display:none}.fire-button[data-aiming] .fire-release-label{display:block}.fire-button.reloading{opacity:.5}.weather-border{pointer-events:none;border:0 solid #d6f4f566;transition:box-shadow 1s;position:absolute;inset:0;box-shadow:inset 0 0 90px #d6edf100}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c2a2fcc;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal{color:var(--ink);background:#e9ead9;border-radius:7px;width:min(540px,100%);max-height:90dvh;padding:34px;position:relative;overflow-y:auto}.modal-close{background:0 0;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:14px;right:14px}.modal h2{letter-spacing:-1px;margin:0 0 14px;font-size:25px}.modal p{color:#54706e;font-size:13px;line-height:1.9}.armory{flex-direction:column;gap:0;margin:22px 0;display:flex}.armory-row{border-top:1px solid #274d4929;align-items:center;gap:16px;padding:14px 0;display:flex}.armory-row>.icon{width:29px;height:29px}.armory-row strong{font-size:13px;display:block}.armory-row span{color:#5e7672;margin-top:4px;font-size:11px;line-height:1.9;display:block}.modal-tip{background:#d9dfc9;border-left:3px solid #719180;padding:14px 16px;font-size:12px;line-height:1.9}.help-controls{color:#52716a;margin-top:20px;font-size:11px;line-height:2}.pause-dialog{text-align:center;padding:48px 34px}.pause-dialog>.icon{width:44px;height:44px;margin-bottom:20px}.pause-dialog .primary{background:var(--ink);color:var(--paper);min-width:230px;margin:26px auto 0}.secondary{color:#62776c;text-underline-offset:4px;background:0 0;margin:12px auto 0;padding:12px;font-size:12px;text-decoration:underline;display:block}.ending{z-index:20;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#103239ed,#103239ab 55%,#1032394d);justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.ending-content{max-width:570px}.ending-emblem{width:74px;height:74px;color:var(--signal);border:1px solid #f3f0dc60;border-radius:50%;place-items:center;margin:0 auto 25px;display:grid}.ending-emblem .icon{width:42px;height:42px}.ending-label{color:#d0dbc7;letter-spacing:2px;margin-bottom:16px;font-size:11px}.ending h2{letter-spacing:-3px;margin:0 0 20px;font-size:clamp(35px,5vw,62px);font-weight:900}.ending p{color:#cdd9cb;max-width:400px;margin:0 auto;font-size:14px;line-height:1.9}.ending-stats{border-block:1px solid var(--line);justify-content:center;gap:40px;margin:25px 0;padding:25px;display:flex}.ending-stats strong{font-variant-numeric:tabular-nums;font-size:25px;display:block}.ending-stats span{color:#c5d3c3;margin-top:5px;font-size:10px;display:block}.ending .primary{width:280px;margin:auto}.loading-status{z-index:50;text-align:center;background:#173e44;place-content:center;gap:20px;display:grid;position:absolute;inset:0}.loading-status .icon{width:54px;height:54px;color:var(--signal);margin:auto}.loading-status p{color:#cdd9cb;font-size:13px}.fatal-error{text-align:center;max-width:520px;padding:32px;line-height:1.9}.fatal-error h1{font-size:24px}.fatal-error button{margin:22px auto}.screen-reader-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1600px){.briefing{padding-left:9vw}.briefing h1{font-size:106px}.briefing .intro{font-size:17px}.weapon-dock{bottom:36px}.weapon-option{width:180px}}@media (width<=1000px){.brand-subtitle{display:none}.masthead{top:21px;left:23px;right:23px}.brand-title{font-size:15px}.brand-mark{width:38px;height:38px}.time-panel{top:23px}.time-panel .time{font-size:29px}.shark-panel{width:170px;top:91px;left:23px}.map-panel{width:145px;padding:11px;top:88px;right:23px}.map-panel canvas{height:141px}.weapon-dock{gap:5px}.weapon-option{gap:10px;width:143px;min-height:75px;padding:12px}.weapon-option>.icon{width:27px;height:27px}.weapon-detail{bottom:27px;left:23px}.desktop-controls{font-size:9px;right:23px}.briefing h1{letter-spacing:-4px}.briefing .intro{font-size:13px}.intro-tag{top:38%;right:9%}.hint{font-size:11px;bottom:155px}.fire-button{bottom:141px}}@media (pointer:coarse),(width<=650px){.desktop-controls{display:none}.fire-button{width:78px;height:78px;bottom:154px}.hint{font-size:10px;bottom:280px}.weapon-detail{bottom:154px;left:148px}.ammo strong{font-size:29px}.weapon-detail .reload-button{margin-top:5px}.compass-line{display:none}}@media (width<=650px){.masthead{left:16px;right:16px;top:max(17px,env(safe-area-inset-top))}.brand{gap:8px}.brand-title{font-size:13px}.brand-mark{width:32px;height:32px}.brand-mark .icon{width:22px;height:22px}.settings{gap:6px}.icon-button{width:33px;height:33px}.icon-button .icon{width:17px;height:17px}.briefing{background:linear-gradient(#10323922 22%,#103239df 62%,#103239fa);align-items:flex-end;padding:100px 27px 41px}.briefing-content{max-width:100%}.location{font-size:11px}.briefing h1{letter-spacing:-3px;margin:19px 0;font-size:56px}.briefing .intro{max-width:340px;font-size:12px}.mission-rule{margin:23px 0;font-size:11px;line-height:1.6}.mission-rule .icon{width:25px}.briefing .primary{width:100%;padding:17px 21px;font-size:15px}.start-meta{gap:11px;margin-top:12px;font-size:9px}.start-meta span+span:before{margin-right:11px}.briefing-caption{display:none}.intro-tag{padding:8px 12px;font-size:10px;top:19%;right:8%}.intro-tag strong{font-size:12px}.time-panel{gap:9px;top:74px;left:16px;transform:none}.time-panel>.icon{width:22px}.time-panel .time{font-size:28px}.time-caption{gap:12px;font-size:9px}.days i{width:7px}.shark-panel{width:142px;padding-top:11px;top:153px;left:16px}.shark-name{font-size:12px}.shark-name .status,.shark-caption{font-size:9px}.map-panel{width:119px;padding:10px;top:76px;right:16px}.map-panel canvas{height:124px;margin:4px 0}.map-top{font-size:9px}.map-bottom{padding-top:7px;font-size:9px}.map-bottom strong{font-size:13px}.map-top .icon{width:14px}.health-line{gap:7px}.hp-value{font-size:10px}.compass-line{display:none}.weapon-dock{width:calc(100% - 28px);bottom:max(17px,env(safe-area-inset-bottom));gap:6px}.weapon-option{flex:1;gap:7px;width:auto;min-width:0;min-height:77px;padding:11px 8px}.weapon-option>.icon{width:25px;height:25px}.weapon-option strong{font-size:11px}.weapon-option small{font-size:9px}.weapon-key{display:none}.weapon-detail{bottom:146px;left:145px}.weapon-detail-name{font-size:9px}.ammo strong{font-size:26px}.ammo span{font-size:11px}.reload-button{font-size:9px}.fire-button{width:72px;height:72px;bottom:145px;right:21px}.hint{white-space:normal;width:max-content;max-width:calc(100% - 40px);padding:8px 13px;font-size:10px;bottom:264px}.target-caption{font-size:9px}.desktop-controls{display:none}.modal{padding:31px 23px}.modal h2{font-size:23px}.modal p{font-size:12px}.ending{padding:25px}.ending h2{letter-spacing:-2px;font-size:39px}.ending p{font-size:12px}.ending-stats{gap:25px;padding:20px 0}.ending-stats strong{font-size:22px}}@media (height<=550px) and (width>=650px){.masthead{top:12px;left:19px;right:19px}.brand-subtitle{display:none}.brand-mark{width:32px;height:32px}.brand-title{font-size:13px}.icon-button{width:31px;height:31px}.time-panel{top:12px}.time-panel .time{font-size:25px}.time-caption{font-size:9px}.briefing{padding:60px 6vw 25px}.briefing h1{letter-spacing:-3px;margin:12px 0;font-size:49px}.briefing .intro{max-width:370px;font-size:11px;line-height:1.8}.mission-rule{margin:14px 0;font-size:10px}.primary{min-width:240px;padding:12px 20px;font-size:13px}.start-meta{margin-top:8px;font-size:9px}.location{font-size:10px}.briefing-caption{font-size:9px;bottom:22px;right:25px}.intro-tag{top:32%;right:14%}.shark-panel{width:156px;padding-top:9px;top:70px;left:20px}.shark-caption{display:none}.map-panel{width:116px;padding:9px;top:65px;right:20px}.map-panel canvas{height:108px;margin:2px 0}.map-top{font-size:9px}.map-bottom{padding-top:6px}.map-bottom strong{font-size:12px}.weapon-dock{bottom:14px}.weapon-option{width:124px;min-height:61px;padding:10px}.weapon-option strong{font-size:11px}.weapon-option small{font-size:9px}.weapon-option>.icon{width:23px}.fire-button{width:69px;height:69px;bottom:26px;right:27px}.weapon-detail{bottom:22px;left:139px}.ammo strong{font-size:26px}.weapon-detail-name,.reload-button{font-size:9px}.hint{padding:7px 14px;font-size:10px;bottom:95px}.ending-emblem{width:48px;height:48px;margin-bottom:10px}.ending-emblem .icon{width:28px}.ending h2{margin-bottom:12px;font-size:35px}.ending-label{margin-bottom:10px}.ending p{font-size:12px}.ending-stats{margin:15px 0;padding:13px}.ending-stats strong{font-size:21px}.ending .primary{padding:13px 19px}.modal{max-height:94dvh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.range-status{white-space:nowrap;color:#f5d28a;text-shadow:0 1px 4px #163e43;text-align:center;font-size:10px;position:absolute;top:calc(50% + 48px);left:50%;transform:translate(-50%)}.range-status.ready{color:#91f5b4}.range-status.danger{color:#ffb19b}.reload-status{width:104px;color:var(--signal);text-shadow:0 1px 4px #163e43;position:absolute;top:calc(50% + 25px);left:50%;transform:translate(-50%)}.reload-caption{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;gap:7px;font-size:10px;font-weight:700;line-height:16px;display:flex}.reload-track{background:#112f33a6;border-radius:2px;height:3px;margin-top:5px;overflow:hidden;box-shadow:0 1px 4px #163e4366}.reload-track>i{background:var(--signal);width:0;height:100%;display:block}.reload-status:not([hidden])~.target-caption{top:calc(50% + 61px)}.reload-status:not([hidden])~.range-status{top:calc(50% + 80px)}@media (width<=650px){.range-status{white-space:normal;width:max-content;max-width:calc(100% - 30px);font-size:9px}}.hud:before{content:"";pointer-events:none;background:linear-gradient(#12373e78,#0000 29% 68%,#12373e8f);position:absolute;inset:0}.shark-panel{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#163e4578;border:1px solid #d3decf21;border-radius:4px;padding:14px}.weather-border{transition:none}#weather-status[data-stage=blizzard]{color:#ffe1b5}.compass-line{top:123px}@media (width<=650px){.compass-line{letter-spacing:0;gap:6px;font-size:9px;display:flex;top:283px;left:16px;transform:none}}.daylight-status{color:#ffe3ab;white-space:nowrap;align-items:center;gap:5px;margin-top:6px;font-size:10px;line-height:1.4;display:flex}.daylight-status>span:first-child{display:flex}.daylight-status .icon{width:14px;height:14px}.daylight-status[data-period=오후]{color:#c8dcfa}@media (width<=650px){.daylight-status{margin-top:5px;font-size:9px}.daylight-status .icon{width:12px;height:12px}}@media (height<=700px) and (width>=1000px){.briefing h1{letter-spacing:-4px;margin:17px 0;font-size:64px}.briefing{padding-top:85px;padding-bottom:28px}.briefing .intro{font-size:12px}.mission-rule{margin:20px 0;font-size:11px}.briefing .primary{padding:16px 22px}.start-meta{margin-top:12px;font-size:9px}.location{font-size:10px}}.auto-travel,.fire-cancel,.fire-button .fire-cancel-label,.fire-gesture{display:none}.fire-button[data-cancelled]{background-color:#ffb19b}.fire-button[data-cancelled] .fire-release-label{display:none}.fire-button[data-cancelled] .fire-cancel-label{display:block}@media (pointer:coarse),(width<=650px){.auto-travel{left:max(16px,env(safe-area-inset-left));bottom:max(112px,calc(env(safe-area-inset-bottom) + 95px));width:112px;color:var(--paper);text-shadow:0 1px 5px #123e42;flex-direction:column;gap:5px;display:flex;position:absolute}.auto-travel strong{font-size:11px}.auto-travel span{opacity:.8;font-size:10px}.fire-button{right:max(16px,env(safe-area-inset-right));bottom:max(112px,calc(env(safe-area-inset-bottom) + 95px));border-width:2px;border-radius:28px;gap:8px;width:144px;height:144px}.fire-button .icon{width:34px;height:34px}.fire-button span{font-size:13px}.fire-gesture{font-size:10px;font-weight:500;display:block}.fire-cancel{right:max(16px,env(safe-area-inset-right));bottom:max(268px,calc(env(safe-area-inset-bottom) + 251px));color:#ffe2d7;pointer-events:none;background:#183c42e6;border:1px dashed #ffb19b;border-radius:10px;justify-content:center;align-items:center;width:144px;height:44px;font-size:11px;position:absolute}.fire-button[data-aiming]+.fire-cancel{display:flex}.fire-button[data-cancelled]+.fire-cancel{color:var(--ink);background:#ffb19b;border-style:solid}.weapon-detail{left:max(16px,env(safe-area-inset-left));bottom:max(165px,calc(env(safe-area-inset-bottom) + 148px));transform:none}.hint{bottom:330px}}@media (width<=360px){.auto-travel{left:12px}.fire-button{width:128px;height:144px;right:12px}.fire-cancel{width:128px;right:12px}.fire-gesture{font-size:9px}.weapon-detail{left:12px}}@media (pointer:coarse) and (height<=550px) and (orientation:landscape){.auto-travel{left:max(18px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom))}.fire-button{right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:144px;height:128px}.fire-cancel{right:max(18px,env(safe-area-inset-right));bottom:max(156px,calc(env(safe-area-inset-bottom) + 140px))}.weapon-dock{left:calc(max(18px,env(safe-area-inset-left)) + 131px);right:calc(max(18px,env(safe-area-inset-right)) + 163px);width:auto;bottom:max(14px,env(safe-area-inset-bottom));gap:4px;transform:none}.weapon-option{flex:1;gap:4px;width:auto;min-width:0;min-height:61px;padding:8px 6px}.weapon-detail{left:50%;bottom:max(75px,calc(env(safe-area-inset-bottom) + 61px));align-items:center;gap:10px;display:flex;transform:translate(-50%)}.weapon-detail .ammo,.weapon-detail .reload-button{margin-top:0}.hint{display:none}.map-panel{width:100px;top:65px;right:180px}.map-panel canvas{height:80px}}@media (pointer:coarse) and (height<=550px) and (orientation:landscape) and (width<=700px){.weapon-option small,.map-panel,.shark-caption,.compass-line{display:none}.weapon-option>.icon{width:21px}.time-panel{top:12px;left:50%;transform:translate(-50%)}.time-panel .time{font-size:25px}.shark-panel{width:138px;padding:10px;top:68px;left:18px}}@media (width<=650px) and (height<=700px) and (orientation:portrait){.shark-caption,.hint,.compass-line{display:none}.shark-panel{padding:10px}.map-panel{width:100px}.map-panel canvas{height:82px}.range-status{top:calc(50% - 40px)}}