/* TANHU Tura A23.8 foundation: mobile UX, tabs, bot spectator */
:root{--a238-gold:#f4c65a;--a238-panel:#0b1c29ee;--a238-line:#3e6275}
#a238StrategyTabs{display:flex;gap:6px;overflow:auto;padding:4px 0 10px;scrollbar-width:thin}
#a238StrategyTabs button{flex:0 0 auto;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:900;border:1px solid var(--a238-line);background:#102b3d;color:#dcebf3}
#a238StrategyTabs button.active{color:#1a1305;background:linear-gradient(#ffe49a,var(--a238-gold));border-color:#ffe9a9;box-shadow:0 0 15px #f4c65a88}
.a238-tab-panel{display:none}.a238-tab-panel.active{display:block}
#a238DiplomacyPanel,#a238TerrainPanel{padding:10px;border:1px solid var(--a238-line);border-radius:13px;background:#0c2231}
#a238DiplomacyPanel .a238-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#a238DiplomacyPanel button{min-height:42px}
#a238Coming{font-size:12px;color:#b9cbd5;line-height:1.45;margin:8px 0 0}
#a238Spectator{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:10050;display:none;align-items:center;gap:7px;background:#071722ef;border:1px solid var(--a238-gold);border-radius:14px;padding:7px 9px;box-shadow:0 8px 25px #0009}
#a238Spectator.show{display:flex}#a238Spectator b{font-size:12px;color:#ffe49a}#a238Spectator button{padding:7px 10px;border-radius:9px}
#actionSpotlight,.action-spotlight,#cellTooltip,.cell-tooltip,#eventBanner,.event-banner{max-width:min(420px,88vw)!important;max-height:22vh!important;overflow:auto!important;font-size:clamp(11px,2.7vw,14px)!important;line-height:1.35!important;padding:9px 11px!important;border-radius:12px!important}
@media(max-width:680px){
 .right-panel{min-width:0}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.action-grid button{min-height:39px!important;font-size:12px!important;padding:7px 5px!important}
 .drawn-card-wrap,.log{margin-top:8px!important}.log{max-height:135px!important}.drawn-card-wrap h3,.log h3{font-size:13px!important;margin:5px 0!important}
 #actionSpotlight,.action-spotlight{position:fixed!important;left:8px!important;right:8px!important;bottom:68px!important;top:auto!important;width:auto!important;max-width:none!important;max-height:16vh!important}
 #cellTooltip,.cell-tooltip{position:fixed!important;left:8px!important;right:8px!important;bottom:68px!important;top:auto!important;width:auto!important;max-width:none!important;max-height:15vh!important}
 .tanhu-online-guide-fixed{padding:7px 9px!important;font-size:11px!important;bottom:56px!important}
}