/* Theme-only adjustments and reserved space for the common answer grids. */
.brand{min-width:0}.brand span{white-space:normal;overflow-wrap:anywhere}
.home-art:has(img[hidden]){background:linear-gradient(145deg,#dbccb1,#f4efe4)}
.question-stage .station-plate{margin:0}
body[data-screen=battle] .question-stage{
  min-height:80px;max-height:clamp(80px,calc(100dvh - 355px),250px);
  overflow-y:auto;overscroll-behavior:contain;align-items:flex-start;padding:4px 0;
}
body[data-screen=battle] .station-plate h1{line-height:1.65}
#station-plate:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
#answer-notes{font-size:12px;line-height:1.7;margin:0 0 8px}
#answer-notes summary{min-height:34px;padding:7px;cursor:pointer}
#answer-notes p{margin:6px 8px}#answer-sources{display:flex;flex-direction:column;gap:6px;padding:0 8px 8px}
#answer-sources a{overflow-wrap:anywhere}
body[data-screen=battle] .next-bar{position:static;transform:none;width:100%}
body[data-screen=battle] .shell{padding-bottom:8px}
@media(max-width:500px){.brand{font-size:15px}.station-plate h1{font-size:14px}.line-button{font-size:12px}.round-message h2{font-size:12px}}
@media(max-height:700px){body[data-screen=battle] .line-grid{grid-auto-rows:52px}}