html, body { margin:0; height:100%; background:#070a06; overflow:hidden; touch-action:none; -webkit-tap-highlight-color:transparent; font-family: system-ui, Arial, sans-serif; }
  #wrap { position:relative; width:100vw; height:100vh; height:100dvh; display:flex; align-items:center; justify-content:center; }
  canvas { display:block; background:#0d120c; max-width:100%; max-height:100%; touch-action:none; }
  #hud { position:absolute; top:20px; left:0; right:0; display:flex; justify-content:space-between; padding:0 24px 0 74px; pointer-events:none; }
  #hud .label { font-size:13px; font-weight:700; letter-spacing:0.08em; color:#93a0bf; }
  #hud .val { font-size:26px; font-weight:800; color:#3ddc84; }
  .home-btn { position:absolute; top:16px; left:16px; z-index:20; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.08); border:2px solid #3ddc84; color:#e7ecf7; font-size:20px; display:flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer; box-shadow:0 4px 10px rgba(0,0,0,0.4); }
  .home-btn:hover { filter:brightness(1.25); }
  #arrows { position:absolute; bottom:30px; left:0; right:0; display:grid; grid-template-columns:60px 60px 60px; grid-template-rows:60px 60px; gap:8px; justify-content:center; }
  #arrows button { font-size:26px; border-radius:14px; border:none; background:rgba(255,255,255,0.1); color:#e7ecf7; box-shadow:0 4px 0 rgba(0,0,0,0.25); }
  #arrows button:active { transform:translateY(3px); }
  #btnUp{ grid-column:2; grid-row:1; } #btnLeft{ grid-column:1; grid-row:2; } #btnDown{ grid-column:2; grid-row:2; } #btnRight{ grid-column:3; grid-row:2; }
  #overlay { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#e7ecf7; background:rgba(7,10,6,0.85); }
  #overlay.hidden { display:none; }
  #overlay h1 { font-size:28px; margin:0 0 10px; color:#3ddc84; }
  #overlay p { max-width:340px; color:#93a0bf; font-size:15px; line-height:1.5; margin:0 0 20px; }
  #overlay .final { font-size:22px; color:#a6ffb3; margin-bottom:16px; font-weight:700; }
  button.play { font-size:20px; padding:12px 34px; border-radius:40px; border:none; background:linear-gradient(135deg,#3ddc84,#1f9a5a); color:#04241a; font-weight:800; cursor:pointer; box-shadow:0 6px 18px -6px rgba(61,220,132,0.7); }