/* Compact play layout, vector scenes, and brief non-blocking interaction feedback. */
.app-shell:has(#play:not([hidden])) .site-header{padding:12px 0}.play-nav{margin-top:16px}.game-heading{margin:18px 0 6px}.game-heading .eyebrow{display:none}.game-heading h1{font-size:30px}.instruction{margin:8px 0;font-size:18px}.play-guide{padding:11px 16px;margin:12px 0 8px}.play-guide p{margin:3px 0 0;font-size:15px}.status-row{min-height:43px}.play-meter-row{margin-bottom:12px}.stage{background-color:#fffef9;background-image:radial-gradient(#6c886709 .9px,transparent .9px);background-size:14px 14px}.quality-board{max-width:780px}.q-caption{text-align:center;color:var(--muted);font-size:15px;line-height:1.7;margin:15px 0 0}.q-option{display:flex;flex-direction:column;gap:8px}.q-option small{font-size:14px}.q-style-dots{font-size:13px!important;letter-spacing:4px;color:#638267}.q-pond{background:linear-gradient(165deg,#cee7e8,#9dc9d1);border:7px solid #c1d8c0;border-radius:90px 50px 75px 45px;padding:35px 28px 14px;position:relative;overflow:hidden}.q-water-shine{position:absolute;left:12%;top:15%;width:72%;height:40%;border:3px solid #eef8f555;border-radius:50%;pointer-events:none}.q-fish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px;position:relative;z-index:1}.q-fish{min-width:44px;min-height:85px;position:relative;background:none;border-radius:50%;padding:0;transition:opacity .4s}.q-fish svg{display:block;width:100%;filter:drop-shadow(0 5px 0 #426e7115)}.q-fish:nth-child(even) svg{transform:scaleX(-1)}.q-fish:not(:disabled):hover svg{filter:drop-shadow(0 4px 4px #426e7140)}.q-fish.caught{opacity:.18}.q-fish.caught svg{animation:fishHello .5s ease}.q-ripple{position:absolute;inset:10%;border:3px solid #fff8;border-radius:50%;opacity:0;pointer-events:none}.q-fish:hover .q-ripple{opacity:1}.q-reeds{color:#7ea698;font-size:35px;letter-spacing:20px;text-align:right;opacity:.7;line-height:1.2}.q-fish-book{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:24px auto 0;max-width:590px;background:#f5eddb;padding:13px;border-radius:20px;border:1px solid #e4d9bc}.q-fish-book>span{display:grid;place-items:center;min-height:55px;background:#fffaf0;border-radius:12px;font-size:24px;color:#d1c3a7}.q-fish-book svg{width:100%;max-height:70px}.q-greenhouse{background:linear-gradient(#e6eee5 62%,#d5c9b5 62%,#c8b99f 65%,#e4ded0 65%);border-radius:28px;padding:18px}.q-pot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.q-pot{display:flex;flex-direction:column;align-items:center;background:transparent;border-radius:22px;padding:0;min-width:44px;min-height:80px}.q-pot svg{width:100%}.q-pot small{font-size:14px;background:#fffaf0;padding:9px 12px;border-radius:14px;line-height:1.5;margin-top:10px}.q-pot.watered .plant-growth{transform-origin:center bottom;animation:plantGrow .4s ease}.q-step-strip{display:flex;gap:12px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.q-step-strip span{padding:11px 18px;background:#eeeede;border:2px solid transparent;border-radius:16px;font-size:16px}.q-step-strip .active{border-color:#719b86;background:#e8f2dc}.q-wash-car{position:relative;border-radius:28px;background:linear-gradient(#e7f0f0,#e3ebdd);max-width:690px;margin:auto;aspect-ratio:1.65}.q-wash-car>svg{width:100%;height:100%}.q-dirt{position:absolute;width:65px;height:65px;margin:-32.5px 0 0 -32.5px;border:4px solid #ac967a;border-radius:44% 55% 46% 60%;background:#c4ad8d;font-size:28px;box-shadow:0 3px 0 #60726b15}.q-dirt.soapy{border-color:#c9e6eb;background:#eef9fb;border-radius:50%;box-shadow:9px -7px 0 -3px #e8f5f8,-8px 5px 0 -3px #edf8fa}.q-dirt.rinsed{background:transparent;border-color:transparent;box-shadow:none;color:#fff7c2;font-size:39px;opacity:.8}.q-pet-salon{position:relative;max-width:570px;margin:auto;aspect-ratio:1.3;background:#f2e9dc;border-radius:28px}.q-pet-salon>div{height:100%}.q-pet-salon svg{height:100%;width:100%}.q-knot{position:absolute;width:58px;height:58px;margin:-29px 0 0 -29px;background:#ad937b;border:3px solid #c8af92;border-radius:45%;font-size:33px;color:#f9e9d6}.q-knot.combed{background:transparent;border-color:transparent;color:#fff6c3}.q-snow-scene{background:#dcebf0;border-radius:28px;max-width:600px;margin:auto}.q-snow-scene svg{display:block;width:100%;max-height:360px}.q-dressing-room{max-width:570px;border-radius:28px;background:linear-gradient(90deg,#e5ddeb 0 5%,#f4eee3 5% 95%,#e5ddeb 95%);margin:auto;padding:10px}.q-dressing-room>div{max-width:400px;margin:auto}.q-dressing-room svg{display:block;width:100%;max-height:350px}.q-missing-model,.q-missing-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:490px;margin:18px auto;padding:20px;border-radius:22px;background:#edf1e4}.q-missing-copy{background:#f6eace}.q-missing-model span,.q-missing-copy span{display:grid;place-items:center;min-height:65px;font-size:43px;background:#fff9;border-radius:17px}.h-bead-model [data-bead-step]{padding:5px;border:3px solid transparent;border-radius:15px}.h-bead-model [data-bead-step].current{border-color:#62856c}.h-bead-model [data-bead-step].done{background:#e1ead4}.garden-effects{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}.success-petal{position:absolute;width:9px;height:9px;border-radius:3px;background:var(--petal);animation:petalFly .6s ease-out forwards}.reward .reward-icon{width:125px;height:115px;display:grid;place-items:center}.reward-icon svg{width:100%;height:100%}.result-preview{width:280px;max-width:100%;margin:0 auto 5px;background:#f2efe5;border:1px solid #e1dbcb;border-radius:24px;padding:12px;display:grid;place-items:center;overflow:hidden}.result-preview>img{display:block;max-width:100%;height:auto;max-height:190px;background:#fff;object-fit:contain}.result-preview>*:not(img){width:100%!important;min-height:0!important;max-width:100%;margin:0!important;pointer-events:none}.result-preview svg{max-height:200px}.result-preview .q-dressing-room,.result-preview .q-greenhouse,.result-preview .h-paper-scene,.result-preview .q-snow-scene{padding:0;min-height:0}.result-preview .q-pot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.result-preview .q-pot small{display:none}.result-preview .q-pot{min-height:0}.result-preview .q-fish-book{padding:5px;gap:3px}.result-preview .q-fish-book>span{min-height:30px}.result-preview .q-pet-salon{aspect-ratio:1.4}.result-preview .h-necklace{min-height:100px!important;font-size:29px;padding:12px}.result-preview .h-slot,.result-preview .studio-spot,.result-preview .cake-dot,.result-preview .h-dough{display:grid;place-items:center;min-width:0;min-height:0;font-size:24px;padding:2px}.result-preview .h-studio{padding:10px;border-width:5px}.result-preview .h-studio-slots{gap:5px}.result-preview .studio-scene{padding:15px}.result-preview .studio-spots{gap:5px}.result-preview .pizza-scene{padding:18px;border-width:8px}.result-preview .cake-scene{padding:12px;min-height:0}.result-preview .cake-top{gap:5px}.result-preview .ice-scene{transform:scale(.7);transform-origin:50% 50%;height:230px!important;margin:-20px 0!important}.result-preview .h-pan-scene{padding:12px;gap:12px}.result-preview .h-pan{width:90px;height:90px;font-size:40px;border-width:5px}.result-preview .h-pancake-stack{font-size:30px}.result-preview .h-gift-scene{padding:10px;height:130px}.result-preview .gift-box{font-size:75px}.result-preview .h-gift-scene>span:last-child{font-size:38px}.result-preview .sandwich-scene{min-height:0;height:240px}.result-preview .sandwich-layer{width:160px;height:35px}.result-preview .plate{width:185px}.result-preview .h-cookie-tray{gap:8px;padding:10px;border-width:5px}.result-preview .h-symbol{width:48px;height:48px}.result-preview .skewer-scene{gap:4px}.result-preview .built-piece{font-size:28px}.result-preview .h-blender>div{min-height:110px;font-size:35px}.result-preview .h-blender>span{font-size:45px}.stage>.reward.with-artwork{gap:13px}.with-artwork .star-line{font-size:23px}.paint-extra-tools{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0;justify-content:center}.paint-extra-tools button{min-height:48px;min-width:48px;padding:11px 14px;border-radius:15px;background:#edf1e4;border:2px solid transparent;font-size:16px}.paint-extra-tools button.selected{border-color:#62856c;background:#e4ecd5}.paint-save{background:#e8edf1}
@keyframes petalFly{0%{opacity:.9;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(80deg)}}
@keyframes fishHello{0%{transform:translateY(0)}50%{transform:translateY(-16px)}100%{transform:translateY(0)}}
@keyframes plantGrow{0%{transform:scale(.83)}65%{transform:scale(1.04)}100%{transform:scale(1)}}
@media(max-width:650px){.app-shell:has(#play:not([hidden])) .site-header{padding:10px 0}.game-heading{margin:15px 0 7px}.game-heading h1{font-size:24px}.instruction{font-size:16px}.play-guide{padding:10px 12px;margin:10px 0 7px}.play-guide p{font-size:13px}.mode-chip{font-size:10px}.status-row p{font-size:14px}.q-caption{font-size:13px}.q-pond{padding:25px 13px 12px;border-width:5px;border-radius:42px}.q-fish-grid{gap:17px 10px;grid-template-columns:repeat(2,minmax(0,1fr))}.q-fish{min-height:70px}.q-reeds{font-size:23px}.q-fish-book{padding:10px;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr))}.q-fish-book>span{min-height:40px}.q-greenhouse{padding:14px;background:linear-gradient(#e6eee5,#e3e3cf)}.q-pot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.q-pot small{font-size:12px;padding:7px 8px;margin-top:3px}.q-step-strip{gap:8px;margin-bottom:14px}.q-step-strip span{font-size:13px;padding:9px 11px}.q-wash-car{aspect-ratio:1.12}.q-dirt{width:46px;height:46px;margin:-23px 0 0 -23px;border-width:3px;font-size:22px}.q-dirt.rinsed{font-size:30px}.q-pet-salon{aspect-ratio:1}.q-knot{width:46px;height:46px;margin:-23px 0 0 -23px;font-size:27px}.q-option small{font-size:12px}.q-style-dots{font-size:10px!important;letter-spacing:2px}.q-missing-model,.q-missing-copy{gap:10px;padding:14px}.q-missing-model span,.q-missing-copy span{font-size:31px;min-height:55px}.result-preview{width:240px;padding:10px}.reward .reward-icon{width:105px;height:100px}.result-preview .q-fish-book{grid-template-columns:repeat(3,minmax(0,1fr))}.paint-extra-tools button{font-size:14px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.garden-effects{display:none}}
.artwork-download { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 18px; margin: 0 auto 12px; border: 2px solid #508579; border-radius: 24px; color: #315e55; background: #f0faf5; font-weight: 800; text-decoration: none; }
.result-preview .ice-scene { transform: none; height: auto!important; margin: 0!important; padding: 14px; }
.result-preview .ice-scoop { width: 70px; height: 48px; font-size: 25px; flex-shrink: 0; }
.result-preview .ice-cone { width: 70px; height: 80px; flex-shrink: 0; }