@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@400;600;700&display=swap');
:root{font:16px 'Space Grotesk',Arial,sans-serif;color:#effbf9;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;overflow:hidden;width:100%;height:100%;background:#283f4d;touch-action:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none}button:focus-visible{outline:3px solid #d1ffab;outline-offset:5px}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:0}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,#10151c55 100%)}#hurt{position:fixed;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 180px 25px #d92741;z-index:3}#flash{position:fixed;inset:0;background:#bdffe7;pointer-events:none;opacity:0;z-index:7}#hud{pointer-events:none;position:fixed;inset:0;z-index:2;text-shadow:0 2px 5px #0008}#hud button{pointer-events:auto}.top-left{position:absolute;top:25px;left:30px;max-width:60%}#items{display:flex;flex-wrap:wrap;gap:6px;max-width:540px}.item{height:36px;min-width:36px;padding:3px 7px;border:1px solid #ffffff44;background:#17273399;position:relative;display:grid;place-items:center;font-size:23px}.item small{position:absolute;right:-3px;bottom:-4px;font:700 12px Arial;background:#172733;padding:1px 3px;color:white}.money{display:flex;gap:8px;align-items:center;color:#f7de90;margin-top:12px;font-size:24px}.money b{font-weight:600}.money>.level{color:#c6e0d8;font-size:14px;margin-left:15px}.top-right{position:absolute;right:30px;top:22px;width:160px;text-align:right}#time{font:600 36px 'Rajdhani',sans-serif;letter-spacing:2px}.danger{height:7px;background:#152a3299;display:flex;overflow:hidden;margin:3px 0 7px}.danger i{width:1%;background:linear-gradient(90deg,#94dcbc,#ffe18f,#f27683);height:100%}#stage-label{font-size:12px;letter-spacing:2px;color:#e0eae5}.top-buttons{display:flex;justify-content:flex-end;gap:5px;margin-top:12px}.top-buttons button{border:1px solid #ffffff3b;background:#13263366;width:32px;height:31px;font-size:18px}.bottom-left{position:absolute;left:30px;bottom:28px;width:min(330px,32vw)}.health-values{display:flex;justify-content:space-between;gap:12px;align-items:center;font:600 26px 'Rajdhani',sans-serif}.health-values small{font-size:16px;color:#c3d6d5}#shield-value{font-size:17px;color:#a7e9ff}.health-track{height:14px;background:#11272cbb;position:relative;margin-top:6px;border:1px solid #b9f0d333}.health-track i{height:100%;position:absolute;top:0;left:0;transition:width .08s}#health-fill{background:linear-gradient(90deg,#66af92,#acecb9);width:100%}#shield-fill{background:#8ad8ff99;top:-6px;height:3px}.xp-track{height:3px;background:#173441cc;margin-top:6px}#xp-fill{display:block;height:100%;width:0;background:#94d1fc}.bottom-right{position:absolute;right:30px;bottom:28px;display:flex;align-items:flex-end;gap:24px}.ammo{text-align:right}.ammo>b{font:700 52px/.95 'Rajdhani',sans-serif}.ammo>span{font-size:18px;color:#c8d3d1}.ammo>small{display:block;font-size:12px;letter-spacing:1px;margin-top:7px}.skills{display:flex;gap:7px}.skill{height:63px;width:59px;position:relative;border:1px solid #d7f4e277;background:#14273199;display:grid;place-items:center;overflow:hidden}.skill>span{font:600 32px 'Rajdhani',sans-serif}.skill kbd{font:700 12px 'Rajdhani',sans-serif;position:absolute;right:4px;bottom:2px;z-index:2;color:#fff}.skill i{position:absolute;bottom:0;left:0;width:100%;height:0;background:#142a30db;border-top:1px solid #fff4;pointer-events:none}#reticle{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}#reticle i{position:absolute;background:#fff;box-shadow:0 0 2px #000;width:2px;height:6px}#reticle i:nth-child(1){left:11px;top:0}#reticle i:nth-child(2){left:11px;bottom:0}#reticle i:nth-child(3){left:0;top:11px;transform:rotate(90deg)}#reticle i:nth-child(4){right:0;top:11px;transform:rotate(90deg)}#reticle b{position:absolute;left:11px;top:11px;width:2px;height:2px;background:#fff}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:36px Arial;opacity:0;color:#fff}#portal-progress{position:absolute;top:20%;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center}#portal-progress>span{font-size:25px;color:#a1ffe0}#portal-progress>div{width:160px;height:5px;background:#152731c9}#portal-progress i{display:block;background:#a6ffd6;width:0;height:100%}#portal-progress b{font:600 18px 'Rajdhani',sans-serif}#interact{position:absolute;bottom:22%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#10242adc;padding:10px 16px;border:1px solid #a0ccb677;font-size:16px}kbd{font:600 14px 'Rajdhani',sans-serif;border:1px solid #e4f6eb88;display:inline-block;padding:3px 6px;min-width:24px;text-align:center}#pickup-toast{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);font-size:18px;text-align:center;opacity:0;transition:opacity .2s}#numbers{position:absolute;inset:0;overflow:hidden}.damage-number{position:absolute;font:700 22px 'Rajdhani',sans-serif;color:#eff4df;white-space:nowrap}.damage-number.critical{color:#ffdb72;font-size:30px}.overlay{position:fixed;inset:0;z-index:9;display:grid;place-items:center;background:linear-gradient(0deg,#0e1b2bba,transparent 85%);backdrop-filter:blur(2px)}.menu-actions{display:flex;flex-direction:column;align-items:center;padding:25px;max-width:760px}.play{width:105px;height:105px;border:1px solid #ecffe9aa;background:#112d3c66;border-radius:50%;font-size:37px;line-height:1;text-align:center;padding-left:10px;box-shadow:0 0 55px #bbffd52e;transition:background .2s,transform .2s}.play:hover{background:#49796f;transform:scale(1.08)}.controls-hint{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 22px;margin-top:44px;color:#ebf5ed;font:600 12px 'Rajdhani',sans-serif;letter-spacing:1px;line-height:2}.controls-hint span{white-space:nowrap}.controls-hint kbd{margin-right:5px}.restart{background:#254653aa;border:1px solid #e5f9e5aa;border-radius:50%;font-size:47px;width:76px;height:76px;margin-top:20px}#run-result{font:600 42px 'Rajdhani',sans-serif;letter-spacing:2px;margin-top:20px;text-align:center}#run-result small{display:block;font:400 16px 'Space Grotesk',sans-serif;margin-top:8px}#menu-note{font-size:14px;text-align:center;max-width:500px;color:#e5d9c8}#choices{display:flex;gap:18px;max-width:900px;padding:24px}.choice{background:linear-gradient(150deg,#233d45ef,#142333fa);border:1px solid #bad8c977;padding:27px 20px;min-height:220px;width:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 40px #0004}.choice:hover{border-color:#e6ffd9;transform:translateY(-7px);background:#335a60}.choice .icon{font-size:58px;line-height:1}.choice strong{font-size:17px;margin-top:25px}.choice small{font-size:14px;line-height:1.5;margin-top:10px;max-width:180px;color:#d4e3dd}.choice kbd{margin-top:18px}#loading{position:fixed;inset:0;z-index:15;background:#20333e;display:grid;place-items:center}#loading span{width:40px;height:40px;border:2px solid #fff2;border-top-color:#c3ffd7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#mobile{display:none}#mobile button{position:absolute;background:#172c3e66;border:1px solid #c5e4da88;border-radius:50%;width:65px;height:65px;font-size:30px}#stick{position:absolute;left:35px;bottom:100px;width:110px;height:110px;border:1px solid #d6edde66;border-radius:50%;background:#17333e44}#stick i{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:#c8eee288}#touch-fire{right:32px;bottom:115px}#touch-jump{right:108px;bottom:125px}#touch-interact{right:34px;bottom:193px}
@media(pointer:coarse){#mobile{display:block;position:fixed;inset:0;pointer-events:none;z-index:5}#mobile>*{pointer-events:auto}.controls-hint{display:none}.bottom-left{left:18px;bottom:16px;width:36vw}.bottom-right{right:16px;bottom:16px;gap:12px}.skills{gap:4px}.skill{width:43px;height:49px}.skill>span{font-size:26px}.ammo>b{font-size:38px}.ammo>span{font-size:14px}.top-left{top:16px;left:16px}.top-right{top:12px;right:16px;width:110px}#time{font-size:28px}.item{width:28px;height:28px;font-size:20px}#items{max-width:200px}#choices{gap:8px;padding:12px}.choice{width:29vw;min-height:190px;padding:15px 8px}.choice .icon{font-size:37px}.choice strong{font-size:14px;margin-top:18px}.choice small{font-size:12px}.choice kbd{display:none}#interact{bottom:25%;font-size:14px;white-space:nowrap}.top-buttons button{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.overlay{backdrop-filter:none}}

.look-settings{width:min(340px,76vw);margin-top:24px;padding:15px 18px;border:1px solid #c4e9da44;background:#142a35aa}.look-settings label{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}.look-settings output{color:#bce7d4;font-variant-numeric:tabular-nums}.look-settings>div{display:flex;align-items:center;gap:14px;margin-top:8px}.look-settings input{width:100%;height:30px;accent-color:#acebc9;cursor:pointer;touch-action:pan-y}.look-settings input:focus-visible{outline:2px solid #d1ffab;outline-offset:3px}.look-settings button{flex:0 0 34px;height:34px;border:1px solid #c4e9da66;background:#24444b;font-size:22px}.menu-actions{max-height:100dvh;overflow-y:auto}@media(max-height:520px){.menu-actions{padding:12px}.play{width:70px;height:70px;font-size:28px}.controls-hint{margin-top:18px;gap:4px 12px}.look-settings{margin-top:14px;padding:10px 14px}}

/* Combat feedback follows simulation time, so pausing freezes every fill. */
#reload-ring{position:absolute;left:50%;top:50%;width:80px;height:80px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 3px #07141fcc)}
#reload-ring svg{display:block;width:100%;height:100%;overflow:visible}
#reload-ring circle{fill:none;stroke-width:3}
.reload-track{stroke:#12242ecc;stroke-width:5!important}
#reload-arc{stroke:#f4ead3;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:40px 40px;stroke-linecap:butt}
#reload-tick{fill:none;stroke:#fff3d7;stroke-width:3;transform-origin:40px 40px}
#reload-ring.complete #reload-arc,#reload-ring.complete #reload-tick{stroke:#bfffd5}
#reticle.reloading i{opacity:.3}#reticle.reloading b{background:#fff3d7}
#stamina{display:flex;gap:5px;width:151px;height:11px;margin:0 0 11px 2px;filter:drop-shadow(0 1px 2px #07141f);color:#f1df9b}
.stamina-pip{flex:1;position:relative;overflow:hidden;transform:skewX(-16deg);background:#11242de6;border:1px solid #f1df9b77}
.stamina-pip i{display:block;height:100%;width:100%;transform:scaleX(1);transform-origin:left;background:currentColor}
#stamina.combo{color:#84dbff;filter:drop-shadow(0 0 5px #68cfff99)}#stamina.combo .stamina-pip{border-color:#84dbff}
#stamina.denied{color:#ff8a87}#stamina.denied .stamina-pip{border-color:#ff8a87}
#stamina.recharged{color:#fff5d4}
#dash-button.unavailable{color:#96a7ab;border-color:#91a4a53d;background:#142731b8}
@media(pointer:coarse){#stamina{width:128px;height:10px;margin-bottom:8px}}