*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body{width:100vw;height:100vh;overflow:hidden;background:#74b9ff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;touch-action:manipulation}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#ui-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:16px}#score-badge{pointer-events:auto;align-self:flex-start;background:#fffffff2;border:4px solid #ff7675;border-radius:30px;padding:8px 24px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 20px #00000026;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}#score-badge.bump{transform:scale(1.25);border-color:#fdcb6e}.fruit-icon{font-size:32px;animation:pulse 1.5s infinite}#score-val{font-size:36px;font-weight:900;color:#d63031}.label{font-size:18px;font-weight:700;color:#636e72}#cheer-banner{align-self:center;background:#ffffffe6;padding:8px 20px;border-radius:20px;font-size:16px;font-weight:700;color:#2d3436;box-shadow:0 4px 12px #0000001a;text-align:center;transition:all .3s ease}#touch-controls{pointer-events:auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;opacity:.88}#touch-controls:hover{opacity:1}.dpad-row{display:flex;gap:12px;align-items:center}.dpad-row.middle{gap:8px}.dpad-btn{width:64px;height:64px;border-radius:50%;border:3px solid #ffffff;background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #00000040;cursor:pointer;touch-action:none;transition:transform .1s,background .1s}.dpad-btn:active,.dpad-btn.pressed{transform:scale(.92);background:linear-gradient(135deg,#00cec9,#0984e3);box-shadow:0 2px 6px #0003}.dpad-center{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#fff9;border-radius:50%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-width: 600px){.dpad-btn{width:56px;height:56px;font-size:22px}#score-badge{padding:6px 16px}#score-val{font-size:28px}}