*{box-sizing:border-box}html,body{color:#3b2a1a;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1b2a3a;height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}canvas#game{touch-action:none;width:100vw;height:100dvh;display:block}#controls{z-index:5;gap:8px;display:flex;position:fixed;bottom:10px;left:10px}.icon-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#281e1473;border:2px solid #ffffffb3;border-radius:50%;width:44px;height:44px;font-size:20px}.icon-btn:hover{background:#281e14a6}.overlay{z-index:10;background:radial-gradient(#141e3240,#0a0f1e99);justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.overlay.visible{animation:.35s fade-in;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card{text-align:center;background:linear-gradient(#fff6e0,#f5deb0);border:3px solid #fff;border-radius:22px;width:min(560px,100%);max-height:100%;padding:22px 26px;overflow:auto;box-shadow:0 18px 50px #00000059,inset 0 -6px #b4783c33}.card.small{width:min(400px,100%)}.title{color:#e2553b;text-shadow:0 3px #a8321f,0 6px 14px #00000040;letter-spacing:1px;margin:0 0 6px;font-size:clamp(30px,7vw,52px);line-height:1.05}.title span{animation:1.6s ease-in-out infinite bob;display:inline-block}.title span:nth-child(odd){color:#f08a3c;text-shadow:0 3px #b5561a,0 6px 14px #00000040}.title span:nth-child(2){animation-delay:80ms}.title span:nth-child(3){animation-delay:.16s}.title span:nth-child(4){animation-delay:.24s}.title span:nth-child(5){animation-delay:.32s}.title span:nth-child(6){animation-delay:.4s}.title span:nth-child(7){animation-delay:.48s}.title span:nth-child(8){animation-delay:.56s}.title span:nth-child(9){animation-delay:.64s}.title span:nth-child(10){animation-delay:.72s}.title span:nth-child(12){animation-delay:.1s}.title span:nth-child(13){animation-delay:.2s}.title span:nth-child(14){animation-delay:.3s}.title span:nth-child(15){animation-delay:.4s}.title span:nth-child(16){animation-delay:.5s}.title span:nth-child(17){animation-delay:.6s}.title span:nth-child(18){animation-delay:.7s}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(-4deg)}75%{transform:translateY(2px)rotate(3deg)}}h2{color:#e2553b;margin:0 0 8px;font-size:32px}.subtitle{margin:4px 0 12px;font-size:17px}.howto{text-align:left;margin:8px 0 12px;padding-left:20px;font-size:14.5px;line-height:1.5}.record{margin:6px 0 12px;font-size:16px}.big-btn{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#ff8a5c,#e2553b);border:none;border-radius:40px;padding:10px 38px;font-size:22px;font-weight:700;transition:transform .1s;display:inline-block;box-shadow:0 5px #a8321f,0 8px 18px #00000040}.big-btn:hover{transform:translateY(-2px)}.big-btn:active{transform:translateY(3px);box-shadow:0 2px #a8321f}.link-btn{font:inherit;color:#8a5a2b;cursor:pointer;background:0 0;border:none;margin:12px auto 0;text-decoration:underline;display:block}.hint{opacity:.7;margin:10px 0 0;font-size:12.5px}.stats{grid-template-columns:1fr 1fr;gap:6px 12px;max-width:260px;margin:10px auto 14px;font-size:18px;display:grid}.stats dt{text-align:right;opacity:.75}.stats dd{text-align:left;margin:0;font-weight:700}.new-record{color:#d48a00;font-size:20px;font-weight:700;animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@media (height<=520px){.howto{font-size:12.5px;line-height:1.35}.card{padding:14px 18px}}
