:root{--green:#126a5d;--deep:#06483f;--cream:#fff7dc;--yellow:#ffd75b;--coral:#ff7254;--ink:#183b35}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#073f38;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.app{width:min(100vw,480px);height:100dvh;margin:auto;position:relative;display:grid;grid-template-rows:58px 70px 1fr 54px;background:linear-gradient(#18a88d,#0b7567);color:white;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;background:#06483fe8}.brand{font-weight:950;letter-spacing:1.2px}.brand span{color:var(--yellow)}button{border:0;font:inherit;font-weight:900;cursor:pointer}.round-button{width:39px;height:39px;border-radius:50%;background:#ffffff1c;color:white;border:1px solid #ffffff48}.scorebar{display:grid;grid-template-columns:1fr 90px 1fr;text-align:center;align-items:center;background:#0d665c}.scorebar small{display:block;font-size:10px;color:#bde6dc;letter-spacing:1px}.scorebar strong{font-size:25px}.next{height:68px;position:relative}.next canvas{margin-top:-2px}.stage{position:relative;min-height:0;background:linear-gradient(#9ce7d5 0 28%,#71d1bb 70%,#44b59e)}#game{width:100%;height:100%;display:block;touch-action:none}.guide{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:45px;text-align:center;color:#fff8c7;filter:drop-shadow(0 2px 2px #08695d);pointer-events:none}.guide span{font-size:20px}.capy{position:absolute;right:-8px;bottom:8px;width:85px;height:72px;border-radius:50% 44% 38% 50%;background:#a66f42;border:4px solid #7a4b2d;color:#332218;display:grid;place-items:center;font-size:21px;transform:rotate(-8deg);box-shadow:0 8px 0 #075d51aa;pointer-events:none}.capy:before,.capy:after{content:"";position:absolute;top:-8px;width:23px;height:25px;border-radius:50%;background:#8c5a37;border:4px solid #704226;z-index:-1}.capy:before{left:5px}.capy:after{right:7px}.capy i{position:absolute;width:13px;height:9px;background:#fff;border-radius:50%;left:17px;top:22px;box-shadow:37px 0 0 #fff}.capy.happy{animation:happy .35s ease 2}.capy.worried{animation:worried .3s infinite alternate}@keyframes happy{50%{transform:translateY(-10px) rotate(4deg)}}@keyframes worried{to{transform:translateX(3px) rotate(-5deg)}}footer{display:grid;place-items:center;background:#06483f}.restart{padding:9px 25px;border-radius:20px;background:#ffffff17;color:#d8f3ec;border:1px solid #ffffff28;font-size:12px}.overlay{position:absolute;inset:0;z-index:20;background:#063f3aec;display:grid;place-items:center;padding:22px}.hidden{display:none}.card{width:100%;background:var(--cream);color:var(--ink);border-radius:28px;text-align:center;padding:28px 22px;box-shadow:0 22px 50px #002c27}.card h1,.card h2{margin:5px 0 8px;color:var(--green);font-size:32px}.card p{line-height:1.45;color:#5f6f68}.card p strong{display:block;font-size:42px;color:var(--coral)}.capy-logo{font-size:45px;color:#915e39;font-weight:900}.demo{display:flex;align-items:center;justify-content:center;gap:8px;font-size:30px;margin:20px 0}.demo b{font-size:20px;color:#719188}.card button{display:block;width:100%;padding:15px;border-radius:15px;background:var(--coral);color:white;box-shadow:0 5px 0 #d84f36}.card small{display:block;margin-top:17px;color:#82918b}@media(max-height:680px){.app{grid-template-rows:48px 58px 1fr 45px}.scorebar strong{font-size:20px}.capy{transform:scale(.82);transform-origin:right bottom}}