:root{font-family:system-ui,-apple-system,Noto Sans,sans-serif;color:#253d3c;background:#e9eee5;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #7b9a8d;border-radius:10px;padding:8px 12px;background:#fff9e9;color:#243d3c;font-weight:750}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #e8ad38;outline-offset:2px}button.primary{background:#176f71;color:#fff9e9;border-color:#12585b}button:active:not(:disabled){filter:brightness(.94)}[hidden]{display:none!important}#mainContent{display:grid}#mainContent [data-wp-frame-copy]{align-self:center}#mainProgress{font-weight:650}#gameGuide{margin:16px auto 0}#stageContent{min-height:0;position:relative}#stagesPanel{width:100%;height:100%;position:relative}#stageRail{height:100%}.management{height:100%;overflow:auto;padding:18px;overscroll-behavior:contain}.management h2{margin:4px 0 12px;font-size:21px}.management>p{font-size:14px;line-height:1.45}.resources{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}.resources span{display:flex;align-items:center;gap:6px}.resources img{width:26px;height:26px;object-fit:contain}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.collection-card{position:relative;display:grid;grid-template-rows:128px 28px minmax(44px,auto) 32px 44px;gap:7px;padding:12px;background:#fffaf0;border:1px solid #c8d7be;border-radius:14px;box-shadow:0 4px #243c3510}.collection-card img{width:100%;height:128px;object-fit:contain;border-radius:7px}.collection-card strong{font-size:18px}.collection-card p{margin:0;font-size:14px;line-height:1.4}.collection-card small{font-size:12px}.collection-card[data-wp-item-collection-state=not-collected] img{filter:grayscale(.85);opacity:.8}.collection-card[data-selected=true]{border-color:#197877;box-shadow:0 0 0 2px #197877}.pennant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.pennant-grid article{position:relative;min-height:150px;text-align:center;border:1px solid #c4d1bd;border-radius:9px;background:#fffaf0;padding:8px}.pennant-grid img{width:100%;height:90px;object-fit:contain}.pennant-grid strong{font-size:13px;display:block}#battleContent{position:relative;min-height:0;overflow:hidden}#battleLive{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) 72px;min-height:0}#fieldWrap{position:relative;overflow:hidden;min-height:0;background:#91b58f}#field{display:block;width:100%;height:100%;outline:none;touch-action:none}.field-caption{position:absolute;top:9px;left:10px;right:10px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:13px;color:#fffaf0;text-shadow:0 1px 3px #172c26;background:#123e3675;border-radius:7px;padding:5px 8px}.field-caption strong{max-width:70%}#playChoice{position:absolute;top:48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#fff8e9ee;border:1px solid #bfd2b5;border-radius:10px;padding:5px 10px;max-width:92%;font-size:13px}#feedback{position:absolute;bottom:8px;left:10px;right:10px;margin:0;min-height:26px;max-height:52px;display:grid;place-content:center;border-radius:8px;background:#123e36bf;color:#fff8dc;font-size:15px;font-weight:650;text-align:center;pointer-events:none;padding:4px 8px}#controls{display:grid;grid-template-columns:52px minmax(72px,1fr) 52px 80px;gap:8px;align-items:center;padding:9px;background:#e7eddf;direction:ltr}#controls button{height:52px;min-width:0;padding:4px;font-size:14px;touch-action:none}#actionBtn{user-select:none}#actionBtn[data-dragging=true]{background:#b58229}#battleInfo span{display:grid;justify-items:center}#battleInfo small{font-size:10px}#battleInfo strong{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}.modal{position:absolute;inset:0;z-index:40;background:#132d2eaa;display:flex;align-items:flex-start;justify-content:center;padding:18px;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(4px)}.dialog-card,.result-card{position:relative;max-width:480px;width:100%;margin:auto 0;background:#fff9e9;border:1px solid #cfdbbb;border-radius:18px;padding:22px;box-shadow:0 12px 40px #13352a55;max-height:100%;overflow:auto}.dialog-card h2,.result-card h2{margin:0 0 12px;font-size:25px}.dialog-card p{line-height:1.55;margin:10px 0}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.dialog-actions button{min-height:48px}.result-card{text-align:center}.result-body>img{width:112px;height:112px;object-fit:contain}.result-body>p{margin:8px 0;line-height:1.45}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.result-actions button{height:52px;font-size:14px;padding:4px}#helpClose{width:100%;margin-top:12px}#retrySave{margin:8px}#graphicsDialog{z-index:60}.dialog-card,.result-card,.management,.collection-card,#playChoice{color:#253d3c}.dialog-card p,.result-card p,.collection-card p{color:#3b5149}.collection-art{display:block;width:128px;height:128px;max-width:100%;object-fit:contain;margin:auto;border-radius:8px}.collection-card[data-wp-item-collection-state=not-collected] .collection-art{filter:grayscale(.75)}.management>h2,.management>p,.management>.resources{color:#fff9e9}.pennant-grid article{color:#253d3c}.field-caption{height:48px;align-items:center;background:#123e36d9}.field-caption strong{max-width:52%;max-height:38px;overflow:hidden;line-height:1.35}#fieldCondition{display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:50%;line-height:1.25}#playChoice{top:65px}.receiver-token{position:relative;display:grid;grid-template-rows:27px 15px;width:43px;min-width:43px;text-align:center;font-size:11px;line-height:15px}.receiver-token img{width:27px;height:27px;object-fit:contain;margin:auto;border:2px solid #eee1bc;border-radius:5px;background:#fff9e9}.receiver-token b{position:absolute;top:0;right:0;font-size:13px;color:#fff;background:#475d50;border-radius:5px;line-height:16px;width:16px}.receiver-token[data-caught=true] b{background:#ffe07c;color:#183b32}.receiver-token[data-caught=true] img{border-color:#ffe07c}.receiver-token[data-receiver=fia] img{border-bottom-color:#ffdb65}.receiver-token[data-receiver=mimi] img{border-bottom-color:#a9ffff}.receiver-token[data-receiver=panko] img{border-bottom-color:#ffafd7}.coach-portrait{display:block;width:84px;height:84px;object-fit:contain;margin:0 auto 8px}.focused-lesson{background:#132d2e66;backdrop-filter:none}.focused-lesson .dialog-card{animation:meadow-reveal .16s ease-out}.focused-lesson h2{text-align:center}.focused-lesson #helpCopy{font-size:17px}.result-card{display:flex;flex-direction:column;overflow:hidden;padding:0;max-height:100%}.result-body>img{flex:none;align-self:center;margin-top:16px;width:80px;height:80px}.result-body>p,.result-body>h2{flex:none;margin:5px 18px}.result-body>h2{font-size:22px;line-height:1.3}#medalDetails{list-style:none;margin:8px 18px;padding:0;text-align:start;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 14px;font-size:13px;line-height:1.4}#resultMilestone{display:flex;align-items:center;gap:12px;text-align:start;margin:8px 18px;padding:10px;border-radius:12px;background:#f4e8c4;border:1px solid #e2c477;animation:meadow-reveal .2s ease-out}#milestoneArt{flex:none;width:80px;height:80px}.milestone-art{display:block;width:80px!important;height:80px!important;object-fit:contain;border-radius:8px}#milestoneTitle{font-size:16px}#milestoneCopy{margin:5px 0 0;font-size:13px;line-height:1.45}.result-actions{flex:none;position:sticky;bottom:0;background:#fff9e9;padding:12px 18px;margin:0;border-top:1px solid #dfd9c5}.result-card{overflow:auto}.result-card>*{flex-shrink:0}#feedback{overflow:hidden;line-height:1.35}@keyframes meadow-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(orientation:landscape)and (max-height:500px){.field-caption{right:auto;width:220px}#playChoice{left:auto;right:10px;top:9px;transform:none;max-width:230px}.field-caption strong{max-width:45%}.field-caption:has([data-mode=pair]){width:280px}.field-caption:has([data-mode=pair]) strong{max-width:42%}#fieldCondition[data-mode=pair]{max-width:none}.coach-portrait{float:left;margin:0 14px 8px 0}.focused-lesson .dialog-card{max-width:620px}}@media(prefers-reduced-motion:reduce){.focused-lesson .dialog-card,#resultMilestone{animation:meadow-fade .07s linear}@keyframes meadow-fade{0%{opacity:0}to{opacity:1}}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.result-card{height:560px;max-height:100%;overflow:hidden}.result-body{flex:1 1 auto;min-height:0;overflow:auto;padding:8px 0;display:flex;flex-direction:column;justify-content:safe center}.result-body>*{flex-shrink:0}.result-body>img{display:block;margin:8px auto}.result-actions{position:static}.result-body #retrySave{margin:8px auto}#milestoneArt{position:relative}.milestone-pennant{position:absolute;right:-5px;bottom:-5px;width:36px;height:36px;object-fit:contain;border:2px solid #fff9e9;border-radius:6px}#playChoice{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:300px;max-width:calc(100% - 28px);padding:0;background:transparent;border:0;animation:meadow-reveal .16s ease-out}#playChoiceLabel{align-self:flex-start;font-size:12px;line-height:1.3;padding:3px 6px;border:1px solid #bfd2b5;border-radius:5px;background:#fff8e9ee}#playOptions{display:flex;gap:6px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:3px;direction:inherit}.play-book{flex:0 0 86px;min-width:86px;height:78px;padding:4px;border:2px solid #c8d3bb;border-radius:8px;background:#fff9e9;color:#25423c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background-color .12s,border-color .12s;touch-action:manipulation}.play-book svg{display:block;flex:0 0 36px;width:72px;height:36px;border-radius:4px;background:#224b42;transition:opacity .12s}.play-book span{font-size:12px;line-height:14px;overflow-wrap:anywhere;text-align:center}.play-book[aria-pressed=true]{border-color:#176d6c;background:#e3f2e5;box-shadow:inset 0 0 0 1px #176d6c}.play-book[data-resting=true]{opacity:.45}.play-book:focus-visible{outline:3px solid #ad7931;outline-offset:1px}#helpBasics{margin-top:12px;border-top:1px solid #c7d5bc}#helpBasics summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#1b605b;font-weight:650}#helpBasics summary:before{content:"+";transition:transform .12s}#helpBasics[open] summary:before{transform:rotate(45deg)}#helpBasics[open] #helpBasicsCopy{animation:meadow-reveal .12s ease-out}#tacticalChallenge{display:flex;gap:10px;text-align:start;margin:8px 18px;padding:10px;border:1px solid #cab67f;border-radius:10px;background:#f4e8c4;animation:meadow-reveal .16s ease-out}#tacticalChallenge[data-completed=true]{border-color:#73a28c;background:#e3eddd}#tacticalChallenge h3{font-size:15px;line-height:1.3;margin:0 0 4px}#tacticalChallenge p{font-size:13px;line-height:1.35;margin:3px 0}#challengeArt{flex:0 0 48px;display:flex;flex-direction:column;align-items:center;justify-content:center}#challengeArt img{width:32px;height:32px;object-fit:contain}#challengeArt canvas{width:48px;height:48px;max-width:48px;object-fit:contain;border-radius:6px}@media(orientation:landscape)and (max-height:500px){#playChoice{max-width:min(300px,calc(100% - 310px));width:300px}#playOptions{max-width:288px}#playChoiceLabel{font-size:12px}}@media(prefers-reduced-motion:reduce){#playChoice,#tacticalChallenge,#helpBasics[open] #helpBasicsCopy{animation:meadow-fade .07s linear}.play-book,.play-book svg,#helpBasics summary:before{transition-duration:.07s}}.field-caption{height:auto;min-height:48px}.field-caption strong{flex:1 1 auto;min-width:0;max-width:none;max-height:none;overflow:visible;overflow-wrap:anywhere}#fieldCondition{flex:0 0 auto}#fieldCondition:empty{display:none}#interceptionReview{margin:8px 18px;padding:8px;border:1px solid #b7c9aa;border-radius:10px;background:#e6eedc;animation:meadow-reveal .16s ease-out}#interceptionDiagram{display:block;width:100%;height:128px}#interceptionLegend{font-size:12px;line-height:1.4;margin-top:5px;color:#294b44}@media(orientation:landscape)and (max-height:500px){.field-caption{width:260px;max-width:calc(100% - 260px)}.field-caption strong,.field-caption:has([data-mode=pair]) strong{max-width:none}.field-caption:has([data-mode=pair]){width:320px;max-width:calc(100% - 240px)}}@media(prefers-reduced-motion:reduce){#interceptionReview{animation:meadow-fade .07s linear}}@media(orientation:landscape)and (max-height:500px){.result-card:has(#interceptionReview:not([hidden])) .result-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto auto;align-content:center;align-items:center;gap:8px;padding:12px}.result-card:has(#interceptionReview:not([hidden])) .result-body>img,.result-card:has(#interceptionReview:not([hidden])) .result-body>p:empty{display:none}.result-card:has(#interceptionReview:not([hidden])) #resultStage{grid-column:1;grid-row:1;margin:0}.result-card:has(#interceptionReview:not([hidden])) #resultTitle{grid-column:1;grid-row:2;margin:0}.result-card:has(#interceptionReview:not([hidden])) #resultReason{grid-column:1;grid-row:3;margin:0}.result-card:has(#interceptionReview:not([hidden])) #interceptionReview{grid-column:2;grid-row:1 / 4;margin:0;padding:5px}}