:root{--font-secondary: "Press Start 2P", cursive;--font-scale: 10px;--width: 100%}body{margin:auto;padding:20px;background-image:url(pokemon-wallpaper.webp);background-size:cover;background-position:center bottom;background-attachment:fixed;image-rendering:pixelated;font-family:var(--font-secondary);font-size:var(--font-scale);max-width:var(--width);line-height:1.7}#transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:20}#transition-overlay.active{opacity:1;pointer-events:auto}#reading-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;background-color:#fff;border:4px solid black;box-shadow:8px 8px #0003;padding:2rem;z-index:100;display:none;text-align:center;color:#000}#reading-window.visible{display:block;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}#reading-window h2{margin-top:0;font-size:24px;margin-bottom:20px;text-transform:uppercase;border-bottom:4px solid black;display:inline-block;padding-bottom:5px}#reading-window p{font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.6;font-weight:700}#close-btn{margin-top:20px;background:#000;color:#fff;border:none;padding:10px 20px;font-family:"Press Start 2P",cursive;font-size:12px;cursor:pointer;transition:transform .1s}#close-btn:hover{transform:scale(1.05)}#close-btn:active{transform:scale(.95)}.hidden{display:none!important}#dev-tooltip{position:fixed;top:0;left:0;width:100%;height:50px;background:#00ff00e6;color:#000;z-index:10000;display:none;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive;font-size:8px;border-bottom:3px solid black}body.editor-active #dev-tooltip{display:flex}.rooftop-label{position:absolute;color:#fff;background-color:#0009;padding:4px 8px;border-radius:4px;font-size:8px;pointer-events:none;text-transform:uppercase;text-shadow:1px 1px 0 #000;opacity:.9;z-index:10;transform:translate(-50%,-100%);white-space:nowrap}#desktop-controls-hud{display:none}#mailto-prompt{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0000008c;font-family:"Press Start 2P",cursive}#mailto-prompt .mailto-prompt-card{background:#111;color:#fff;border:3px solid #fff;padding:24px 28px;text-align:center;box-shadow:0 12px 40px #0009;max-width:90vw;width:320px}#mailto-prompt .mailto-prompt-card>p{margin:0 0 12px;font-size:12px;letter-spacing:1px}#mailto-prompt .mailto-prompt-email{display:block;font-size:7px;color:#ffffffa6;margin-bottom:16px;word-break:break-all;line-height:1.5}#mailto-prompt .mailto-prompt-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}#mailto-prompt .mailto-opt{display:block;width:100%;box-sizing:border-box;text-decoration:none;border:none;padding:12px 14px;font-family:inherit;font-size:9px;cursor:pointer;text-align:center}#mailto-prompt .mailto-opt-native{background:#1db954;color:#000}#mailto-prompt .mailto-opt-gmail{background:#ea4335;color:#fff}#mailto-prompt .mailto-opt-outlook{background:#0078d4;color:#fff}#mailto-prompt .mailto-opt-copy{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25)}#mailto-prompt .mailto-prompt-close{display:block;width:100%;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.25);padding:10px 12px;font-family:inherit;font-size:8px;cursor:pointer}#mailto-prompt .mailto-prompt-close:hover{color:#fff;border-color:#ffffff80}@media(max-width:768px){*{box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;min-height:100vh;overflow-y:auto}#game-container{position:relative;width:100%;height:auto;display:flex;justify-content:center;background:transparent}canvas{display:block;width:320px!important;height:320px!important;image-rendering:pixelated;image-rendering:crisp-edges;background-color:#000;z-index:1}.gba-body{background:radial-gradient(circle at 50% 30%,#7d63c4,#634ba1,#4b367c);padding:40px 12px 44px;border-radius:20px 20px 40px 40px;display:flex;flex-direction:column;align-items:center;width:340px;max-width:100vw;margin:0 auto;border-bottom:8px solid #3a2a60;position:relative;overflow:hidden;box-shadow:0 15px 25px #0009}.screen{background-color:#222;padding:20px 20px 30px;border-radius:10px 10px 30px;margin-bottom:30px;width:100%;display:flex;justify-content:center;position:relative;box-sizing:border-box;overflow:hidden}.screen:after{content:"GAME BOY";position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:sans-serif;font-weight:700;font-style:italic;font-size:10px;color:#555;letter-spacing:1px;pointer-events:none}.screen:before{content:"";position:absolute;inset:0;border-radius:10px 10px 30px;box-shadow:inset 0 0 20px #00000080;pointer-events:none;z-index:5}.controls{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;width:100%;padding:0 16px}.controls-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0}.d-pad{position:relative;width:110px;height:110px;flex:0 0 auto}.d-btn{position:absolute;width:36px;height:36px;background:#2a2a2a;border:none;outline:none;cursor:pointer;background-image:radial-gradient(circle,#333 10%,#222 90%);touch-action:manipulation;color:#ffffff59;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px #0006}.d-btn.up:after{content:"\25b2"}.d-btn.down:after{content:"\25bc"}.d-btn.left:after{content:"\25c0"}.d-btn.right:after{content:"\25b6"}.d-btn.up{top:0;left:37px;border-radius:4px 4px 0 0;height:38px}.d-btn.down{bottom:0;left:37px;border-radius:0 0 4px 4px;height:38px}.d-btn.left{top:37px;left:0;border-radius:4px 0 0 4px;width:38px}.d-btn.right{top:37px;right:0;border-radius:0 4px 4px 0;width:38px}.d-center{position:absolute;top:37px;left:37px;width:36px;height:36px;background:#2a2a2a;z-index:2}.d-btn:active,.d-btn.active{box-shadow:inset 1px 1px 3px #000c;transform:translate(1px,1px)}.action-pad{display:flex;align-items:center;justify-content:center;width:110px;height:110px;flex:0 0 110px;transform:translate(-10px)}.a-btn{width:50px;height:50px;border-radius:50%;background-color:#e02020;background-image:radial-gradient(circle at 30% 30%,#ff6b6b,#d01010 60%,#8a0b0b);border:none;color:#ffffff8c;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 5px #0006;touch-action:manipulation}.a-btn:active,.a-btn.active{box-shadow:inset 0 3px 8px #0009;transform:translateY(2px)}.spotify-pad{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;width:100%;margin:0;height:80px;align-self:stretch;border-radius:10px;background:#00000059;box-shadow:inset 0 0 0 2px #00000040;transform:translateY(8px);opacity:0;max-height:0;transition:max-height .18s steps(6,end),opacity .12s linear,transform .18s steps(6,end)}.spotify-embed-frame-mobile{display:block;width:100%!important;height:80px!important;max-height:80px!important;border:0!important}.spotify-pad.spotify-hidden{display:flex;max-height:0;opacity:0;transform:translateY(8px);pointer-events:none}.spotify-pad:not(.spotify-hidden){max-height:80px;opacity:1;transform:translateY(0);pointer-events:auto}}@media(min-width:769px){*{box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;overflow:hidden;gap:16px}#game-container{position:relative;width:640px;height:640px;background-color:#000;flex-shrink:0;border:4px solid #1a1a1a;box-shadow:0 20px 50px #00000080;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;border-radius:4px}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#desktop-controls-hud{display:flex;align-items:center;justify-content:center;gap:16px;width:fit-content;padding:12px 32px;background:#1a1a1ae6;color:#fff;border-radius:8px;font-size:9px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;margin-top:20px;flex-shrink:0;box-shadow:0 4px 12px #0003}#desktop-controls-hud .sub-text{opacity:1;color:#fff}#desktop-controls-hud .sub-text:before{content:"\2022";margin-right:16px}}@media(min-width:769px)and (min-height:920px){#game-container{width:800px;height:800px}}@media(min-width:769px)and (min-height:1080px){#game-container{width:960px;height:960px}}