*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#fdf6ec url(/bg/paper.png) repeat;background-size:280px auto;color:#4a3728;min-height:100vh}.app{max-width:520px;margin:0 auto;padding:16px 12px 32px;display:flex;flex-direction:column;align-items:center;gap:14px}.app.home{height:100vh;height:100dvh;padding:12px 12px 14px;gap:clamp(6px,1.6vh,14px);overflow:hidden;justify-content:flex-start}.app.home header,.app.home .logo,.app.home .play-button,.app.home .card{flex-shrink:0}.app.home .daily-card{flex-shrink:1;min-height:0}.app.home .yard-card{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.app.home .yard-card .yard{flex:1 1 0;min-height:70px;height:auto}.app.home .logo-img{max-height:clamp(56px,14vh,130px);width:auto}.app.home .play-button{padding:12px 22px}.app.home .daily-card .daily-dots{margin:6px 0 4px}.app.home .daily-card .dot{width:38px;height:38px}.app.home .card h3{margin-bottom:6px;font-size:16px}.app.home .card .muted{font-size:13px;margin:4px 0 0}.app.home .yard-card .yard-head{margin-bottom:6px}.welcome-overlay{background:#4a37288c}.welcome-modal{max-width:360px;text-align:center;padding:22px 22px 16px}.welcome-modal h2{margin:6px 0 8px}.welcome-modal .welcome-body{margin:0 0 14px;color:#4a3728;line-height:1.45;font-size:15px}.welcome-hero{display:flex;justify-content:center;align-items:center;min-height:140px;margin-bottom:4px}.welcome-art{width:100%;max-width:280px;max-height:180px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(74,55,40,.18))}.welcome-dots{display:flex;gap:8px;justify-content:center;margin:4px 0 12px}.welcome-dot{width:8px;height:8px;border-radius:50%;background:#e8d9c3;transition:background .2s ease}.welcome-dot.on{background:#ff9f43}.welcome-cta{width:100%}.tutorial-overlay{background:#4a37288c}.tutorial-modal{max-width:360px;text-align:center;padding:22px 22px 16px}.tutorial-modal h2{margin:8px 0;font-size:19px}.tutorial-hero{display:flex;justify-content:center;align-items:center;min-height:140px;margin-bottom:4px}.tutorial-art{width:100%;max-width:280px;max-height:180px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(74,55,40,.18))}header{width:100%;display:flex;align-items:center;justify-content:space-between}.badge{background:#fff;border:2px solid #e8d9c3;border-radius:999px;padding:6px 14px;font-weight:700}.hearts span{font-size:20px;margin:0 1px}.hearts .lost{opacity:.85}.rules{margin:0;font-size:14px;text-align:center;color:#8a6d52;max-width:420px}.board{display:grid;width:min(92vw,460px);aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #4a37282e}.cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:inherit;line-height:1;transition:filter .1s;min-width:0;min-height:0;overflow:hidden;touch-action:manipulation}.cell:active{filter:brightness(.92)}.cell .mark{font-size:.6em;font-weight:700;color:#4a37288c;opacity:.75}.cell.flash{animation:flash-red .65s}.cell.hint{animation:hint-pulse 1.2s ease-in-out infinite}.cell.locked{position:relative;cursor:default}.cell.locked:active{filter:none}.cell .fog{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/bg/fog.png);background-repeat:no-repeat;background-size:calc(var(--fog-cols, 1) * 110%) calc(var(--fog-rows, 1) * 110%);background-position:calc((var(--fog-col, 0) * -100% - var(--fog-cols, 1) * 5%)) calc((var(--fog-row, 0) * -100% - var(--fog-rows, 1) * 5%));pointer-events:none}.cell .lock-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.cell .lock-badge .lock-img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(74,55,40,.25))}.cell .lock-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.cell .lock-num-img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(74,55,40,.25))}.cell .lock-count-inline{position:absolute;bottom:4%;right:4%;background:#4a3728;color:#fdf6ec;border-radius:50%;width:1.2em;height:1.2em;display:inline-flex;align-items:center;justify-content:center;font-size:.6em;font-weight:800;line-height:1;z-index:3}.btn.hint-cheap{background:#f3edff;border-color:#c2b3e6}.btn.hint-real{background:#fff3e0;border-color:#f0a35a}@keyframes flash-red{0%,60%{box-shadow:inset 0 0 0 99px #dc3c3c8c}to{box-shadow:inset 0 0 0 99px #dc3c3c00}}@keyframes hint-pulse{0%,to{box-shadow:inset 0 0 0 4px #ffbe28e6}50%{box-shadow:inset 0 0 0 4px #ffbe284d}}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e8d9c3;background:#fff;color:#4a3728;border-radius:12px;padding:10px 16px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.5;cursor:default}.btn .cost{font-size:12px;background:#fdf0d5;border-radius:999px;padding:2px 8px}.btn.primary{background:#ff9f43;border-color:#ff9f43;color:#fff}.toast{background:#4a3728;color:#fdf6ec;border-radius:12px;padding:10px 16px;font-size:14px;max-width:420px;text-align:center;animation:rise .25s ease-out}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a372873;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{background:#fdf6ec;border-radius:20px;padding:24px;max-width:420px;width:100%;max-height:86vh;overflow-y:auto;text-align:center;box-shadow:0 12px 40px #0000004d}.modal h2{margin:0 0 8px}.muted{color:#8a6d52;font-size:14px}.reward-coins{font-size:26px;font-weight:800;margin:8px 0}.new-pet{border-radius:16px;padding:12px;margin:10px 0;background:#fff;border:2px solid #e8d9c3}.new-pet.rarity-rare{border-color:#6ab7ff}.new-pet.rarity-epic{border-color:#c77dff}.pet-emoji{font-size:32px}.pet-emoji.big{font-size:56px}.pet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.pet-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e8d9c3;border-radius:14px;background:#fff;font-family:inherit;color:inherit;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.pet-card.rarity-rare{border-color:#6ab7ff}.pet-card.rarity-epic{border-color:#c77dff}.pet-card.locked{opacity:.45;cursor:default}.pet-card.selected{outline:3px solid #ff9f43}.pet-name{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:3px;max-width:100%}.rename-btn{font-size:10px;opacity:.6;cursor:pointer}.rename-btn:hover{opacity:1}.rename-row{display:flex;align-items:center;gap:4px;width:100%}.rename-input{width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:700;padding:3px 6px;border-radius:8px;border:2px solid #ff9f43;background:#fff;color:#4a3728}.rename-input:focus{outline:none}.pet-detail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0}.pet-portrait{font-size:150px;line-height:1;filter:drop-shadow(0 8px 16px rgba(74,55,40,.2))}.pet-detail-name{margin:0;font-size:24px;display:flex;align-items:center;gap:8px}.btn.icon.edit{font-size:14px;padding:6px 10px}.detail-rename{width:auto;justify-content:center}.detail-rename .rename-input{width:180px;font-size:18px;padding:8px 12px;text-align:center}.rarity-badge{font-size:12px;font-weight:800;padding:4px 14px;border-radius:999px;background:#efe3cf;color:#8a6d52}.rarity-badge.rarity-rare{background:#e0f0ff;color:#3d82c4}.rarity-badge.rarity-epic{background:#f3e8ff;color:#9249d8}.on-board{margin:4px 0;font-weight:800;color:#6db36d}.upgrade-panel{width:100%;background:#fff;border:2px solid #e8d9c3;border-radius:14px;padding:12px;margin:6px 0 10px;text-align:left}.upgrade-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px;font-size:14px}.tier-pips{display:inline-flex;gap:4px}.pip{width:10px;height:10px;border-radius:50%;background:#efe3cf;border:1px solid #e8d9c3}.pip.on{background:#ff9f43;border-color:#ff9f43;box-shadow:0 0 0 2px #ff9f432e}.upgrade-detail{margin:6px 0 10px;font-size:12px;color:#8a6d52;line-height:1.4}.btn.upgrade-btn{width:100%;background:linear-gradient(90deg,#fff3e0,#ffe1c2);border-color:#f0a35a;color:#4a3728}.btn.upgrade-btn:hover:not(:disabled){background:linear-gradient(90deg,#ffe9cf,#ffd1a3)}.upgrade-max{margin:8px 0 0;text-align:center;font-weight:800;color:#ff9f43}.pet-rarity{font-size:10px;color:#8a6d52}.home{padding-bottom:76px}.logo{margin:4px 0 2px;line-height:0}.logo-img{width:min(82vw,360px);height:auto;filter:drop-shadow(0 4px 10px rgba(74,55,40,.18))}.play-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font-family:inherit;cursor:pointer;width:100%;max-width:380px;background:linear-gradient(180deg,#ffb35c,#ff9f43);color:#fff;border-radius:20px;padding:18px;font-size:24px;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 6px 18px #ff9f4373}.play-button:active{transform:translateY(1px)}.play-sub{font-size:14px;font-weight:700;opacity:.9}.card{width:100%;max-width:420px;background:#fff;border:2px solid #e8d9c3;border-radius:18px;padding:14px}.card h3{margin:0 0 10px;font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;cursor:pointer;border:2px solid #e8d9c3;background:#fdf6ec;color:#4a3728;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.chip.selected{border-color:#4a3728;background:#4a3728;color:#fdf6ec}.chip-ic{font-size:19px;line-height:1;display:inline-flex}.chip-count{font-size:11px;background:#78c87840;border-radius:999px;padding:1px 7px}.daily-dots{display:flex;gap:10px;margin:12px 0 8px;justify-content:center}.dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;cursor:pointer;width:44px;height:44px;border-radius:50%;border:2px solid #e8d9c3;background:#fdf6ec;color:#4a3728;font-size:16px;font-weight:800}.dot.done{background:#8fce8f;border-color:#6db36d;color:#fff}.yard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.yard-head h3{margin:0}.yard{position:relative;height:150px;border-radius:14px;background:url(/bg/yard.png) center 70% / cover no-repeat,linear-gradient(180deg,#d3ecf9,#d3ecf9 55%,#cdeab4 55%,#bfe39f);overflow:hidden}.walker{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;cursor:pointer;position:absolute;left:0;font-size:52px;line-height:1;animation-name:stroll;animation-timing-function:linear;animation-iteration-count:infinite}.walker>span{display:inline-block;animation:bob .7s ease-in-out infinite alternate}@keyframes stroll{0%{left:-20%;transform:scaleX(1)}46%{left:105%;transform:scaleX(1)}50%{left:105%;transform:scaleX(-1)}96%{left:-20%;transform:scaleX(-1)}to{left:-20%;transform:scaleX(1)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.ad-coin-chip-wrap{position:relative;display:inline-flex}.btn.ad-coin-chip{padding:6px 12px;border-radius:999px;background:#f3edff;border-color:#b9a2e3;color:#4a3728;font-weight:700;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.btn.ad-coin-chip.pulsing{animation:chipPulse 1.4s ease-in-out infinite;box-shadow:0 0 #b9a2e399}@keyframes chipPulse{0%,to{transform:scale(1);box-shadow:0 0 #b9a2e38c}50%{transform:scale(1.05);box-shadow:0 0 0 10px #b9a2e300}}.ad-coin-hint{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:#4a3728;color:#fdf6ec;padding:6px 12px;border-radius:10px;font-size:12.5px;font-weight:600;white-space:nowrap;z-index:5;animation:hintIn .22s ease-out;cursor:pointer;box-shadow:0 6px 14px #0000002e}.ad-coin-hint:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#4a3728}@keyframes hintIn{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.btn.primary.home-btn,.btn.primary.all-pets-btn{margin-top:4px}.btn.double-reward{background:linear-gradient(90deg,#fff3e0,#ffe1c2);border-color:#f0a35a;color:#4a3728;margin:6px 0 4px}.btn.double-reward:hover{background:linear-gradient(90deg,#ffe9cf,#ffd1a3)}.reward-coins.doubled{color:#ff7a00;position:relative;display:inline-flex;align-items:center;gap:8px}.doubled-badge{font-size:16px;font-weight:800;background:#ff9f43;color:#fff;padding:3px 9px;border-radius:999px;animation:pop .45s ease}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.ad-banner{position:fixed;bottom:0;left:0;right:0;height:56px;background:#efe3cf;border-top:2px dashed #c9b08e;display:flex;align-items:center;justify-content:center;color:#8a6d52;font-size:13px;z-index:5}html[data-pd-native-banner="1"] .ad-banner{display:none}html[data-pd-native-banner="1"] .home{padding-bottom:16px}.header-left{display:flex;align-items:center;gap:8px}.btn.icon{padding:8px 12px;font-size:18px;border-radius:999px}.btn.small{padding:6px 12px;font-size:13px}.btn.link{border:none;background:none;color:#8a6d52;text-decoration:underline;font-weight:600}.btn.danger{background:#e05b5b;border-color:#e05b5b;color:#fff}.badge.challenge{background:linear-gradient(180deg,#ffe9b8,#ffd97a);border-color:#e8b94a}.modal .btn{margin-top:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #efe3cf;text-align:left}.toggle-text{display:flex;flex-direction:column;font-weight:700}.toggle-text small{font-weight:400}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:52px;height:30px;border-radius:999px;background:#ddd0bc;position:relative;flex-shrink:0;transition:background .15s}.switch.on{background:#8fce8f}.switch .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 3px #00000040}.switch.on .knob{left:25px}.settings-danger{margin-top:14px}.version{margin-top:16px;font-size:12px}.fake-ad{position:relative;background:#2d2438;color:#fdf6ec;border-radius:14px;padding:28px 16px;margin-bottom:12px}.fake-ad-icon{font-size:44px}.fake-ad p{margin:6px 0 0;font-weight:700}.fake-ad .muted{color:#b9a8cf;font-weight:400}.ad-countdown{position:absolute;top:10px;right:12px;width:30px;height:30px;border-radius:50%;border:2px solid #b9a8cf;display:flex;align-items:center;justify-content:center;font-weight:800}.ad-overlay{z-index:30}.ad-toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);background:#4a3728;color:#fdf6ec;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;z-index:200;box-shadow:0 8px 20px #0000002e;animation:adToastIn .22s ease-out;pointer-events:none}@keyframes adToastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.settings-debug{border-top:1px dashed #e8d9c3;padding-top:8px;margin-top:8px;width:100%}.settings-links{display:flex;justify-content:center;gap:10px;font-size:13px;margin-top:12px}.settings-links a{color:#8a6d52;text-decoration:underline;font-weight:600}.settings-links span{color:#c9b08e}.btn.link.danger-link{color:#c25555;text-decoration:underline}.header-right{display:flex;align-items:center;gap:6px}.btn.account{padding:8px 12px;font-size:13px;border-radius:999px;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oauth-buttons{display:flex;flex-direction:column;gap:8px;margin:12px 0}.btn.oauth{justify-content:center;width:100%}.oauth-icon{font-weight:900;width:20px}.divider{display:flex;align-items:center;gap:10px;color:#8a6d52;font-size:12px;margin:6px 0}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid #e8d9c3}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-form input{font-family:inherit;font-size:15px;padding:10px 14px;border-radius:12px;border:2px solid #e8d9c3;background:#fff;color:#4a3728}.auth-form input:focus{outline:none;border-color:#ff9f43}.auth-message{margin:0;font-size:13px;color:#c0392b}.ranking{list-style:none;margin:12px 0;padding:0;text-align:left;max-height:50vh;overflow-y:auto}.ranking li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #efe3cf}.ranking li.me{background:#fff3e0;border-radius:10px;border-bottom-color:transparent;font-weight:800}.rank{width:34px;font-weight:800}.rank-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-level{font-weight:800;color:#ff9f43}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#fdf6ec url(/bg/paper.png) repeat;background-size:280px auto;z-index:100;padding:24px}.loading-logo{width:min(72vw,320px);height:auto;filter:drop-shadow(0 4px 10px rgba(74,55,40,.18))}.loading-bar-wrap{width:min(70vw,260px);height:14px;background:#fff;border:2px solid #e8d9c3;border-radius:999px;overflow:hidden}.loading-bar{height:100%;background:linear-gradient(90deg,#ffb35c,#ff9f43);transition:width .18s ease-out}.loading-text{margin:0;font-size:13px;color:#8a6d52;font-weight:700}