*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background:#3a5ba0;color:#fff;font-family:system-ui,sans-serif;user-select:none;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}#app{width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center}.screen{width:100%;display:flex;flex-direction:column;gap:12px}.screen.center{min-height:70vh;align-items:center;justify-content:center;text-align:center}.title{margin:0;font-weight:800;letter-spacing:.5px}.muted{opacity:.85;margin:4px 0;line-height:1.4;max-width:320px}.small{font-size:13px}.big-emoji{font-size:56px}.dev-note{margin-top:16px;opacity:.6}.intro-emoji{font-size:56px;margin-bottom:6px}.cta{margin-top:14px;border:none;border-radius:12px;padding:13px 32px;font-size:16px;font-weight:800;letter-spacing:1px;color:#3a5ba0;background:#fff;cursor:pointer;box-shadow:0 6px 18px #0000004d}.cta:active{transform:translateY(1px)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-screen{width:100%;display:flex;justify-content:center}.game-canvas{image-rendering:pixelated;width:min(480px,92vw);height:auto;aspect-ratio:240 / 160;background:#f7f7f7;border:4px solid #fff;border-radius:8px;box-shadow:0 10px 40px #0006;touch-action:manipulation;cursor:pointer}.gb{--lcd: #9bbc0f;--lcd-mid: #306230;--lcd-dark: #0f380f;font-family:"Press Start 2P",Pixelify Sans,ui-monospace,monospace;box-sizing:border-box;width:min(340px,92vw);margin:0;padding:16px 18px 30px;background:linear-gradient(150deg,#d6d3ca,#bdbab0);border-radius:12px 12px 64px;box-shadow:inset -4px -4px #a6a394,inset 4px 4px #ecebe3,0 16px 34px #00000080;color:var(--lcd-dark)}.gb-top{display:flex;align-items:center;gap:7px;font-size:6px;letter-spacing:1px;color:#6b6a78;padding:0 4px 8px}.gb-led{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7a7a,#b21616);box-shadow:0 0 5px #dc2828cc}.gb-frame{background:#58555f;border-radius:8px 8px 28px;padding:16px 22px 12px;box-shadow:inset 3px 3px 8px #000000a6}.gb-lcd{background:var(--lcd);border-radius:4px;padding:14px 14px 12px;box-shadow:inset 0 0 0 2px #6b8f0a;image-rendering:pixelated}.gb-title{font-size:19px;line-height:1.15;text-align:center;margin-bottom:4px;text-shadow:2px 2px 0 var(--lcd-mid)}.gb-tag{font-size:8px;text-align:center;color:var(--lcd-mid);margin-bottom:12px}.gb-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;height:172px;overflow-y:auto;scrollbar-width:none}.gb-menu::-webkit-scrollbar{display:none}.gb-input{margin-left:auto;width:104px;min-width:0;font-family:Pixelify Sans,ui-monospace,monospace;font-size:14px;text-align:right;color-scheme:light;color:#0f380f;-webkit-text-fill-color:#0f380f;caret-color:#0f380f;background:#c6db82;border:1px solid var(--lcd-mid);border-radius:2px;padding:1px 5px;outline:none}.gb-input::placeholder{color:var(--lcd-mid);-webkit-text-fill-color:var(--lcd-mid);opacity:1}.gb-input:focus{background:#d6e6a2}.gb-row{font-size:11px;padding:5px 6px;cursor:pointer;display:flex;align-items:center;gap:8px;border-radius:2px}.gb-row .cur{visibility:hidden}.gb-row-lang .gb-lang{margin-left:auto;font-size:9px}.gb-row.sel{background:var(--lcd-dark);color:var(--lcd)}.gb-row.sel .cur{visibility:visible}.gb-row.gb-data{font-size:9px;padding:4px 6px;cursor:default}.gb-section{list-style:none;font-size:8px;letter-spacing:1px;color:var(--lcd-mid);padding:7px 6px 2px;border-bottom:1px solid var(--lcd-mid);margin-bottom:2px}.gb-row.gb-me{background:var(--lcd-dark);color:var(--lcd);border-radius:2px;font-weight:700}.gb-section.gb-sep{text-align:center;border-bottom:none;letter-spacing:3px;padding:2px 0 0;margin-bottom:0}.gb-hint{font-size:7px;text-align:center;color:var(--lcd-mid);margin-top:12px;animation:gb-blink 1.1s steps(1) infinite}@keyframes gb-blink{50%{opacity:.35}}.gb-matrix{font-size:6px;letter-spacing:1px;text-align:center;color:#8a88a6;margin-top:9px}.gb-wordmark{text-align:center;font-size:13px;font-style:italic;color:#38384e;margin:14px 0 6px}.gb-wordmark small{font-size:7px;font-style:normal;vertical-align:super;margin-left:3px;color:#6b6a78}.gb-controls{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 0}.dpad{position:relative;width:58px;height:58px}.dpad button{position:absolute;background:#2c2c31;border:none;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #44444a}.dpad .up{left:19px;top:0;width:20px;height:39px;border-radius:4px 4px 0 0}.dpad .down{left:19px;bottom:0;width:20px;height:39px;border-radius:0 0 4px 4px}.dpad .mid{left:0;top:19px;width:58px;height:20px;border-radius:4px;cursor:default}.ab{display:flex;gap:12px;align-items:center;transform:rotate(-22deg)}.ab button{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c23a72,#8c1247);color:#4a0a26;border:none;font-family:inherit;font-size:11px;cursor:pointer;box-shadow:0 4px #5d0c30}.ab button:active{transform:translateY(2px);box-shadow:0 2px #5d0c30}.gb-meta{display:flex;gap:30px;justify-content:center;margin-top:14px}.gb-meta span,.gb-meta button{display:flex;flex-direction:column;align-items:center;gap:12px;font-family:inherit;font-size:8px;color:#4a4a60;background:none;border:none;padding:0}.gb-meta button{cursor:pointer}.gb-meta span:before,.gb-meta button:before{content:"";width:44px;height:13px;background:#6f6f7b;border-radius:7px;transform:rotate(-22deg);box-shadow:inset 0 -2px #00000059}