.ds-page{min-height:100vh;background:radial-gradient(circle at top,#0f4c6e 0,#04182b 70%);padding:24px 16px;color:#e3f6ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ds-container{max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.ds-title{font-size:2.4rem;font-weight:800;letter-spacing:.02em;color:#ff9cc2;text-shadow:0 0 14px rgba(255,140,190,.5);margin:0 0 12px;text-align:center}.ds-scores{display:flex;gap:28px;font-size:1.05rem;color:#9fd8ef;margin-bottom:12px}.ds-scores strong{color:#ffffff;font-size:1.25rem;margin-left:6px}.ds-canvas{display:block;width:min(100%,480px,calc((100vh - 150px) * 480 / 720));aspect-ratio:480/720;height:auto;border-radius:16px;border:3px solid #2a8fb5;box-shadow:0 0 28px rgba(60,180,230,.35);touch-action:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.ds-restart{margin-top:16px;padding:10px 28px;font-size:1.1rem;font-weight:700;color:#3a0b1f;background:linear-gradient(180deg,#ffb3d0,#ff7fae);border:none;border-radius:999px;box-shadow:0 4px 14px rgba(255,120,170,.45);cursor:pointer}.ds-restart:hover{filter:brightness(1.08)}.ds-instructions{margin-top:20px;width:100%;max-width:480px;background:rgba(10,50,80,.55);border:1px solid rgba(90,190,230,.3);border-radius:12px;padding:14px 18px}.ds-instructions h2{margin:0 0 8px;font-size:1.15rem;color:#ff9cc2}.ds-instructions ul{margin:0;padding-left:18px;line-height:1.6}.ds-instructions span{display:inline-block;padding:0 6px;border-radius:4px;background:rgba(255,255,255,.12);font-family:ui-monospace,monospace}