*{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fill-available}body{color:#e2e8f0;background:#0f172a;width:100%;height:100%;min-height:-webkit-fill-available;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#game-wrapper{position:fixed;inset:0}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#hud{pointer-events:none;z-index:5;justify-content:space-between;align-items:flex-start;padding:10px 16px;display:flex;position:fixed;top:0;left:0;right:0}#score-display{color:#fbbf24;text-shadow:0 2px 4px #0009,0 0 8px #fbbf244d;font:700 24px monospace}#game-title{color:#fbbf24;text-shadow:0 2px 6px #00000080,0 0 12px #fbbf2433;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(18px,3vw,28px);font-style:italic;font-weight:900}#mute-btn{pointer-events:auto;color:#fbbf24;cursor:pointer;width:36px;height:36px;min-height:auto;box-shadow:none;background:#0f172a99;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background .15s;display:flex}#mute-btn:hover{box-shadow:none;background:#0f172acc;transform:none}#mute-btn.muted{color:#64748b}.overlay{-webkit-backdrop-filter:blur(6px);z-index:10;background:#0f172ae0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay.hidden{display:none}.card{background:linear-gradient(145deg,#1e293bf2,#0f172af2);border:1px solid #94a3b81f;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:90vw;max-width:420px;padding:28px 36px;display:flex;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08}.title-row{align-items:center;gap:12px;margin-bottom:2px;display:flex}.title-duck{filter:drop-shadow(0 2px 4px #0006);width:48px;height:auto}.title-duck.left{transform:scaleX(-1)}.overlay h1{color:#fbbf24;text-shadow:0 2px 8px #fbbf244d;letter-spacing:.02em;white-space:nowrap;font-size:clamp(1.8em,5vw,2.4em)}.subtitle{color:#94a3b8;margin-bottom:8px;font-size:clamp(.85em,2.5vw,1em)}.hint{color:#64748b;margin-top:4px;font-size:.82em}.form{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.form label{color:#94a3b8;font-size:.88em;font-weight:500}.form input[type=text]{color:#f1f5f9;text-align:center;background:#0f172acc;border:2px solid #3b82f666;border-radius:8px;outline:none;width:100%;max-width:220px;padding:10px 14px;font-size:1em;transition:border-color .2s,box-shadow .2s}.form input[type=text]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f626}.form input[type=range]{accent-color:#3b82f6;width:100%;max-width:220px;height:6px}button{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;min-height:48px;padding:12px 40px;font-size:clamp(1em,3vw,1.1em);font-weight:700;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 12px #2563eb4d}button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}button:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.leaderboard{width:90vw;max-width:380px}.leaderboard table{border-collapse:separate;border-spacing:0;background:#1e293bb3;border-radius:10px;width:100%;font-size:.9em;overflow:hidden;box-shadow:0 4px 16px #0003}.leaderboard th{color:#93c5fd;text-align:left;text-transform:uppercase;letter-spacing:.05em;background:#3b82f626;padding:8px 12px;font-size:.85em;font-weight:600}.leaderboard td{border-bottom:1px solid #ffffff0a;padding:7px 12px}.leaderboard tbody tr:last-child td{border-bottom:none}.leaderboard tbody tr:hover{background:#3b82f60f}.leaderboard .empty{text-align:center;color:#475569;background:#1e293b80;border-radius:10px;padding:16px;font-style:italic}.lb-title{text-transform:uppercase;letter-spacing:.08em;color:#64748b;text-align:center;margin-bottom:6px;font-size:.8em}#final-score{color:#fbbf24;text-shadow:0 0 12px #fbbf2433;margin:4px 0 10px;font-size:clamp(1.1em,3vw,1.4em)}@media (height<=580px){.overlay{flex-flow:wrap;place-content:center;align-items:flex-start;gap:6px;padding:8px}.card{border-radius:10px;gap:2px;max-width:280px;padding:12px 20px}.overlay h1{font-size:1.3em}.subtitle{margin-bottom:2px;font-size:.8em}.hint{display:none}.title-row{gap:6px}.title-duck{width:28px}.form{gap:3px}.form label{font-size:.8em}.form input[type=text]{max-width:180px;padding:6px 10px;font-size:.9em}.form input[type=range]{max-width:180px}button{min-height:36px;padding:6px 24px;font-size:.9em}.leaderboard{max-width:260px;margin-top:0}.leaderboard table{font-size:.78em}.leaderboard th,.leaderboard td{padding:3px 6px}.lb-title{margin-bottom:3px;font-size:.7em}#final-score{margin:2px 0 6px;font-size:1em}#hud{padding:4px 8px}#score-display{font-size:16px}#game-title{font-size:14px}#mute-btn{width:28px;height:28px;font-size:14px}}@media (height<=400px){.card{padding:8px 14px}.overlay h1{font-size:1.1em}.subtitle{display:none}.title-duck{width:22px}button{min-height:30px;padding:5px 18px}}@media (width<=400px){.card{max-width:95vw;padding:18px 16px}.title-duck{width:32px}.leaderboard{max-width:95vw}}