:root{color-scheme:dark;--ink:#101a22;--paper:#f3f5ef;--orange:#ff7b38;--energy:#84f0df;--muted:#9eb5bf;--line:#afcbd32b;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--top:env(safe-area-inset-top,0px);--bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--ink)}body{position:fixed;inset:0;font-family:Arial,Helvetica,sans-serif;color:var(--paper);-webkit-font-smoothing:antialiased}body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,select{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img,canvas{-webkit-user-drag:none}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--energy);outline-offset:4px}[hidden]{display:none!important}#app{position:relative;width:100%;height:100vh;height:100dvh;height:var(--game-height,100dvh);overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#071019f7 0%,#08131cde 27%,#08131c44 53%,transparent 75%),linear-gradient(0deg,#08121c 0%,transparent 18%,transparent 80%,#08121c99 100%)}header{position:absolute;z-index:10;top:max(24px,var(--top));left:max(4%,env(safe-area-inset-left));right:max(4%,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;flex-direction:column;gap:6px}.brand img{width:215px;height:auto}.brand span{font:7px var(--mono);letter-spacing:3px;padding-left:51px;color:#9eb5bf}nav{display:flex;gap:7px}nav button{height:44px;min-width:44px;background:#0b1924a6;border:1px solid var(--line);font:9px var(--mono);letter-spacing:1px;padding:10px 14px;backdrop-filter:blur(10px)}nav b{color:var(--orange);font-weight:500;margin-left:7px}nav .square{width:44px;padding:0;font-size:18px}.micro{font:9px/1.8 var(--mono);letter-spacing:1.8px}.orange{color:var(--orange)}#menu{position:absolute;left:9%;top:22%;width:min(600px,80%);z-index:3}.slogan{font:9px/1.8 var(--mono);letter-spacing:1.4px;color:var(--muted);margin:20px 0 28px}h1{font-size:clamp(72px,8.5vw,135px);font-style:italic;font-weight:900;letter-spacing:-7px;line-height:.84;margin:0 0 26px}h1 em{color:var(--orange);font-style:inherit}h1 span{color:var(--paper)}.intro{font-size:15px;line-height:1.6;color:#afc2c9;margin:0 0 25px}.primary{border:0;background:var(--orange);color:#14212a;min-height:54px;min-width:240px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 21px;font:800 11px var(--mono);letter-spacing:.6px}.primary>span{font-size:28px;line-height:1;font-weight:400}.primary:hover{background:#ff9961}.primary:disabled{opacity:.7;cursor:wait}.gesture{font:7px/1.8 var(--mono);letter-spacing:.8px;color:#96abb6;margin:18px 0 26px}.gesture b{font-weight:400;padding:0 5px;color:var(--orange)}.best{font:8px var(--mono);letter-spacing:1px;color:#88a4b0;display:flex;align-items:center;gap:18px}.best strong{color:var(--paper);font-size:16px;letter-spacing:2px;font-weight:400}#world-label{position:absolute;right:8%;bottom:22%;font:8px/2 var(--mono);letter-spacing:1px;color:#c0d5d8;z-index:2}#world-label span{font-size:6px;color:var(--muted)}#world-label i{display:inline-block;vertical-align:middle;width:7px;height:7px;background:var(--energy);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--energy)}footer{position:absolute;bottom:calc(22px + var(--bottom));left:4%;right:4%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font:7px var(--mono);letter-spacing:1px;color:#6e8b9b;pointer-events:none}footer b{color:#a1b9c1;font-weight:400}#app[data-state=playing] .brand,#app[data-state=paused] .brand,#app[data-state=playing] footer,#app[data-state=paused] footer{display:none}#app[data-state=playing] header,#app[data-state=paused] header{justify-content:flex-end}#app[data-state=playing] .grade,#app[data-state=paused] .grade{background:linear-gradient(0deg,#07131dd9,transparent 26%,transparent 68%,#07131da6)}#target-markers{position:absolute;inset:0;pointer-events:none;z-index:3}.target-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:7px}.target-marker i{width:21px;height:21px;border:1px solid #84f0dfaa;transform:rotate(45deg);box-shadow:0 0 14px #84f0df22}.target-marker span{font:6px var(--mono);letter-spacing:1px;color:var(--energy);white-space:nowrap;text-shadow:0 1px 3px #000}.target-marker.reactor i{border-color:var(--orange)}.target-marker.reactor span{color:var(--orange)}.target-marker.sentinel i{border-style:dashed}.scope-mode .target-marker{display:none}#hud{position:absolute;inset:0;pointer-events:none;z-index:4}.top-hud{position:absolute;top:calc(86px + var(--top));left:max(4%,env(safe-area-inset-left));right:max(4%,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none}.top-hud span,.top-hud small{display:block;font:7px var(--mono);letter-spacing:1.7px;color:#b6cbd1}.score>strong,.clock>strong{display:block;font:italic 500 42px/1.2 var(--mono);letter-spacing:-3px}.score small{color:var(--energy)}.clock{text-align:right}.clock>strong{font-size:48px}.clock.danger>strong{color:var(--orange)}#contract{position:absolute;top:calc(98px + var(--top));left:50%;transform:translateX(-50%);text-align:center;width:min(45%,400px);display:flex;flex-direction:column;gap:7px}#contract>span{font:6px var(--mono);letter-spacing:2px;color:var(--orange)}#contract strong{font-size:13px;line-height:1.3;font-weight:500}#contract small{font:8px var(--mono);color:var(--muted)}#scope-mask{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none}.scope-mode #scope-mask{display:block}.scope-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(76vw,76vh);height:min(76vw,76vh);border:2px solid #8ea9a777;border-radius:50%;box-shadow:0 0 0 100vmax #03090de8,inset 0 0 40px #04131988,inset 0 0 0 8px #08151dbb;overflow:hidden;background:radial-gradient(transparent 50%,#06171f55 100%)}.scope-lines{position:absolute;inset:0;background:linear-gradient(transparent calc(50% - .5px),#c5e9e766 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),#c5e9e766 50%,transparent calc(50% + .5px))}.scope-lines:after{content:'┆ ┆ ┆ ┆ ┆ ┆ ┆';position:absolute;top:50%;left:50%;transform:translate(-50%,5px);color:#b0d3ce77;font:12px var(--mono);white-space:pre;letter-spacing:12px}.scope-brand,#scope-range{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font:7px var(--mono);letter-spacing:2px;color:#b2d1ce}.scope-brand{top:15%}#scope-range{bottom:23%;color:var(--energy)}#crosshair{position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);color:var(--energy)}#crosshair:before,#crosshair:after{content:'';position:absolute;background:currentColor}#crosshair:before{left:14px;top:0;width:1px;height:30px}#crosshair:after{top:14px;left:0;height:1px;width:30px}#crosshair i{position:absolute;inset:7px;border:1px solid #b2dfd477;border-radius:50%}#crosshair b{position:absolute;left:13px;top:13px;width:3px;height:3px;background:var(--orange);z-index:1}.scope-mode #crosshair{width:30px;height:30px;color:#ffb18a}.scope-mode #crosshair i{border-radius:0;transform:rotate(45deg);border-color:#ff7b3888}#crosshair.on-target{color:var(--orange)}#shot-feedback{position:absolute;left:50%;top:calc(50% + 62px);transform:translateX(-50%);font:800 12px var(--mono);letter-spacing:2px;text-align:center;white-space:nowrap;text-shadow:0 2px 6px #07121f;color:var(--energy);opacity:0;transition:opacity .1s}#shot-feedback.show{opacity:1}#shot-feedback.orange{color:var(--orange)}#hint{position:absolute;left:50%;bottom:calc(170px + var(--bottom));transform:translateX(-50%);font:7px/1.5 var(--mono);letter-spacing:1.2px;color:#c0dedb;text-align:center;white-space:nowrap;text-shadow:0 2px 4px #000}.bottom-hud{position:absolute;left:max(4%,calc(env(safe-area-inset-left) + 8px));right:max(4%,calc(env(safe-area-inset-right) + 8px));bottom:calc(29px + var(--bottom));display:flex;align-items:end;justify-content:space-between;gap:25px;pointer-events:none}.bottom-hud button{pointer-events:auto;touch-action:none;background:#0c202aba;border:1px solid #a8c9d83d;backdrop-filter:blur(8px)}.scope-controls{display:flex;gap:10px}.scope-controls button{min-width:88px;min-height:83px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.scope-controls button>span{font-size:21px;color:var(--energy);line-height:1}.scope-controls strong{font:10px var(--mono);letter-spacing:1.3px}.scope-controls small{font:5px var(--mono);letter-spacing:.6px;color:var(--muted)}.scope-controls button[aria-pressed=true]{background:#163d43b0;border-color:var(--energy);box-shadow:inset 0 0 20px #84f0df18}#steady.empty{opacity:.45}.weapon-status{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:200px;text-align:center}#reload{border:0;background:none;display:flex;justify-content:center;gap:8px;align-items:center;width:100%;min-height:44px;padding:0 0 8px;backdrop-filter:none}#ammo{font:italic 500 42px/.9 var(--mono);letter-spacing:-3px}#reload small{font:8px/1.8 var(--mono);color:var(--muted);text-align:left}#reload b{display:block;color:var(--energy);font-weight:500;font-size:6px}.focus-meter>span{display:flex;justify-content:space-between;font:6px var(--mono);letter-spacing:1.4px;color:var(--energy)}.focus-meter strong{font-weight:400}.focus-meter>div{height:3px;margin-top:7px;background:#accbd633}.focus-meter i{display:block;background:var(--energy);height:100%;width:100%}.calibre{display:block;font:5px var(--mono);letter-spacing:1px;color:#6c939e;margin-top:10px}#fire{width:100px;height:100px;border-radius:50%;border:1px solid #ff7b38a6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:var(--orange);background:#211c1bc9;box-shadow:inset 0 0 0 6px #ff7b3810}#fire:active{background:#ff7b3840}.fire-cross{font:300 46px/.95 Arial}#fire strong{font:9px var(--mono);letter-spacing:2px}#fire:disabled{opacity:.4}.round-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#5d82832b}.round-progress i{display:block;height:100%;width:100%;background:var(--orange)}.overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:8;padding:95px 24px 25px;background:#07131bd9;backdrop-filter:blur(12px);overflow:auto;overscroll-behavior:contain}.panel{width:min(440px,100%)}h2{font-style:italic;font-weight:900;font-size:clamp(42px,5.5vw,75px);letter-spacing:-3px;line-height:.88;margin:23px 0}h2 em{font-style:inherit;color:var(--orange)}.panel>p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 24px}.secondary{display:block;width:100%;min-height:46px;padding:13px;background:transparent;color:var(--muted);border:1px solid var(--line);margin-top:12px;font:8px var(--mono);letter-spacing:1px}.panel>.primary{width:100%}.result-score{margin:26px 0 16px}.result-score>span{display:block;font:8px var(--mono);letter-spacing:1.7px;color:var(--muted)}.result-score>strong{font:italic 500 57px/1.2 var(--mono);letter-spacing:-4px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:17px;border-top:1px solid var(--line);padding:17px 0 25px}.stats span{display:block;font:6px var(--mono);letter-spacing:1px;color:var(--muted)}.stats strong{display:block;font:500 22px/1.6 var(--mono)}#save-note{font:8px/1.6 Arial;color:var(--muted);display:block;margin-top:15px}dialog{background:#11232e;color:var(--paper);border:1px solid #76989e55;padding:28px;width:min(480px,calc(100vw - 30px));max-height:calc(var(--game-height,100dvh) - var(--top) - var(--bottom) - 28px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#030b12de;backdrop-filter:blur(9px)}dialog h2{font-size:42px;letter-spacing:-2px}dialog p,dialog dd{font:12px/1.7 Arial;color:#b2c8cf}dialog b{color:var(--paper)}dialog dl{margin:20px 0}dialog dt{font:8px var(--mono);color:var(--energy);letter-spacing:1px;margin:18px 0 7px}dialog dd{margin:0}dialog .primary{width:100%;min-width:0;margin-top:20px}.close{margin:0 0 15px auto;display:block;width:44px;height:44px;border:1px solid var(--line);background:none;font-size:24px}dialog label{display:flex;flex-direction:column;gap:10px;margin:23px 0;font:8px var(--mono);letter-spacing:1px;color:#b8cfd5}dialog label.inline{flex-direction:row;justify-content:space-between;align-items:center;min-height:40px}input{accent-color:var(--orange);min-height:28px}select{font-size:16px;padding:8px;color:var(--paper);background:var(--ink);border:1px solid var(--line)}.fine{font-size:10px}.scope-mode #hint{color:var(--energy)}
@media(max-width:760px){header{top:calc(14px + var(--top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));gap:10px}.brand img{width:155px}.brand span{font-size:5px;letter-spacing:1.5px;padding-left:36px}nav{gap:4px}nav button{padding:9px;min-width:40px;height:44px}nav .square{width:40px}#sound{font-size:0;width:44px}#sound b{font-size:8px;margin:0}#menu{top:calc(23% + var(--top));left:8%;width:86%}h1{font-size:clamp(59px,14vw,105px);letter-spacing:-4px;margin-bottom:23px}.slogan{font-size:6px;letter-spacing:1px;margin:18px 0 23px}.micro{font-size:7px;letter-spacing:1px}.intro{font-size:13px}.gesture{font-size:5.5px;letter-spacing:.6px}.best{font-size:6px}#world-label{display:none}footer{font-size:5px;left:6%;right:6%;letter-spacing:.6px}footer>span:nth-child(2){display:none}.grade{background:linear-gradient(90deg,#06121ce0,#07141b66 75%,transparent),linear-gradient(0deg,#07131bdd,transparent 35%)}.top-hud{top:calc(76px + var(--top));left:20px;right:20px}.score>strong{font-size:30px;letter-spacing:-2px}.clock>strong{font-size:36px;letter-spacing:-2px}.top-hud span,.top-hud small{font-size:5px;letter-spacing:1px}#contract{top:calc(147px + var(--top));width:85%;gap:5px}#contract strong{font-size:11px}#contract>span,#contract small{font-size:6px}.bottom-hud{left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:calc(28px + var(--bottom));gap:10px;align-items:end}.scope-controls{flex-direction:column;gap:8px}.scope-controls button{min-width:65px;min-height:59px;padding:8px}.scope-controls button>span{font-size:18px}.scope-controls small{display:none}.scope-controls strong{font-size:8px;letter-spacing:.7px}.weapon-status{width:130px;bottom:0}#ammo{font-size:35px}#fire{width:76px;height:76px}#fire strong{font-size:8px}#hint{bottom:calc(188px + var(--bottom));font-size:5.5px;letter-spacing:.6px;max-width:90%;white-space:normal;width:100%}.calibre{font-size:4px}.focus-meter>span{font-size:5px;letter-spacing:1px}.scope-ring{width:min(88vw,65vh);height:min(88vw,65vh)}.scope-brand,#scope-range{font-size:5px;letter-spacing:1px}#shot-feedback{font-size:9px;letter-spacing:1px;top:calc(50% + 45px)}.scope-lines:after{font-size:10px;letter-spacing:5px}.panel{max-width:400px}.overlay{padding-top:90px}h2{font-size:54px}.result-score>strong{font-size:48px}.result-score{margin-top:16px}}
@media(max-height:700px) and (max-width:760px){#menu{top:calc(19% + var(--top))}.slogan{display:none}h1{margin-top:25px}.intro{margin-bottom:17px}.gesture{margin:13px 0 18px}#contract{top:calc(130px + var(--top))}.top-hud{top:calc(70px + var(--top))}.scope-controls{flex-direction:row}.scope-controls button{min-height:57px;min-width:52px}.weapon-status{bottom:85px;left:auto;right:0;transform:none;width:90px}.calibre{display:none}#hint{bottom:calc(161px + var(--bottom))}.scope-ring{width:min(80vw,58vh);height:min(80vw,58vh)}.overlay{padding-top:65px;padding-bottom:18px}.panel h2{font-size:44px;margin:15px 0}.stats{gap:10px;padding:12px 0 17px}.result-score{margin:13px 0}.result-score>strong{font-size:40px}.primary{min-height:48px}}
@media(max-height:520px) and (min-width:600px){header{top:calc(10px + var(--top))}.brand img{width:175px}.brand span{font-size:5px}#menu{top:calc(94px + var(--top));left:7%}.slogan,.intro,.best,.gesture{display:none}h1{font-size:70px;letter-spacing:-4px;margin:18px 0 20px}.primary{min-height:46px;min-width:220px;padding:12px 17px}.micro{font-size:6px}.top-hud{top:calc(62px + var(--top))}.score>strong{font-size:26px}.clock>strong{font-size:30px}.top-hud span,.top-hud small{font-size:5px}#contract{top:calc(73px + var(--top));width:45%;gap:3px}#contract strong{font-size:11px}.scope-controls{flex-direction:row}.scope-controls button{min-height:55px;min-width:72px;padding:6px}.scope-controls small{display:none}.bottom-hud{bottom:calc(17px + var(--bottom))}.weapon-status{position:absolute;left:50%;right:auto;bottom:0;transform:translateX(-50%);width:160px}#ammo{font-size:28px}#fire{width:70px;height:70px}#hint{bottom:calc(95px + var(--bottom));font-size:6px}.scope-ring{width:69vh;height:69vh}footer{bottom:16px;font-size:5px}.overlay{padding:65px 24px 15px}.panel{width:min(590px,90%)}.panel h2{font-size:38px;margin:12px 0}.panel>p{font-size:11px;margin-bottom:14px}.result-score{position:absolute;top:100px;right:calc(50% - 260px);margin:0}.result-score>strong{font-size:38px}.stats{grid-template-columns:repeat(4,1fr);gap:15px;padding:12px 0}.stats strong{font-size:18px}.stats span{font-size:5px}#save-note{display:none}.secondary{min-height:40px;margin-top:8px}.scope-brand,#scope-range{font-size:5px}#shot-feedback{top:calc(50% + 35px);font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}
/* Keep readouts legible above the opaque edge of the scope. */
.top-hud,#contract,.bottom-hud,#hint,#shot-feedback{z-index:5}#scope-mask{z-index:1}#crosshair{z-index:3}#app[data-state=menu] #target-markers{z-index:1}#menu{z-index:3}
@media(max-width:760px){nav button,nav .square{min-width:44px;width:44px}#sound{width:44px}}
@media(max-width:359px){header{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));gap:6px}.brand img{width:130px}.brand span{font-size:4px;letter-spacing:1px;padding-left:31px}#app[data-state=menu] #sound{display:none}.micro{font-size:6px}h1{font-size:56px;letter-spacing:-4px}.gesture{font-size:5px;letter-spacing:.3px}}
@media(max-height:520px) and (min-width:600px){.scope-brand{display:none}}
/* Shooter revision: desktop inputs stay on the mouse and keyboard. */
#app[data-input=mouse][data-state=playing] nav{display:none}#app[data-input=mouse][data-state=playing] .scope-controls,#app[data-input=mouse][data-state=playing] #fire{display:none}#app[data-input=mouse][data-state=playing] #world{cursor:grab}#app[data-input=mouse][data-state=playing][data-dragging=true] #world{cursor:none}#app[data-capture=locked] #world{cursor:none}#desktop-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(18px + var(--bottom));font:7px var(--mono);letter-spacing:1px;white-space:nowrap;color:#8aa7b1}#desktop-controls b{font-weight:400;color:#d6e2dd}#app[data-input=touch] #desktop-controls{display:none}#app[data-input=mouse] .weapon-status{bottom:24px}#app[data-input=mouse] .bottom-hud{bottom:calc(27px + var(--bottom))}.target-marker.priority i{border-color:var(--orange);box-shadow:0 0 12px #ff7b3844;border-width:2px}.target-marker.priority span{color:var(--orange)}#flight-readout{display:none;position:absolute;left:5%;bottom:18%;z-index:6;pointer-events:none}#flight-readout>span{display:block;font:8px var(--mono);letter-spacing:2px;color:#f6bf8b}#flight-readout>strong{display:block;font:italic 500 42px/1.4 var(--mono);letter-spacing:-2px}#flight-readout>small{font:6px var(--mono);letter-spacing:1px;color:#afc7cd}.cinema-bars{display:none;position:absolute;inset:0;box-shadow:inset 0 9vh #04090d,inset 0 -9vh #04090d;pointer-events:none;z-index:4}.bullet-view .cinema-bars,.bullet-view #flight-readout{display:block}.bullet-view #crosshair,.bullet-view #contract,.bullet-view #target-markers,.bullet-view #hint,.bullet-view #desktop-controls,.bullet-view .scope-controls,.bullet-view #fire{display:none!important}.bullet-view .weapon-status{opacity:.35}.bullet-view .top-hud{top:calc(12px + var(--top))}.bullet-view .top-hud .clock strong,.bullet-view .top-hud .score strong{font-size:25px}.bullet-view #shot-feedback{top:auto;bottom:15%}.bullet-view .grade{opacity:.2}#app[data-input=mouse] #hint{bottom:calc(164px + var(--bottom))}.scope-ring{box-shadow:0 0 0 100vmax #03090df2,inset 0 0 50px #04131966,inset 0 0 0 8px #08151dbb}
@media(max-width:760px){#desktop-controls{font-size:5px;letter-spacing:0}#flight-readout>span{font-size:6px}#flight-readout>strong{font-size:30px}.bullet-view .top-hud .clock strong,.bullet-view .top-hud .score strong{font-size:23px}#app[data-input=mouse] #hint{bottom:calc(164px + var(--bottom))}}
/* Ease from the shouldered rifle into its centered optic. */
.scope-mode #scope-mask{opacity:var(--ads-blend,1)}

/* Keep scope/zoom and cinematic state visible without opening Settings. */
#view-tools{position:absolute;z-index:7;top:calc(24px + var(--top));right:max(4%,env(safe-area-inset-right));display:flex;align-items:center;gap:7px;pointer-events:auto}#view-tools button{min-height:44px;min-width:44px;padding:9px 12px;border:1px solid var(--line);background:#0b1924e8;font:8px var(--mono);letter-spacing:.3px;touch-action:manipulation}#view-tools button[aria-pressed=true]{color:var(--energy);border-color:#84f0df88}#view-tools button[aria-pressed=false]{color:var(--orange)}#view-tools button:disabled{opacity:.5}.zoom-controls{display:flex;align-items:center;background:#0b1924e8;border:1px solid var(--line)}#view-tools .zoom-controls button{border:0;background:transparent;font:20px var(--mono);padding:4px;min-width:44px}.zoom-controls output{min-width:58px;text-align:center;font:9px var(--mono);color:var(--energy)}.bullet-view #optic-toggle{display:none}.bullet-view #view-tools{top:auto;bottom:14%;right:5%}
@media(max-width:760px){#view-tools{top:calc(202px + var(--top));left:50%;right:auto;transform:translateX(-50%);gap:6px;white-space:nowrap}#optic-toggle{display:none}#view-tools button{font-size:7px;padding:8px}.zoom-controls output{min-width:53px}.bullet-view #view-tools{top:calc(91px + var(--top));bottom:auto;right:auto}}
@media(max-height:520px) and (min-width:600px){#view-tools{top:calc(118px + var(--top));left:auto;right:4%;transform:none}#view-tools button{font-size:7px;padding:8px}.bullet-view #view-tools{top:auto;left:auto;right:4%;bottom:14%;transform:none}}

/* A mouse can be used in a narrow desktop window: scope must remain visible. */
#app[data-input=mouse] #view-tools #optic-toggle{display:block}.bullet-view #view-tools #optic-toggle{display:none!important}

.mode-switch{display:flex;gap:8px;margin:15px 0 8px}.mode-switch button{min-height:44px;padding:10px 13px;background:#0b1924e8;color:#bbcdd1;border:1px solid var(--line);font:9px var(--mono)}.mode-switch button[aria-pressed=true]{color:var(--orange);border-color:var(--orange)}#operation-progress{font:8px/1.7 var(--mono);color:var(--energy);max-width:360px;margin:8px 0 16px}#result-coach{font-size:12px;line-height:1.8;border-left:2px solid var(--orange);padding-left:12px}#contract-progress{max-width:400px;line-height:1.7}.panel{overflow:visible}@media(max-height:820px) and (min-width:761px){#menu{top:15%}.slogan{margin:12px 0 18px}#menu h1{font-size:85px;margin-bottom:15px}.intro{margin-bottom:10px}.gesture{margin:12px 0}.mode-switch{margin:10px 0 5px}}@media(max-width:760px){#menu{top:15%}#menu h1{font-size:68px;margin-bottom:18px}.slogan{margin:10px 0 18px}.intro{font-size:12px;margin-bottom:12px}.mode-switch button{font-size:8px;padding:10px}#operation-progress{font-size:7px;max-width:300px}#contract-progress{font-size:7px}.gesture{margin:12px 0}.best{margin-top:10px}}@media(max-height:520px) and (min-width:600px){#menu{top:80px}#menu h1{font-size:55px;margin:8px 0}.mode-switch{margin:5px 0}.mode-switch button{min-height:36px;font-size:7px}#operation-progress{margin:5px 0;font-size:6px}.panel #result-coach{font-size:10px;max-width:60%}}