:where([hidden]),*[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#0d1930,#203f4f 55%,#203b35);color:#ecf5e8;font-family:ui-rounded,"Avenir Next",system-ui,sans-serif}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:#0d1930;color:#fff}.topbar strong{font-size:1.04rem;letter-spacing:.04em}.icon-btn,.close-btn{border:0;background:transparent;color:inherit;font-size:1.35rem;min-width:44px;min-height:44px;border-radius:14px;cursor:pointer}.icon-btn:hover,.icon-btn:focus-visible,.close-btn:hover,.close-btn:focus-visible{background:#315c69;outline:3px solid #f4d27e;outline-offset:2px}.screen{width:min(760px,calc(100% - 24px));margin:20px auto}.panel{padding:clamp(18px,4vw,34px);background:#f5f4e8;color:#1a3544;border:1px solid #c1d1bf;border-radius:28px;box-shadow:0 18px 50px #06102270}.loading-screen{display:grid;place-items:center;min-height:100vh;margin:0;width:100%;color:#fff;font-weight:800}.loader-mark,.result-icon{font-size:3.2rem;color:#f4c86f}.cover-wrap{position:relative;overflow:hidden;border-radius:22px;background:#213a4e}.cover-wrap img{display:block;width:100%;height:auto}.cover-badge{position:absolute;left:16px;bottom:14px;padding:8px 12px;border-radius:999px;background:#0d1930e8;color:#fff;font-size:.82rem;font-weight:800}.eyebrow{margin:12px 0 6px;color:#a85c45;font-weight:800;letter-spacing:.11em;text-transform:uppercase;font-size:.76rem}.intro{line-height:1.6;color:#4d676c}.main-actions,.battle-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.primary,.secondary,.toggle{min-height:48px;padding:11px 18px;border-radius:15px;border:2px solid #153c4d;font:inherit;font-weight:800;cursor:pointer}.primary{background:#f1c767;color:#1a3544;border-color:#b56b3e}.secondary{background:#edf6ea;color:#1a4c59}.primary:focus-visible,.secondary:focus-visible,.toggle:focus-visible,.stage-card:focus-visible,.fruit-button:focus-visible{outline:3px solid #c76e45;outline-offset:3px}.primary:disabled,.fruit-button:disabled{opacity:.48;cursor:not-allowed}.best{margin:18px 0 0;color:#607474;font-weight:700}.stage-list{display:grid;gap:12px;margin-top:22px}.stage-card{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:16px;border:2px solid #c9d9c8;border-radius:18px;background:#eaf4e7;color:#1a3544;cursor:pointer}.stage-card strong,.stage-card small{display:block}.stage-card small{margin-top:5px;color:#5d7473}.arrow{font-size:1.4rem;color:#a85c45}.battle-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.pill{padding:8px 12px;border-radius:999px;background:#dcebf0;font-weight:800;white-space:nowrap}.prompt{margin:8px 0 13px;color:#4d676c;line-height:1.5}.pattern-slots{display:flex;justify-content:center;gap:10px;min-height:44px;margin:14px 0}.pattern-slot{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#d4dfd1;color:#7b9289;font-size:1.3rem;font-weight:900}.pattern-slot.matched{background:#f1c767;color:#714631}.orchard-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.fruit-button{display:grid;gap:7px;place-items:center;min-height:112px;padding:12px 8px;border:2px solid #c9d9c8;border-radius:20px;background:#fbfff5;color:#1a3544;font:inherit;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.fruit-button:not(:disabled):active{transform:scale(.97)}.fruit-button.is-lit{transform:translateY(-3px);box-shadow:0 0 0 4px #f1c767,0 10px 24px #17263b35;background:#fff1bd}.fruit-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;font-size:1.75rem}.fruit-amber .fruit-icon{background:#ffe2a0;color:#9a5b2c}.fruit-mint .fruit-icon{background:#c9eed5;color:#28735c}.fruit-coral .fruit-icon{background:#ffd0c2;color:#aa4d3c}.fruit-violet .fruit-icon{background:#dfd4f4;color:#6a579b}.fruit-button strong{font-size:.83rem;line-height:1.15}.battle-actions>*{flex:1 1 42%}.status{min-height:25px;margin:14px 0 0;color:#557275;font-weight:700}.status.good{color:#267450}.status.try{color:#ae553a}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#061022b8;z-index:5}.modal-card{position:relative;width:min(420px,100%);padding:28px;border-radius:24px;background:#f5f4e8;color:#1a3544;box-shadow:0 20px 60px #06102288}.close-btn{position:absolute;right:10px;top:10px;color:#1a3544}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;font-weight:800}.setting-row select{min-height:44px;padding:8px 12px;border:2px solid #c1d1bf;border-radius:12px;background:#fff;font:inherit;color:#1a3544}@media(max-width:560px){.screen{margin:12px auto}.panel{padding:17px;border-radius:22px}.orchard-buttons{gap:7px}.fruit-button{min-height:104px;padding:9px 4px}.fruit-icon{width:42px;height:42px;font-size:1.5rem}.fruit-button strong{font-size:.72rem}.battle-actions>*{flex-basis:44%}}

/* v3 production-art integration: keep the guide calm on Main/Result and let
   the character-free orchard carry the Battle atmosphere behind opaque controls. */
.guide-art-wrap{display:flex;justify-content:center;margin:8px auto 2px;max-height:210px;overflow:hidden}
.guide-art{display:block;width:auto;height:210px;max-width:100%;object-fit:contain}
.result-guide{max-height:150px;margin-top:-2px}
.result-guide .guide-art{height:150px}
.fruit-icon{display:block;width:50px;height:50px;border-radius:50%;background-image:url("assets/animal-echo-orchard-chime-atlas-v1.png");background-repeat:no-repeat;background-size:200% 200%;background-color:#edf6ea;box-shadow:inset 0 0 0 2px #ffffff88}
.fruit-amber .fruit-icon{background-position:0 0}
.fruit-mint .fruit-icon{background-position:100% 0}
.fruit-coral .fruit-icon{background-position:100% 100%}
.fruit-violet .fruit-icon{background-position:0 100%}
.fruit-button .fruit-icon{background-image:url("assets/animal-echo-orchard-chime-atlas-v1.png");background-repeat:no-repeat;background-size:200% 200%;}
#battleScreen{background-color:#172d38;background-image:linear-gradient(180deg,#0d243dcc 0%,#173b3cc7 58%,#11222fe8 100%),url("assets/animal-echo-orchard-background.png");background-size:cover;background-position:center;color:#f5f4e8;border-color:#52716c}
#battleScreen .eyebrow{color:#f4d27e}
#battleScreen .battle-head h2{color:#fff}
#battleScreen .prompt,#battleScreen .status{color:#f4f4df}
#battleScreen .status.good{color:#b7f0b5}
#battleScreen .status.try{color:#ffd0bd}
@media(max-width:560px){.guide-art-wrap{max-height:165px}.guide-art{height:165px}.result-guide{max-height:125px}.result-guide .guide-art{height:125px}.fruit-icon{width:42px;height:42px}}

/* Interface 6 production shell: Main, Stage, and Battle share one responsive
   envelope while the orchard art remains the game's visual identity. */
body.wp-shell-main-active #mainScreen #best{display:block!important}
body.wp-shell-main-active #mainScreen .cover-wrap{background:#142a3d}
body.wp-shell-main-active #mainScreen .main-poster{object-fit:cover}
body.wp-shell-main-active #mainScreen .main-progress{color:#d8edf0;font-weight:800}
body.wp-shell-stage-active .topbar,
body.wp-shell-battle-active .topbar{display:none!important}
#stageScreen[data-wp-standard-stage-screen]{display:grid;grid-template-rows:60px minmax(0,1fr);gap:12px;box-sizing:border-box;width:100%;height:100%;min-height:0;margin:0;padding:10px;border:0;border-radius:0;background:linear-gradient(180deg,#123047e8,#214b4cdd),var(--wp-stage-art);background-size:cover;background-position:center;color:#f5f4e8;overflow:hidden}
#stageScreen[data-wp-standard-stage-screen] .stage-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;min-height:60px;margin:0;padding:0 2px}
#stageScreen[data-wp-standard-stage-screen] .stage-header>div{text-align:center;min-width:0}
#stageScreen[data-wp-standard-stage-screen] .stage-header h2{margin:0;color:#fff;font-size:clamp(1.05rem,2.6vw,1.45rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stageScreen[data-wp-standard-stage-screen] .stage-header .eyebrow{margin:0 0 4px;color:#f4d27e}
#stageScreen[data-wp-standard-stage-screen] .stage-rail{align-self:center;width:100%;min-height:198px!important;padding-inline:12px!important}
#stageScreen[data-wp-standard-stage-screen] .stage-rail>.stage-card{flex:0 0 min(264px,calc((100% - 24px)/3))!important;width:min(264px,calc((100% - 24px)/3))!important;min-width:min(264px,calc((100% - 24px)/3))!important;max-width:min(264px,calc((100% - 24px)/3))!important}
#stageScreen[data-wp-standard-stage-screen] .stage-card{border-color:#78a69e;background:linear-gradient(155deg,#f7f6e9,#d8f0db);box-shadow:0 12px 24px #06102255}
#stageScreen[data-wp-standard-stage-screen] .stage-card small{color:#4b6667}
.wp-stage-physical-reserve{height:0;min-height:0}
#battleScreen[data-wp-logical-battle-canvas]{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%;height:100%;min-height:0;margin:0;padding:10px;border:0;border-radius:0;background:linear-gradient(180deg,#0d243dcc 0%,#173b3cc7 58%,#11222fe8 100%),url("assets/animal-echo-orchard-background.png");background-size:cover;background-position:center;color:#f5f4e8;overflow:hidden}
#battleScreen[data-wp-logical-battle-canvas] .battle-header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;margin:0;padding:0 2px}
#battleScreen[data-wp-logical-battle-canvas] .battle-header>div:nth-child(2){min-width:0;text-align:center}
#battleScreen[data-wp-logical-battle-canvas] .battle-header h2{margin:0;color:#fff;font-size:clamp(1.05rem,2.6vw,1.45rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#battleScreen[data-wp-logical-battle-canvas] .battle-header .eyebrow{margin:0 0 4px;color:#f4d27e}
#battleScreen[data-wp-logical-battle-canvas] .battle-utility{display:flex;align-items:center;gap:8px;min-width:48px}
#battleScreen[data-wp-logical-battle-canvas] .battle-utility .pill{background:#dcebf0;color:#173548}
#battleScreen[data-wp-logical-battle-canvas] .prompt,#battleScreen[data-wp-logical-battle-canvas] .status{color:#f4f4df}
#battleScreen[data-wp-logical-battle-canvas] .status.good{color:#b7f0b5}
#battleScreen[data-wp-logical-battle-canvas] .status.try{color:#ffd0bd}
.battle-ad-reserve{height:0;min-height:0;overflow:hidden}
#battleScreen[data-wp-logical-battle-canvas]:not([hidden]) + .battle-ad-reserve{height:56px;min-height:56px}
@media (min-width:700px) and (max-height:560px){body[data-wp-game-id="animal-echo-orchard"] .wp-standard-main-composition{--wp-main-landscape-poster-size:420px!important}}

/* Keep the Result recovery actions inside the short landscape viewport. The
   compact result does not need a second copy of the guide artwork; preserve
   the same title, outcome, and recovery controls in a denser framed panel. */
@media (orientation:landscape) and (max-height:560px){
  #resultScreen[data-screen="result"]{width:calc(100% - 16px);margin:8px auto;padding:12px 18px;min-height:0;max-height:calc(100dvh - 16px);overflow-y:auto}
  #resultScreen .result-guide{display:none}
  #resultScreen .result-icon{font-size:2rem}
  #resultScreen .main-actions{gap:8px;margin-top:10px}
}

/* v6 suggestion repair: keep Battle recovery controls readable in the
   844x390 landscape contract while preserving the large fruit targets. */
@media (orientation:landscape) and (max-height:560px){
  #battleScreen[data-wp-logical-battle-canvas]{gap:7px;padding:8px 12px}
  #battleScreen[data-wp-logical-battle-canvas] .battle-header{min-height:48px;gap:8px}
  /* Interface 6 scales the logical Battle canvas to the physical viewport;
     these logical values render as approximately 44px at 844x390. */
  #battleScreen[data-wp-logical-battle-canvas] .wp-shell-return{width:104px!important;min-width:104px!important;max-width:104px!important;height:104px!important;min-height:104px!important;max-height:104px!important}
  #battleScreen[data-wp-logical-battle-canvas] .battle-header .icon-btn,
  #battleScreen[data-wp-logical-battle-canvas] .battle-utility .icon-btn{min-width:104px;min-height:104px;font-size:2.5rem}
  #battleScreen[data-wp-logical-battle-canvas] .prompt{margin:0 0 2px;line-height:1.25;font-size:1.8rem}
  #battleScreen[data-wp-logical-battle-canvas] .pattern-slots{min-height:72px;margin:3px 0}
  #battleScreen[data-wp-logical-battle-canvas] .pattern-slot{width:72px;height:72px;font-size:2.2rem}
  #battleScreen[data-wp-logical-battle-canvas] .orchard-buttons{gap:8px;margin:4px 0}
  #battleScreen[data-wp-logical-battle-canvas] .fruit-button{min-height:112px;padding:7px 6px}
  #battleScreen[data-wp-logical-battle-canvas] .fruit-icon{width:50px;height:50px}
  #battleScreen[data-wp-logical-battle-canvas] .battle-actions{gap:8px;margin-top:2px}
  #battleScreen[data-wp-logical-battle-canvas] .battle-actions>*{min-height:104px;padding:8px 12px;font-size:2rem}
  #battleScreen[data-wp-logical-battle-canvas] .status{min-height:48px;margin:2px 0 0;font-size:1.5rem}
}

.stage-card.is-locked{opacity:.66;cursor:not-allowed;background:#dce5df!important}
.stage-card.is-locked .arrow{font-size:1rem}

/* Interface 6 Main contract: keep the authored Guide readable under the
   shared Interface 7 frame defaults and retain the canonical wide poster. */
@layer wp-echo-main-contract {
  html[data-wp-shared-interface="7"] body[data-wp-game-id="animal-echo-orchard"] .game-page-info {
    border-radius: 18px !important;
  }
  html[data-wp-shared-interface="7"] body[data-wp-game-id="animal-echo-orchard"] .game-info-sections {
    display: grid !important;
    gap: 14px !important;
    border-radius: 18px !important;
  }
  html[data-wp-shared-interface="7"] body[data-wp-game-id="animal-echo-orchard"] .game-info-section {
    border-radius: 16px !important;
    padding: 16px !important;
    background: #173940 !important;
  }
  @media (min-width: 700px) and (max-height: 900px) {
    html[data-wp-shared-interface="7"] body[data-wp-game-id="animal-echo-orchard"] #mainScreen .cover-wrap,
    html[data-wp-shared-interface="7"] body[data-wp-game-id="animal-echo-orchard"] #mainScreen .cover-wrap picture,
    html[data-wp-shared-interface="7"] body[data-wp-game-id="animal-echo-orchard"] #mainScreen .cover-wrap img,
    html[data-wp-shared-interface="7"] body[data-wp-game-id="animal-echo-orchard"] #mainScreen .wp-standard-main-poster,
    html[data-wp-shared-interface="7"] body[data-wp-game-id="animal-echo-orchard"] #mainScreen .wp-standard-main-poster-media,
    html[data-wp-shared-interface="7"] body[data-wp-game-id="animal-echo-orchard"] #mainScreen .wp-standard-main-poster-media img {
      width: 420px !important;
      min-width: 420px !important;
      max-width: 420px !important;
      height: 420px !important;
      min-height: 420px !important;
      max-height: 420px !important;
    }
  }
}