/* Game-owned content only. Shared frame styles own all header/preferences skin. */
#animalTabPanel #yardRosterNav{display:flex;gap:8px;flex:none;margin-bottom:8px}
#yardRosterNav button{flex:1;min-height:44px;border:1px solid #7ca19c;background:#183b40;color:#fff3c9;border-radius:6px;font:700 15px/1.3 system-ui}
#yardRosterNav button[aria-pressed="true"]{border:2px solid #f0d277;background:#316a58}
html body.guard-yard-stage [data-wp-frame="2"] #animalTabPanel{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
html body.guard-yard-stage [data-wp-frame="2"] #animalTabPanel.hidden{display:none!important}
#animalTabPanel .kennel-panel,#yardTalents{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#animalTabPanel [hidden]{display:none!important}
#yardTalents{padding:4px 8px 20px;color:#fff3d2;scrollbar-gutter:stable;background:rgba(14,38,40,.88);border-radius:8px;touch-action:pan-y}
#yardTalents>p,#yardTalents fieldset>p{font:500 13px/1.5 system-ui;margin:6px 2px 12px}
#yardTalents fieldset{min-width:0;margin:8px 0 14px;padding:8px;border:1px solid #819989;border-radius:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#yardTalents legend{font:800 16px/1.4 system-ui;padding-inline:6px;color:#f6d783}
#yardTalents fieldset>p{grid-column:1/-1;margin:0}
#yardTalents button{display:grid;grid-template-columns:36px minmax(0,1fr);align-content:start;align-items:center;gap:6px;padding:10px;min-width:0;min-height:142px;text-align:start;white-space:normal;overflow-wrap:anywhere;border:1px solid #648a84;border-radius:6px;background:#173b40;color:#fff2ce;touch-action:pan-y}
#yardTalents button[aria-pressed="true"]{border:2px solid #f8d373;background:#27564a}
#yardTalents button:disabled{opacity:.65}
#yardTalents button img{width:36px;height:36px;object-fit:contain;pointer-events:none}
#yardTalents button strong{font:800 14px/1.4 system-ui}
#yardTalents button span{grid-column:1/-1;font:500 13px/1.5 system-ui}
#yardTalents button small{grid-column:1/-1;font:700 12px/1.4 system-ui;color:#f8d373}
#yardTalents button:focus-visible,#yardRosterNav button:focus-visible{outline:3px solid #b5f6ef;outline-offset:2px}
#energyRecovery{font:700 10px/1.2 system-ui;color:#b6f0ba;white-space:nowrap;direction:ltr}
.yard-energy-value{display:flex;align-items:baseline;gap:4px;direction:ltr;max-width:100%}
.talent-heal{color:#b4ffad!important;filter:drop-shadow(0 0 5px #7fff8b)}
.talent-frost{color:#adfaff!important}.talent-chain{color:#ffe39b!important}
@media(max-width:440px){#yardTalents fieldset{grid-template-columns:minmax(0,1fr)}#yardTalents button{min-height:110px}}
.yard-bolt{position:absolute;left:0;top:50%;width:22px;height:3px;background:#f5d58a;transform:translateY(-50%)}
.yard-bolt::before{content:'';position:absolute;right:-2px;top:-3px;width:8px;height:8px;background:#fff0c6;clip-path:polygon(0 0,100% 50%,0 100%)}
.yard-bolt::after{content:'';position:absolute;left:1px;top:-2px;width:5px;height:7px;background:#69b6a8}
.projectile.left .yard-bolt{transform:translateY(-50%) rotate(180deg)}
.projectile.owl .yard-bolt{background:#8be8e0}.projectile.fox .yard-bolt{background:#bce589}
[data-wp-frame="2"] #menuTabs{position:static!important;inset:auto!important;width:100%!important}
[data-wp-frame="2"] #menuTabs img{width:24px;height:24px;object-fit:contain}
html body.guard-yard-stage [data-wp-frame="2"] #animalTabPanel .kennel-head [data-ui],html body.guard-yard-stage [data-wp-frame="2"] #shopTabPanel .kennel-head [data-ui]{color:var(--wp-ui-text)!important}
html body.guard-yard-stage [data-wp-frame="2"] #kennelGrid .kennel-next{color:var(--wp-ui-text)!important;background:var(--wp-ui-surface)!important;border:1px solid var(--wp-ui-line)}
[data-wp-frame="2"] .menu-shell{min-height:0!important;overflow:hidden;grid-template-rows:48px minmax(0,1fr)!important}
/* One workspace owns the rail: remove the legacy inset phone frame. */
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .menu-shell{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;gap:6px!important;grid-template-rows:minmax(0,1fr)!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .menu-tab-panel{grid-row:1!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .wallet-row{grid-column:2!important;grid-row:1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;height:48px!important;z-index:auto!important;gap:4px!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .wallet-row>span{height:48px!important;justify-content:center!important;gap:0!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .wallet-row img{width:22px!important;height:22px!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .wallet-row b{font:800 14px/18px system-ui!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .menu-content{width:100%!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important}
html body.guard-yard-stage [data-wp-frame="2"] #stageTabPanel{width:100%!important;min-width:0!important;padding:0!important;margin:0!important}
/* Children are in logical Canvas units: a physical 100vw cap shrinks them again. */
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel :is(.menu-tab-panel,.stage-grid){max-width:100%!important}
html body.guard-yard-stage [data-wp-frame="2"] #stageGrid{width:100%!important;min-width:0!important;align-items:start!important;align-self:stretch!important;margin:0!important;padding-block:12px!important}
/* One fixed card geometry; viewport changes scale the Stage envelope as a unit. */
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-card{height:190px!important;min-height:190px!important;max-height:190px!important;align-self:start!important;top:clamp(0px,calc(38% - 95px),calc(100% - 190px))!important;padding:12px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:22px 22px 34px 22px 32px!important;gap:4px 8px!important;align-content:center!important;text-align:start!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-animal{grid-column:1;grid-row:1/3;width:48px!important;height:48px!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-animal .animal-sprite{width:48px!important;height:48px!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-card>strong{grid-column:2;grid-row:1;font-size:15px!important;line-height:22px!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-card>span{grid-column:2;grid-row:2;font-size:12px!important;line-height:22px!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-plan{grid-column:1/-1;grid-row:3;font-size:11px!important;line-height:16px!important;min-height:0}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-progress{grid-column:1/-1;grid-row:4;margin:0;min-height:0}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-threats{grid-column:1/-1;grid-row:5;margin:0;min-width:0;gap:3px;flex-wrap:nowrap}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-threat{min-width:0;padding:2px;gap:2px;font-size:10px}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-threat :is(img,.zombie-sprite){width:22px!important;height:24px!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .stage-card:is(.is-prev,.is-next){opacity:.72;filter:none}
/* Actual adjacent cards provide the preview; no duplicate labels over the rail. */
html body.guard-yard-stage [data-wp-frame="2"] #stageTabPanel::before,html body.guard-yard-stage [data-wp-frame="2"] #stageTabPanel::after{content:none}
html body.guard-yard-playing [data-wp-frame="2"] .fixed-game-shell{border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
body.guard-yard-stage [data-wp-frame="2"] .wallet-row{position:relative!important;inset:auto!important;grid-row:1;height:44px!important}
html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .wallet-row :is(span,b){color:var(--wp-ui-text)!important}
html body.guard-yard-stage [data-wp-frame="2"] .training-bridge-cue{max-height:none;overflow:visible;color:var(--wp-ui-muted)!important;background:var(--wp-ui-surface)!important}
body.guard-yard-stage [data-wp-frame="2"] .menu-tab-panel{grid-row:2;min-height:0!important}
body.guard-yard-playing [data-wp-frame="2"] .fixed-game-shell{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:auto!important;grid-template-rows:30px 80px 32px minmax(220px,1fr) 52px 54px!important}
body.guard-yard-playing [data-wp-frame="2"] .wave-status{grid-row:1!important}
body.guard-yard-playing [data-wp-frame="2"] .unit-bar{grid-row:2!important}
body.guard-yard-playing [data-wp-frame="2"] .yard-wave-preview{grid-row:3!important}
body.guard-yard-playing [data-wp-frame="2"] #yardBoard{grid-row:4!important}
body.guard-yard-playing [data-wp-frame="2"] .yard-command-dock{grid-row:5!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.guard-yard-playing [data-wp-frame="2"] #hintText{grid-row:6!important}
/* Wide workspaces put the roster beside the board instead of consuming its height. */
@media(min-width:700px){
 body.guard-yard-playing [data-wp-frame="2"] .fixed-game-shell{grid-template-columns:110px minmax(0,1fr)!important;grid-template-rows:24px 24px minmax(180px,1fr) 44px!important;gap:4px!important}
 body.guard-yard-playing [data-wp-frame="2"] .wave-status,body.guard-yard-playing [data-wp-frame="2"] .yard-wave-preview{grid-column:1/-1!important}
 body.guard-yard-playing [data-wp-frame="2"] .yard-wave-preview{grid-row:2!important}
 body.guard-yard-playing [data-wp-frame="2"] .unit-bar{grid-column:1!important;grid-row:3!important;grid-template-columns:1fr!important;grid-auto-rows:72px!important;align-content:start!important;overflow:auto!important}
 body.guard-yard-playing [data-wp-frame="2"] .unit-card{height:72px!important;grid-template-rows:34px 28px!important}
 body.guard-yard-playing [data-wp-frame="2"] #yardBoard{grid-column:2!important;grid-row:3!important}
 body.guard-yard-playing [data-wp-frame="2"] .yard-command-dock{grid-column:2!important;grid-row:4!important}
 body.guard-yard-playing [data-wp-frame="2"] .yard-command-dock button{height:44px!important}
 body.guard-yard-playing [data-wp-frame="2"] #hintText{grid-column:1!important;grid-row:4!important}
}
@media(orientation:landscape) and (max-height:520px){
 html body.guard-yard-stage [data-wp-frame="2"] #menuPanel .menu-shell{grid-template-columns:minmax(0,1fr)!important}
 html body.guard-yard-stage [data-wp-frame="2"] #stageTabPanel{grid-template-rows:48px minmax(0,1fr)!important}
 html body.guard-yard-stage [data-wp-frame="2"] #stageGrid{padding-block:6px!important}
 body.guard-yard-playing [data-wp-frame="2"] .fixed-game-shell{grid-template-rows:28px 28px minmax(0,1fr) 52px!important}
 body.guard-yard-playing [data-wp-frame="2"] .yard-wave-preview{grid-row:2!important}
 body.guard-yard-playing [data-wp-frame="2"] .unit-bar,body.guard-yard-playing [data-wp-frame="2"] #yardBoard{grid-row:3!important}
 body.guard-yard-playing [data-wp-frame="2"] .yard-command-dock,body.guard-yard-playing [data-wp-frame="2"] #hintText{grid-row:4!important}
}