:root{color-scheme:dark;--scale:1;--logical-w:390px;--logical-h:788px;--canvas-w:390px;--canvas-h:788px;--gold:#ffd76a;--teal:#54e4dc;--ink:#071625;--tm-greenhouse:url(/assets/animal-triple-match-greenhouse-block-v22.webp);--tm-items:none}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;font-family:Inter,Arial,Noto Sans TC,Noto Sans Arabic,sans-serif;background:#061421;color:#fff}button,select{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.loading{position:fixed;inset:0;z-index:50;display:grid;place-content:center;justify-items:center;gap:18px;background:#071526;color:#fff}.loading-gem{width:50px;height:50px;border:6px solid #50e5dd33;border-top-color:var(--gold);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.main-copy h1,.main-copy p{margin:0}.active-screen{position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,1fr) 56px;overflow:hidden;background-color:#061421;background-image:var(--tm-greenhouse);background-position:center;background-size:cover}.physical-canvas{position:relative;margin-inline:auto;width:var(--canvas-w);height:var(--canvas-h);overflow:hidden}.logical-canvas{position:absolute;left:0;top:0;width:var(--logical-w);height:var(--logical-h);transform:scale(var(--scale));transform-origin:top left;overflow:hidden}.ad-reserve{width:min(100%,920px);height:var(--wp-ad-reserve-height, 0px);background:#071420}.battle-live{height:100%;display:grid;grid-template-rows:34px minmax(260px,1fr) 30px 96px 82px}.icon-btn{width:40px;height:40px;font-size:20px}.battle-utility{display:grid;place-items:center;border:2px solid var(--wp-ui-line);border-radius:var(--wp-ui-radius);background:var(--wp-ui-button-image);color:var(--wp-ui-text)}.battle-utility{width:48px;height:48px;min-width:48px;min-height:48px}.objective{height:34px;margin:0;padding:8px 12px;text-align:center;color:#fff0a7;font-size:13px;font-weight:800;background:#071725ad;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.board{position:relative;width:min(100% - 20px,680px);height:100%;margin:auto;overflow:hidden;border:2px solid #d6ac55;border-radius:var(--wp-ui-radius);background:#092330b8;box-shadow:inset 0 0 35px #020a12,0 10px 28px #0008}.piece{position:absolute;width:78px;height:78px;padding:0;border:3px solid #f4d477;border-radius:var(--wp-ui-radius);background-color:#0b1830;background-image:var(--tm-items);background-size:400% 300%;box-shadow:0 7px #6b431c,0 11px 18px #0009;transition:filter .16s,transform .2s,opacity .2s}.piece.blocked{filter:brightness(.38) saturate(.55);pointer-events:none}.piece.free{box-shadow:0 7px #6b431c,0 0 0 3px #59e6dc,0 11px 22px #000a}.piece.vine:after,.piece.crystal:after,.piece.mystery:after{position:absolute;inset:4px;display:grid;place-items:center;border-radius:var(--wp-ui-radius);font-size:31px;font-weight:900;text-shadow:0 2px 5px #000}.piece.vine:after{content:"✦";color:#6cf39c;background:#0b4028b8;border:3px solid #52c985}.piece.crystal:after{content:"◇";color:#e9fdff;background:#54ddeb77;border:3px solid #bffaff}.piece.mystery:after{content:"?";color:#fff0a3;background:#3a205fd8;border:3px solid #d89cff}.piece.hint{animation:hintPulse .55s 4 alternate}@keyframes hintPulse{to{transform:scale(1.13);box-shadow:0 0 0 7px #fff19a,0 10px 22px #000b}}.piece.removing{opacity:0;transform:translateY(80px) scale(.4)}.feedback{margin:0;padding:5px 12px;text-align:center;color:#fff1ad;font-weight:800;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}.tray-wrap{display:grid;grid-template-rows:20px 70px;gap:4px;width:370px;margin:auto;text-align:center;color:#91eee4;font-size:12px;font-weight:900}.tray{height:70px;display:grid;grid-template-columns:repeat(7,48px);gap:4px;padding:8px;border:2px solid #d8af58;border-radius:var(--wp-ui-radius);background:#061421e8}.tray-slot{width:48px;height:52px;border:1px solid #ffffff25;border-radius:var(--wp-ui-radius);background:#ffffff0d}.tray-piece{width:48px;height:52px;border:2px solid #f3d273;border-radius:var(--wp-ui-radius);background-color:#0b1830;background-image:var(--tm-items);background-size:400% 300%;animation:trayIn .2s ease-out}@keyframes trayIn{0%{transform:translateY(-18px) scale(.65);opacity:.2}}.tray-piece.matching{animation:matchOut .36s ease-in forwards}@keyframes matchOut{to{transform:scale(1.45);opacity:0;filter:brightness(2)}}.tools{display:grid;grid-template-columns:repeat(3,110px);justify-content:center;gap:8px;padding:8px}.tools button{height:64px;display:grid;grid-template-columns:32px 1fr 19px;align-items:center;gap:4px;padding:6px;border:2px solid var(--wp-ui-line);border-radius:var(--wp-ui-radius);background:var(--wp-ui-button-image);color:var(--wp-ui-text);font-size:12px}.tools button:disabled{opacity:.38}.tool-icon{font-size:25px;color:#ffe486}.tools b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#ecbd49;color:#2b1b00}.modal-layer{position:absolute;inset:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:20px;background:#020a13dc}.dialog-card{width:min(100%,520px);min-width:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:20px;display:grid;gap:15px;border:2px solid var(--wp-ui-line);border-radius:var(--wp-ui-radius);background:var(--wp-ui-surface);color:var(--wp-ui-text);box-shadow:0 5px 0 var(--wp-ui-shadow);text-align:center}.dialog-card h2,.dialog-card p,.dialog-card ol{margin:0}.dialog-card ol{text-align:start;line-height:1.5;padding-inline-start:22px}.dialog-actions{display:grid;gap:8px}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.result-actions button{min-width:0;padding:8px 4px}.result-stars{font-size:34px;color:#ffe36a;letter-spacing:5px}.next-plan{padding:13px;display:grid;gap:6px;border-radius:var(--wp-ui-radius);background:#071625;color:#bdf7f0}.mastery-target{color:#ffe79a;font-weight:800}.result-card>small{color:#92eee4;font-weight:900;text-transform:uppercase}button:focus-visible,a:focus-visible,select:focus-visible{outline:4px solid #fff09a;outline-offset:3px}.feedback.reward-beat{color:#fff7be;font-size:15px;font-weight:950;text-shadow:0 0 12px #ffe36a;animation:rewardBeatPulse .45s ease-out}@keyframes rewardBeatPulse{0%{transform:scale(.92);opacity:.4}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.result-reward{margin:-5px 0 0;padding:8px 12px;border:1px solid #ffe58299;border-radius:var(--wp-ui-radius);background:#ffe58218;color:#fff2a9;font-size:17px;font-weight:950;letter-spacing:.02em;text-shadow:0 0 12px #ffe36a}@media(prefers-reduced-motion:reduce){.feedback.reward-beat{animation:none}}.tray-piece{animation:none}.tray-piece.tray-new{animation:trayIn .2s ease-out}.tray-piece.matching{animation:matchOut .26s ease-in forwards}.guide-jump{min-height:30px;display:grid;place-items:center;color:#9df4eb;font-weight:800;text-underline-offset:3px}.board{touch-action:none}@media(orientation:landscape)and (max-height:500px){body.wp-logical-battle-active .battle-live{grid-template-columns:minmax(0,1fr) 200px 236px;grid-template-rows:64px 30px minmax(0,1fr) 76px}body.wp-logical-battle-active .objective{grid-column:1 / -1;grid-row:2}body.wp-logical-battle-active .board{grid-column:1;grid-row:3 / 5;width:calc(100% - 16px);height:calc(100% - 8px);align-self:center;overflow:hidden;overscroll-behavior:contain;touch-action:none}body.wp-logical-battle-active .feedback{grid-column:2 / -1;grid-row:3;align-self:center}body.wp-logical-battle-active .tray-wrap{grid-column:2;grid-row:4;width:auto;grid-template-rows:16px 52px;gap:2px;align-self:center;font-size:11px}body.wp-logical-battle-active .tray{width:100%;height:52px;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;padding:5px}body.wp-logical-battle-active .tray-slot,body.wp-logical-battle-active .tray-piece{width:auto;min-width:0;height:38px;border-radius:var(--wp-ui-radius)}body.wp-logical-battle-active .tools{grid-column:3;grid-row:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}body.wp-logical-battle-active .tools button{height:64px;grid-template-columns:1fr;grid-template-rows:24px minmax(0,1fr) 19px;gap:1px;padding:4px;font-size:10px}body.wp-logical-battle-active #resultModal{padding:16px}body.wp-logical-battle-active .result-card{width:min(520px,calc(100% - 8px));max-height:calc(100% - 8px);padding:16px;gap:10px}body.wp-logical-battle-active .result-actions{gap:8px}body.wp-logical-battle-active .result-actions button{min-height:54px}body[data-wp-game-id=animal-triple-match] .piece{width:54px;height:54px}body[data-wp-game-id=animal-triple-match] .piece.vine:after,body[data-wp-game-id=animal-triple-match] .piece.crystal:after{font-size:23px}}[data-wp-frame="2"] .board{overflow-x:hidden;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}[data-wp-frame="2"] .tray-wrap{max-width:100%;min-width:0}[data-wp-frame="2"] .tray{width:100%;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))}[data-wp-frame="2"] .tray-slot,[data-wp-frame="2"] .tray-piece{width:100%;min-width:0}.piece.vine:after{content:"";inset:-3px;border:0;border-radius:0;background:transparent url(/assets/animal-triple-match-vine-block-v22.webp) center/contain no-repeat;pointer-events:none}.piece.crystal:after{content:"";inset:-3px;border:0;border-radius:0;background:transparent url(/assets/animal-triple-match-crystal-shell-block-v22.webp) center/contain no-repeat;pointer-events:none}.piece.mystery:after{content:"";inset:-3px;border:0;border-radius:var(--wp-ui-radius);background:#3a205f url(/assets/animal-triple-match-mystery-block-v22.webp) center/contain no-repeat;pointer-events:none}html body [data-wp-frame="2"][data-wp-play-ui="1"] .tools{grid-template-columns:repeat(4,minmax(0,1fr))}[data-wp-frame="2"] [data-wp-frame-progress]{min-height:40px!important;height:40px!important}@media(orientation:landscape)and (max-height:500px){body.wp-logical-battle-active [data-wp-frame-content=battle]{grid-template-columns:minmax(0,1fr) 200px 236px;grid-template-rows:48px 30px minmax(0,1fr) 76px}body.wp-logical-battle-active [data-wp-frame="2"] .tray-wrap{width:100%}[data-wp-frame="2"] .triple-battle-context{grid-column:1 / -1;grid-row:1}}#battleLive .battle-feedback{contain:size layout;block-size:56px;min-block-size:0;min-inline-size:0;margin:0 12px;padding:8px 12px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;font-size:13px;line-height:20px;text-align:center;color:#cfede5;border:1px solid transparent;border-radius:6px;transition:background-color .18s,border-color .18s}#battleLive .battle-feedback:not(:empty){background:#102e39;border-color:#8ab9a52b}#battleLive .battle-feedback.reward-beat{font-size:13px;color:#ffe395;animation:feedback-arrive .24s ease-out}@keyframes feedback-arrive{0%{opacity:.35}to{opacity:1}}#battleLive .objective{position:relative;background:#122c32;color:#d5e6ce;font-weight:600}#battleLive .objective:after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:3px;width:var(--sorted-progress,0%);background:#f3d57b;transition:width .26s ease-out}#battleLive .board{isolation:isolate;border-color:#9b8456;border-radius:8px;background:linear-gradient(135deg,#183d39ee,#091e29f5),var(--tm-greenhouse) center/cover;box-shadow:inset 0 0 0 5px #0b252e,inset 0 0 0 6px #aec59522,0 6px #06151ecc;overflow:hidden;touch-action:none}#battleLive .board:before{content:"";position:absolute;inset:8px;z-index:-1;pointer-events:none;background:linear-gradient(#b9c79f09 1px,transparent 1px),linear-gradient(90deg,#b9c79f09 1px,transparent 1px);background-size:32px 32px;border:1px solid #d3c38b14}#battleLive .board[data-chapter="2"]{background:linear-gradient(135deg,#163e51ee,#101f36f5),var(--tm-greenhouse) center/cover}#battleLive .board[data-chapter="3"]{background:linear-gradient(135deg,#37334eee,#171f36f5),var(--tm-greenhouse) center/cover}#battleLive .board[data-chapter="5"]{border-color:#dfbd72}#battleLive .piece{border:2px solid #bca878;border-radius:7px;background-color:#19313b;box-shadow:0 5px #6b5332,0 8px 12px #0006;transition:filter .16s,opacity .16s,left .22s ease-out,top .22s ease-out}#battleLive .piece.free{border-color:#edd595;box-shadow:0 5px #806638,0 0 0 2px #75cbb477,0 8px 12px #0006}#battleLive .piece.blocked{filter:brightness(.54) saturate(.65);box-shadow:0 4px #433b2a,0 7px 10px #0005}#battleLive .piece:focus-visible{outline:3px solid #fff2b8;outline-offset:3px}#battleLive .piece.hint{animation:treasure-hint .4s 4 alternate}@keyframes treasure-hint{to{filter:brightness(1.2);outline:3px solid #fff0aa;outline-offset:3px}}@media(hover:hover){#battleLive .piece.free:hover{filter:brightness(1.16);border-color:#fff6cf}}#battleLive .piece.free:active{filter:brightness(1.3)}#battleLive .tray-wrap{position:relative;padding-top:2px;color:#d7dfc4;letter-spacing:.04em}#battleLive .tray-counter{position:absolute;inset-inline-end:4px;top:2px;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;color:#e7d19a;direction:ltr;unicode-bidi:isolate}#battleLive .tray{background:linear-gradient(#18383a,#10242e);border-color:#aa9561;border-radius:8px;box-shadow:0 4px #071b23,inset 0 1px #ffedbb24;transition:border-color .18s,box-shadow .18s}#battleLive .tray-slot{border-radius:5px;border:1px solid #93b3aa33;background:#081d27;box-shadow:inset 0 3px 5px #0004}#battleLive .tray-piece{position:relative;border-radius:5px;background-color:#234047;border-color:#c9b071}#battleLive .tray-piece.tray-pair{border-color:#fceaa9;box-shadow:inset 0 0 0 1px #ffeaa4,0 0 10px #ffd76944}#battleLive .tray-piece.tray-pair:after{content:"••";position:absolute;bottom:-5px;inset-inline:0;color:#ffe794;font-size:18px;line-height:12px;text-align:center;letter-spacing:2px;text-shadow:0 1px 2px #071a20}#battleLive .tray[data-pressure=caution]{border-color:#f0c77a}#battleLive .tray[data-pressure=danger]{border-color:#fa9d81;box-shadow:0 4px #071b23,inset 0 0 0 2px #c6685433}.battle-canvas .collection-flight{position:absolute;z-index:12;pointer-events:none;transform-origin:top left;border:2px solid #f8dfa1;border-radius:7px;background-color:#234047;box-shadow:0 5px 15px #0006;will-change:transform,opacity}#battleLive .tools button{border-radius:7px}#battleLive .tools button:active:not(:disabled){filter:brightness(1.16)}#battleLive .tool-icon{font-family:Arial,sans-serif;font-size:25px;font-weight:700}#battleLive .tools b{border-radius:5px;font-variant-numeric:tabular-nums}@media(orientation:landscape)and (max-height:500px){#battleLive .battle-feedback{align-self:end;margin:0 12px 8px;max-height:100%}#battleLive .tray-counter{top:0;font-size:10px;line-height:14px}}@media(prefers-reduced-motion:reduce){#battleLive .piece,#battleLive .objective:after,#battleLive .tray,#battleLive .battle-feedback{transition:none}#battleLive .piece.hint{animation:none;outline:4px solid #ffedaa;outline-offset:3px}#battleLive .tray-new,#battleLive .matching,#battleLive .reward-beat{animation:none}#battleLive .matching{border-color:#fff3bc;background-color:#476357}}