/* Mobile interaction layer: compact context, readable actions, generous touch targets. */
@media(max-width:700px){
 html{scroll-padding-top:80px}
 .site-wrap{padding-inline:10px!important;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
 .site-wrap>.header{min-height:60px;padding-block:8px!important;top:max(4px,env(safe-area-inset-top));border-radius:10px}
 .header .header-tools{gap:6px}
 .header .header-tools .header-settings,.header .header-tools .help-btn{min-height:40px;height:40px}
 .header .header-tools .help-btn{width:36px;min-width:36px}
 .header .header-settings{padding-inline:10px;font-size:12px}
 .header nav{padding:6px 6px max(6px,env(safe-area-inset-bottom))!important;gap:4px}
 .header nav .nav-btn{min-height:46px;font-size:11px}
 .topline{padding:8px 0;gap:6px;font-size:11px}
 .game-layout{gap:12px}
 .game-layout>.character-panel{padding:12px!important}
 .character-brief-heading{gap:9px}
 .character-brief-heading strong{font-size:18px;line-height:1.3}
 .character-brief-heading>div>span{font-size:11px}
 .character-brief-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 10px;margin-top:8px;font-size:11px}
 .character-panel .character-mobile-summary>.text-button{min-height:36px;margin-top:6px;padding-top:6px;font-size:11px}
 .chapter-head{margin:4px 0 8px;gap:6px;min-height:32px}
 .chapter-head h2{font-size:18px;line-height:1.4}
 .chapter-head>span{font-size:12px}
 .game-layout>article>.progress{margin:6px 0 12px}
 .world-strip{margin:10px 0;grid-template-columns:repeat(2,minmax(0,1fr))}
 .world-strip>div,.world-strip>.world-open{min-height:0;padding:9px 10px!important}
 .world-strip span,.world-strip small{font-size:10px;line-height:1.4}
 .world-strip strong{font-size:14px;line-height:1.5;margin:2px 0}
 .world-strip .world-open{font-size:12px}
 .game-section-links{gap:6px;margin:10px 0}
 .game-section-links .focus-mode-enter{min-height:42px;padding:8px 12px!important;margin-top:2px;font-size:12px!important}
 .choice-category-tabs{position:relative!important;top:auto!important;padding:8px;margin-top:10px;z-index:auto}
 .choice-category-tabs .choice-jump-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;gap:5px;padding:0}
 .choice-category-tabs .choice-jump-button{min-width:0;min-height:42px;padding:7px!important;font-size:12px!important;white-space:normal;line-height:1.35}
 .choice-tab-panel{scroll-margin-top:80px}
 .routine-choice-card{margin-block:8px;border-radius:10px}
 .routine-choice-card .choice{padding:11px 10px!important;gap:8px}
 .routine-choice-card .choice-title{font-size:14px!important;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
 .routine-choice-detail>summary{min-height:40px;padding:9px 12px!important}
 .annual-actions{padding:10px;margin:10px 0}
 .annual-action-slots{gap:5px}
 .annual-settlement{gap:6px;margin-top:8px}
 .annual-settlement .primary{min-height:44px;padding:8px 12px}
 .tab-year-context>summary strong{font-size:16px;line-height:1.4}
 .tab-year-context>summary{gap:5px;padding:10px!important}
 .experience-grid{gap:8px;margin:10px 0}
 .experience-grid article{padding:10px}
 .experience-grid strong{font-size:24px;margin:5px 0}
 dialog{width:calc(100% - 20px);max-width:520px;max-height:calc(100dvh - 24px);padding:16px;overscroll-behavior:contain}
 dialog input:not([type=range]):not([type=checkbox]):not([type=radio]),dialog select{font-size:16px}
 .menu-settings-panel #bgm-controls button,.menu-settings-panel select,.menu-settings-panel #color-mode-toggle,.menu-settings-panel>button{min-height:44px}
 .menu-settings-panel input[type=range]{min-height:32px}
 .creation-resume{min-height:40px;padding:8px 10px}
}
@media(max-width:360px){
 .character-brief-stats{gap:4px 7px;font-size:10px}
 .header .brand strong{font-size:19px}
 .header .header-settings{padding-inline:8px}
}
@media(max-width:700px){
 .focus-choice-option .focus-option-growth{display:flex!important;flex-wrap:wrap;align-items:center;gap:3px;padding-top:4px}
 .focus-choice-option .focus-option-growth>small{font-size:9px;flex-basis:100%;line-height:1.2}
 .focus-choice-option .focus-option-growth>.ability-badge{display:inline-flex!important;align-items:center;gap:2px;flex:0 0 auto;width:auto;margin:0;padding:3px;font-size:9px;line-height:1.2}
 .focus-choice-option .focus-option-growth>.ability-badge :is(span,strong){display:inline!important;font-size:9px;line-height:1.2}
 .focus-choice-option .focus-option-growth>.ability-badge i{font-size:10px}
 .focus-choice-option{padding:9px!important;gap:4px}
 .focus-choice-option>small{font-size:9px}
 .atlas-controls button{min-width:40px;min-height:40px}
 .atlas-card .atlas-heading{padding:12px}
 .map-grid .region-detail{padding:12px}
 .map-grid .region-detail h3{margin:5px 0;font-size:20px}
 .map-grid .region-detail p{font-size:12px;line-height:1.5}
}