@import"https://fonts.googleapis.com/css2?family=Chewy&family=Nunito:wght@600;700;900&display=swap";:root{font-family:Nunito,sans-serif;color:#25464a;background:#a6e4df;font-synthesis:none}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;overscroll-behavior:none}canvas{display:block}button{font:inherit}#app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 120px #1b6f6529}.panel{position:fixed;z-index:20;transition:opacity .5s ease,transform .5s ease}.welcome{inset:50% auto auto clamp(22px,8vw,120px);transform:translateY(-50%);width:min(480px,calc(100vw - 44px));padding:clamp(25px,4vw,48px);color:#214a49;background:#fffcefeb;border:4px solid #fff;border-radius:42px 42px 42px 12px;box-shadow:0 24px 70px #21564d3b,inset 0 -8px #ffcd7629;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.welcome:before{content:"✦";position:absolute;right:34px;top:28px;color:#f5a9ca;font-size:38px;animation:twinkle 1.8s ease-in-out infinite}.eyebrow,.label{display:block;font-weight:900;letter-spacing:.13em;font-size:11px;color:#d9709d}h1{font:400 clamp(57px,8vw,92px)/.76 "Chewy",cursive;margin:13px 0 25px;letter-spacing:-.02em;color:#26766c;text-shadow:0 4px 0 #d5f4e6}h1 em{color:#ed88ae;font-style:normal}.welcome p{max-width:330px;font-size:18px;line-height:1.45;margin:0 0 22px}.welcome small{display:block;margin-top:15px;color:#64817e;font-weight:700}.big-button{border:0;border-radius:999px;padding:15px 19px 15px 28px;min-width:210px;color:#fff;background:#e96d9e;box-shadow:0 7px #bb4775,0 14px 28px #bf47773d;font-weight:900;font-size:20px;cursor:pointer;transition:transform .12s,box-shadow .12s}.big-button span{float:right;margin-left:20px}.big-button:hover{transform:translateY(-2px)}.big-button:active{transform:translateY(5px);box-shadow:0 2px #bb4775}.quest-card{position:fixed;left:max(15px,env(safe-area-inset-left));top:max(15px,env(safe-area-inset-top));z-index:10;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;min-width:320px;padding:10px 13px;border:3px solid rgba(255,255,255,.8);border-radius:22px;background:#fffcefe6;box-shadow:0 10px 30px #20584f29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .35s,transform .35s}.portrait{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff2aa;font-size:30px}.quest-card strong{display:block;font-size:16px}.counter{padding:9px 12px;border-radius:14px;background:#dff5e8;color:#28736a;font-size:19px;font-weight:900}.toast{position:fixed;z-index:30;left:50%;top:18%;width:min(430px,calc(100vw - 32px));padding:17px 24px;border-radius:22px;text-align:center;color:#663457;background:#fff7ccf5;border:3px solid white;box-shadow:0 14px 40px #46344e2e;font:22px Chewy,cursive;transform:translate(-50%,-30px) scale(.9);opacity:0;pointer-events:none;transition:.35s cubic-bezier(.2,.8,.2,1)}.toast.show{opacity:1;transform:translate(-50%) scale(1)}.hint{position:fixed;z-index:9;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:11px 17px;border-radius:999px;background:#1d4544c2;color:#fff;font-weight:900;font-size:14px;pointer-events:none;animation:bob 1.5s ease-in-out infinite}.home-button,.sound-button{position:fixed;z-index:10;right:max(18px,env(safe-area-inset-right));width:54px;height:54px;border:3px solid rgba(255,255,255,.85);border-radius:18px;color:#2a6f67;background:#fffcefe6;box-shadow:0 8px 25px #21564d2e;font-size:28px;font-weight:900;cursor:pointer}.home-button{bottom:max(18px,env(safe-area-inset-bottom))}.sound-button{top:max(18px,env(safe-area-inset-top));font-size:23px}.hidden{opacity:0!important;pointer-events:none!important;transform:translateY(-10px)}.welcome.hidden{transform:translateY(-46%) scale(.94)}@keyframes twinkle{50%{transform:rotate(18deg) scale(1.25);opacity:.6}}@keyframes bob{50%{transform:translate(-50%) translateY(-5px)}}@media (max-width: 600px){.welcome{inset:auto 16px max(20px,env(safe-area-inset-bottom)) 16px;transform:none;width:auto;padding:25px;border-radius:32px 32px 32px 10px}.welcome.hidden{transform:translateY(20px) scale(.96)}h1{font-size:57px;margin:9px 0 17px}.welcome p{font-size:16px;margin-bottom:17px}.welcome small{font-size:11px}.quest-card{min-width:0;right:78px;grid-template-columns:43px 1fr auto;gap:8px}.portrait{width:43px;height:43px;font-size:25px}.label{font-size:8px}.quest-card strong{font-size:13px}.counter{font-size:15px;padding:7px 9px}}