body{margin:0;padding:20px;font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;touch-action:manipulation}.game-container{text-align:center;background:#ffffff1a;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);max-width:100%}h1{margin:0 0 20px;font-size:28px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.instructions{background:#ffffff1a;padding:15px;border-radius:10px;margin-top:20px;margin-bottom:20px;text-align:left}.instructions p{margin:0 0 10px;font-weight:700}.instructions ul{margin:0;padding-left:20px}.instructions li{margin:5px 0;font-size:14px}.game-intro{background:#ffffff1a;padding:15px;border-radius:10px;margin-top:20px;margin-bottom:20px;text-align:left;width:360px}.desktop-controls{display:block}.mobile-controls{display:none}@media (hover: none) and (pointer: coarse),(max-width: 768px){.desktop-controls{display:none}.mobile-controls{display:block}body,.game-container{padding:10px}h1{font-size:24px}.instructions,.game-intro{margin-top:20px;font-size:14px;padding:10px}.instructions li{font-size:13px}}#gameCanvas{border:3px solid #fff;border-radius:10px;background:#bd8815;box-shadow:0 4px 15px #0000004d;display:block;margin:0 auto;max-width:100%;height:auto;touch-action:none}.score{margin-top:15px;font-size:18px;font-weight:700}.score span{color:#ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width: 480px){.instructions,.game-intro{margin-bottom:10px}.score{font-size:16px}}@media (orientation: landscape) and (max-height: 600px){body{padding:5px}.instructions,.game-intro{display:none}h1{font-size:20px;margin-bottom:10px}}html,body{overscroll-behavior:contain}