:root{font-family:Tahoma,Arial,sans-serif;color:#183f3d;background:#f5f4e9}*{box-sizing:border-box}body{margin:0;overflow:hidden}header{position:fixed;top:0;right:0;left:0;text-align:center;z-index:5;padding:calc(16px + env(safe-area-inset-top)) 18px 16px;pointer-events:none;background:linear-gradient(#fffef7f5,#fffef7dc,transparent)}h1{margin:8px 0;font-size:clamp(26px,5vw,40px)}header p{margin:0;font-size:15px}.badge{font-size:11px;letter-spacing:1px;background:#e4f1d0;border-radius:30px;padding:6px 14px}#welcome{position:fixed;z-index:6;top:52%;left:50%;transform:translate(-50%,-50%);width:min(90%,440px);padding:24px;border-radius:32px;background:#fff;box-shadow:0 24px 70px #22564722;text-align:center}#welcome p{line-height:1.9}.illustration{font-size:70px}h2{font-size:24px;margin:8px}button{font:700 17px Tahoma,Arial;border:0;cursor:pointer;border-radius:22px;padding:17px 24px;background:#d6ec7c;color:#234439;box-shadow:0 5px 0 #a6bf51;touch-action:manipulation;min-height:54px}button:active{transform:translateY(3px);box-shadow:0 2px 0 #a6bf51}button:disabled{opacity:.55;cursor:default}#start{width:100%}a{display:block;color:#246a60;margin:20px 0}.note{font-size:11px;color:#62716c}#error{color:#a33131;font-size:13px}#hud{position:fixed;inset:0;z-index:8;pointer-events:none}nav{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;width:max-content;max-width:96vw;pointer-events:auto}.secondary{background:#fffef3;box-shadow:0 4px 0 #d5d5c7;font-size:12px;padding:14px}#water{display:flex;align-items:center;gap:10px}#water img{width:46px;height:40px}.hint{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);background:#183f3de8;color:white;border-radius:25px;padding:12px 22px;text-align:center;max-width:90%;width:max-content;font-size:14px}a-scene{position:fixed!important;inset:0;width:100%!important;height:100%!important}.arjs-loader{display:none}@media(max-width:420px){nav{gap:7px}button{padding:13px}#water{font-size:14px}#water img{width:33px}.secondary{padding:12px 9px;font-size:11px}}@media(max-height:600px){#welcome{padding:12px;top:60%}.illustration{display:none}#welcome p{margin:8px;font-size:12px}header{padding-top:8px}h1{font-size:24px}.note{display:none}.hint{bottom:100px}}
