:root{--bg-top:#f7ede2;--bg-bottom:#f3d9c6;--panel:#ffffffb8;--ink:#5d4a3a;--ink-soft:#8a7660;--accent:#e8a4b8;--shadow:#5d4a3a2e}*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(180deg, var(--bg-top), var(--bg-bottom));touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:Nunito,system-ui,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#game{image-rendering:pixelated;box-shadow:0 20px 60px var(--shadow);border-radius:18px;display:block}#hud{pointer-events:none;align-items:flex-start;gap:14px;display:flex;position:absolute}.hud-label{letter-spacing:2px;color:var(--ink-soft);font-size:11px;font-weight:900}#score-panel,#next-panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px var(--shadow);text-align:center;border-radius:14px;padding:8px 16px}#score-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:30px;font-weight:900;line-height:1.1}#best-value{color:var(--ink-soft);font-size:11px;font-weight:800}#next-canvas{image-rendering:pixelated;margin:2px auto 0;display:block}#buttons{pointer-events:auto;flex-direction:column;gap:8px;display:flex}#buttons button{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:40px;height:40px;box-shadow:0 4px 14px var(--shadow);cursor:pointer;border:none;border-radius:12px;font-size:18px;transition:transform .12s,background .12s}#buttons button:hover{background:#fff;transform:scale(1.08)}#buttons button:active{transform:scale(.94)}#overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;opacity:1;background:#5d4a3a73;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}#overlay.hidden{opacity:0;pointer-events:none}#overlay-card{flex-direction:column;align-items:center;gap:12px;animation:.45s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}#overlay-title{color:#fff;text-shadow:0 3px 0 var(--accent), 0 6px 18px #0000004d;letter-spacing:2px;font-size:40px;font-weight:900}#overlay-subtitle{color:#fff;opacity:.9;margin-top:-6px;font-size:15px;font-weight:800}#score-card{cursor:pointer;border-radius:20px;max-width:min(560px,86vw);height:auto;transition:transform .15s;box-shadow:0 16px 48px #00000059}#score-card:hover{transform:scale(1.02)}#overlay-hint{color:#fff;opacity:.65;font-size:12px;font-weight:700}#overlay-buttons{gap:12px;display:flex}#btn-again{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(#f0a8c0,#e07fa0);border:none;border-radius:16px;padding:14px 40px;font-family:inherit;font-size:18px;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:0 6px #b85a7c,0 10px 24px #00000040}#btn-again:hover{transform:translateY(-2px);box-shadow:0 8px #b85a7c,0 14px 28px #0000004d}#btn-again:active{transform:translateY(3px);box-shadow:0 3px #b85a7c,0 6px 14px #00000040}@media (height<=780px){#overlay-title{font-size:30px}#score-card{max-width:min(480px,80vw)}}