@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}:root{color:#f0eae0;font-synthesis:none;text-rendering:optimizelegibility;background:#17141d;font-family:VT323,monospace}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.page{background:radial-gradient(#30253a 0%,#17141d 58%,#0c0b10 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;overflow:hidden}.gameboy{background:linear-gradient(135deg,#493458,#30223d 48%,#21172c);border:2px solid #554265;border-radius:28px 28px 52px;width:min(100%,360px);padding:20px 20px 18px;position:relative;box-shadow:0 30px 60px #0009,inset 3px 3px 4px #ffffff16,inset -4px -5px 8px #100b17}.console-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand{color:#e0c9f2;letter-spacing:1px;font-family:"Press Start 2P",monospace;font-size:13px}.edition{color:#c7b1d8;letter-spacing:2px;font-size:18px}.screen-frame{background:linear-gradient(145deg,#17121d,#50415b 50%,#241a2d);border:2px solid #17111e;border-radius:16px 16px 34px;padding:12px;box-shadow:inset 3px 3px 7px #000b,0 2px #6c587b}.lcd-screen{box-sizing:border-box;color:#20391b;background:repeating-linear-gradient(0deg,#1c370c1a 0 2px,#0000 2px 4px),linear-gradient(145deg,#c1d85a 0%,#a9c83d 48%,#8eaf2d 100%);border:2px solid #7f9165;border-radius:5px;flex-direction:column;height:650px;min-height:650px;max-height:650px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #30402629,inset 0 0 4px #263b282e}.screen-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.status-bar{letter-spacing:1px;border-bottom:1px solid #6f845f;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;font-size:17px;display:flex}.status-icons{align-items:center;gap:9px;display:flex}.battery-icon{border:1px solid #293b27;padding:0 2px;font-size:18px;line-height:12px;display:inline-block}.welcome-content{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;align-items:center;gap:2px;width:100%;min-height:0;padding:22px 12px 18px;display:flex}.welcome-content .pixel-label{margin-bottom:12px}.welcome-content .intro{margin:0 0 24px;font-size:20px;line-height:1.5}.welcome-content .start-button{width:100%;max-width:340px;margin-top:2px}.welcome-content .hint{margin-top:14px}.pixel-label,.hint{font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.8}.pixel-label{margin:0 0 18px}.welcome-content h1{letter-spacing:1px;text-shadow:2px 2px #80946b;margin:0 0 20px;font-family:"Press Start 2P",monospace;font-size:clamp(24px,7vw,34px)}.intro{margin:0 0 22px;font-size:20px;line-height:1.5}.start-button{color:#e5edcf;background:#31462f;border:2px solid #263b28;border-radius:3px;width:100%;padding:13px 8px;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.8;transition:transform .12s,box-shadow .12s;box-shadow:0 4px #1d2b1c}.start-button:hover{background:#3c5639}.start-button:active{transform:translateY(3px);box-shadow:0 1px #1d2b1c}.hint{margin:18px 0 0;font-size:7px}.console-controls{justify-content:space-between;align-items:center;padding:36px 4px 22px;display:flex}.dpad{filter:drop-shadow(0 5px 2px #100b16);width:116px;height:116px;position:relative}.dpad button{z-index:1;color:#e0d4eb;background:linear-gradient(145deg,#554362,#30243b);border:1px solid #51425e;border-radius:5px;width:38px;height:38px;font-size:17px;position:absolute;box-shadow:inset 1px 1px 2px #ffffff20,inset -2px -2px 3px #17101f}.dpad button:active,.action-button:active{transform:translateY(3px);box-shadow:inset 2px 3px 5px #100b1680}.dpad-up{top:0;left:39px}.dpad-down{bottom:0;left:39px}.dpad-left{top:39px;left:0}.dpad-right{top:39px;right:0}.dpad-center{background:#392a45;border:1px solid #51425e;width:38px;height:38px;position:absolute;top:39px;left:39px}.action-buttons{gap:14px;display:flex;transform:rotate(-22deg)}.action-button{color:#fff;border:2px solid #704b72;border-radius:50%;width:47px;height:47px;font-family:"Press Start 2P",monospace;font-size:13px;transition:transform .1s;box-shadow:0 5px #17101f,inset 1px 2px 3px #ffffff35}.button-b{background:linear-gradient(145deg,#b47ba1,#865575)}.button-a{color:#30223d;background:linear-gradient(145deg,#d9b8e6,#a47bb8)}.utility-buttons{justify-content:center;gap:20px;display:flex}.utility-buttons span{color:#d7c5e5;letter-spacing:2px;background:linear-gradient(#201727,#493655);border:1px solid #15101b;border-radius:20px;padding:5px 16px;font-size:15px;transform:rotate(-15deg);box-shadow:0 3px #110d15}.console-footer{text-align:center;color:#a992bc;letter-spacing:3px;margin-top:25px;font-size:13px}@media (width<=420px){.page{padding:20px 12px}.gameboy{border-radius:22px 22px 40px;padding:18px 16px}.lcd-screen{min-height:340px;padding:10px}.dpad{transform-origin:0;transform:scale(.85)}.action-buttons{gap:9px}.action-button{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.menu-content{padding-top:20px}.menu-list{flex-direction:column;gap:8px;width:100%;max-width:100%;display:flex}.menu-item{box-sizing:border-box;color:#304b24;letter-spacing:1px;text-align:left;cursor:pointer;background:#b4c88214;border:1px solid #2d4b1c2e;border-radius:9px;justify-content:flex-start;align-items:center;width:100%;min-height:58px;padding:0 16px;font-family:"Press Start 2P",monospace;font-size:10px;transition:background .16s,color .16s;display:flex}.menu-item.selected{color:#c5e84c;background:#17451d;border-color:#2f5c22;box-shadow:inset 0 0 0 1px #c5e84c1f}.menu-item.selected:hover{background:#205323}.menu-item:focus-visible{outline-offset:2px;outline:2px solid #c5e84c}.menu-content .start-button{margin-top:5px}.project-list{box-sizing:border-box;width:100%;max-height:340px;padding:8px;overflow-y:auto}.project-card{text-align:left;background:#3048301f;border:2px solid #526746;margin:12px 0;padding:12px;box-shadow:3px 3px #24362459}.project-card h2{letter-spacing:1px;margin:0 0 8px;font-size:14px}.project-card p{margin:6px 0;font-size:12px;line-height:1.6}.project-card a{color:#304830;overflow-wrap:anywhere;font-size:12px;font-weight:700}.project-card a:hover{color:#e7edc8;background:#304830}.project-list .hint{font-size:10px;line-height:1.5}.project-list{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#526746 transparent;width:100%;max-height:260px;padding:6px 6px 16px;overflow-y:auto}.project-card{box-sizing:border-box;width:100%;margin:10px 0;padding:12px}.project-card .project-card{margin:0}.project-list::-webkit-scrollbar{width:6px}.project-list::-webkit-scrollbar-track{background:0 0}.project-list::-webkit-scrollbar-thumb{background:#526746;border-radius:4px}.lcd-screen>.welcome-content{overflow-y:auto}