/* Presentation only. Original nodes and event handlers are retained. */
#mobileSettings { border:1px solid #dbe5ef; border-radius:18px; padding:16px; width:calc(100% - 24px); max-width:560px; max-height:88dvh; overflow:auto; color:#172033; background:#f8fafc; }
#mobileSettings::backdrop { background:#0f172a88; }
#mobileSettings .mobile-settings-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
#mobileSettings button { min-height:44px; border:1px solid #cbd5e1; border-radius:10px; background:white; padding:8px 14px; color:#172033; }
#mobileSettings .mobile-settings-section { margin:14px 0; }
#mobileSettings h3 { font-size:14px; margin:0 0 8px; }
#mobileSettings #modeToggle { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; }
#mobileSettings .mode-btn { min-height:44px; display:grid; place-items:center; }
#mobileSettings .disc-list, #mobileSettings .history-content, #mobileSettings .history-tabs { display:block!important; }
#mobileSettings .history-tabs { display:flex!important; }
#mobileSettings .mobile-toggle-btn { display:none; }
#mobileSettings .panel { width:100%; margin-top:12px; }
#mobileSettings #historyPanel { max-height:none; }
#mobileSettings .history-content { overflow:auto; max-height:45dvh; }
#mobileSettings #licenseChip, #mobileSettings #btnLogout, #mobileSettings #btnInstallTop { display:inline-flex; margin:6px; }
.mobile-plan-name { display:none; }
@media(max-width:768px) {
 body .topbar { flex-wrap:wrap; overflow:visible; padding:6px 10px; gap:5px; }
 .topbar .menu, .topbar .title-bot, .topbar .chip.user { display:none!important; }
 .topbar .title { margin:0; }
 .topbar .title h1 { font-size:14px; }
 .topbar #saveChip { display:inline-flex!important; }
 .topbar #saveTime { display:none; }
 .topbar #btnSettings { width:44px; height:44px; flex-basis:44px; font-size:24px; }
 body .main { height:auto; min-height:0; padding:8px; gap:8px; overflow:visible; }
 body .main .col { display:flex; flex-direction:column; flex:0 0 auto; height:auto; width:100%; gap:8px; }
 body .main .right-bottom-group { display:contents; }
 body .main .panel { padding:10px; min-height:0; }
 .main .panel-eyebrow, .main .ai-bot-wrap, #mobileRoadTabs, #derivedRoad { display:none!important; }
 .road-panel .panel-header { margin:0 0 6px; min-height:36px; }
 .road-panel .panel-header .panel-title { display:none; }
 .road-panel .right-actions { width:100%; justify-content:space-between; }
 .road-panel .pill { min-height:36px; }
 .road-panel .road-grid { display:block!important; height:164px!important; max-height:none!important; padding:6px!important; }
 .road-grid .road-row { gap:3px; margin-bottom:3px; }
 .road-grid .cell { width:22px!important; height:22px!important; min-width:22px; flex:0 0 22px; }
 .main .next-round .next-round-header { display:none; }
 .mobile-plan-name { display:block; font-size:12px; color:#64748b; }
 .main .next-round .action-row { margin:4px 0!important; }
 .main .next-round .action { font-size:0!important; width:46px; height:46px; }
 .main .next-round .bet-inline { display:block!important; font-size:30px!important; line-height:1.2; }
 .main .next-round .score, .main .next-round .kv { display:none!important; }
 .main .input-panel .input-header { margin-bottom:6px; min-height:20px; }
 .main .input-panel .input-header .panel-title { display:none; }
 .main .choice-row { display:flex; gap:12px; margin:0!important; }
 .main .choice-btn { flex:1; min-height:58px; height:58px; font-size:0!important; touch-action:manipulation; }
 .main .stats-row { margin-top:10px!important; gap:8px; }
 .main .stat-block { padding:8px; }
 .main .stat-block .value { font-size:22px; }
 .main .stat-block .label { font-size:11px; }
}