*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Courier New,monospace;background:#0b0b0b;color:#f8f8f8;overflow:hidden}.app{width:100%;height:100%}.splash{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0b0b0b;background-image:radial-gradient(ellipse at 50% 30%,rgba(15,255,80,.06) 0%,transparent 60%),radial-gradient(ellipse at 50% 80%,rgba(0,255,252,.04) 0%,transparent 50%)}.splash-content{display:flex;flex-direction:column;align-items:center;gap:12px;animation:splash-fade-in .6s ease-out}@keyframes splash-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.splash-frog{display:flex;flex-direction:column;align-items:center;font-family:Courier New,monospace;font-size:clamp(18px,4vw,32px);font-weight:700;line-height:1.15;white-space:pre}.splash-frog-line{position:relative}.splash-frog-body{color:#0fff50;text-shadow:0 0 10px rgba(15,255,80,.5)}.splash-frog-eyes{position:absolute;left:0;top:0;color:#ff073a;text-shadow:0 0 8px rgba(255,7,58,.6)}.splash-title{margin:8px 0 0;font-family:Courier New,monospace;font-size:clamp(12px,3vw,22px);font-weight:700;line-height:1.2;color:#0fff50;text-align:center;white-space:pre;text-shadow:0 0 10px rgba(15,255,80,.6),0 0 30px rgba(15,255,80,.3);animation:splash-glow 2s ease-in-out infinite alternate}@keyframes splash-glow{0%{text-shadow:0 0 10px rgba(15,255,80,.6),0 0 30px rgba(15,255,80,.3)}to{text-shadow:0 0 16px rgba(15,255,80,.8),0 0 50px rgba(15,255,80,.5)}}.splash-subtitle{margin:0;font-size:16px;color:#0ff0fc;opacity:.85}.splash-controls{display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 0;font-size:13px;color:#888}.splash-play-btn{margin-top:12px;padding:14px 56px;border:2px solid #0fff50;border-radius:6px;background:transparent;color:#0fff50;font-family:Courier New,monospace;font-size:22px;font-weight:700;letter-spacing:4px;cursor:pointer;transition:all .2s ease;text-shadow:0 0 6px rgba(15,255,80,.4)}.splash-play-btn:hover{background:#0fff501f;box-shadow:0 0 20px #0fff504d;transform:scale(1.04)}.splash-play-btn:active{transform:scale(.97)}.splash-hint{margin:4px 0 0;font-size:12px;color:#555}.game-shell{position:relative;width:100%;height:100%;touch-action:manipulation}.game-canvas{width:100%;height:100%;display:block;background:#111}.hud{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:6px;font-size:16px;background:#00000073;padding:8px 12px;border-radius:8px}.hud .status{font-size:14px;opacity:.9}.mute-btn{margin-top:4px;padding:4px 10px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1a;color:#f8f8f8;font-family:Courier New,monospace;font-size:13px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.mute-btn:hover{background:#fff3}.mobile-controls{position:absolute;bottom:24px;left:24px;display:flex;flex-direction:column;gap:12px;z-index:10;pointer-events:none}.mobile-btn{pointer-events:auto;width:72px;height:72px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}.mobile-btn:active{background:#ffffff4d}