/* In-game system menu: compact primary panels, full 44px touch targets. */
#start-menu:is([data-page=pause],[data-page=options],[data-page=exit],[data-page=rules]) { justify-content:center; padding:12px; }
.system-panel { width:min(620px,100%); padding:18px; color:var(--paper); background:var(--ui-surface); border:1px solid var(--ui-edge); border-top-color:var(--gold); border-radius:8px; box-shadow:var(--ui-shadow); }
.system-panel .panel-top { display:flex; align-items:center; justify-content:space-between; margin:0 0 10px; height:44px; }
.system-panel h2 { font:26px Georgia,serif; color:#f2dfb9; margin:0; }
.system-panel .panel-top button { flex:none; width:44px; height:44px; padding:8px; }
.system-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.system-actions > button { min-height:44px; padding:8px 12px; justify-content:flex-start; gap:8px; font-size:13px; }
.system-actions > button:first-child { grid-column:auto; }
.system-panel .menu-note { margin:10px 0 0; line-height:1.4; }
.options-panel h3 { margin:0 0 8px; font-size:12px; font-weight:600; color:var(--gold); }
.battle-view-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.battle-view-options section { min-width:0; }
.battle-view-options :is(label,section>span) { display:block; font-size:12px; margin-bottom:6px; }
.battle-view-options :is(select,button) { display:flex; align-items:center; width:100%; height:44px; min-height:44px; padding:6px 10px; font-size:12px; color:var(--paper); background:var(--ui-inset); border:1px solid var(--ui-edge); border-radius:5px; gap:7px; }
.battle-view-options button[aria-pressed=true] { border-color:var(--gold); color:var(--gold); }
.battle-view-options p { color:var(--ui-muted); font-size:11px; line-height:1.4; margin:6px 0 0; }
.forecast-detail { min-height:44px; margin-top:10px; padding:7px 12px; gap:8px; font-size:12px; }
.exit-panel { text-align:center; }
.exit-panel p { color:var(--ui-muted); font-size:13px; margin:18px 0; }
.exit-panel button { min-height:44px; padding:8px 14px; gap:8px; }
@media(max-height:350px) and (orientation:landscape) {
 .system-panel { padding:10px 14px; }
 .system-panel .panel-top { margin-bottom:6px; }
 .system-actions { gap:6px; }
 .system-panel .menu-note { margin-top:6px; font-size:10px; }
 .options-panel h3 { margin-bottom:6px; }
 .battle-view-options { gap:12px; }
 .battle-view-options p { font-size:10px; line-height:1.3; margin-top:4px; }
 .forecast-detail { margin-top:6px; }
}

.rules-panel{height:min(560px,calc(100dvh - 24px));display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.rules-panel>.panel-top{flex:none}.rules-reference{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.rules-reference .help-row{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:12px;line-height:1.5}.rules-reference .help-row>.icon{width:24px;height:24px;flex:none}.rules-reference .rules-section:first-child{margin-top:0}.rules-reference h3{color:var(--gold);font-size:15px}