:root{color-scheme:light;font-family:Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif;background:#f3f0dc;color:#243528}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow-x:hidden;overscroll-behavior:none}body{background:radial-gradient(circle at 12% 8%,rgba(255,219,102,.28),transparent 26%),radial-gradient(circle at 88% 12%,rgba(99,190,111,.24),transparent 30%),linear-gradient(160deg,#f9f6e4,#e9f3d8 54%,#d6ead3)}body.garden-playing .garden-game{grid-template-rows:auto minmax(0,1fr)}body.garden-playing .topbar,body.garden-playing .level-select,body.garden-playing .game-page-info,body.garden-stage .game-page-info,body.garden-stage .wp-tutorial-button,body.garden-stage [data-wp-return=battle]{display:none!important}body.garden-main{height:auto;overflow-x:hidden;overflow-y:auto}body.garden-main .garden-game{width:min(100%,920px);height:100svh;min-height:100svh;grid-template-rows:auto minmax(0,1fr);overflow:hidden}button,a,select{font:inherit}.garden-game{width:min(100%,900px);min-height:100svh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;overflow-x:hidden}.topbar{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(144px,180px);gap:12px;align-items:center}.home-link,.result-actions a,.result-actions button{min-height:48px;border:0;border-radius:8px;display:grid;place-items:center;background:#315b35;color:#fff;text-decoration:none;font-weight:1000;box-shadow:0 10px 24px #315b3538}.home-link{grid-template-columns:14px 24px;gap:4px;font-size:28px}.home-link img{width:24px;height:24px;object-fit:contain}body.garden-stage .home-link img{display:none}body.garden-stage .home-link{grid-template-columns:1fr}.main-panel{display:grid;min-height:0;gap:12px;padding:16px;border-radius:8px;background:#fffdf1eb}.main-poster{width:100%;min-height:0;aspect-ratio:1;object-fit:cover;border-radius:8px}.main-panel h2{font-size:clamp(24px,6vw,34px)}.main-panel p{color:#243528c2;line-height:1.5}.main-panel>#startBtn{min-height:48px;border:0;border-radius:8px;background:#315b35;color:#fff;font-weight:900}body.garden-main .main-panel{grid-template-rows:minmax(0,1fr) auto auto auto}body.garden-main .main-poster{height:100%;aspect-ratio:auto}body.garden-main .main-panel :is(h2,p){margin:0}@media(min-width:600px){body.garden-main .main-panel{grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);grid-template-rows:auto auto minmax(0,1fr);align-items:start}body.garden-main .main-poster{grid-column:1;grid-row:1 / 4}body.garden-main .main-panel h2{grid-column:2;grid-row:1;align-self:end}body.garden-main .main-panel p{grid-column:2;grid-row:2}body.garden-main .main-panel>#startBtn{grid-column:2;grid-row:3;align-self:start;width:100%}}.title-block{min-width:0}.title-block p{margin:0 0 3px;color:#6f7f44;font-size:13px;font-weight:1000}.title-block h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(27px,7vw,44px);line-height:1.02}.language-picker{display:grid;gap:5px;padding:8px;border:1px solid rgba(49,91,53,.18);border-radius:8px;background:#ffffffad}.language-picker span{color:#243528b8;font-size:12px;font-weight:1000}.language-picker select{width:100%;height:36px;border:1px solid rgba(49,91,53,.22);border-radius:8px;background:#fffdf1;color:#243528;font-size:14px;font-weight:900}.statusbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.statusbar div{min-height:68px;padding:10px 12px;border:1px solid rgba(49,91,53,.16);border-radius:8px;background:#ffffffb8;box-shadow:0 8px 20px #315b3514}.statusbar span{display:block;color:#243528a8;font-size:13px;font-weight:1000}.statusbar strong{display:block;margin-top:4px;color:#315b35;font-size:clamp(22px,5vw,32px);line-height:1}.level-select{display:grid;gap:12px;align-content:start;padding:14px;border:1px solid rgba(49,91,53,.16);border-radius:8px;background:#ffffff85}.play-return{position:absolute;z-index:5;top:6px;left:6px;width:42px;height:42px;border:0;border-radius:8px;background:#fffdf1;color:#315b35;font-size:24px;font-weight:900}.board-panel{position:relative}.level-select h2{margin:0;font-size:clamp(24px,6vw,34px)}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.level-grid button{display:grid;gap:4px;align-content:center;min-height:64px;border:2px solid rgba(49,91,53,.16);border-radius:8px;background:#fffdf1;color:#243528;font-size:25px;font-weight:1000;box-shadow:0 8px 18px #315b351a}.level-grid button strong{font-size:25px;line-height:1}.level-grid button span,.level-grid button small{display:block;color:#243528b8;font-size:12px;font-weight:1000;line-height:1.12}.level-grid button.locked{background:#dfe4d4;color:#24352875}.level-grid button.locked .level-lock{justify-self:center;padding:4px 9px;border-radius:99px;background:#fff4c9;color:#624516}.level-grid button.completed{background:#bce58e}.level-grid button.challenge{border-color:#f2b84b;background:#ffe29c}body.garden-stage .level-grid button.is-centered{border-color:#ffd54f;box-shadow:0 0 0 3px #fff4a6f2,0 0 24px 7px #ffc42ec7,0 8px 18px #315b352e}.hidden{display:none!important}.board-panel{min-height:0;width:100%;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;overflow:hidden}.tile-board{--cols: 4;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(8px,2vw,12px);align-content:center;width:100%;max-width:820px;margin:0 auto;padding:14px;border:1px solid rgba(49,91,53,.16);border-radius:8px;background:linear-gradient(135deg,#ffffffb8,#fffad98f),#ffffff6b}.tile{position:relative;aspect-ratio:1;min-height:0;border:3px solid rgba(49,91,53,.18);border-radius:8px;display:grid;place-items:center;background:linear-gradient(#fffdf16b,#315b3533),url(../../assets/garden-tiles-card-back.webp?v=20260723-art1) center / cover no-repeat;color:#243528;padding:clamp(5px,1.4vw,10px);overflow:hidden;box-shadow:0 10px 18px #315b351f;transform:translateY(0) scale(1);transition:transform .14s ease,background .14s ease,opacity .18s ease;touch-action:manipulation}.tile-image{position:relative;display:block;width:min(94%,108px);height:min(94%,108px);min-height:0;border-radius:6px;overflow:hidden;filter:drop-shadow(0 5px 4px rgba(49,91,53,.2));pointer-events:none;opacity:0;transform:scale(.76) rotate(-3deg);transition:opacity .14s ease,transform .14s ease}.tile-image>.tile-atlas-image{position:absolute;display:block;width:400%!important;max-width:none!important;height:600%!important;max-height:none!important;object-fit:fill;user-select:none;-webkit-user-drag:none}.tile.selected .tile-image,.tile.revealed .tile-image,.tile.preview .tile-image,.tile.wrong .tile-image{opacity:1;transform:scale(1) rotate(0)}.tile.revealed,.tile.preview,.tile.wrong{background:#fff0b8}.tile:active,.tile.selected{transform:translateY(-3px) scale(1.03);border-color:#f2b84b;background:#fff0b8}.tile:focus{outline:4px solid #1555c0;outline-offset:3px}.tile.matched{pointer-events:none;opacity:0;transform:scale(.86)}.tile.match-fading{pointer-events:none;opacity:0;transform:scale(.86);transition:opacity .55s ease,transform .55s ease}.tile.wrong{animation:shake .22s ease}.message{min-height:42px;display:grid;place-items:center;color:#315b35;font-size:clamp(17px,4vw,24px);font-weight:1000;text-align:center}.result-panel,.leave-confirm-panel,.loading-panel{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:#2435286b;backdrop-filter:blur(8px)}.leave-confirm-panel.hidden{display:none!important}.leave-confirm-panel{z-index:55}.leave-confirm-card{width:min(92vw,420px);display:grid;gap:14px;padding:20px;border:1px solid rgba(49,91,53,.18);border-radius:12px;background:#fffdf1;color:#243528;box-shadow:0 28px 70px #2435284d;animation:pop .22s ease both}.leave-confirm-card h2,.leave-confirm-card p{margin:0}.leave-confirm-card h2{font-size:clamp(28px,8vw,40px);line-height:1.05}.leave-confirm-card p{color:#243528c7;font-size:18px;font-weight:900;line-height:1.4}.leave-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.leave-confirm-actions button{min-height:52px;border:0;border-radius:8px;background:#315b35;color:#fff;font:inherit;font-weight:1000;touch-action:manipulation}.leave-confirm-actions #leaveLevelBtn{background:#fff;color:#315b35;box-shadow:inset 0 0 0 2px #315b35}.leave-confirm-actions button:focus{outline:5px solid #f2b84b;outline-offset:3px}.result-card,.loading-card{width:min(92vw,460px);display:grid;gap:12px;padding:20px;border:1px solid rgba(49,91,53,.16);border-radius:8px;background:#fffdf1;color:#243528;box-shadow:0 28px 70px #24352842;animation:pop .22s ease both}.result-card h2{margin:0;font-size:clamp(30px,8vw,44px);line-height:1}.stars{color:#f2b84b;font-size:clamp(38px,12vw,58px);letter-spacing:0}.result-card p{margin:0;color:#243528bd;font-size:18px;font-weight:900;line-height:1.45}.garden-skill-report{display:grid;gap:7px}.garden-skill-report h3,.garden-skill-report p{margin:0}.garden-skill-report h3{font-size:18px}.garden-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.garden-skill-grid div{min-width:0;padding:8px 5px;border-radius:8px;background:#77bb5624}.garden-skill-grid span,.garden-skill-grid b{display:block;line-height:1.15}.garden-skill-grid span{min-height:30px;font-size:11px;font-weight:1000}.garden-skill-grid b{margin-top:4px;font-size:11px}#progressComparison{padding:6px 8px;border-radius:8px;background:#f2b84b33;font-size:12px;line-height:1.2}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body.garden-playing #resultPanel .result-card .result-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.result-actions .result-primary{background:#f2b84b;color:#17371c;font-weight:800}.result-actions button:disabled{cursor:not-allowed;opacity:.5;box-shadow:inset 0 0 0 2px #315b3540}#resultPanel:not(.hidden) :is(button,a):focus{outline:4px solid #fff3a7;outline-offset:2px}.loading-card div{height:10px;overflow:hidden;border-radius:99px;background:#315b351f}.loading-card i{display:block;width:100%;height:100%;background:#77bb56}@keyframes pop{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(5px)}}@media(max-width:520px){body.garden-playing{position:fixed;inset:0;width:100vw;height:var(--wp-mobile-vh, 100svh);min-height:0;max-height:var(--wp-mobile-vh, 100svh);overflow:hidden!important;overscroll-behavior:none;touch-action:none}.garden-game{gap:9px;padding-inline:9px;width:100vw;max-width:100vw;overflow:hidden}body.garden-playing .garden-game{position:fixed;inset:0;width:100vw;max-width:100vw;height:var(--wp-mobile-vh, 100svh);min-height:0;max-height:var(--wp-mobile-vh, 100svh);grid-template-rows:52px minmax(0,1fr);gap:5px;padding:max(4px,env(safe-area-inset-top)) 6px max(5px,env(safe-area-inset-bottom));overflow:hidden}body.garden-stage{height:var(--wp-mobile-vh, 100svh);overflow:hidden}body.garden-stage .garden-game{height:var(--wp-mobile-vh, 100svh);grid-template-rows:56px minmax(0,1fr);padding:6px;overflow:hidden}body.garden-stage .statusbar{display:none}body.garden-stage .level-select{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:8px 0 0}body.garden-stage .level-grid{display:flex;width:100%;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;padding-inline:max(47px,calc((100% - 264px)/2));scroll-snap-type:x mandatory;scrollbar-width:none}body.garden-stage .level-grid button{flex:0 0 264px;height:100%;scroll-snap-align:center;scroll-snap-stop:always}body.garden-stage #levelMessage{display:none}.topbar{grid-template-columns:44px minmax(0,1fr) 126px;gap:8px}.home-link{min-height:44px}.statusbar div{min-height:58px;padding:8px}body.garden-playing .statusbar{min-width:0;gap:5px}body.garden-playing .statusbar div{min-height:0;height:52px;padding:6px 8px;overflow:hidden}body.garden-playing .statusbar span{font-size:.68rem}body.garden-playing .statusbar strong{margin-top:2px;font-size:1.25rem}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.level-grid button{min-height:54px;font-size:21px}.tile-board{width:100%;max-width:100%;min-width:0;padding:9px;gap:5px;align-content:start;overflow:hidden}body.garden-playing .board-panel{width:100%;min-width:0;height:100%;min-height:0;max-height:100%;grid-template-rows:minmax(0,1fr) 36px;gap:4px;overflow:hidden}body.garden-playing .tile-board{align-self:start;height:100%;max-height:100%;align-content:start;padding:7px;gap:4px;overflow:hidden}.tile{border-width:2px;border-radius:7px;padding:3px}body.garden-playing .tile:active,body.garden-playing .tile.selected{transform:none;border-color:#f2b84b;background:#fff0b8;box-shadow:inset 0 0 0 2px #f2b84b47,0 8px 14px #315b351a}body.garden-playing .tile.matched{transform:none}.tile-image{width:min(76%,52px);height:min(76%,52px)}body.garden-playing .message{min-height:0;height:36px;padding:0 8px;overflow:hidden;font-size:.92rem;line-height:1.2}}@media(prefers-reduced-motion:reduce){.tile,.result-card,.loading-card{animation-duration:.01ms!important;transition-duration:.01ms!important}}html:has(body.garden-stage),html:has(body.garden-playing),body.garden-stage,body.garden-playing{position:fixed;inset:0;width:100vw;height:100vh;min-height:0;overflow:hidden!important;overscroll-behavior:none}body.garden-stage .garden-game,body.garden-playing .garden-game{position:fixed;z-index:50;left:var(--garden-frame-left, 4px);top:var(--garden-frame-top, 4px);width:var(--garden-logical-width, 390px);max-width:none;height:var(--garden-logical-height, 788px);min-height:var(--garden-logical-height, 788px);max-height:none;margin:0;transform:scale(var(--garden-frame-scale, 1));transform-origin:top left;overflow:hidden}body.wp-mobile-game-mode.garden-playing .garden-game.weightplay-active-viewport{inset:auto!important;left:var(--garden-frame-left, 4px)!important;top:var(--garden-frame-top, 4px)!important;width:var(--garden-logical-width, 390px)!important;max-width:none!important;height:var(--garden-logical-height, 788px)!important;min-height:var(--garden-logical-height, 788px)!important;max-height:none!important;margin:0!important;border-radius:0!important;transform:scale(var(--garden-frame-scale, 1));transform-origin:top left}body.garden-stage .garden-game{display:grid;grid-template-rows:minmax(0,1fr);padding:8px;gap:0}body.garden-playing .garden-game{display:grid;grid-template-rows:52px minmax(0,1fr);padding:6px;gap:5px}body.garden-stage .topbar,body.garden-stage .main-panel,body.garden-stage .statusbar,body.garden-stage .game-page-info,body.garden-stage .wp-tutorial-button,body.garden-playing .topbar,body.garden-playing .main-panel,body.garden-playing .level-select,body.garden-playing .game-page-info,body.garden-playing .wp-tutorial-button{display:none!important}body.garden-stage .level-select{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:8px 0 0;overflow:hidden}body.garden-stage .level-grid{display:flex;width:100%;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;padding-inline:max(47px,calc((100% - 264px)/2));scroll-snap-type:x mandatory}body.garden-stage .level-grid button{flex:0 0 264px;height:100%;scroll-snap-align:center;scroll-snap-stop:always;grid-template-rows:auto auto auto auto auto 1fr;align-content:center;gap:6px;padding:14px 12px}body.garden-stage .level-grid button em,body.garden-stage .level-grid button b{font-style:normal;font-weight:900;color:#315b35}body.garden-stage .level-grid button em{font-size:14px;line-height:17px;white-space:nowrap}body.garden-stage .level-grid button b{justify-self:center;padding:3px 9px;font-size:14px;border-radius:999px;background:#ffe071}body.garden-stage .level-grid .level-rules{min-height:30px;font-size:12px;font-weight:900;color:#754a16}body.garden-playing .statusbar{grid-template-columns:44px repeat(3,minmax(0,1fr));gap:5px}body.garden-playing .statusbar:before{content:"";grid-column:1;grid-row:1}body.garden-playing .statusbar div{height:52px;min-height:52px;padding:5px 7px;overflow:hidden}body.garden-playing .statusbar span{font-size:10px;line-height:13px}body.garden-playing .statusbar strong{margin-top:2px;font-size:18px;line-height:20px;white-space:nowrap}body.garden-playing .play-return{position:static;width:44px;min-width:44px;height:44px;min-height:44px;align-self:center;font-size:22px;line-height:26px}body.garden-playing .tile-board{grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));width:min(100%,calc(678px * var(--board-aspect, 1)))!important;height:auto!important;max-width:100%!important;max-height:100%;aspect-ratio:var(--board-aspect, 1);align-self:center;justify-self:center;align-content:stretch}body.garden-playing .tile{min-width:0;min-height:0;aspect-ratio:auto}body.garden-playing .message{height:42px;min-height:42px;max-height:42px;padding:0 8px;overflow:hidden;font-size:17px;line-height:21px}body.garden-playing .weightplay-version-badge,body.garden-playing .sound-toggle,body.garden-playing .wp-tutorial-button{display:none!important}@media(orientation:landscape)and (max-height:560px){body.garden-stage .level-select{padding-top:6px}body.garden-stage .wp-standard-stage-heading{min-height:52px}body.garden-stage .wp-standard-stage-heading h2{font-size:24px;line-height:30px}body.garden-stage .level-grid button{gap:5px;padding-block:10px}body.garden-playing .tile-board{width:auto!important;height:100%!important;max-width:100%!important;max-height:100%;aspect-ratio:var(--board-aspect, 1)}body.garden-playing.wp-logical-battle-active #resultPanel .result-card{width:min(calc(100% - 28px),720px)!important;max-width:720px!important;min-height:280px;max-height:calc(100% - 24px);grid-template-columns:250px minmax(0,1fr);grid-template-areas:"title report" "stars report" "summary report" "actions actions";grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:18px;row-gap:6px;padding:14px 18px}body.garden-playing .result-card h2{grid-area:title;align-self:end;font-size:34px}body.garden-playing .result-card>.stars{grid-area:stars;font-size:46px;line-height:48px}body.garden-playing .result-card>p{grid-area:summary;align-self:start;font-size:16px;line-height:1.3}body.garden-playing .garden-skill-report{grid-area:report;align-self:center}body.garden-playing.wp-logical-battle-active #resultPanel .result-actions{grid-area:actions;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}body.garden-playing .result-actions :is(button,a){min-height:48px}body.garden-playing .leave-confirm-card{width:min(calc(100% - 40px),600px);gap:12px;padding:18px 22px}body.garden-playing .leave-confirm-card h2{font-size:32px}body.garden-playing .leave-confirm-actions button{min-height:48px}}html,body,button,a,canvas,[role=button]{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}