*{box-sizing:border-box}:root{--paper:#f6e7c1;--paper-deep:#edd6a0;--card:#fffaf0;--ink:#2b2118;--muted:#7a6a58;--mint:#1f8f6d;--mint-deep:#146b51;--coral:#e24c3b;--coral-deep:#b53629;--grape:#5a4a8a;--grape-deep:#3f3364;--sky:#2b78b5;--sky-deep:#1d5785;--sun:#e7a41a;--sun-deep:#b67b0c;--white:#fffdf8;--danger:#c43c2c;--ok:#14845f;--shadow:0 12px 28px #50341424;--sans:"Noto Sans TC", "PingFang HK", "PingFang TC", sans-serif;--num:"Fredoka", "Noto Sans TC", sans-serif;color:var(--ink);font-family:var(--sans);background:var(--paper)}html,body,#root{min-height:100svh;margin:0}body{background:radial-gradient(circle at 12% 8%, #fff6dc 0, transparent 32%), radial-gradient(circle at 90% 0%, #f3d9a4 0, transparent 28%), repeating-linear-gradient(0deg, #5a3c1409 0 1px, transparent 1px 28px), var(--paper)}button,input{font-family:inherit}button{cursor:pointer;touch-action:manipulation}.app{max-width:760px;min-height:100svh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;margin:0 auto}.app:has(.g-shell){max-width:920px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.topbar-tools{align-items:center;gap:8px;display:flex}.pill{background:var(--white);border-radius:14px;height:44px;padding:0 14px;font-size:15px;font-weight:800;box-shadow:0 4px #d7c39a}.icon-btn,.pill,.primary,.ghost,.key,.diff-btn,.choice-btn,.compare-btn,.same-btn{color:var(--ink);border:0}.icon-btn{background:var(--white);border-radius:14px;place-items:center;width:44px;height:44px;font-size:20px;display:grid;box-shadow:0 4px #d7c39a}.icon-btn svg{display:block}.icon-btn:active,.pill:active,.primary:active,.ghost:active,.key:active,.diff-btn:active,.choice-btn:active,.compare-btn:active,.same-btn:active,.sudoku-cell:active,.sudoku-num:active{transform:translateY(3px);box-shadow:0 1px #d7c39a}.star-bank{background:var(--white);box-shadow:var(--shadow);font-weight:700;font-family:var(--num);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:20px;display:flex}.star-bank svg{flex:none;display:block}.hero{background:var(--card);box-shadow:var(--shadow);border-radius:28px;align-items:center;gap:16px;margin-bottom:20px;padding:18px 18px 16px;display:flex}.hero h1{letter-spacing:.5px;margin:0 0 4px;font-size:clamp(26px,6vw,36px)}.hero .tagline{color:var(--sun-deep);margin:0 0 8px;font-size:14px;font-weight:800}.hero p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.home-foot{color:var(--muted);text-align:center;margin:18px 4px 0;font-size:13px;line-height:1.55}.mascot{filter:drop-shadow(0 8px #50341414);flex:none;width:92px;height:92px}.game-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.game-card{text-align:left;color:#fff;border:0;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:168px;padding:16px 14px 14px;display:flex;box-shadow:0 8px #0000002e}.game-card.mint{background:linear-gradient(165deg, #3ecf9a, var(--mint))}.game-card.coral{background:linear-gradient(165deg, #ff7a68, var(--coral))}.game-card.grape{background:linear-gradient(165deg, #8b79d6, var(--grape))}.game-card.sky{background:linear-gradient(165deg, #5aa7de, var(--sky))}.game-card.rose{background:linear-gradient(165deg,#f08aa8,#d4527a)}.game-card.amber{background:linear-gradient(165deg,#f0c14b,#d08912)}.game-card.peach{background:linear-gradient(165deg,#f3b27a,#e07a4a)}.game-card.teal{background:linear-gradient(165deg,#3ecfc4,#1a8f88)}.game-card.indigo{background:linear-gradient(165deg,#8b90f0,#4c58c8)}.game-card.wide{flex-direction:row;align-items:center;gap:18px;width:100%;min-height:120px;margin-bottom:14px}.game-card.wide .meta{margin-top:0;margin-left:auto}.game-card .card-icon{filter:drop-shadow(0 4px #0000001f)}.game-card .card-icon svg{display:block}.game-card h2{margin:10px 0 4px;font-size:22px}.game-card p,.game-card .meta{opacity:.92;margin:0;font-size:13px}.game-card .meta{font-family:var(--num);margin-top:10px;font-weight:600}.shell-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.shell-head h2{flex:1;margin:0;font-size:22px}.progress-track{background:#ead7ae;border-radius:999px;height:10px;margin:8px 0 16px;overflow:hidden}.progress-fill{border-radius:inherit;height:100%;transition:width .25s}.progress-fill.mint{background:var(--mint)}.progress-fill.coral{background:var(--coral)}.progress-fill.grape{background:var(--grape)}.progress-fill.sky{background:var(--sky)}.progress-fill.rose{background:#d4527a}.progress-fill.amber{background:#d08912}.progress-fill.peach{background:#e07a4a}.progress-fill.teal{background:#1a8f88}.question-card{background:linear-gradient(#eadcc4 1px, transparent 1px), linear-gradient(90deg, #eadcc4 1px, transparent 1px), var(--card);box-shadow:var(--shadow);text-align:center;background-size:24px 24px,24px 24px,auto;border-radius:24px;flex-direction:column;justify-content:center;min-height:168px;padding:22px 18px;display:flex}.question-card.shake{animation:.4s shake}.prompt{margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.45}.expression{font-family:var(--num);white-space:pre-wrap;margin:0;font-size:clamp(32px,8vw,48px);font-weight:700;line-height:1.25}.expression.han{font-family:var(--sans);font-size:clamp(52px,14vw,84px)}.word-art{aspect-ratio:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(168px,52vw);height:auto;margin:4px auto 12px;display:block}.ease-btn{color:var(--muted);background:0 0;border:0;min-height:44px;margin:-4px 0 10px auto;padding:0 4px;font-size:14px;font-weight:800;display:block}.skill-up{color:var(--ok);font-weight:800}.skill-list{gap:12px;display:grid}.skill-row{background:var(--card);box-shadow:var(--shadow);border-radius:20px;gap:10px;padding:14px 16px;display:grid}.skill-row strong{font-size:18px;display:block}.skill-row span{color:var(--muted);font-size:14px}.skill-actions{gap:8px;display:flex}.skill-actions .ghost{flex:1;height:44px;font-size:15px}.skill-actions .ghost:disabled{opacity:.4}.name-row .name-input{background:var(--paper);width:100%;height:48px;color:var(--ink);-webkit-user-select:text;user-select:text;border:0;border-radius:14px;padding:0 14px;font-size:18px;font-weight:800;box-shadow:inset 0 0 0 2px #e4d3a8}.name-row .name-input:focus{outline-offset:2px;outline:3px solid #8ec5e0}.column-math{margin:8px auto 0}.column-grid{font-family:var(--num);justify-content:center;align-items:center;gap:4px 6px;font-weight:700;display:grid}.column-label{font-family:var(--sans);color:var(--muted);font-size:11px;font-weight:800}.column-digit,.column-op,.column-answer{place-items:center;min-height:44px;font-size:32px;display:grid}.column-op{color:var(--coral)}.column-carry{width:44px;height:44px;font-family:var(--num);color:var(--sun-deep);background:#fff8e8;border:2px dashed #d7c39a;border-radius:10px;margin:0 auto;font-size:18px;font-weight:800}.column-carry.on{background:#fff0c8;border-style:solid}.column-rule{background:var(--ink);border-radius:2px;height:3px;margin:4px 0}.column-answer{background:#fff;border:3px solid #e2cc9a;border-radius:12px;min-width:44px}.column-answer.focus{outline:3px solid var(--sun);background:#fff6d8}.column-math .pad{margin-top:14px}.speak-btn{background:#fff6d8;border:0;border-radius:999px;align-self:center;align-items:center;gap:6px;margin:0 auto 10px;padding:8px 14px;font-weight:800;display:inline-flex;box-shadow:0 4px #d7c39a}.answer-box{min-width:140px;min-height:64px;font-family:var(--num);background:#fff;border:3px solid #e2cc9a;border-radius:18px;place-items:center;margin:16px auto 0;padding:8px 18px;font-size:36px;font-weight:700;display:grid}.answer-box.caret:after{content:"_";animation:1s step-end infinite blink}.feedback{min-height:24px;margin-top:10px;font-weight:700}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--danger)}.pad{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.key{height:62px;font-family:var(--num);background:#fff;border-radius:18px;font-size:28px;font-weight:700;box-shadow:0 5px #d7c39a}.key.ok{background:var(--mint);color:#fff;box-shadow:0 5px 0 var(--mint-deep)}.key.warn{background:#f3e2c0;font-size:18px}.compare-row,.choice-list{gap:10px;margin-top:16px;display:grid}.compare-row{grid-template-columns:1fr 1fr 1fr}.choice-list.two-col{grid-template-columns:1fr 1fr}.choice-btn.han{font-family:var(--sans);min-height:84px;font-size:40px}.figure-pair{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 4px;display:grid}.figure-tile{aspect-ratio:1;background:#fff;border-radius:22px;place-items:center;display:grid;box-shadow:inset 0 0 0 3px #ead7ae}.figure-tile svg{width:78%;height:78%}.same-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.same-btn{border-radius:24px;min-height:92px;font-size:28px;font-weight:800;box-shadow:0 6px #d7c39a}.same-btn.yes{background:#c8f0d8}.same-btn.no{background:#f8d0c8}.garden-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.garden-tabs.tight{margin-top:4px}.ghost.on{outline:3px solid var(--sun);background:#fff6d8}.habitat{height:280px;box-shadow:var(--shadow);background:linear-gradient(#8ec5ff 0 46%,#7dcf6e 46% 100%);border-radius:24px;position:relative;overflow:hidden}.habitat[data-mood=happy]{background:linear-gradient(#9ad0ff 0 46%,#8adb6c 46% 100%)}.habitat-item,.habitat-pet{filter:drop-shadow(0 4px #0000001f);background:0 0;border:0;padding:0;line-height:1;position:absolute}.habitat-item{font-size:34px}.habitat-pet{z-index:3;font-size:64px;animation:1.6s ease-in-out infinite pet-bob;bottom:16%;left:50%;transform:translate(-50%)}.habitat-empty{text-align:center;color:#1e3a5f;margin:0;font-weight:800;position:absolute;top:14%;left:16px;right:16px}.meters{gap:8px;margin-top:14px;display:grid}.meters>div{grid-template-columns:48px 1fr;align-items:center;gap:8px;font-size:14px;font-weight:700;display:grid}.meters i{background:#ead7ae;border-radius:999px;height:12px;display:block;overflow:hidden}.meters b{border-radius:inherit;background:#e07a4a;height:100%;display:block}.meters b.happy{background:var(--mint)}.shop-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shop-card{background:var(--white);text-align:center;border-radius:20px;padding:12px 10px 10px;box-shadow:0 6px #d7c39a}.shop-emoji{font-size:36px}.shop-card strong{margin-top:4px;font-size:16px;display:block}.shop-card span{color:var(--muted);min-height:32px;margin:4px 0 8px;font-size:12px;display:block}.shop-card .primary,.shop-card .ghost{width:100%;height:42px;margin-top:0;font-size:14px}.garden-toast{text-align:center;color:var(--ok);margin:12px 0 0;font-weight:800}@keyframes pet-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}.compare-btn,.choice-btn{background:#fff;border-radius:18px;min-height:64px;font-size:22px;font-weight:800;box-shadow:0 5px #d7c39a}.compare-btn{font-family:var(--num);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:34px;display:flex}.compare-btn small{font-family:var(--sans);font-size:13px;font-weight:700}.actions .primary{margin-top:0}.diff-grid{gap:12px;display:grid}.diff-btn{text-align:left;background:var(--white);border-radius:20px;padding:16px;box-shadow:0 6px #d7c39a}.diff-btn.active{outline:3px solid var(--sun);background:#fff6d8}.diff-btn strong{margin-bottom:4px;font-size:20px;display:block}.diff-btn span{color:var(--muted);font-size:14px}.primary,.ghost{border-radius:16px;height:52px;padding:0 18px;font-size:18px;font-weight:800}.primary{color:#fff;background:var(--sun);width:100%;box-shadow:0 6px 0 var(--sun-deep);margin-top:16px}.ghost{background:var(--white);box-shadow:0 5px #d7c39a}.actions{gap:10px;margin-top:16px;display:flex}.actions>*{flex:1}.result{text-align:center;background:var(--card);box-shadow:var(--shadow);border-radius:28px;padding:28px 18px}.result h2{margin:0 0 8px;font-size:30px}.result .big{font-family:var(--num);justify-content:center;align-items:center;gap:8px;margin:8px 0;font-size:44px;display:flex}.sudoku-wrap{justify-items:center;width:min(92vw,380px);margin:0 auto;display:grid}.sudoku-grid{background:var(--ink);border:4px solid var(--ink);border-radius:18px;grid-template-columns:repeat(4,1fr);gap:0;width:min(92vw,380px);display:grid;overflow:hidden}.sudoku-cell{aspect-ratio:1;font-family:var(--num);color:var(--ink);background:#fffdf8;border:1px solid #cbb892;border-top:0;border-left:0;font-size:clamp(24px,7vw,36px);font-weight:700}.sudoku-cell:nth-child(4n+1){border-left:0}.sudoku-cell.box-right{border-right:3px solid var(--ink)}.sudoku-cell.box-bottom{border-bottom:3px solid var(--ink)}.sudoku-cell.given{background:#f0e4c6}.sudoku-cell.selected{background:#ffe58a}.sudoku-cell.conflict{color:var(--danger);background:#ffd8d2}.sudoku-cell.n1{color:#c43c2c}.sudoku-cell.n2{color:#1d5785}.sudoku-cell.n3{color:#146b51}.sudoku-cell.n4{color:#8a4b12}.num-row{grid-template-columns:repeat(5,1fr);gap:8px;width:min(92vw,380px);margin-top:16px;display:grid}.sudoku-num{height:56px;font-family:var(--num);background:#fff;border:0;border-radius:16px;font-size:24px;font-weight:700;box-shadow:0 5px #d7c39a}.sudoku-num.n1{color:#c43c2c}.sudoku-num.n2{color:#1d5785}.sudoku-num.n3{color:#146b51}.sudoku-num.n4{color:#8a4b12}.rules{color:var(--muted);text-align:center;margin:12px 0 0;font-size:14px;line-height:1.5}.confetti{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:10px;height:16px;animation:linear forwards fall;position:absolute;top:-12px}@keyframes fall{to{transform:translateY(110vh)rotate(280deg)}}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes blink{50%{opacity:0}}@media (width>=720px){.game-grid{grid-template-columns:1fr 1fr}.key{height:70px}}:root{--g-paper:#f6e7c1;--g-ink:#2b2118;--g-card:#fffbf0;--g-chip:#fff8e8;--g-track:#ead3a0;--g-paper-shadow:#e0c68e;--g-honey:#f2b04a;--g-honey-shadow:#c57f24;--g-sun:#f7c948;--g-sun-shadow:#d69b1c;--g-clay:#d9784f;--g-mint:#9ed4ac;--g-mint-shadow:#5e9f6e;--g-font:"Chiron GoRound TC", "Huninn", "PingFang TC", "Noto Sans TC", sans-serif}.toy-btn{--btn-shadow:var(--g-paper-shadow);cursor:pointer;font-family:var(--g-font);box-shadow:0 6px 0 var(--btn-shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;font-weight:900;transition:transform 90ms ease-out,box-shadow 90ms ease-out}.toy-btn:active{box-shadow:0 2px 0 var(--btn-shadow);transform:translateY(4px)}.toy-btn:focus-visible{outline:3px solid var(--g-ink);outline-offset:3px}.toy-btn--honey{background:var(--g-honey);--btn-shadow:var(--g-honey-shadow)}.toy-btn--cream{background:var(--g-chip);--btn-shadow:#d9be86}.toy-btn--mint{background:var(--g-mint);--btn-shadow:var(--g-mint-shadow)}.pet-idle{transform-origin:50% 100%;animation:2.8s ease-in-out infinite pet-breathe}@keyframes pet-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02,.98)}}.pet-pat{transform-origin:50% 100%;animation:.42s cubic-bezier(.3,1.6,.5,1) pet-pat}@keyframes pet-pat{0%{transform:scale(1)}35%{transform:scale(1.08,.92)}70%{transform:scale(.97,1.04)}to{transform:scale(1)}}.pet-eyes{transition:opacity .12s ease-out}.heart-pop{pointer-events:none;animation:.9s ease-out forwards heart-pop;position:absolute;translate:-50%}.heart-pop svg{display:block}@keyframes heart-pop{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1;transform:translateY(-8px)scale(1)}to{opacity:0;transform:translate(var(--dx,0px), -64px) scale(.8)}}.snack-x{pointer-events:none;animation:.6s linear forwards snack-x;position:absolute}.snack-y{animation:.6s cubic-bezier(.3,0,.7,1) forwards snack-y}@keyframes snack-x{to{transform:translateX(var(--snack-dx,160px))}}@keyframes snack-y{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-80px)rotate(160deg)}to{transform:translateY(var(--snack-dy,-40px)) rotate(300deg) scale(.4);opacity:.2}}.meter-fill{transition:width .5s cubic-bezier(.2,.8,.2,1)}.soft-shake{animation:.36s ease-in-out soft-shake}@keyframes soft-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)rotate(-2deg)}40%{transform:translate(5px)rotate(2deg)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.card-flash{animation:.7s ease-out card-flash}@keyframes card-flash{0%{box-shadow:0 0 0 0 #ffe39a, 0 5px 0 var(--g-paper-shadow)}30%{box-shadow:0 0 0 8px #ffe39a, 0 5px 0 var(--g-paper-shadow)}to{box-shadow:0 0 0 0 #ffe39a00, 0 5px 0 var(--g-paper-shadow)}}.toast-pop{pointer-events:none;animation:1.6s ease-out forwards toast-pop}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,8px)scale(.9)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)scale(1)}}.deco-enter{transform-origin:50% 100%;animation:.52s cubic-bezier(.3,1.5,.5,1) both deco-enter}@keyframes deco-enter{0%{opacity:0;transform:translateY(24px)scale(.6)}to{opacity:1;transform:translateY(0)scale(1)}}.deco-leave{transform-origin:50% 100%;animation:.26s ease-in forwards deco-leave}@keyframes deco-leave{to{opacity:0;transform:translateY(12px)scale(.7)}}@media (prefers-reduced-motion:reduce){.pet-idle,.pet-pat,.soft-shake,.card-flash,.deco-enter,.deco-leave{animation:none}.heart-pop,.snack-x,.snack-y{animation-duration:1ms}.toast-pop{opacity:1;animation:none;transform:translate(-50%)}.meter-fill,.g-pet-shift{transition:none}}.g-shell{font-family:var(--g-font);color:var(--g-ink);padding-bottom:max(34px, env(safe-area-inset-bottom))}.g-top{grid-template-columns:48px 1fr auto;align-items:center;gap:10px;min-height:56px;margin-bottom:12px;display:grid}.g-top h2{text-align:center;margin:0;font-size:22px;font-weight:900}.g-back,.g-stars{background:var(--g-chip);min-width:48px;min-height:48px;box-shadow:0 4px 0 var(--g-paper-shadow);color:var(--g-ink);border:0;border-radius:24px;font-family:inherit;font-weight:900}.g-back{place-items:center;padding:0;display:grid}.g-stars{align-items:center;gap:6px;height:44px;min-height:44px;padding:0 14px;font-size:18px;display:flex}.g-tabs{background:var(--g-track);border-radius:22px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:14px;padding:6px;display:grid}.g-tabs button{color:#5e4a36;background:0 0;border:0;border-radius:16px;min-height:50px;font-family:inherit;font-size:18px;font-weight:900}.g-tabs button.is-on{background:var(--g-sun);color:var(--g-ink);box-shadow:0 5px #d69b1c}.g-theater-wrap{position:relative}.g-side-bits{display:none}.g-theater{background:var(--g-card);height:min(46vh,392px);box-shadow:0 6px 0 var(--g-paper-shadow);border-radius:30px;padding:8px;position:relative}.g-scene{-webkit-user-select:none;user-select:none;border-radius:22px;height:100%;position:relative;overflow:hidden}.g-scene.is-happy{background:#c6e5f3}.g-scene.is-calm{background:#d6eaf0}.g-stitch{pointer-events:none;z-index:4;border:2px dashed #ffffffb3;border-radius:18px;position:absolute;inset:6px}.g-hill{border-radius:50% 50% 0 0;position:absolute;left:-8%;right:-8%;box-shadow:inset 0 3px #ffffff59}.g-hill-far{background:#b3ddb9;height:42%;bottom:18%}.g-hill-mid{background:#96cda3;height:36%;bottom:8%}.g-hill-near{background:#84c193;height:28%;bottom:0}.g-deco{z-index:2;touch-action:none;cursor:grab;filter:drop-shadow(0 4px #2b21181f);background:0 0;border:0;min-width:44px;min-height:44px;padding:0;position:absolute;translate:-50% -50%}.g-deco.is-sky{z-index:1}.g-pet{z-index:3;touch-action:none;cursor:grab;background:0 0;border:0;min-width:44px;min-height:44px;padding:0;position:absolute;translate:-50% -72%}.g-pet.is-dragging,.g-deco.is-dragging{z-index:8;cursor:grabbing;filter:drop-shadow(0 10px #2b211829)}.g-scene.is-hold{cursor:grabbing}.g-pet-shift{transform-origin:50% 80%;transition:transform 1.7s ease-in-out;display:block}.g-pet-face{transform-origin:50% 80%;display:block}.g-pet.is-dragging .g-pet-shift{transition:none}.g-hint{text-align:center;color:#6b5540;margin:10px 8px 0;font-size:14px;font-weight:700}.g-theater.is-yard-1{height:min(50vh,428px)}.g-theater.is-yard-2{height:min(54vh,468px)}.g-theater.is-yard-3{height:min(58vh,508px)}.g-theater.is-yard-1 .g-hill,.g-theater.is-yard-2 .g-hill,.g-theater.is-yard-3 .g-hill{left:-14%;right:-14%}.g-theater.is-yard-2 .g-hill-far,.g-theater.is-yard-3 .g-hill-far{height:48%}.g-theater.is-yard-3 .g-hill-mid{height:40%}.g-subtabs.is-three{grid-template-columns:1fr 1fr 1fr;gap:6px}.g-subtabs.is-three button{font-size:15px}.g-card-art.is-upgrade{background:#f7e3b5}.g-upgrade-icon{line-height:0}.g-upgrade-icon svg{display:block}.g-note{z-index:3;background:var(--g-card);text-align:center;box-shadow:0 4px 0 var(--g-paper-shadow);border-radius:16px;margin:0;padding:12px 14px 14px;font-weight:900;position:absolute;top:14%;left:18px;right:18px}.g-tape{opacity:.85;background:#f4c4a8;width:52px;height:12px;margin:-18px auto 8px;display:block;transform:rotate(-6deg)}.g-cushion{z-index:2;background:#f3d5a4;border-radius:50%;width:120px;height:36px;position:absolute;bottom:14%;left:50%;translate:-50%;box-shadow:0 6px #e0c68e}.g-bubble{background:var(--g-card);text-align:center;box-shadow:0 5px 0 var(--g-paper-shadow);border-radius:18px;margin:14px 18px 0;padding:12px 14px;font-size:17px;font-weight:700;position:relative}.g-bubble:before{content:"";background:var(--g-card);width:16px;height:16px;box-shadow:-2px -2px 0 var(--g-paper-shadow);position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.g-bubble b{color:#a8522b}.g-meters{gap:10px;margin:16px 4px 0;display:grid}.g-meter{grid-template-columns:72px 1fr;align-items:center;gap:8px;font-size:16px;font-weight:900;display:grid}.g-meter-track{background:var(--g-track);border-radius:999px;height:22px;overflow:hidden}.g-meter-fill{border-radius:inherit;background:var(--g-clay);height:100%;display:block}.g-meter-fill.is-happy{background:var(--g-sun)}.g-care{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid;position:relative}.g-care .snack-x{--snack-dx:-90px;--snack-dy:-240px;bottom:48px;right:18%}.g-care .toy-btn{border-radius:22px;min-height:64px;font-size:21px}.g-star-chip{vertical-align:middle;background:#fff8e8;border-radius:999px;align-items:center;gap:2px;margin-left:6px;padding:2px 8px;font-size:16px;display:inline-flex}.g-empty-card{background:var(--g-card);text-align:center;box-shadow:0 5px 0 var(--g-paper-shadow);border-radius:22px;margin-top:16px;padding:16px;font-weight:800}.g-empty-card .toy-btn{border-radius:22px;width:100%;min-height:64px;margin-top:12px;font-size:20px}.g-shop{box-shadow:0 6px 0 var(--g-paper-shadow);background:#fcebc8;border-radius:0 0 28px 28px;padding:12px 10px 16px}.g-awning{background:repeating-linear-gradient(90deg,#f4a58a 0 22px,#fff8e8 22px 44px);border-radius:18px 18px 0 0;height:28px;margin:0 -2px;position:relative}.g-awning:before{content:"";background:#b5703f;border-radius:8px;height:8px;position:absolute;top:-6px;left:10px;right:10px}.g-awning:after{content:"";background:radial-gradient(circle at 11px 0,#fcebc8 10px,#0000 11px) 0 0/22px 14px;height:14px;position:absolute;bottom:-10px;left:0;right:0}.g-subtabs{grid-template-columns:1fr 1fr;gap:8px;margin:18px 4px 12px;display:grid}.g-subtabs button{min-height:46px;color:var(--g-ink);box-shadow:0 4px 0 var(--g-paper-shadow);background:#fff8e8;border:0;border-radius:999px;font-family:inherit;font-size:17px;font-weight:900}.g-subtabs button.is-on{background:var(--g-ink);color:var(--g-chip);box-shadow:0 4px #1a140f}.g-shop-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.g-card{background:var(--g-card);text-align:center;min-height:220px;box-shadow:0 5px 0 var(--g-paper-shadow);border-radius:22px;padding:10px 10px 12px;position:relative}.g-card.is-active{box-shadow:0 0 0 3px #9ed4ac, 0 5px 0 var(--g-paper-shadow)}.g-card-art{border-radius:16px;place-items:center;height:92px;display:grid;position:relative;overflow:hidden}.g-card-art.is-sky{background:#c6e5f3}.g-card-art.is-ground{background:linear-gradient(#c6e5f3 0 66%,#84c193 66% 100%)}.g-tag{background:#fffbf0e0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900;position:absolute;top:8px;left:8px}.g-placed-mark,.g-owned-tick{color:#2f6b45;background:#ddf1e1;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;font-weight:900;display:grid;position:absolute;top:8px;right:8px}.g-card strong{margin-top:8px;font-size:19px;font-weight:900;display:block}.g-card p{color:#6b5540;min-height:34px;margin:4px 0 10px;font-size:14px;font-weight:700}.g-card .toy-btn{border-radius:16px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:46px;font-size:15px;display:inline-flex}.g-card .toy-btn:disabled{opacity:1;color:#2f6b45;--btn-shadow:#5e9f6e;background:#ddf1e1}.toy-btn--short{color:#6e5037;--btn-shadow:#e6cfa0;background:#fff1d6}.g-toast{z-index:20;background:var(--g-card);box-shadow:0 5px 0 var(--g-paper-shadow);border-radius:999px;padding:10px 16px;font-weight:900;position:fixed;bottom:28px;left:50%}.g-snack{z-index:6;font-size:28px;line-height:0;position:absolute}.g-empty-card svg{vertical-align:-4px}@media (width>=768px){.g-theater-wrap{grid-template-columns:minmax(40px,84px) minmax(0,1fr) minmax(40px,84px);align-items:center;gap:8px;display:grid}.g-side-bits{opacity:.9;flex-direction:column;align-items:center;gap:18px;font-size:22px;display:flex}.g-theater{width:min(600px,100%);height:min(560px,62vh);margin:0 auto}.g-theater.is-yard-1{width:min(640px,100%);height:min(600px,66vh)}.g-theater.is-yard-2{width:min(700px,100%);height:min(640px,70vh)}.g-theater.is-yard-3{width:min(760px,100%);height:min(680px,74vh)}.g-pet.is-solo svg{width:200px;height:200px}.g-care .toy-btn{min-height:76px}.g-meters{grid-template-columns:1fr 1fr}}.ss-shell{width:min(94vw,560px);margin:0 auto}.ss-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ss-top h2{margin:0;font-size:22px}.ss-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ss-chip{background:var(--white);border-radius:999px;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 4px #d7c39a}.ss-hint-btn{background:#fff6d8;border:0;border-radius:999px;min-height:44px;margin-left:auto;padding:8px 14px;font-weight:800;box-shadow:0 4px #d7c39a}.ss-hint-btn:active{transform:translateY(3px);box-shadow:0 1px #d7c39a}.ss-board{background:#2b2118;border:5px solid #2b2118;border-radius:22px;grid-template-columns:repeat(6,1fr);gap:0;width:100%;max-width:560px;margin:0 auto;display:grid;overflow:hidden}.ss-cell{aspect-ratio:1;background:#fffdf8;border:1px solid #ffffff59;border-top:0;border-left:0;place-items:center;min-width:44px;min-height:44px;padding:4px;display:grid;position:relative}.ss-cell:nth-child(3n){border-right:4px solid #2b2118}.ss-cell:nth-child(6n){border-right:0}.ss-cell:nth-child(n+7):nth-child(-n+12),.ss-cell:nth-child(n+19):nth-child(-n+24){border-bottom:4px solid #2b2118}.ss-cell:nth-child(n+31){border-bottom:0}.ss-cell.is-peer{background:#fff3c8}.ss-cell.is-same{box-shadow:inset 0 0 0 3px #e7a41a}.ss-cell.is-selected{z-index:1;background:#ffe58a;box-shadow:inset 0 0 0 3px #2b78b5}.ss-cell.is-hint{animation:.9s ease-in-out infinite ss-pulse;box-shadow:inset 0 0 0 3px #1f8f6d}.ss-glyph{width:86%;height:86%;font-family:var(--num);color:#fff;border-radius:12px;place-items:center;font-size:clamp(18px,5.6vw,32px);font-weight:700;display:grid;box-shadow:0 4px #0000002e}.ss-cell.is-given .ss-glyph{filter:saturate(.92);box-shadow:0 2px #0000001f}.ss-cell.ss-n1 .ss-glyph{background:linear-gradient(#ff8b7c,#e24c3b)}.ss-cell.ss-n2 .ss-glyph{color:#5a4310;background:linear-gradient(#ffe07a,#e7a41a)}.ss-cell.ss-n3 .ss-glyph{background:linear-gradient(#7ee2a8,#1f8f6d)}.ss-cell.ss-n4 .ss-glyph{color:#0f4a48;background:linear-gradient(#7eefe8,#1aa8a1)}.ss-cell.ss-n5 .ss-glyph{background:linear-gradient(#7eb6f5,#2b78b5)}.ss-cell.ss-n6 .ss-glyph{background:linear-gradient(#b79af3,#6b4cc4)}.ss-cell.fx-shake{animation:.38s ss-shake}.ss-cell.fx-bounce .ss-glyph{animation:.42s ss-bounce}.ss-cell.fx-wave .ss-glyph{animation:.55s both ss-wave}.ss-sparkles{pointer-events:none;position:absolute;inset:8%}.ss-sparkles i{background:#fff6d8;border-radius:50%;width:7px;height:7px;animation:.45s forwards ss-spark;position:absolute}.ss-sparkles i:first-child{top:10%;left:12%}.ss-sparkles i:nth-child(2){animation-delay:50ms;top:18%;right:10%}.ss-sparkles i:nth-child(3){animation-delay:80ms;bottom:8%;left:42%}.ss-tray{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px;display:grid}.ss-tile{min-height:56px;font-family:var(--num);color:#fff;border:0;border-radius:16px;font-size:clamp(22px,6vw,30px);font-weight:700;box-shadow:0 5px #0000002e}.ss-tile.ss-n1{background:linear-gradient(#ff8b7c,#e24c3b)}.ss-tile.ss-n2{color:#5a4310;background:linear-gradient(#ffe07a,#e7a41a)}.ss-tile.ss-n3{background:linear-gradient(#7ee2a8,#1f8f6d)}.ss-tile.ss-n4{color:#0f4a48;background:linear-gradient(#7eefe8,#1aa8a1)}.ss-tile.ss-n5{background:linear-gradient(#7eb6f5,#2b78b5)}.ss-tile.ss-n6{background:linear-gradient(#b79af3,#6b4cc4)}.ss-tile.is-on{outline:3px solid #2b2118;transform:translateY(-2px)}.ss-tile.is-dim{opacity:.42}.ss-tile.is-dimmer{opacity:.2}.ss-tile:active{transform:translateY(3px);box-shadow:0 1px #0000002e}.ss-note{text-align:center;min-height:24px;margin:12px 0 0;font-weight:700}.ss-note.muted{color:var(--muted);font-weight:600}.ss-tools{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.ss-tools .ghost{width:100%;min-height:48px;margin:0}.ss-win{text-align:center;margin-top:16px}.ss-win h2{margin:8px 0 4px;font-size:32px}@keyframes ss-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes ss-bounce{0%{transform:scale(.72)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ss-wave{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes ss-spark{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.5)translateY(-8px)}}@keyframes ss-pulse{50%{background:#e7ffe8}}@media (width>=700px){.ss-glyph{border-radius:14px;font-size:32px}}