:root{--ink:#284443;--muted:#6f8781;--green:#287954;--pink:#ff6880;--shadow:0 12px 32px #32644718;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#fff8d9,transparent 52%),linear-gradient(#d9f2ef,#f5fbf2);min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e6aa23;outline-offset:3px}button:disabled{cursor:default}a{color:var(--green)}.app{width:min(100%,450px);margin:auto;padding:14px 16px 22px}.top{display:flex;justify-content:space-between;align-items:center;gap:8px}.brand{text-decoration:none;font-weight:900;letter-spacing:1.4px;font-size:13px;display:flex;align-items:center;gap:9px;color:#1f6753}.brand em{font-style:normal;width:33px;height:33px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ffe4a0,#ffb184);font-size:20px;box-shadow:0 3px 0 #e0a577}.actions{display:flex;gap:7px}.pill{font-size:12px;font-weight:800;padding:9px 12px;border-radius:20px;background:#ffffffb5;box-shadow:0 3px 0 #b7d5cb55}.icon{height:34px;width:34px;border-radius:13px;background:#ffffffb5;font-size:17px;box-shadow:0 3px 0 #b7d5cb55}.hero{text-align:center;padding:28px 8px 12px}.eyebrow{font-size:10px;letter-spacing:2px;color:#528172;font-weight:850}.hero h1{font-size:43px;font-weight:1000;line-height:.95;letter-spacing:-2px;margin:13px 0;color:#236447}.hero h1 span{display:block;color:#f97583;text-shadow:0 3px 0 #ffd5b5}.hero p{color:#66887b;font-size:13px;line-height:1.6;margin:12px auto;max-width:320px}.hero-pet{height:174px;width:174px;margin:16px auto;background-image:url('assets/puff-friends.png');background-size:300% 200%;background-position:50% 0;filter:drop-shadow(0 10px 10px #74813826);animation:bob 3s ease-in-out infinite}.hero-stamps{display:flex;justify-content:center;gap:7px;margin-bottom:19px}.hero-stamps span{background:#ffffff80;font-size:10px;font-weight:700;padding:7px 9px;border-radius:10px}.primary{background:linear-gradient(#50ad74,#2d8b58);color:white;border-radius:17px;font-size:16px;font-weight:900;min-height:51px;padding:13px 18px;box-shadow:0 5px 0 #236544,0 10px 17px #43815825;width:100%;transition:transform .15s}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #236544}.secondary{width:100%;border-radius:15px;min-height:44px;padding:12px 16px;background:#edf4e9;border:1px solid #d7e5d9;font-size:13px;font-weight:800}.secondary:disabled{opacity:.5}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.home-card{text-align:left;background:#fff9;border-radius:19px;padding:17px 15px;box-shadow:var(--shadow)}.home-card strong{display:block;font-size:13px}.home-card small{display:block;font-size:10px;color:#729080;margin-top:6px}.home-card b{display:block;font-size:24px;margin-bottom:10px}.home-links{display:flex;justify-content:center;gap:20px;font-size:11px;margin:24px 0 10px}.levelbar{display:flex;justify-content:space-between;align-items:center;margin:17px 0 10px}.levelbar h2{font-size:18px;margin:0;letter-spacing:-.5px}.levelbar small{color:#668879;font-size:10px}.level-meta{font-size:10px;font-weight:800;padding:7px 10px;background:#fff9;border-radius:14px}.progress{height:8px;border-radius:8px;overflow:hidden;background:#b9d7cd;margin-bottom:11px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#69b985,#f4cc6d);width:0;transition:width .4s}.world{border-radius:27px;overflow:hidden;position:relative;box-shadow:0 5px 0 #b0c9b4,0 14px 28px #54816b22;background:#d5ebbb}canvas{width:100%;display:block;aspect-ratio:360/380;touch-action:pan-y}.bay-controls{position:absolute;left:12.4%;right:12.4%;bottom:5.3%;display:grid;gap:10px}.bay{height:39px;background:transparent;border-radius:12px;border:2px dashed #9eb79c;color:#577a5d;font-size:10px;display:flex;align-items:center;justify-content:center;min-width:0}.bay.bus-ready{border-color:#fff;background:var(--bus);box-shadow:0 3px 0 color-mix(in srgb,var(--bus),#000 20%);color:#24423e;font-weight:900}.bay.active-bay{border-style:solid;background:#e5efde80;font-size:10px}.parking-label{position:absolute;bottom:18.5%;width:100%;text-align:center;font-size:9px;letter-spacing:2px;font-weight:900;color:#608358;pointer-events:none}.garage-panel{margin-top:18px;padding:16px 12px 13px;background:#ffffffb5;border:1px solid #fff;border-radius:23px;box-shadow:var(--shadow)}.garage-title{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:1px;margin:0 3px 12px}.garage-title span:last-child{color:#89958a;font-size:9px;letter-spacing:0}.garage{display:grid;gap:10px}.garage-column{display:flex;flex-direction:column;gap:11px}.bus{position:relative;min-height:55px;border-radius:14px;background:linear-gradient(#ffffff65,transparent 45%),var(--bus);box-shadow:inset 0 2px 0 #ffffff99,0 4px 0 color-mix(in srgb,var(--bus),#000 24%),0 8px 10px #4c585719;text-align:center;padding:7px 7px 6px;color:#213f42;transition:opacity .2s,transform .2s}.bus:before,.bus:after{content:'';position:absolute;bottom:-5px;background:#34474b;width:9px;height:9px;border-radius:4px}.bus:before{left:12px}.bus:after{right:12px}.bus .windshield{height:13px;margin:0 9px 5px;border-radius:7px 7px 4px 4px;background:linear-gradient(150deg,#eafbff,#72a5bb);border:1px solid #d2eff9;box-shadow:inset 0 -3px 0 #52758533}.bus .bus-details{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900}.bus .seats{display:flex;gap:3px}.seat{width:6px;height:6px;border-radius:50%;background:#fff8;border:1px solid #28444722}.seat.filled{background:#37534a}.bus:disabled{opacity:.45;box-shadow:inset 0 2px 0 #ffffff60,0 3px 0 #acb9ac}.bus.available:hover{transform:translateY(-3px)}.bus.tutorial{animation:glow 1.2s infinite}.reserve{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.reserve .bus{width:75px}.tools{display:flex;gap:10px;margin:15px 0}.tools button{flex:1;font-size:11px;padding:11px;border-radius:13px;background:#ffffffa8;box-shadow:0 3px 0 #a6c8bd44;font-weight:800}.tools button:disabled{opacity:.5}.tip{font-size:11px;line-height:1.6;color:#678578;text-align:center;margin:13px 8px 4px;min-height:18px}.back{background:none;color:#547b68;font-size:11px;margin:12px 0;padding:8px}.footer{text-align:center;color:#809c8b;font-size:10px;margin:18px 0 0}.footer a{margin:0 6px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,18px);opacity:0;pointer-events:none;z-index:1000;background:#244c40;color:white;border-radius:15px;max-width:calc(100% - 36px);width:max-content;text-align:center;padding:12px 17px;font-size:12px;box-shadow:0 8px 28px #20462c40;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#f9fbef;color:var(--ink);border:3px solid #fff;border-radius:28px;padding:26px 24px;width:min(390px,calc(100% - 30px));max-height:85dvh;overflow:auto;box-shadow:0 25px 90px #27452d45;text-align:center}dialog::backdrop{background:#1b3a3988;backdrop-filter:blur(6px)}dialog h2{font-size:27px;letter-spacing:-1px;margin:12px 0}dialog p{font-size:12px;line-height:1.65;color:#718578}dialog .primary,dialog .secondary{margin-top:12px}.result-icon{font-size:55px;display:block;margin:5px}.result-stars{font-size:29px;color:#efb331;letter-spacing:6px}.result-coin{display:block;color:#47955f;font-size:24px;font-weight:1000;margin:16px}.rescue{background:linear-gradient(#ffa466,#ed7d50);box-shadow:0 5px 0 #ae5038,0 10px 17px #aa684125}.text-button{background:none;padding:11px;font-size:12px;color:#6e8a7a;width:100%;margin-top:7px}.close{position:absolute;right:14px;top:11px;border-radius:20px;width:30px;height:30px;background:#e6edde;font-size:20px}.map{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.map button{height:58px;background:#e7ecdf;border-radius:14px;font-size:18px;font-weight:900}.map button small{display:block;font-size:9px;color:#bf931b;margin-top:4px}.map button:disabled{opacity:.5}.map button.current{background:#f5cf81;box-shadow:0 3px 0 #bd985b}.help-list{text-align:left;padding-left:23px;font-size:13px;line-height:1.7}.help-list li{margin:12px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.gallery-pet{background-image:url('assets/puff-friends.png');background-size:300% 200%;aspect-ratio:1;filter:drop-shadow(0 5px 4px #6c8c5922)}.gallery-pet.locked{filter:grayscale(1);opacity:.25}.ad-wait{position:fixed;inset:0;z-index:200;background:#e7f4e8f5;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center}.ad-wait .primary,.ad-wait .secondary{max-width:330px}.ad-wait p{font-size:12px;max-width:300px;line-height:1.6;color:#648275}.loader{width:36px;height:36px;border:4px solid #bfd8c6;border-top-color:#439c68;border-radius:50%;animation:spin .8s linear infinite}.ad-wait b{font-size:22px}.paused{padding:20px;background:#eaf2e4;border-radius:20px;margin:12px 0;text-align:center}.paused strong{display:block;margin-bottom:12px}.bobbing{animation:bob 3s infinite}@keyframes bob{50%{transform:translateY(-7px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{50%{outline:3px solid #f9d177;outline-offset:3px}}@media(min-width:760px){.app{margin:30px auto;padding:20px 25px;border-radius:32px;background:#ffffff60;box-shadow:0 20px 80px #44795022}.hero{padding-top:36px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.catch-reward{padding:14px 12px 12px;background:#fff4d4;border-radius:20px;margin-top:16px}.catch-reward>strong{font-size:15px;color:#8b692f}.catch-reward p{font-size:10px;margin:7px 0;color:#8b805c}.catch-track{height:100px;position:relative;margin-top:8px}.catch-zones{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:45fr 35fr 20fr;height:45px;gap:3px}.catch-zones span{display:grid;place-items:center;background:#efdfb0;border-radius:10px;font-size:15px;font-weight:900;color:#83672a}.catch-zones span:nth-child(2){background:#ffd98e}.catch-zones span:nth-child(3){background:#ffa17a;color:#854a2d}.catch-pet{position:absolute;top:0;left:50%;transform:translateX(-50%);width:68px;height:68px;border-radius:50%;background:transparent url('assets/puff-friends.png') 50% 0/300% 200%;filter:drop-shadow(0 4px 3px #80602b30);z-index:1}.catch-pet:after{content:'▼';position:absolute;bottom:-10px;left:27px;font-size:13px;color:#a56732}.primary:disabled{opacity:.45;box-shadow:none}