@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
.retro-hud-frame{pointer-events:none;outline-offset:-10px;z-index:2000;border:6px solid #fff;border-radius:18px;outline:2px solid rgba(0,0,255,.533);box-shadow:0 0 0 8px #222,0 0 32px 8px rgba(0,0,255,.533),inset 0 0 0 12px #000}.retro-hud-crt{pointer-events:none;z-index:1999;mix-blend-mode:screen;opacity:.85;background:repeating-linear-gradient(rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 4px),radial-gradient(transparent 60%,rgba(0,0,0,.25) 100%);position:fixed;top:0;bottom:0;left:0;right:0}.retro-hud-bg{background-blend-mode:overlay;background-color:#181c20;background-image:url(/retro-bg.png),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}@media (max-width:600px){.retro-hud-frame{outline-offset:-4px;border-width:3px;border-radius:8px;outline-width:1px}}@media (max-width:640px){.retro-hud-frame{outline-offset:-6px;border-width:2px;border-radius:6px}.retro-music-controller{left:75%;bottom:calc(70px + env(safe-area-inset-bottom));padding-left:.75rem;padding-right:.75rem;transform:translate(-50%);top:auto!important}.scanlines{opacity:.35}.noise{opacity:.4}.pixel-border{box-shadow:inset 0 0 0 2px #000}}.retro-inventory{background:repeating-linear-gradient(135deg,#232323 0,#232323 2px,#181818 2px,#181818 8px);box-shadow:0 0 0 4px #222,0 8px 32px rgba(0,0,0,.667)}.retro-inventory-slot{background:#23233a;border:2px solid #b4befe;border-radius:.5rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 2px #f38ba8,inset 0 0 0 2px #23233a}.retro-inventory-slot:hover,.retro-inventory-slot:focus{border-color:#f38ba8;outline:none;box-shadow:0 0 8px #f38ba8,0 2px #f38ba8,inset 0 0 0 2px #23233a}.retro{letter-spacing:.5px;font-family:"Press Start 2P",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}.retro-entry-bg{background:repeating-linear-gradient(rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 2px,rgba(0,0,0,.6) 4px,rgba(0,0,0,.7) 6px);animation:2s linear infinite retro-bg-move}.retro-scanlines{mix-blend-mode:overlay;pointer-events:none;z-index:1;background:repeating-linear-gradient(rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 2px,transparent 6px);animation:1.5s linear infinite scanlines-move}@keyframes retro-bg-move{0%{background-position-y:0}to{background-position-y:16px}}@keyframes scanlines-move{0%{background-position-y:0}to{background-position-y:8px}}