@font-face{font-family:Babylone Pixel;src:url(/fonts/pixelify-sans-bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.game-shell.is-cinematic>:not(canvas):not(.cinematic-hud){visibility:hidden;pointer-events:none}.cinematic-hud{z-index:450;isolation:isolate;touch-action:none;color:#fff0d5;background:linear-gradient(#163a3726,#0000 24% 75%,#163a3755);flex-direction:column;justify-content:space-between;font-family:inherit;display:flex;position:absolute;inset:0}.cinematic-hud header{padding:max(22px,env(safe-area-inset-top)) 24px 0;background:linear-gradient(#15352f77,#0000);justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.cinematic-hud header>div{text-shadow:0 2px 8px #173c3b66;gap:6px;min-width:0;display:grid}.cinematic-hud small{letter-spacing:2.5px;white-space:nowrap;font-size:9px;font-weight:900}.cinematic-hud strong{font-family:Babylone Pixel,monospace;font-size:clamp(16px,2.5vw,24px);font-weight:700;line-height:1.2}.cinematic-hud button{color:#264b43;cursor:pointer;touch-action:manipulation;background:#fff0d5;border:1px solid #fff0c755;border-radius:24px;flex-shrink:0;min-height:48px;padding:12px 19px;font-family:inherit;font-size:12px;font-weight:800;line-height:1.3;box-shadow:0 5px 18px #153c3630}.cinematic-hud button:focus-visible{outline-offset:4px;outline:3px solid #ffc76c}.cinematic-hud kbd{border:1px solid #31574b33;border-radius:4px;margin-left:8px;padding:3px 4px;font-family:inherit;font-size:9px;font-weight:800}.cinematic-hud footer{padding:22px 24px max(26px,env(safe-area-inset-bottom));background:linear-gradient(#0000,#143e39b3);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cinematic-hud footer>div:first-of-type{flex:1;min-width:160px}.cinematic-hud p{margin:0 0 9px;font-weight:800;line-height:1.5;color:#fff0d5!important;font-size:12px!important}.cinematic-hud progress{appearance:none;background:#fff3d52b;border:0;border-radius:4px;width:min(280px,100%);height:4px;display:block;overflow:hidden}.cinematic-hud progress::-webkit-progress-bar{background:#fff3d52b}.cinematic-hud progress::-webkit-progress-value{background:#ffcf8d;border-radius:4px;transition:width .15s}.cinematic-hud progress::-moz-progress-bar{background:#ffcf8d}.cinematic-route-dot{background:#ffd593;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-bottom:9px;box-shadow:0 0 0 6px #ffcf7c1a}.cinematic-recovery{flex-wrap:wrap;gap:8px;width:100%;display:flex}.cinematic-recovery button+button{color:#fff0d5;background:#fff0d51f}@media (width<=620px){.cinematic-hud header{gap:8px;padding-left:16px;padding-right:16px}.cinematic-hud header>div{padding-top:6px}.cinematic-hud header button{max-width:154px;padding:12px 13px;font-size:10px}.cinematic-hud kbd{display:none}.cinematic-hud small{letter-spacing:1.5px;font-size:8px}.cinematic-hud footer{padding-left:20px;padding-right:20px}.cinematic-recovery button{flex:1}}