@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f7f1e6;background:#202a20;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}#game{position:absolute;inset:0}#game canvas{display:block;width:100%;height:100%}#grain{position:fixed;inset:0;pointer-events:none;opacity:.17;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}#hud{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:1;transition:opacity .35s}#hud.is-hidden{opacity:0;visibility:hidden}#hud button{pointer-events:auto}.hud-header{position:absolute;left:0;right:0;top:0;padding:25px 34px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(#14201891,transparent)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:31px;line-height:1;color:#e8a65b;transform:rotate(17deg)}.brand b{display:block;font:600 20px/1 Oswald,Impact,sans-serif;letter-spacing:2px}.brand small{display:block;margin-top:6px;font-size:8px;letter-spacing:2.4px;color:#efebd5a8}.hud-top-right{display:flex;align-items:center;gap:10px}.hud-top-right>span{font-size:9px;letter-spacing:1.5px;margin-right:14px;color:#f7f1e6c2}.icon-button{width:37px;height:37px;border:1px solid #f5efe266;background:#15231988;color:#f8f1e6;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:15px}.icon-button:hover{background:#d58b48}.mission-panel{position:absolute;top:114px;left:34px;width:265px;padding:22px 22px 20px;background:#172319ba;border:1px solid #e6d9bd36;box-shadow:0 12px 35px #0d180d3b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.eyebrow,.overline{font-size:9px;font-weight:700;letter-spacing:2.2px;color:#dda160}.mission-panel h1{font:500 28px/1.1 Oswald,Impact,sans-serif;margin:11px 0 7px;text-transform:uppercase;letter-spacing:.5px}.mission-panel h1 span{color:#d38d4b}.mission-panel p{font-size:11px;line-height:1.5;color:#e1dfc9bf;margin:0 0 24px}.zone{margin-top:15px}.zone-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;color:#dab58d}.zone-title b{color:#f5eedf;font-size:9px;font-weight:600;margin-left:5px}.zone-title strong{color:#f5eedf;font-size:12px}.track{height:4px;background:#e5e4d040;margin-top:8px;overflow:hidden}.track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#b7773d,#e2a35a);transition:width .3s}.target-note{margin-top:19px;font-size:8px;letter-spacing:1.3px;color:#f3e7cc88}.hud-footer{position:absolute;bottom:0;left:0;right:0;min-height:115px;padding:31px 34px 25px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(transparent,#102015af)}.readout b{display:block;font:600 44px/1 Oswald,Impact,sans-serif;letter-spacing:2px;margin-top:7px}.footer-center{font-size:9px;letter-spacing:1.1px;color:#f5efdecb;padding-bottom:7px}.footer-center span{color:#d1a271;margin-right:8px;margin-left:2px}.power{display:flex;align-items:flex-end;gap:17px;text-align:right}.power b{display:block;font:600 17px/1 Oswald,sans-serif;letter-spacing:1px;margin-top:8px}.power-bars{display:flex;gap:3px;align-items:flex-end;height:29px}.power-bars i{display:block;width:5px;height:9px;background:#e8dbbe56;transition:background .1s}.power-bars i:nth-child(2){height:13px}.power-bars i:nth-child(3){height:17px}.power-bars i:nth-child(4){height:22px}.power-bars i:nth-child(5){height:28px}.power-bars i.active{background:#e39a50}.power-bars i.boost{background:#ffe5a4}#reticle{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:22px;height:22px;border:1px solid #f6eeddbb;border-radius:50%;display:grid;place-items:center;transition:all .12s}#reticle i{width:3px;height:3px;background:#f8eddb;border-radius:50%}#reticle span{position:absolute;top:29px;font-size:8px;letter-spacing:1.6px;opacity:0}#reticle.firing{width:34px;height:34px;border-color:#ffc485;box-shadow:0 0 18px #e8a55a88}#reticle.firing span{opacity:1;color:#ffc485}#toast{position:absolute;left:50%;top:31%;transform:translate(-50%,-8px);padding:11px 17px;color:#292b1b;background:#f2dfb5;letter-spacing:1.3px;font-size:10px;font-weight:700;opacity:0;transition:all .22s;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}.screen{position:fixed;inset:0;z-index:6;background:linear-gradient(90deg,#142018ec,#172017ca 34%,#14201827 76%),linear-gradient(0deg,#142019a8,transparent 35%);display:flex;flex-direction:column;justify-content:space-between;transition:opacity .35s,visibility .35s}.screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.screen-top,.screen-bottom{display:flex;justify-content:space-between;padding:27px 38px;font-size:9px;letter-spacing:2px;font-weight:700;color:#f8f1e6bf}.brand-small{font-size:14px;color:#fff3dd}.intro-content{margin-left:clamp(38px,9vw,160px);margin-top:-20px;max-width:720px}.intro-content .line{width:42px;height:3px;background:#e3a061;margin-bottom:24px}.intro-content h1{font:600 clamp(72px,9.6vw,154px)/.89 "Oswald",Impact,sans-serif;letter-spacing:-2px;margin:17px 0 26px;text-shadow:0 8px 40px #17231950}.intro-content h1 em{color:#eaa25b;font-style:normal}.intro-content p{max-width:410px;font-size:16px;line-height:1.65;color:#e9e6d9d9;margin:0 0 32px}.primary{height:55px;min-width:235px;padding:0 23px;border:0;background:#db904d;color:#19271f;text-align:left;font-size:11px;font-weight:700;letter-spacing:2px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 10px 25px #15200e3b;transition:background .2s,transform .2s}.primary:hover{background:#f3b36e;transform:translateY(-2px)}.primary span{font-size:22px;font-weight:400}.intro-meta{display:flex;gap:27px;margin-top:36px;font-size:9px;letter-spacing:1.5px;color:#f7f0dc90}.menu-card{margin:auto;width:min(460px,calc(100% - 40px));padding:48px;background:#17241dd9;border:1px solid #f0e1c752;box-shadow:0 20px 80px #111d1899}.menu-card h2{font:500 62px/1 Oswald,Impact,sans-serif;text-transform:uppercase;margin:18px 0 11px}.menu-card p{font-size:13px;color:#e9e4d8bb;line-height:1.5;margin:0 0 34px}.menu-card .primary{width:100%}.text-button{display:block;background:none;border:0;color:#eee4c9aa;font-size:10px;letter-spacing:2px;margin:23px auto 0;padding:7px}#loading{position:fixed;inset:0;background:#15221c;z-index:9;display:grid;place-content:center;gap:19px;text-align:center;transition:opacity .6s,visibility .6s}#loading.hidden{opacity:0;visibility:hidden}#loading span{font-size:10px;letter-spacing:3px;color:#e8dbba}#loading>div{width:210px;height:2px;background:#f0e6ca33}#loading i{display:block;height:100%;width:55%;background:#db9959;animation:load 1.5s infinite alternate}@keyframes load{to{width:100%}}#mobile-controls{display:none}@media(max-width:800px){.hud-header{padding:17px 18px}.brand b{font-size:16px}.brand small{font-size:6px}.hud-top-right>span{display:none}.mission-panel{top:79px;left:17px;width:215px;padding:15px}.mission-panel h1{font-size:22px}.mission-panel p{font-size:10px;margin-bottom:13px}.zone{margin-top:10px}.target-note{margin-top:12px}.hud-footer{padding:12px 18px 18px;min-height:84px}.readout b{font-size:28px}.footer-center{display:none}.power b{font-size:13px}.screen-top,.screen-bottom{padding:19px;font-size:7px}.intro-content{margin:0 25px}.intro-content h1{font-size:clamp(54px,13vw,92px)}.intro-content p{font-size:13px}.intro-meta{font-size:7px;gap:14px;flex-wrap:wrap}.menu-card h2{font-size:48px}#mobile-controls{display:block;pointer-events:none}#joystick{position:absolute;bottom:108px;left:25px;width:106px;height:106px;border:1px solid #eee3c580;border-radius:50%;background:#17251b6b;pointer-events:auto;touch-action:none}#stick{position:absolute;left:34px;top:34px;width:38px;height:38px;border-radius:50%;background:#e8e2c7aa;box-shadow:0 3px 12px #0c170b88}#look-area{position:absolute;inset:25% 0 110px 48%;pointer-events:auto;touch-action:none}#blow-button{position:absolute;right:29px;bottom:120px;width:86px;height:86px;border:2px solid #f2dfbd;background:#d88e4dcc;border-radius:50%;color:#15251d;font-size:10px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;touch-action:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#blow-button span{font-size:29px;line-height:1}}@media(max-height:620px){.mission-panel{top:70px}.hud-footer{min-height:70px;padding-bottom:12px}.intro-content h1{font-size:clamp(49px,10vh,85px)}.intro-content p{margin-bottom:16px}.intro-meta{margin-top:18px}.screen-top,.screen-bottom{padding-top:12px;padding-bottom:12px}}@media(pointer:coarse)and (min-width:801px){.footer-center{display:none}#mobile-controls{display:block;pointer-events:none}#joystick{position:absolute;bottom:120px;left:35px;width:110px;height:110px;border:1px solid #eee3c580;border-radius:50%;background:#17251b6b;pointer-events:auto;touch-action:none}#stick{position:absolute;left:36px;top:36px;width:38px;height:38px;border-radius:50%;background:#e8e2c7aa}#look-area{position:absolute;inset:20% 0 100px 45%;pointer-events:auto;touch-action:none}#blow-button{position:absolute;right:35px;bottom:130px;width:90px;height:90px;border:2px solid #f2dfbd;background:#d88e4dcc;border-radius:50%;color:#15251d;font-size:10px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;justify-content:center;flex-direction:column;touch-action:none}#blow-button span{font-size:30px}}