/* Only game content: all header, preferences and guide styling is shared. */
#gameFrame [hidden]{display:none!important}
#main[data-wp-frame-scene]{padding:0;min-height:0}
.number-stage-content{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
#stage .number-stage-content #progress{position:static;transform:none;text-align:center;padding:8px}
#battle .battle-content{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;align-content:center;align-items:center;justify-items:center;gap:8px;padding:12px;overflow:hidden}
#battle .board{grid-column:1;grid-row:1;width:min(100%,350px);align-self:center}
#battle .tools{position:static;inset:auto;transform:none;grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:350px}
#battle #status{position:static;grid-column:1;grid-row:3;margin:0;max-width:350px;white-space:normal;text-align:center;color:#173f38;text-shadow:none}
#battle .board{min-width:0;max-width:100%;box-sizing:border-box}
#battle .tile,#battle .tile.selected,#battle .tile.hint,#battle .tile.bad,#battle .tile.empty,#battle .match-echo{background-image:url('../../assets/animal-number-match-tile-block-v15.webp');color:#163c2d;text-shadow:none;border-radius:0}
#battle .tile.selected{outline:3px solid #f3b93e;outline-offset:-3px;transform:none;filter:none}
#battle .tile.selected::before{display:none}
#battle .tile.hint{outline:3px dashed #176351;outline-offset:-5px}
#battle .tile.bad{outline:3px solid #b33635;outline-offset:-3px}
#battle .tile.empty{opacity:.16;color:transparent;filter:none}
#battle::before{background-image:linear-gradient(#eff9e7c9,#d8efdab8),url('../../assets/animal-number-match-scenery-block-v15.webp')}
#stage{background-image:linear-gradient(#153f3788,#153f37bb),url('../../assets/animal-number-match-scenery-block-v15.webp')}
#battle .battle-coach{display:none}
#result,#leaveDialog,#tutorialPanel{background:var(--wp-ui-surface);color:var(--wp-ui-text);border-color:var(--wp-ui-line);border-radius:var(--wp-ui-radius);max-width:calc(100vw - 24px);box-sizing:border-box}
@media(max-height:500px) and (orientation:landscape){
 #battle .battle-content{grid-template-columns:minmax(0,350px) minmax(0,230px);grid-template-rows:minmax(0,1fr) auto;justify-content:center;padding:8px;gap:8px 16px}
 #battle .board{grid-row:1/3;width:320px;max-height:100%}
 #battle .tools{grid-column:2;grid-row:1;align-self:center}
 #battle #status{grid-column:2;grid-row:2}
}
