:root{--green:#23b995;--orange:#ffad42;--ink:#193d38;--paper:#fffdf5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#16453f;font-family:Arial,sans-serif;color:var(--ink)}button{font:inherit}.app{position:relative;width:min(100%,540px);height:100dvh;margin:auto;overflow:hidden;background:#dff5ea}header{position:absolute;z-index:20;top:0;left:0;right:0;height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;display:flex;align-items:center;background:#167e6ceF;color:white;box-shadow:0 4px 18px #153e3666}.brand{display:flex;align-items:center;gap:8px}.brand>i{width:39px;height:39px;display:grid;place-items:center;background:#ffc85b;border-radius:12px;font-style:normal;font-size:22px}.brand b{font-size:13px;letter-spacing:.05em}.brand small{display:block;color:#a7f2dd;font-size:8px;margin-top:2px}.brand em{font-style:normal}.money{margin-left:auto;text-align:right}.money small{display:block;font-size:7px;color:#a7f2dd}.money b{font-size:15px;color:#fff2a8}.goals{position:absolute;z-index:19;top:calc(65px + env(safe-area-inset-top));left:10px;right:10px;height:38px;display:flex;gap:7px;align-items:center}.goals>div{flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:8px 10px;background:#fffef0e8;border-radius:11px;box-shadow:0 4px 12px #193d3833}.goals span,.goals em{font-size:7px;font-weight:900;font-style:normal}.goals b{height:7px;background:#dbe8d9;border-radius:8px;overflow:hidden}.goals b i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ffb944,#ff778d);transition:.3s}.goals button{width:38px;height:38px;border:0;border-radius:11px;background:#fff;color:#197963;font-weight:900}.game{position:absolute;inset:0 0 114px;background:#91cbb1;overflow:hidden}.map{position:absolute;left:50%;top:51%;width:100%;aspect-ratio:3/2;transform:translate(-50%,-50%);overflow:hidden}.map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.actor{position:absolute;z-index:5;width:var(--w);height:auto;transform:translate(-50%,-84%);transition:left var(--speed) linear,top var(--speed) linear;filter:drop-shadow(0 3px 2px #16372e55);pointer-events:auto}.actor.walking{animation:walk .42s infinite alternate}.actor.left{scale:-1 1}.actor .bubble{position:absolute;left:50%;top:-22px;min-width:44px;padding:4px 7px;transform:translateX(-50%) scale(var(--flip,1),1);border:2px solid white;border-radius:12px;background:#fff;color:#573b22;font-size:11px;text-align:center;box-shadow:0 3px 8px #0003}.actor .bubble:after{content:"";position:absolute;left:45%;bottom:-5px;width:7px;height:7px;background:white;transform:rotate(45deg)}@keyframes walk{to{margin-top:-4px;rotate:2deg}}.hotspot{position:absolute;z-index:4;padding:4px 6px;border:2px solid white;border-radius:8px;background:#19aa82e8;color:white;font-size:6px;font-weight:900;box-shadow:0 4px 10px #0004}.hotspot span{display:block;font-size:5px;color:#c8ffe9}.hotspot.locked{background:#434d4acc}.register{left:18%;top:31%}.food{left:46%;top:25%}.toys{left:43%;top:48%}.groom{right:9%;top:24%}.adopt{right:8%;top:49%}.tip{position:absolute;z-index:9;left:15px;right:15px;bottom:5px;padding:8px 12px;border-radius:12px;background:#183d38dd;color:white;text-align:center;font-size:8px}.orders{position:absolute;z-index:15;left:8px;right:8px;bottom:72px;height:47px;padding:5px 8px;background:#fffdf2ed;border-radius:13px;box-shadow:0 5px 15px #173e3555;display:flex;align-items:center;gap:8px}.orderTitle{width:52px}.orderTitle b{display:block;font-size:7px}.orderTitle span{font-size:7px;color:#82938b}.orders #queue{display:flex;gap:5px;flex:1}.queueItem{height:35px;min-width:66px;border:0;border-radius:10px;background:#ebf8ee;display:flex;align-items:center;justify-content:center;gap:3px;font-size:16px}.queueItem small{font-size:7px;font-weight:900}.queueItem.ready{background:#fff0b6;animation:pulse .7s infinite alternate}@keyframes pulse{to{transform:scale(1.05)}}nav{position:absolute;z-index:30;bottom:0;left:0;right:0;height:calc(68px + env(safe-area-inset-bottom));padding:4px 2px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fffdf8;border-top:1px solid #d6ddd6}nav button{border:0;background:none;color:#7b9189;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:7px;font-weight:900}nav i{font-style:normal;font-size:20px}.main i{width:43px;height:43px;margin-top:-23px;display:grid;place-items:center;border:4px solid white;border-radius:50%;background:#29bc92}.modal{position:absolute;z-index:40;inset:9% 0 68px;padding:18px 14px;background:#f9f6ed;border-radius:24px 24px 0 0;overflow:auto;box-shadow:0 -10px 45px #123b3488;animation:rise .25s}.hidden{display:none}@keyframes rise{from{transform:translateY(100%)}}.modalHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.modalHead small{font-size:7px;font-weight:900;color:#21ad83}.modalHead h2{margin:2px 0;font-size:24px}.modalHead button{width:36px;height:36px;border:0;border-radius:50%;font-size:21px}.build,.staff{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:11px;background:white;border-radius:15px;box-shadow:0 4px 12px #3b493c18}.build>i,.staff>i{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#e2faed;font-size:24px;font-style:normal}.build div,.staff div{flex:1}.build h3,.staff h3{margin:0;font-size:12px}.build p,.staff p{margin:3px 0 0;color:#809188;font-size:8px}.build button,.staff button{border:0;border-radius:10px;padding:9px;background:#ffc34e;color:#5e3b05;font-size:8px;font-weight:900}.build button:disabled,.staff button:disabled{background:#deddd5;color:#999}.book{display:grid;grid-template-columns:1fr 1fr;gap:8px}.petCard{text-align:center;padding:12px 7px;background:white;border-radius:15px}.petCard img{height:100px;max-width:100%;object-fit:contain}.petCard b{display:block;font-size:10px}.petCard small{font-size:7px;color:#84928a}.petCard.locked{filter:grayscale(1);opacity:.45}.toast{position:absolute;z-index:70;left:50%;top:16%;transform:translate(-50%,-15px);padding:10px 16px;border-radius:20px;background:#163e37;color:white;font-size:9px;font-weight:900;opacity:0;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.start{position:absolute;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#2ab990,#0a7465);transition:.5s}.start.hide{opacity:0;pointer-events:none}.start>div{width:100%;padding:35px 20px;text-align:center;background:#fffaf0;border-radius:28px;box-shadow:0 25px 60px #063a3266}.sign{display:grid;place-items:center;width:110px;height:110px;margin:-80px auto 20px;border:7px solid #fffaf0;border-radius:32px;background:#ffc454;font-size:55px;box-shadow:0 12px 30px #75491555}.start small{font-size:7px;color:#21ae83;font-weight:900}.start h1{margin:5px;font-size:44px;color:#174b41}.start p{font-size:12px;line-height:1.5;color:#718179}.start button{width:100%;padding:15px;border:0;border-radius:13px;background:#27bb8e;color:white;font-size:10px;font-weight:900}.paused:after{content:"ПАУЗА";position:absolute;z-index:80;inset:0;display:grid;place-items:center;background:#0b2825aa;color:white;font-size:30px;font-weight:900}@media(min-width:700px){body{background:#123b35}.app{box-shadow:0 0 90px #0007}}