@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#fffbed;background:#173d32;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#app{height:100dvh;min-height:480px;position:relative}.game{position:absolute;inset:0}.hud{position:absolute;inset:0;pointer-events:none;padding:30px 38px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#102b3d38,transparent 25%,transparent 70%,#102c3060)}.top,.bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.brand{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:-1px;line-height:1}.brand span{display:block;font-size:11px;letter-spacing:4.8px;margin-top:8px;color:#d9edac}.pill,.icon-button{background:#183d32d9;border:1px solid #ffffff26;border-radius:12px;color:#fffbed;backdrop-filter:blur(12px)}.stats{display:flex;gap:0;align-items:center;padding:14px 22px;box-shadow:0 8px 30px #163b3020}.stat{padding:0 24px;border-right:1px solid #ffffff25;font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:600}.stat:first-child{padding-left:0}.stat:last-child{padding-right:0;border:0}.stat small{font:10px DM Sans,sans-serif;letter-spacing:1.5px;color:#d0ddc4;display:block;margin-bottom:4px}.stat em{font-size:14px;color:#c9d6be;font-style:normal}.top-right{display:flex;gap:10px;pointer-events:auto}.icon-button{width:44px;height:44px;font-size:18px}.icon-button:hover{background:#41634a}.mission{margin-top:24px;max-width:280px}.eyebrow{color:#d5e5a8;font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:#deef6c;border-radius:50%}.mission h1{font-family:Space Grotesk,sans-serif;font-size:29px;letter-spacing:-1px;margin:9px 0}.mission p{font-size:12px;line-height:1.6;color:#e1ead5;margin:0}.progress{height:3px;background:#ffffff30;margin-top:16px;width:190px;border-radius:3px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#e4f17b;transition:width .4s}.location{font-size:11px;letter-spacing:1px;color:#eff6df;display:flex;gap:10px;align-items:center}.location b{font-size:20px}.location small{display:block;font-size:9px;color:#d8e1cd;letter-spacing:2px;margin-top:5px}.controls{display:flex;gap:17px;align-items:center;font-size:10px;color:#f6f9e3}.key{display:inline-flex;min-width:23px;height:23px;align-items:center;justify-content:center;padding:0 5px;border:1px solid #ffffff55;background:#183d3266;border-radius:5px;margin-right:5px;color:#fff;font-size:10px}.bottom{align-items:flex-end}.status{position:absolute;left:50%;bottom:95px;transform:translate(-50%);font-size:12px;text-align:center;background:#163d32d9;border:1px solid #e2f48650;border-radius:30px;padding:12px 22px;transition:opacity .3s}.reticle{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff9;box-shadow:0 0 0 5px #ffffff15}.map{height:128px;width:128px;background:#153e32c9;border:1px solid #e2ecc144;border-radius:50%;position:relative;box-shadow:0 0 0 7px #153e3230;overflow:hidden}.map:before,.map:after{content:"";position:absolute;background:#ffffff12}.map:before{width:1px;height:100%;left:50%}.map:after{height:1px;width:100%;top:50%}.map-label{position:absolute;top:7px;left:59px;font-size:9px;color:#dce7c8}.map-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#f3c975;transform:translate(-50%,-50%)}.map-dot.player{background:#fff;width:8px;height:8px;z-index:2;box-shadow:0 0 0 4px #ffffff25}.debug{position:absolute;top:100px;right:30px;white-space:pre;font:11px/1.8 monospace;padding:16px;pointer-events:auto}.hidden{display:none!important}.modal-backdrop{position:absolute;inset:0;background:#102e2ac0;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(440px,100%);padding:34px;border-radius:22px;background:#f7f6e8;color:#244237;box-shadow:0 24px 100px #102c2950}.modal .eyebrow{color:#61814d}.modal h2{font:600 32px Space Grotesk,sans-serif;letter-spacing:-1.5px;margin:12px 0}.modal p{font-size:13px;line-height:1.8;color:#62715e}.modal button{width:100%;border:0;border-radius:9px;background:#264d3c;color:#fff;padding:14px;font-weight:600;margin-top:14px}.modal .row{display:flex;justify-content:space-between;border-bottom:1px solid #24423718;padding:10px 0;font-size:12px}.touch{display:none;position:absolute;inset:0;pointer-events:none}#joystick{position:absolute;left:30px;bottom:90px;width:110px;height:110px;border:1px solid #ffffff66;background:#183d3244;border-radius:50%;display:grid;place-items:center;pointer-events:auto;touch-action:none}#joystick i{width:45px;height:45px;border-radius:50%;background:#f8f9d77a;border:1px solid #fff8}.touch-actions{position:absolute;right:25px;bottom:75px;width:185px;height:150px}.touch-actions button{position:absolute;width:62px;height:62px;border:1px solid #ffffff70;background:#234c3bae;color:#fff;border-radius:50%;font-size:11px;pointer-events:auto;touch-action:none}.touch-actions button:active{background:#a6b765}.touch-actions [data-action=jump]{right:0;bottom:10px}.touch-actions [data-action=catch]{right:65px;bottom:65px;background:#d3e879;color:#244237}.touch-actions [data-action=slide]{right:75px;bottom:0;width:50px;height:50px}.touch-actions [data-action=sprint]{right:0;bottom:90px;width:46px;height:46px}.loading{position:absolute;inset:0;background:#183d32;display:grid;place-content:center;text-align:center;z-index:20}.loading p{font-size:12px;color:#cedcad;letter-spacing:2px}.loading h2{font:600 35px Space Grotesk,sans-serif}.version{font-size:9px;color:#d4e1c1;letter-spacing:1px;margin-top:14px}.paused-tag{position:absolute;top:24px;left:50%;transform:translate(-50%);padding:10px 20px;background:#193e33;border-radius:30px;font-size:12px}:root{--safe-top:max(16px,env(safe-area-inset-top));--safe-bottom:max(16px,env(safe-area-inset-bottom));--safe-left:max(16px,env(safe-area-inset-left));--safe-right:max(16px,env(safe-area-inset-right))}#app{min-height:0;overflow:hidden}.hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}.top-right{justify-self:end}.brand span{white-space:nowrap;letter-spacing:3px}.status,.paused-tag{pointer-events:none}.paused-tag{top:110px;max-width:calc(100% - 32px);white-space:nowrap;z-index:2}.icon-button{font-family:Arial,sans-serif;font-variant-emoji:text}.modal-backdrop{overflow:auto;overscroll-behavior:contain}.modal{max-height:100%;overflow:auto}.quality-row{align-items:center;gap:12px}.quality-row select{max-width:60%;border:1px solid #bcc8b1;background:#fffef5;color:#244237;border-radius:6px;padding:8px;font:12px DM Sans,sans-serif}@media(max-width:1150px){.controls{display:none}.top{gap:12px}.stat{padding:0 14px}.brand{font-size:19px}}@media(pointer:coarse){.touch{display:block}.controls{display:none}.bottom{pointer-events:none}.bottom>div:first-child{display:none}.touch-actions{right:var(--safe-right);bottom:calc(var(--safe-bottom) + 12px);width:140px;height:140px;display:grid;grid-template-columns:64px 64px;grid-template-rows:64px 64px;gap:12px}.touch-actions button,.touch-actions [data-action]{position:static;width:64px;height:64px;font-size:11px}.touch-actions [data-action=catch]{grid-column:1;grid-row:1}.touch-actions [data-action=sprint]{grid-column:2;grid-row:1}.touch-actions [data-action=slide]{grid-column:1;grid-row:2}.touch-actions [data-action=jump]{grid-column:2;grid-row:2}#joystick{left:var(--safe-left);bottom:calc(var(--safe-bottom) + 24px);width:110px;height:110px}.map{position:absolute;right:var(--safe-right);top:calc(var(--safe-top) + 110px);width:78px;height:78px}.map-label{left:35px}.status{bottom:calc(var(--safe-bottom) + 172px);max-width:calc(100% - 32px);width:max-content;font-size:11px;padding:10px 16px}.mission p{display:none}.mission h1{font-size:23px}.mission{max-width:240px}.debug{top:210px;right:var(--safe-right);max-width:calc(100% - 32px);font-size:10px}}@media(max-width:700px){.top{grid-template-columns:minmax(0,1fr) auto;gap:16px 10px}.brand{font-size:19px}.brand span{font-size:8px;letter-spacing:2px;margin-top:7px}.top-right{gap:8px}.icon-button{width:40px;height:40px}.stats{position:static;grid-row:2;grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px 14px}.stat{padding:0 12px;font-size:20px}.stat small{font-size:8px;letter-spacing:1px}.stat em{font-size:12px}.mission{margin-top:14px;max-width:calc(100% - 100px)}.mission h1,.mission p{display:none}.mission .eyebrow{font-size:9px;letter-spacing:1.5px}.progress{width:130px;margin-top:10px}.map{position:absolute;right:var(--safe-right);top:calc(var(--safe-top) + 147px);width:72px;height:72px}.map-label{left:32px}.paused-tag{top:calc(var(--safe-top) + 183px);left:var(--safe-left);transform:none;font-size:11px;padding:9px 12px}.status{bottom:calc(var(--safe-bottom) + 172px);font-size:11px}.debug{top:calc(var(--safe-top) + 230px);right:var(--safe-right);padding:10px;font-size:10px;line-height:1.5}.version,.location{display:none}.modal{padding:22px}.modal h2{font-size:27px}.modal p{font-size:12px;line-height:1.6}}@media(pointer:coarse)and (orientation:landscape)and (max-height:600px){.top{grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);gap:10px}.brand{font-size:17px}.brand span{font-size:8px;letter-spacing:1.5px}.stats{grid-column:auto;grid-row:auto;width:auto;padding:9px 14px}.stat{padding:0 12px;font-size:18px}.stat small{font-size:8px}.icon-button{width:36px;height:36px}.top-right{gap:7px}.mission{display:none}.map{top:calc(var(--safe-top) + 69px);width:64px;height:64px}.map-label{left:28px}.paused-tag{top:calc(var(--safe-top) + 69px);left:50%;transform:translate(-50%)}.touch-actions{width:120px;height:120px;grid-template-columns:54px 54px;grid-template-rows:54px 54px;gap:12px;bottom:var(--safe-bottom)}.touch-actions button,.touch-actions [data-action]{width:54px;height:54px;font-size:10px}#joystick{bottom:var(--safe-bottom);width:96px;height:96px}.status{bottom:var(--safe-bottom);max-width:calc(100% - 320px)}.debug{top:calc(var(--safe-top) + 70px);right:calc(var(--safe-right) + 145px);font-size:9px;padding:8px}}.icon-button svg{display:block;width:21px;height:21px;fill:currentColor;margin:auto}button,button *,#joystick,#joystick *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.reticle{pointer-events:none}.music-settings{margin-top:18px;font-size:12px;border-top:1px solid #24423718;padding-top:16px}.music-settings input{max-width:100%;font:12px DM Sans,sans-serif;color:#244237}.music-settings input[type=file]{width:100%;padding:8px 0}.music-settings input::file-selector-button{border:0;background:#e1e8d5;color:#244237;border-radius:6px;padding:8px;margin-right:8px}.music-url{display:flex;gap:8px;margin-top:8px}.music-url input{min-width:0;flex:1;border:1px solid #bcc8b1;border-radius:6px;padding:8px}.music-url button{margin:0;width:auto;white-space:nowrap;padding:9px;font-size:11px}@media(max-width:380px){.top-right{gap:5px}.icon-button{width:34px;height:34px}.brand{font-size:17px}.brand span{display:none}}.aim-marker{position:absolute;z-index:1;width:42px;height:42px;border:2px solid #f9d67d;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #f9d67d25,inset 0 0 12px #f9d67d20}.aim-marker:before,.aim-marker:after{content:"";position:absolute;background:#f9d67d}.aim-marker:before{width:8px;height:2px;top:18px;left:15px}.aim-marker:after{width:2px;height:8px;top:15px;left:18px}.aim-marker span{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:8px;font-weight:700;letter-spacing:1px;white-space:nowrap;color:#fff0b5;text-shadow:0 1px 5px #143b30}.touch-actions .target-ready{box-shadow:0 0 0 4px #f5db8355;border-color:#fff2b3}.run-modal{width:min(720px,100%)}.camp-stats{display:flex;gap:14px;justify-content:space-between;padding:14px 0;margin-bottom:10px;border-top:1px solid #24423722;border-bottom:1px solid #24423722}.camp-stats span{font-size:11px;color:#64765d}.camp-stats b{font:600 25px Space Grotesk,sans-serif;display:block;color:#244237;margin-bottom:4px}.camp-label{color:#6b8358!important;margin:18px 0 8px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.modal .upgrade-card{margin:0;text-align:left;display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px 14px;border:1px solid #cbd6ba;background:#edf0df;color:#284735;transition:background .15s,transform .15s}.upgrade-card i{font:28px Space Grotesk,sans-serif;color:#6b8f46}.upgrade-card small{font-size:8px;letter-spacing:1px;color:#6e835f}.upgrade-card strong{font:600 18px Space Grotesk,sans-serif;letter-spacing:-.6px}.upgrade-card span{font-size:12px;line-height:1.6;color:#5a7053;font-weight:400}.modal .upgrade-card:hover,.modal .upgrade-card:focus-visible{background:#e0e8c7;outline:2px solid #9bb86a;outline-offset:2px}.modal .upgrade-card.selected{border:2px solid #73954c;background:#e0e8c7}.modal button:disabled{opacity:.5;cursor:default}.modal button.secondary{background:transparent;color:#36563d;border:1px solid #c2d0b3;padding:11px;font-size:12px}.camp-note{font-size:11px!important;line-height:1.6!important}.result-build{background:#e9eedb;border-radius:9px;padding:12px 16px}.result-build small{font-size:9px;letter-spacing:2px;color:#6c815b}.result-build p{margin:8px 0 0}.run-build{font-size:18px;letter-spacing:3px;color:#f5d97d;margin-top:9px;max-width:160px}.boss-hud{position:absolute;top:110px;left:50%;transform:translate(-50%);width:250px;padding:10px 14px;border:1px solid #e9ba6c80;background:#244337e8;border-radius:10px;text-align:center;pointer-events:none}.boss-hud b{display:block;font-size:10px;letter-spacing:2px;color:#f6d68b}.boss-hud span{display:block;letter-spacing:8px;color:#efbe70;font-size:18px;margin:5px 0}.boss-hud small{font-size:9px;letter-spacing:1px;color:#f3d6a5}.boss-hud.vulnerable{border-color:#7fd4b2}.boss-hud.vulnerable small{color:#a8f1cd}.map-dot.leader-dot{width:10px;height:10px;box-shadow:0 0 0 3px #edca7460}@media(max-width:700px){.upgrade-grid{grid-template-columns:1fr}.modal .upgrade-card{padding:12px;gap:5px}.upgrade-card i{font-size:21px}.upgrade-card strong{font-size:17px}.upgrade-card span{font-size:11px;line-height:1.4}.camp-stats b{font-size:21px}.camp-stats{gap:8px}.run-build{font-size:16px;letter-spacing:2px;margin-top:7px}.boss-hud{top:calc(var(--safe-top) + 225px);width:230px;padding:7px 12px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:600px){.upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.run-modal{padding:20px 24px}.run-modal h2{font-size:27px;margin:8px 0}.run-modal p{margin:8px 0}.boss-hud{top:calc(var(--safe-top) + 65px);width:210px;padding:6px 10px}.boss-hud span{font-size:14px;margin:3px 0}.boss-hud b,.boss-hud small{font-size:8px}}.run-modal{display:flex;flex-direction:column;overflow:hidden}.run-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 3px 4px}.run-actions{flex-shrink:0;padding-top:3px}.run-actions button{margin-top:9px}.run-actions .camp-note{margin-bottom:0}@media(orientation:landscape)and (max-height:600px){#modal[data-screen=camp] .run-modal h2{font-size:24px;margin:6px 0}#modal[data-screen=camp] .run-scroll>p:not(.camp-note){font-size:11px;line-height:1.4;margin:4px 0 8px}#modal[data-screen=camp] .camp-stats{padding:7px 0;margin:6px 0}#modal[data-screen=camp] .camp-stats b{display:inline;font-size:19px;margin-right:5px}#modal[data-screen=camp] .camp-label{margin:8px 0;font-size:9px}#modal[data-screen=camp] .upgrade-card{padding:10px;gap:5px}#modal[data-screen=camp] .upgrade-card strong{font-size:17px}#modal[data-screen=camp] .upgrade-card span{font-size:11px;line-height:1.4}#modal[data-screen=camp] .camp-note{font-size:10px!important;line-height:1.4!important;margin:8px 0 0}}@media(orientation:landscape)and (max-height:450px){#modal[data-screen=camp] .run-scroll>p{display:none}#modal[data-screen=camp] .run-modal{padding:16px 20px}}