html, body { margin:0; height:100%; background:#061018; 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:#a8d8f0; 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:#0a3a5c; }
  #hud .val { font-size:28px; font-weight:800; color:#0a3a5c; }
  .home-btn { position:absolute; top:16px; left:16px; z-index:20; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,0.5); border:2px solid #0a3a5c; color:#0a3a5c; 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.2); }
  .home-btn:hover { filter:brightness(1.1); }
  #controls { position:absolute; bottom:26px; left:0; right:0; display:flex; justify-content:center; gap:40px; }
  #controls button { width:64px; height:64px; border-radius:16px; border:none; background:rgba(10,58,92,0.7); color:white; font-size:26px; box-shadow:0 4px 0 rgba(0,0,0,0.2); }
  #controls button:active { transform:translateY(3px); }
  #overlay { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#0a3a5c; background:rgba(168,216,240,0.92); }
  #overlay.hidden { display:none; }
  #overlay h1 { font-size:28px; margin:0 0 10px; }
  #overlay p { max-width:340px; font-size:15px; line-height:1.5; margin:0 0 20px; color:#1a5a80; }
  #overlay .final { font-size:22px; color:#0a7a3a; margin-bottom:16px; font-weight:700; }
  button.play { font-size:20px; padding:12px 34px; border-radius:40px; border:none; background:linear-gradient(135deg,#0a3a5c,#124e78); color:#fff; font-weight:800; cursor:pointer; box-shadow:0 6px 18px -6px rgba(10,58,92,0.5); }