.assist-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#e6f2ef;color:#164c48;border-bottom:1px solid #aacdbe}
.assist-bar[hidden]{display:none}.assist-bar button{min-height:44px;flex-shrink:0}.mobile-tabs,.touch-tools{display:none}
.seat button{margin-top:8px}.home-entry>#aiButton{margin-bottom:12px}
button:focus-visible{outline:3px solid #176b79;outline-offset:3px}button{touch-action:manipulation}button:active{filter:brightness(.93)}
@media(max-width:1100px){
 body{padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}
 #gameScreen{padding-bottom:calc(80px + env(safe-area-inset-bottom))}button,input,select{min-height:44px;font-size:16px}button{min-width:44px}
 .home-layout,.lobby-layout{min-width:0}.home-entry,.invitation{min-width:0}.shell-header{flex-wrap:wrap;gap:12px}.lobby-title h1{font-size:28px}.seats{gap:12px}.seat{min-width:0;overflow-wrap:anywhere}.seat button{width:100%}.ready-actions{flex-wrap:wrap}
 .masthead{padding:12px;gap:10px;flex-wrap:wrap}.masthead .wordmark{display:none}.masthead .subtitle{flex:1}.masthead nav{width:100%;display:flex;gap:8px;overflow:auto}.masthead nav button{white-space:nowrap}.masthead nav #saveButton,.masthead nav #importButton,.masthead nav #newButton{display:none}
 .assist-bar{padding:10px 12px;font-size:13px;position:sticky;top:0;z-index:4}.assist-bar span{line-height:1.5}.assist-bar button{font-size:14px;padding:8px}
 .connection-bar{font-size:13px;padding:10px 12px}.battle-status{flex-wrap:wrap;padding:12px;gap:8px}.battle-status>div:first-child{flex-wrap:wrap;gap:8px}.battle-status .seed{display:none}
 main{padding:12px!important}.arena{display:flex!important;flex-direction:column!important;gap:12px!important}.action-column{display:contents!important}.arena>.map-column,.arena>.crew-column,.action-panel,.shop-section{width:100%;min-width:0;order:initial!important}
 #gameScreen[data-panel="map"] .crew-column,#gameScreen[data-panel="map"] .action-panel,#gameScreen[data-panel="map"] .shop-section,
 #gameScreen[data-panel="action"] .crew-column,#gameScreen[data-panel="action"] .map-column,#gameScreen[data-panel="action"] .shop-section,
 #gameScreen[data-panel="crew"] .map-column,#gameScreen[data-panel="crew"] .action-panel,#gameScreen[data-panel="crew"] .shop-section,
 #gameScreen[data-panel="shop"] .map-column,#gameScreen[data-panel="shop"] .crew-column,#gameScreen[data-panel="shop"] .action-panel{display:none!important}
 #gameScreen:has(#tutorialPanel:not([hidden])) .arena .map-column,#gameScreen:has(#tutorialPanel:not([hidden])) .arena .action-panel,#gameScreen:has(#tutorialPanel:not([hidden])) .arena .shop-section,#gameScreen:has(#tutorialPanel:not([hidden])) .arena .crew-column{display:block!important}
 .map-frame{min-width:0!important;width:100%!important;padding:22px 0 0 18px!important}.board{gap:2px!important}.tile{min-width:0!important;min-height:24px!important;padding:0!important;aspect-ratio:1;font-size:12px!important}.terrain-icon{font-size:13px!important}.piece{width:85%!important;height:85%!important;font-size:15px!important}.piece small{font-size:10px!important}.birth-label{font-size:7px!important}.coin{font-size:9px!important}.axis-y{width:16px!important}.map-scroll{overflow:auto!important;max-width:100%}
 .board-zoom .map-frame{min-width:620px!important}.board-zoom .tile{min-height:44px!important}.board-zoom .piece{font-size:24px!important}.map-heading{flex-wrap:wrap;gap:8px}.collapse-clock{font-size:11px}.map-caption{display:block;font-size:13px;line-height:1.5}.terrain-key{gap:8px}.terrain-key button{padding:8px}.terrain-key button i{font-size:14px}
 .touch-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.touch-tools #mobilePrimary{flex:1;min-width:150px}.touch-tools #touchPad{display:flex;gap:8px}.touch-tools button{min-height:44px}.selected-unit{font-size:15px}.instruction{font-size:16px;line-height:1.65}
 .mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:8;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px;background:#101c30;border-top:1px solid #516077}.mobile-tabs button{flex:1;color:#e8eef5;background:transparent;border-color:#516077;padding:10px 4px;font-size:15px}.mobile-tabs button[aria-pressed="true"]{background:#d7edf0;color:#143d4c;border-color:#d7edf0}
 dialog{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important;padding:24px 16px!important}.draft-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.draft-card{min-width:0!important}.draft-body{padding:10px!important}.draft-body p{font-size:13px!important}.card-art{height:155px!important}.modal-actions{flex-wrap:wrap;position:sticky;bottom:-16px;background:var(--panel);padding:12px 0;margin-bottom:0}.close-modal{min-width:44px;min-height:44px}.toast{bottom:calc(84px + env(safe-area-inset-bottom))!important}.card-detail{grid-template-columns:1fr!important}.card-detail img{max-height:50dvh}
 footer{display:none!important}.log-list{font-size:13px}.tutorial-panel{margin:12px;padding:12px}.tutorial-panel h2{font-size:20px}
}
@media(max-width:360px){.seats{grid-template-columns:1fr!important}.home-story h1{font-size:30px}.draft-cards{grid-template-columns:1fr!important}.card-art{height:200px!important}}
@media(max-width:1100px) and (orientation:landscape){.map-frame{max-width:620px;margin:auto}.assist-bar{position:static}.masthead{padding:6px 12px}.masthead nav{width:auto}.battle-status{padding:6px}.draft-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
