:root{color:#f5f7f8;background:#071524;font:500 16px/1.25 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}#app,.stage,.game-canvas{width:100vw;height:100dvh;display:block}.stage{position:fixed;inset:0}.reticle{position:fixed;left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);pointer-events:none;border:1px solid #ffe9a1;border-radius:50%;box-shadow:0 0 8px #000;z-index:2}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffe9a1}.reticle:before{width:1px;height:52px;left:18px;top:-8px}.reticle:after{width:52px;height:1px;left:-8px;top:18px}.reticle i{position:absolute;inset:16px;background:#ffe9a1;border-radius:50%}.loading-screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;overflow:hidden;background:#071524;transition:opacity .35s ease,visibility .35s ease}.loading-screen img{width:100%;height:100%;object-fit:cover}.loading-screen p{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));margin:0;padding:7px 12px;color:#fff1c5;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 2px 5px #000}.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.damage-vignette{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 38%,#c4131b22 62%,#a0000ab3 100%)}.damage-vignette.active{animation:damage-flash .46s ease-out both}@keyframes damage-flash{0%{opacity:0}18%{opacity:.75}to{opacity:0}}.hud{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding:14px;pointer-events:none;display:flex;flex-direction:column;gap:8px}.header-ui{align-self:flex-start}.top{display:flex;gap:12px;flex-wrap:wrap;text-shadow:0 2px 3px #000}.notice{max-width:36rem;min-height:2.5em;margin-top:8px;padding:8px 10px;background:#06111dca;border-left:3px solid #e4b64e}.bottom-ui{pointer-events:none;max-width:42rem;margin-top:auto}.controls,.aim-zone,.dev{pointer-events:auto}.primary-controls,.secondary-controls>div{display:flex;gap:6px;flex-wrap:wrap}button,.secondary-controls summary{min-width:44px;min-height:42px;border:1px solid #91a8b6;border-radius:7px;background:#112b3b;color:#fff;padding:5px 8px;cursor:pointer}button:hover,.secondary-controls summary:hover{filter:brightness(1.15)}.control-toggleBreech{background:#a67a08}.control-load{background:#287b46}.control-fire{background:#9b392c}.control-HE{background:#176ca8}.control-AP{background:#7d3e9d}.control-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.control-fire .control-icon{fill:currentColor}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.secondary-controls{margin-top:6px}.secondary-controls summary{display:inline-flex;align-items:center;justify-content:center;list-style:none}.secondary-controls summary::-webkit-details-marker{display:none}.secondary-controls>div{margin-top:6px}.volume-control{display:flex;align-items:center;gap:6px;min-height:42px;padding:4px 8px;border:1px solid #91a8b6;border-radius:7px;background:#0d2432}.volume-control input{width:90px}.volume-control output{min-width:34px;font-size:12px}.continue-level{display:flex;align-items:center;gap:8px;margin-top:6px;background:#356b42;font-weight:700}.aim-zone{display:none}.dev{background:#06111dc4;width:max-content;padding:5px;font-size:12px;margin-top:6px}.tutorial{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:22px;pointer-events:auto;background:#020a12a6}.tutorial[hidden]{display:none}.tutorial-card{max-width:22rem;padding:20px;border:1px solid #9fc1d1;border-radius:12px;background:#0b2233;box-shadow:0 10px 35px #000}.tutorial-card strong{font-size:1.25rem}.tutorial-card p{color:#d9e7ef}.tutorial-card div{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:700px),(pointer:coarse){.hud{padding:8px}.bottom-ui{width:100%}.primary-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.primary-controls button{min-width:0;min-height:39px;padding:4px}.control-icon{width:21px;height:21px}.secondary-controls{margin-top:4px}.continue-level{width:100%;justify-content:center}.aim-zone{position:relative;display:grid;place-items:center;height:clamp(86px,20dvh,132px);margin-top:6px;border:1px solid #91a8b699;border-radius:10px;background:linear-gradient(135deg,#0b2636d9,#06111dcc);touch-action:none;user-select:none;color:#d8e8ef;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.aim-zone:before,.aim-zone:after{content:"";position:absolute;background:#bbd8e644}.aim-zone:before{width:44px;height:1px}.aim-zone:after{height:44px;width:1px}.dev{display:none}.top{font-size:13px;gap:7px}.notice{font-size:13px;min-height:0;padding:6px 8px}}.loading-screen p{bottom:max(88px,calc(env(safe-area-inset-bottom) + 68px))}.loading-screen button{position:absolute;bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px));min-width:178px;border-color:#ead083;background:#193b4dbd;color:#fff4cb;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 3px 14px #0009}.loading-screen button:disabled{opacity:.55;cursor:wait}.sensitivity-control{display:flex;align-items:center;gap:6px;min-height:42px;padding:4px 8px;border:1px solid #91a8b6;border-radius:7px;background:#0d2432}.sensitivity-control input{width:90px}.sensitivity-control output{min-width:34px;font-size:12px}.locale-control{display:flex;align-items:center;gap:6px;min-height:42px;padding:4px 8px;border:1px solid #91a8b6;border-radius:7px;background:#0d2432}.locale-control select{color:#fff;border:0;border-radius:4px;background:#173448}@media(max-width:700px),(pointer:coarse){.primary-controls{grid-template-areas:"breech load fire he ap"}.primary-controls .control-toggleBreech{grid-area:breech}.primary-controls .control-load{grid-area:load}.primary-controls .control-fire{grid-area:fire}.primary-controls .control-HE{grid-area:he}.primary-controls .control-AP{grid-area:ap}}.primary-controls .control-icon{display:none}.primary-controls button{width:64px;height:64px;min-width:64px;min-height:64px;padding:0;border:0;border-radius:0;background-image:url(../assets/hud-buttons.png);background-size:500% 400%;background-repeat:no-repeat;background-color:transparent;box-shadow:none}.primary-controls button:hover{filter:brightness(1.08)}.primary-controls .control-toggleBreech{background-position:0 0}.primary-controls .control-load{background-position:25% 0}.primary-controls .control-fire{background-position:100% 0}.primary-controls .control-HE{background-position:50% 0}.primary-controls .control-AP{background-position:75% 0}.loading-screen button{bottom:50%;transform:translateY(50%)}button[data-reward]:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(1)}@media(max-width:700px),(pointer:coarse){.primary-controls button{width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:1;background-size:500% 400%}}.secondary-controls{position:fixed;top:calc(env(safe-area-inset-top) + 14px);right:calc(env(safe-area-inset-right) + 14px);z-index:4}.secondary-controls>div{position:absolute;top:calc(100% + 6px);right:0;width:max-content;justify-content:flex-end}@media(max-width:700px),(pointer:coarse){.secondary-controls{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px)}}.restart-level{display:none}@media(max-width:700px),(pointer:coarse){.restart-level:not([hidden]){display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:6px;background:#8b322e;font-weight:700}}.dev{display:none}@media(min-width:701px)and (pointer:fine){.primary-controls{gap:12px}.primary-controls button{position:relative;margin-bottom:23px;overflow:visible}.primary-controls button:after{position:absolute;top:calc(100% + 4px);left:50%;width:max-content;transform:translate(-50%);color:#f4f7f8;font:600 12px/1.1 system-ui,sans-serif;text-shadow:0 2px 3px #000;pointer-events:none}.primary-controls .control-toggleBreech:after{content:"E"}.primary-controls .control-load:after{content:"R"}.primary-controls .control-fire:after{content:"Space"}.primary-controls .control-HE:after{content:"1"}.primary-controls .control-AP:after{content:"2"}}@media(min-width:701px)and (pointer:fine){.bottom-ui{align-self:center;width:max-content;max-width:none}.controls{display:flex;flex-direction:column;align-items:center}.continue-desktop{display:none!important}.secondary-controls>div{width:min(60rem,calc(100vw - 36px));min-height:190px;justify-content:center;align-content:center}.secondary-controls .player-summary{flex:0 1 min(42rem,100%);grid-template-columns:repeat(2,max-content);justify-content:center;text-align:center}}.reward-status{width:max-content;margin-top:6px;padding:5px 8px;border-left:3px solid #67b6e3;background:#06111dca;font-size:13px;text-shadow:0 2px 3px #000}.level-modal,.level-modal[hidden]{display:none}.leaderboard-modal{position:fixed;inset:0;z-index:7;display:grid;place-items:center;padding:20px;pointer-events:auto;background:#020a1273}.leaderboard-modal[hidden]{display:none}.leaderboard-card{position:relative;width:min(27rem,100%);max-height:min(72dvh,36rem);overflow:auto;padding:22px;border:1px solid #8fb1c1;border-radius:14px;background:#0b2233;box-shadow:0 12px 38px #000}.leaderboard-card strong{font-size:1.25rem;color:#fff0bd}.leaderboard-card ol{margin:12px 0 0;padding-left:26px}.leaderboard-card li{padding:5px 0;color:#d9e7ef}.leaderboard-columns{margin:9px 0 0;color:#a9c9d9;font-size:12px;text-transform:uppercase}.player-summary{display:grid;flex-basis:100%;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;border:1px solid #547f94;border-radius:7px;background:#0d2432;color:#d9e7ef;font-size:12px}.player-summary strong{grid-column:1 / -1;color:#fff0bd;font-size:14px}.modal-close{position:absolute;top:8px;right:8px;min-width:32px;min-height:32px;padding:0;font-size:22px}.soon-popover{position:fixed;z-index:12;max-width:170px;padding:7px 10px;border:1px solid #d7bc69;border-radius:7px;background:#102a3bf2;color:#fff0bd;font-size:12px;box-shadow:0 5px 16px #0009;pointer-events:none}.is-soon{opacity:.52;filter:grayscale(.8)}.secondary-controls summary,.secondary-controls .control-repair,.secondary-controls .control-pause,.secondary-controls [data-reward],.secondary-controls [data-action=leaderboard],.secondary-controls [data-action=toggle-language],.modal-close{width:52px;min-width:52px;height:52px;min-height:52px;padding:0;border:0;border-radius:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;color:transparent}.secondary-controls summary{background-image:url(../assets/ui-kit/buttons/menu.png);font-size:0}.secondary-controls .control-repair{background-image:url(../assets/ui-kit/buttons/repair.png)}.secondary-controls [data-reward=ap]{background-image:url(../assets/ui-kit/buttons/reward-ap.png)}.secondary-controls [data-reward=repair]{background-image:url(../assets/ui-kit/buttons/reward-hp.png)}.secondary-controls [data-reward=autoAdvance]{background-image:url(../assets/ui-kit/buttons/reward-video.png)}.secondary-controls [data-action=leaderboard]{background-image:url(../assets/ui-kit/buttons/leaderboard.png)}.secondary-controls [data-action=toggle-language]{background-image:url(../assets/ui-kit/buttons/language.png)}.secondary-controls .control-pause{background-image:url(../assets/ui-kit/buttons/pause.png)}.secondary-controls .control-pause.is-user-paused{background-image:url(../assets/ui-kit/buttons/play.png)}.secondary-controls .control-repair .control-icon,.secondary-controls .control-pause .control-icon{display:none}.secondary-controls>div{padding:22px;border:0;border-radius:12px;background:url(../assets/ui-kit/panels/settings-panel.png) center / 100% 100% no-repeat}.player-summary{min-height:66px;border:0;border-radius:10px;background:url(../assets/ui-kit/panels/profile-header.png) center / 100% 100% no-repeat;padding:12px 18px}.notice{border:0;border-radius:8px;background:url(../assets/ui-kit/panels/notification.png) center / 100% 100% no-repeat;padding:12px 20px 12px 52px}.leaderboard-card{border:0;border-radius:16px;background:url(../assets/ui-kit/panels/leaderboard-panel.png) center / 100% 100% no-repeat;padding:30px}.modal-close{background-image:url(../assets/ui-kit/buttons/close.png)}.volume-control,.locale-control{background-color:#0d2432;background-repeat:no-repeat;background-position:7px center;background-size:29px 29px;padding-left:42px}.volume-control{background-image:url(../assets/ui-kit/buttons/music.png)}.locale-control{background-image:url(../assets/ui-kit/buttons/language.png)}.volume-control>span,.locale-control>span{display:none}.locale-control input{width:82px;accent-color:#d7aa42;cursor:ew-resize}.locale-control output{min-width:26px;color:#fff0bd;font-size:12px;font-weight:800}.sensitivity-control{background:#0d2432 url(../assets/ui-kit/buttons/aim-sensitivity.png) 7px center / 29px 29px no-repeat;padding-left:42px}.sensitivity-control>span{display:none}.hud.menu-open .notice,.hud.menu-open .reward-status{visibility:hidden}.top>span{display:inline-flex;align-items:center;gap:5px}.top>span:before{content:"";width:27px;height:27px;flex:0 0 27px;background:center / contain no-repeat}.top [data-hp]:before{background-image:url(../assets/ui-kit/buttons/health.png)}.top [data-level]:before{background-image:url(../assets/ui-kit/buttons/encounters.png)}.top [data-score]:before{background-image:url(../assets/ui-kit/buttons/score.png)}.tutorial{background:radial-gradient(ellipse at center,#0c3040aa,#020a12dc 72%)}.tutorial-card{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:16px;background:url(../assets/ui-kit/panels/settings-panel.png) center / 100% 100% no-repeat;padding:34px 42px}.tutorial-card:before,.tutorial-card:after{content:"";position:absolute;z-index:0;background:center / contain no-repeat;opacity:.16;pointer-events:none}.tutorial-card:before{width:128px;height:128px;top:-22px;right:-20px;background-image:url(../assets/ui-kit/buttons/aim-sensitivity.png);transform:rotate(18deg)}.tutorial-card:after{width:112px;height:112px;bottom:-32px;left:-18px;background-image:url(../assets/ui-kit/buttons/leaderboard.png);transform:rotate(-16deg)}.tutorial-card>*{position:relative;z-index:1}@media(max-width:700px),(pointer:coarse){.continue-desktop{display:none!important}.level-modal:not([hidden]){position:fixed;inset:0;z-index:6;display:grid;place-items:center;padding:20px;pointer-events:auto;background:#020a1273}.level-card{width:min(22rem,100%);padding:22px;border:1px solid #d7bc69;border-radius:14px;background:#0b2233;box-shadow:0 12px 38px #000;text-align:center}.level-card strong{display:block;color:#fff0bd;font-size:1.3rem}.level-card p{color:#d9e7ef}.level-card button{min-width:180px;background:#356b42;font-weight:800}.secondary-controls{top:calc(env(safe-area-inset-top) + 6px);right:calc(env(safe-area-inset-right) + 6px)}.secondary-controls summary{min-width:36px;min-height:34px;padding:3px 8px}.secondary-controls>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(248px,calc(100vw - 12px));max-height:min(46dvh,280px);padding:5px;overflow-y:auto;border:1px solid #91a8b6;border-radius:8px;background:#06111df2}.secondary-controls>div>button{min-width:0;min-height:34px;padding:3px 4px;font-size:11px}.secondary-controls .player-summary{grid-column:span 3}.secondary-controls .volume-control,.secondary-controls .sensitivity-control,.secondary-controls .locale-control{grid-column:span 3;min-height:31px;padding:2px 6px}.secondary-controls>div{padding:14px;background-size:100% 100%}.secondary-controls summary,.secondary-controls .control-repair,.secondary-controls .control-pause,.secondary-controls [data-reward],.secondary-controls [data-action=leaderboard],.secondary-controls [data-action=toggle-language]{width:42px;min-width:42px;height:42px;min-height:42px}.secondary-controls .volume-control,.secondary-controls .locale-control{padding-left:39px;background-position:6px center;background-size:25px 25px}.secondary-controls>div{border:0;background-color:transparent;background-image:url(../assets/ui-kit/panels/settings-panel.png)}.secondary-controls .locale-control{background-image:url(../assets/ui-kit/buttons/language.png)}.secondary-controls .sensitivity-control{padding-left:39px;background-position:6px center;background-size:25px 25px}.secondary-controls .locale-control input{width:min(118px,36vw)}.secondary-controls .volume-control input,.secondary-controls .sensitivity-control input{width:min(118px,40vw)}.locale-control{display:flex;align-items:center;gap:6px;border:1px solid #91a8b6;border-radius:7px;background-color:#0d2432}.locale-control select{min-width:0;flex:1;border:0;border-radius:4px;color:#fff;background:#173448;font-size:12px}.notice{padding:8px 16px 8px 42px}}@media(min-width:701px)and (pointer:fine){.secondary-controls>div{display:grid;grid-template-columns:repeat(3,52px);width:348px;min-height:0;padding:20px;justify-content:center;justify-items:center;gap:8px}.secondary-controls .player-summary{grid-column:span 3;width:100%;min-height:70px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:initial;text-align:center}.secondary-controls .volume-control,.secondary-controls .sensitivity-control{grid-column:span 3;width:100%}}