@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Nunito:wght@700;800;900&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color:#173e36;background:#f6f4e9}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;font-weight:800;border:1px solid #244a3924;border-radius:100px;padding:12px 20px;cursor:pointer;background:#fffaf0;color:#173e36}button:hover{filter:brightness(.96)}button:focus-visible{outline:3px solid #e89545;outline-offset:4px}header{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 36px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-weight:900;font-size:30px;color:inherit}.brand span{font-size:13px;letter-spacing:2px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.5px;margin-top:5px}.tools{display:flex;gap:8px}main{max-width:1280px;margin:auto;padding:12px 36px 24px}.topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;font-weight:800;margin:8px 0 16px}#game{position:relative;height:min(69vh,690px);min-height:470px;overflow:hidden;border-radius:24px;background:#f4c899;box-shadow:0 14px 40px #193b3212;touch-action:none}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none}.hud small{display:block;font-size:9px;font-weight:800;letter-spacing:1.4px}.hud strong{display:block;font-size:26px;margin-top:3px}.hud>div{min-width:80px}.hud>div:last-child{text-align:right}.timer{text-align:center}.progress{position:absolute;top:0;width:100%;height:5px;background:#ffffff33}.progress i{display:block;height:100%;background:#2b8154;width:0}.overlay{position:absolute;inset:0;display:flex;align-items:center;padding:65px;background:linear-gradient(90deg,#fff4dfeb,#fff4df55 70%,transparent)}.panel{max-width:630px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:800}h1{font-family:Nunito,system-ui,sans-serif;font-size:clamp(32px,4vw,55px);line-height:1.08;letter-spacing:-1.8px;margin:20px 0}h1 em{font-style:normal;color:#408651}p{font-size:13px;line-height:1.8;color:#46665a}.primary{background:#194c3e;color:#fff9e6;padding:16px 26px;border:0;box-shadow:0 5px 0 #11372c}.primary span{margin-left:45px}.controls{display:flex;gap:24px;margin-top:24px;font-size:11px}.hint{display:block;font-size:10px;color:#5d7265;margin-top:12px}.bottomhint{position:absolute;bottom:16px;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#fff7e0;pointer-events:none}footer{display:flex;align-items:center;gap:28px;font-size:11px;padding:24px 0 8px}footer>div{display:flex;align-items:center;gap:8px}.coin{font-size:28px;text-shadow:0 2px #ab6f2a}.gold{color:#e9ad36}.silver{color:#aabccc;text-shadow:0 2px #718da4}.birdicon{color:#448850;font-size:25px}.footerlast{margin-left:auto;font-size:10px;color:#6a7b6f}.note{font-size:10px;color:#849084}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.stats div{background:#fff9edbb;padding:10px;border-radius:12px;font-size:10px}.stats b{display:block;font-size:20px}.bigscore{font-size:42px;color:#2d784d}.actions{display:flex;gap:12px}#cue{position:absolute;top:26%;left:50%;transform:translateX(-50%);background:#fff6cd;padding:10px 18px;border-radius:30px;font-weight:800;font-size:13px;white-space:nowrap}[hidden]{display:none!important}@media(max-width:650px){header{padding:16px 18px}.brand span{font-size:10px}.brand small{font-size:8px}.tools button{padding:9px 12px;font-size:11px}main{padding:4px 10px 20px}.topline{padding:0 8px;font-size:8px}.topline span:last-child{display:none}#game{height:72svh;min-height:500px;border-radius:18px}.overlay{padding:28px;background:linear-gradient(90deg,#fff4dfec,#fff4df99)}h1{font-size:37px}.panel p br{display:none}.controls{gap:10px;font-size:10px}.hud{left:20px;right:20px;top:20px}.hud small{font-size:8px}footer{gap:17px;padding:16px 8px;font-size:9px}.footerlast{display:none}.note{padding:0 8px}.stats{gap:7px}.stats b{font-size:17px}#results h1{font-size:32px;margin:10px 0}.bigscore{font-size:35px}}