:root{color-scheme:light;--ink:#263746;--muted:#687b82;--paper:#fffdf7;--cream:#f5f0df;--moss:#dcebd2;--leaf:#4f7d5e;--deep-leaf:#315b49;--coral:#d77763;--sun:#f2c65d;--line:#d2dfd0;--shadow:0 18px 40px rgba(49,91,73,.14);font-family:Avenir Next,Noto Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-width:320px;background:radial-gradient(circle at 18% 5%,#fffaf0 0,var(--cream) 42%,#d9e9d3 100%);color:var(--ink)}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f3ad49;outline-offset:3px}.app-shell{width:min(920px,calc(100% - 28px));margin:0 auto;padding:18px 0 28px}.screen[hidden]{display:none!important}.topbar,.panel-head{position:relative;min-height:64px;display:grid;grid-template-columns:58px minmax(0,1fr) 48px;align-items:center;gap:8px}.header-title{min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--deep-leaf);font-size:22px}.return-link,.back-button,.icon-btn{width:48px;height:48px;min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}.return-link{width:58px;display:grid;grid-template-columns:16px 28px;gap:4px;align-items:center;justify-content:center;padding:4px;font-size:1.35rem;line-height:1;overflow:hidden;text-decoration:none}.return-link img{width:28px;height:28px;object-fit:contain}.back-button,.icon-btn{display:grid;place-items:center;padding:0;font-size:1.2rem}.settings-panel{position:absolute;z-index:20;top:58px;right:0;width:min(290px,calc(100% - 24px));padding:10px 12px;border:1px solid rgba(102,132,111,.3);border-radius:16px;background:#fff;box-shadow:0 16px 30px #26352933}.setting-row{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:8px;background:#fff;color:var(--ink);font-weight:800;text-align:start}select{min-height:38px;max-width:160px;border:1px solid var(--line);border-radius:10px;padding:0 8px;color:var(--ink);background:#fff}.sound-row{padding:0 8px}.guide-card,.chain-card,.result-card{background:#fffdf7eb;border:1px solid rgba(79,125,94,.23);border-radius:24px;box-shadow:var(--shadow)}.kicker{margin:0 0 8px;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{color:var(--deep-leaf);line-height:1.08}h1{margin-bottom:10px;font-size:clamp(2.15rem,8vw,4.5rem);letter-spacing:-.06em}h2{margin-bottom:12px;font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:-.04em}.main-summary{max-width:38rem;margin:0 0 10px;font-size:1.08rem;line-height:1.55}.facts{min-height:44px;display:flex;align-items:center;margin:12px 0;color:var(--deep-leaf);font-size:.9rem;font-weight:800}.primary-btn,.secondary-btn,.text-btn{min-height:52px;border-radius:14px;border:1px solid transparent;font-weight:800;transition:transform .18s ease,background .18s ease}.primary-btn{padding:12px 18px;background:var(--deep-leaf);color:#fff;box-shadow:0 8px 18px #315b4938}.secondary-btn{padding:10px 16px;background:#fff;border-color:var(--line);color:var(--deep-leaf)}.primary-btn:hover,.secondary-btn:hover,.text-btn:hover,.icon-btn:hover{transform:translateY(-1px)}.guide-card{padding:20px 22px}.guide-card{position:relative}.guide-fia{position:absolute;top:-22px;right:18px;width:82px;height:112px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 10px rgba(49,91,73,.18))}.guide-card h2{font-size:1.25rem}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-grid article{color:var(--deep-leaf)}.guide-grid p{margin:6px 0 0;color:var(--muted);line-height:1.5}.panel{width:100%}.battle-canvas{width:min(920px,100%);height:calc(100vh - var(--wp-ad-reserve-height, 0px));min-height:0;margin:0 auto;overflow-x:hidden;overflow-y:auto;padding:8px 14px 18px;border-radius:0;background-color:#d8e5df;background-image:linear-gradient(#f6faf1db,#f6faf1ed),var(--wp-battle-art);background-position:center;background-repeat:no-repeat;background-size:cover}.panel[data-screen=battle]{display:block}.logical-shell{width:min(760px,100%);margin:0 auto;padding:8px 14px 18px}.panel-head{margin:0 auto 10px}.panel-head>div{min-width:0;text-align:center}.panel-head h2{margin:0;font-size:1.35rem}.round-label{margin:3px 0 0;color:var(--muted);font-size:.82rem;font-weight:800}.battle-utility{justify-self:end}.battle-content{width:min(650px,100%);margin:0 auto;text-align:center}.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 auto 12px;color:var(--deep-leaf);font-size:.9rem;font-weight:900}.progress-pill{color:var(--muted);font-size:.82rem}.chain-card{position:relative;padding:18px 14px;overflow:auto}.chain-track{display:flex;align-items:center;justify-content:flex-start;min-height:64px;gap:7px;min-width:max-content}.chain-node{display:grid;place-items:center;min-width:76px;min-height:48px;padding:8px 10px;border:1px solid rgba(49,91,73,.2);border-radius:14px;background:linear-gradient(145deg,#eef7e9,#d6e8cd);color:var(--deep-leaf);font-size:.86rem;font-weight:900}.chain-node.current{background:#fff3ca;border-color:#d1a844;color:#8f672a;box-shadow:0 0 0 3px #f2c65d2e}.chain-arrow{color:var(--coral);font-weight:900}.instruction{max-width:40rem;margin:16px auto 10px;color:var(--muted);line-height:1.5}.tile-rack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.habitat-tile{position:relative;display:grid;grid-template-columns:1fr;gap:4px;min-width:0;min-height:118px;padding:8px 8px 12px;border:1px solid rgba(49,91,73,.2);border-radius:16px;background:#fff;color:var(--deep-leaf);box-shadow:0 5px 12px #315b4914;text-align:center}.tile-art{width:42px;height:36px;margin:0 auto 1px;border-radius:10px;background-image:url(assets/animal-grove-dominoes-habitat-atlas.png);background-repeat:no-repeat;background-size:500% 300%;background-position:0 0}.habitat-tile[data-habitat=creek] .tile-art{background-position:25% 0}.habitat-tile[data-habitat=moss] .tile-art{background-position:50% 0}.habitat-tile[data-habitat=nest] .tile-art{background-position:75% 0}.habitat-tile[data-habitat=moon] .tile-art{background-position:100% 0}.habitat-tile[data-habitat=reef] .tile-art{background-position:0 50%}.habitat-tile[data-habitat=tide] .tile-art{background-position:25% 50%}.habitat-tile[data-habitat=shell] .tile-art{background-position:50% 50%}.habitat-tile[data-habitat=grove] .tile-art{background-position:75% 50%}.habitat-tile[data-habitat=pine] .tile-art{background-position:100% 50%}.habitat-tile[data-habitat=snow] .tile-art{background-position:0 100%}.habitat-tile[data-habitat=burrow] .tile-art{background-position:25% 100%}.habitat-tile[data-habitat=pond] .tile-art{background-position:50% 100%}.habitat-tile[data-habitat=meadow] .tile-art{background-position:75% 100%}.habitat-tile:hover:not(:disabled){background:#fff5cf;border-color:#e4bf63;transform:translateY(-1px)}.habitat-tile:disabled{cursor:default;opacity:.45}.tile-glyph{min-height:20px;color:var(--coral);font-size:1.25rem;font-weight:900}.tile-side{overflow-wrap:anywhere;font-size:.82rem;font-weight:900}.tile-link{color:var(--muted);font-size:.85rem}.habitat-tile.is-wrong{background:#ffe5d9;border-color:var(--coral);animation:nudge .24s linear}.habitat-tile.is-correct{background:#d6f0c8;border-color:var(--deep-leaf)}.feedback-art{display:block;width:72px;height:46px;margin:10px auto 0;border-radius:14px;background-image:url(assets/animal-grove-dominoes-feedback-atlas.png);background-repeat:no-repeat;background-size:300% 100%;background-position:50% 50%}.feedback-art[data-feedback=wrong]{background-position:0 50%}.feedback-art[data-feedback=matched]{background-position:50% 50%}.feedback-art[data-feedback=complete]{background-position:100% 50%}.battle-status{min-height:32px;margin:13px auto 0;color:var(--deep-leaf);font-size:.92rem;font-weight:800}.battle-status.is-wrong{color:#b45b4c}.text-btn{padding:8px 14px;margin-top:8px;background:transparent;color:var(--muted);text-decoration:underline}.game-ad-reserve{width:min(920px,100%);height:var(--wp-ad-reserve-height, 0px);min-height:var(--wp-ad-reserve-height, 0px);margin:0 auto;pointer-events:none}.result-screen{display:grid;place-items:center;padding:22px 14px}.result-card{width:min(620px,100%);padding:42px 24px;text-align:center}.result-badge{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:var(--sun);color:#fff;font-size:2.4rem}.result-fia{display:block;width:118px;height:122px;margin:-8px auto 8px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 10px rgba(49,91,73,.16))}.result-feedback-art{margin:0 auto 14px}.result-card p:not(.kicker):not(.best-line){color:var(--muted);line-height:1.5}.best-line{margin:22px 0;color:var(--deep-leaf)}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}footer{margin-top:22px;font-size:12px;text-align:center}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body[data-screen=battle] footer,body[data-screen=result] footer{display:none}@keyframes nudge{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}@media(max-width:700px){.app-shell{width:calc(100% - 20px);padding-top:10px}.topbar{min-height:88px;grid-template-rows:48px 32px;align-items:center}.topbar .header-title{grid-column:1 / -1;grid-row:2}.topbar .return-link,.topbar .wp-shell-settings-button{grid-row:1;z-index:1}.topbar .return-link{grid-column:1}.topbar .wp-shell-settings-button{grid-column:3}h1{font-size:36px}.main-summary{font-size:16px}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-grid article+article{border-top:1px solid #edf0ea;padding-top:12px}.logical-shell{padding-left:10px;padding-right:10px}.panel-head{grid-template-columns:58px minmax(0,1fr) 48px}.tile-rack{grid-template-columns:repeat(5,minmax(58px,1fr));gap:5px}.habitat-tile{min-height:110px;padding:7px 4px 9px;border-radius:12px}.tile-art{width:34px;height:30px}.tile-side{font-size:.72rem}.chain-card{padding:12px 10px}.chain-track{gap:5px}.chain-node{min-width:70px;min-height:44px;font-size:.77rem}}@media(max-width:410px){.tile-rack{grid-template-columns:repeat(5,minmax(54px,1fr))}.habitat-tile{min-height:102px}.tile-side{font-size:.68rem}}@media(min-width:700px)and (max-height:540px)and (orientation:landscape){.battle-canvas{overflow-y:hidden;padding:4px 14px 8px}.logical-shell{padding:0 0 4px}.panel-head{min-height:40px;margin-bottom:4px}.panel-head .back-button,.panel-head .battle-utility{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:4px!important}.status-row{margin-bottom:4px}.chain-card{padding:4px 8px}.chain-track{min-height:42px;gap:4px}.chain-node{min-width:60px;min-height:34px;padding:4px 6px;font-size:.68rem}.chain-arrow{font-size:.75rem}.instruction{margin:4px auto;line-height:1.2;font-size:.78rem}.tile-rack{gap:4px}.habitat-tile{min-height:72px;padding:4px 4px 6px;border-radius:10px;gap:1px}.tile-art{width:24px;height:22px;margin-bottom:0}.tile-glyph{min-height:13px;font-size:.9rem;line-height:1}.tile-side,.tile-link{font-size:.62rem;line-height:1.05}.feedback-art{width:48px;height:28px;margin:3px auto 0}.battle-status{height:24px;min-height:24px;margin:3px auto 0;font-size:.74rem;line-height:1.15}.text-btn{height:36px;min-height:36px;margin-top:2px;padding:4px 10px;font-size:.78rem}}[dir=rtl] .status-row{direction:rtl}.habitat-tile{background:linear-gradient(105deg,#fffdf1,#ecdfbb);border:1px solid #bda36c;box-shadow:inset 0 1px 1px #fff,0 3px #b09a68,0 5px #665739,0 9px 13px #233a2933;grid-template-rows:1fr 1fr;gap:0;padding:4px 5px}.domino-half{display:grid;justify-items:center;align-content:center;gap:2px;min-width:0;padding:3px 0}.domino-half+.domino-half{border-top:1px solid #ae945c;box-shadow:inset 0 1px #fffc}.domino-half .tile-art{width:34px;height:38px;margin:0;border-radius:5px}.domino-slot{border:1px dashed #8c987366;border-radius:12px;background:#b6c5a41a;min-height:102px}.habitat-tile:hover:not(:disabled){background:linear-gradient(105deg,#fffbe9,#ead2a1);transform:none}.habitat-tile:focus-visible{outline:3px solid #8c6329;outline-offset:2px}@media(min-width:700px)and (max-height:540px)and (orientation:landscape){.domino-half{padding:0;gap:0}.domino-half .tile-art{width:21px;height:23px}.domino-slot{min-height:72px}}@media(prefers-reduced-motion:reduce){.habitat-tile.is-wrong{animation:none}}#mainView .main-content{display:grid;gap:14px}#mainView .guide-fia{top:12px;right:16px;width:64px;height:92px}#mainView .game-info-title{padding-right:82px}@media(max-width:420px){.game-page-info .guide-fia{display:none}.game-page-info .game-info-title{padding-right:0}}#battleView{color:#ecf5e8}#battleView .battle-content{width:100%;height:100%;min-height:0;max-width:920px;margin:0 auto;text-align:center;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;box-sizing:border-box}#battleView .logical-shell{width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:10px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:8px;overflow:hidden;color:#ecf5e8;background-image:linear-gradient(#152b32d9,#173532e6),url(assets/animal-grove-dominoes-background.png);background-position:center;background-size:cover}#battleView .battle-header-info{display:flex;justify-content:center;align-items:center;gap:12px;color:#e9efd9}#battleView .round-label{font-size:12px;color:#ccdbc8}#battleView .grove-route-panel{display:grid;grid-template-rows:auto auto auto;align-content:start;gap:8px;min-width:0;min-height:0}#battleView .chain-card{min-height:76px;padding:8px;border:1px solid #d5bd7a77;background:#0d252ac9;border-radius:18px;overflow:auto}#battleView .chain-track{min-height:54px;gap:7px}#battleView .chain-node{min-width:70px;min-height:48px;font-size:12px;padding:6px;background:#234438;color:#ebf1dc;border-color:#8ba77e}#battleView .chain-node.current{color:#342e16;background:#f4dda0;border-color:#faedbf;animation:grove-arrive .25s ease-out}#battleView .chain-arrow{color:#efd690}#battleView #feedbackArt{display:block;width:56px;height:32px;margin:4px auto 0;border-radius:10px}#battleView #instruction{min-height:48px;margin:0;font-size:12px;line-height:1.4;color:#d7e6d7}#battleView #tileRack{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;align-content:center;align-self:stretch;min-height:0}#battleView .habitat-tile,#battleView .domino-slot{width:100%;max-width:200px;height:120px;min-height:100px;justify-self:center;border-radius:12px;box-sizing:border-box}#battleView .habitat-tile{grid-template-rows:1fr 1fr 22px;padding:4px}#battleView .domino-half{padding:0;gap:0}#battleView .domino-half .tile-art{display:block;width:34px;height:34px}#battleView .tile-side{font-size:10px;line-height:1.1}#battleView .domino-rule{font-size:8px;line-height:1.2}#battleView .battle-status{min-height:36px;margin:0;font-size:12px;line-height:1.3;color:#ebd998}#battleView .grove-battle-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}#battleView .grove-battle-actions{align-self:end}#battleView .grove-battle-actions button{box-sizing:border-box;width:100%;min-width:0;height:calc(48px * var(--wp-battle-canvas-inverse-scale,1));min-height:calc(48px * var(--wp-battle-canvas-inverse-scale,1));max-height:none;margin:0;padding:6px;font-size:calc(14px * var(--wp-battle-canvas-inverse-scale,1));line-height:1.15;overflow-wrap:anywhere;text-decoration:none}#battleView #leaveBtn{background:#294a45;color:#eef2da;border:1px solid #b2b98b;text-decoration:none}#flipChain[aria-pressed=true]{outline:2px solid #bc852f;background:#ffe1a0}#resultView{position:absolute;inset:0;z-index:2;min-height:0;width:100%;height:100%;overflow:auto;padding:12px}#resultView .result-card{height:100%;margin:0 auto;max-width:760px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#132e32ed;border:1px solid #d4b971;border-radius:24px;color:#f5e9c8}#resultView .result-fia{display:block;width:auto;height:112px;max-height:112px;margin:0}#resultView .result-feedback-art,#resultView .result-badge{display:none}#resultView h2{color:#f7e2a4;margin:0}#resultView p,#resultView .best-line{color:#dce8d1;margin:0}#resultView .result-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}#resultView .result-actions button{box-sizing:border-box;min-width:0;height:calc(48px * var(--wp-battle-canvas-inverse-scale,1));min-height:calc(48px * var(--wp-battle-canvas-inverse-scale,1));padding:calc(8px * var(--wp-battle-canvas-inverse-scale,1));font-size:calc(14px * var(--wp-battle-canvas-inverse-scale,1));line-height:1.15;overflow-wrap:anywhere}@keyframes grove-arrive{0%{box-shadow:0 0 0 5px #f4dda077}to{box-shadow:0 0 #f4dda000}}@media(prefers-reduced-motion:reduce){#battleView .chain-node.current{animation:none}}