/* Mobile shell, touch controls, and standalone safe areas. */
html{scroll-padding-top:80px;-webkit-text-size-adjust:100%}body{min-width:0}img,svg{max-width:100%}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{touch-action:manipulation}main,.shell,section,article,.panel,.table-scroll{min-width:0}.table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table-scroll:focus-visible{outline:2px solid var(--accent)}.nav-scrim{display:none}.mobile-nav-close{display:none}.offline-notice{position:fixed;z-index:90;left:50%;transform:translateX(-50%);top:max(10px,env(safe-area-inset-top));max-width:calc(100% - 24px);padding:10px 16px;border:1px solid #e4b35c66;border-radius:12px;background:#29241bf2;color:#ffe1a0;box-shadow:0 5px 25px #0005;font-size:12px;line-height:1.5}.offline-notice[hidden]{display:none}.pwa-settings{border-top:1px solid var(--line);margin-top:20px;padding:20px}.pwa-settings h3{margin:0 0 8px}.pwa-settings p{font-size:12px;line-height:1.7}.pwa-settings button{margin-top:14px}.pwa-settings [hidden]{display:none}
@media(max-width:850px){
 body{overflow-x:clip}body.menu-open,body.modal-open{overflow:hidden}
 body>aside{width:min(300px,86vw);height:100vh;height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;z-index:60}
 .mobile-nav-close{display:grid;place-items:center;position:absolute;right:10px;top:max(10px,env(safe-area-inset-top));width:44px;height:44px;border-radius:10px;background:var(--raised);font-size:24px;color:var(--muted)}
 body>aside .brand{padding-right:30px}.workspace{margin:24px 0}.nav-label{font-size:10px}nav button{min-height:48px;font-size:14px}nav{margin-bottom:22px}
 .nav-scrim{position:fixed;inset:0;z-index:55;border:0;background:#0008;backdrop-filter:blur(3px)}body.menu-open .nav-scrim{display:block}body.menu-open aside{box-shadow:none}
 .shell>header{position:sticky;top:0;z-index:30;height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px)}
 .shell>header>div{min-width:0;display:flex;align-items:center}.header-right{gap:6px}#mobile{display:grid;place-items:center;flex:none;width:44px;height:44px;font-size:22px;margin-right:4px}.theme-toggle,.palette-toggle{min-width:44px;min-height:44px}.crumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb b{padding:0 6px}.crumb>strong{font-size:11px}
 main{padding:24px max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));width:100%;max-width:100%}.page-heading{gap:14px;flex-wrap:wrap}.page-heading h1{font-size:27px}.page-heading p{font-size:12px;line-height:1.65;max-width:none}.page-heading .primary{font-size:12px;min-height:44px}.eyebrow{font-size:9px}.panel{max-width:100%}
 button,input,select{min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;max-width:100%;min-width:0}input[type=checkbox],input[type=radio]{min-height:0}label{font-size:11px}.primary,.source-secondary,.text-button{font-size:12px}summary{min-height:44px;align-items:center}
 .page-heading .primary{white-space:normal}.panel-heading{flex-wrap:wrap;gap:12px;padding:18px 16px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:12px;line-height:1.6}.panel-heading .tag{white-space:normal}
 .daily-heading{gap:12px;align-items:start;flex-wrap:wrap;margin:26px 0 20px}.daily-heading h2{font-size:22px}.daily-heading p{font-size:12px}.daily-date{font-size:11px;padding:8px 10px}.opportunity-modes{gap:10px}.opportunity-modes button{min-height:92px;padding:14px 10px;gap:8px}.opportunity-modes button>div{font-size:12px}.opportunity-modes small{font-size:10px;line-height:1.45}.opportunity-modes button>span{width:30px;height:34px;flex:none}.daily-toolbar{display:block;width:100%;padding-bottom:18px}.market-tabs{display:flex;max-width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;gap:3px;overscroll-behavior-x:contain}.market-tabs button{flex:none;font-size:12px;padding:9px 12px}.daily-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;width:100%;margin-top:18px;align-items:end}.daily-options>label,.daily-options>label:has(#daily-bookmaker){min-width:0;width:auto;display:flex;flex-direction:column;align-items:stretch;gap:7px;white-space:normal;margin:0}.daily-options>label select,.daily-options>label input{width:100%;max-width:100%;min-height:48px}.daily-options>label:has(#daily-day){grid-column:1/-1}.daily-options .icon-button{width:100%;grid-column:1/-1}.daily-summary{gap:10px 16px;font-size:11px;line-height:1.6}.daily-summary b{font-size:13px}.daily-updated{width:100%;margin-left:0}
 .opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.opportunity-card{padding:18px 16px 0}.opportunity-card h3{font-size:19px;margin:20px 0}.opportunity-top{font-size:11px}.opportunity-rank{font-size:12px}.opportunity-pick strong{font-size:19px}.pick-probability{font-size:30px}.pick-probability small{font-size:9px}.compact-reason{font-size:11px;line-height:1.65}.compact-price{font-size:11px}.compact-price b{font-size:20px}.compact-more summary .compact-more-label{font-size:11px}.opportunity-footer>span{font-size:8px}.opportunity-footer button{font-size:12px;min-height:44px}.low-data-badge{font-size:8px;padding:7px;max-width:none}.opportunity-team-heading{gap:6px}.compact-more p{font-size:11px}.other-markets{display:grid;grid-template-columns:1fr;font-size:12px}.daily-results-loading{min-height:230px;padding:20px;text-align:center}.daily-results-loading strong{font-size:16px}.daily-results-loading small{font-size:12px;line-height:1.6}
 .filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.filters>div{min-width:0}.filters input,.filters select{width:100%}.filters .icon-button{display:block;min-height:44px}.lab-controls,.settings-grid,.source-import-layout{grid-template-columns:1fr;gap:16px}.lab-controls>div{min-width:0}.lab-controls label{white-space:normal}.lab-controls button{width:100%}.result-box{padding:16px;overflow-wrap:anywhere}.result-box table{min-width:520px}.result-box .table-scroll{overflow:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:16px 14px}.stat-label{font-size:11px}.stat-note{font-size:10px;line-height:1.6}.stat-value{font-size:28px}.visual-grid,.overview-duo{grid-template-columns:1fr}.overview-extras{grid-template-columns:1fr}.viz-note,.chart-footer{font-size:11px}.trend-summary{flex-wrap:wrap}.archive-heading-actions{width:100%;flex-wrap:wrap;gap:10px}.archive-heading-actions .search{flex:1;min-width:160px;width:auto}.archive-league-tabs{display:flex;overflow-x:auto;max-width:100%;flex-wrap:nowrap}.archive-league-tabs button{flex:none}.matches-panel .table-scroll table{min-width:1000px}.table-footer{flex-wrap:wrap;gap:12px;padding:14px;font-size:11px}.archive-pagination button{min-width:44px;min-height:44px}.table-scroll td,.table-scroll th{font-size:12px}.table-scroll:has(.matrix-table){max-width:100%}.matrix-table{min-width:650px}.settings-grid article{padding:18px}.settings-grid h3{font-size:15px}.settings-grid p{font-size:12px;line-height:1.8}
 .source-page-top{flex-wrap:wrap;gap:16px}.source-page-top h2{font-size:24px}.source-page-top p{font-size:12px;line-height:1.7}.source-overview{grid-template-columns:1fr;gap:12px}.source-overview article{padding:20px}.source-stat-top{font-size:12px}.provider-panel{padding-bottom:18px}.provider-controls{display:grid;grid-template-columns:1fr;gap:10px}.provider-controls input{width:100%;min-width:0}.provider-controls button{width:100%;min-height:48px}.provider-sync-controls{display:flex;flex-direction:column;align-items:stretch;gap:12px}.provider-sync-controls p,#provider-result,#provider-sync-status,#nesine-status{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.provider-panel>p{font-size:12px;line-height:1.8}.source-dependency{font-size:11px;line-height:1.7}.source-form-row{grid-template-columns:1fr}.source-upload-actions{flex-wrap:wrap;gap:10px}.source-upload-actions button{flex:1;min-width:130px}.source-dropzone{padding:24px 12px}.source-dropzone strong{font-size:14px;overflow-wrap:anywhere}.source-guide{position:static;transform:none;width:auto;height:auto;z-index:auto;box-shadow:none}.source-history-panel table,.source-coverage-panel table{min-width:640px}.source-coverage-panel .table-scroll{display:block}.source-history-empty{padding:24px 16px}.transfer-pagination button{min-width:44px;min-height:44px}.source-preview-top{flex-wrap:wrap;gap:8px}.source-preview-top strong{overflow-wrap:anywhere}
 .palette-panel{position:fixed;right:max(12px,env(safe-area-inset-right));top:calc(66px + env(safe-area-inset-top));width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto;z-index:70}.palette-options button{min-height:48px}
 #detail{width:100%;max-width:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;inset:0;margin:0;border-radius:0;border:0;padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#close-detail{position:sticky;top:0;margin-left:auto;display:grid;place-items:center;width:44px;height:44px;z-index:5;background:var(--raised);border:1px solid var(--line);border-radius:50%;font-size:26px}#detail-content{padding-top:8px;min-width:0}.md-topline{padding-right:0;gap:8px;flex-wrap:wrap;font-size:10px}.md-status{font-size:9px}.md-fixture{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:8px;margin:24px 0 18px}.md-team,.md-team.away{flex-direction:column;text-align:center;align-items:center;gap:8px}.md-team.away>div{order:2}.md-crest{width:48px;height:48px}.md-crest .match-team-crest{width:44px;height:44px}.md-team small{font-size:9px}#detail-content .md-team h2{font-size:19px;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.4px}.md-versus small{display:block;font-size:8px;white-space:normal}.md-context{flex-wrap:wrap;font-size:10px;gap:6px;overflow-wrap:anywhere;text-align:center}.md-context span+span:before{margin-right:6px}.md-archive-result{grid-template-columns:1fr;gap:10px}.md-archive-result>div{padding:16px}.md-archive-result strong{font-size:25px}.md-archive-result span{font-size:10px}.md-corners{padding:0 14px 16px}.md-corners h3,.md-section-heading h3{font-size:18px;line-height:1.4}.md-section-heading{gap:12px;flex-wrap:wrap}.md-section-heading p{font-size:11px;line-height:1.7}.corner-team-grid{grid-template-columns:1fr;gap:12px}.score-forecast-card header{padding:14px;height:auto;min-height:58px}.score-forecast-card header h4{font-size:18px}.score-forecast-card header>span{font-size:9px}.forecast-score{padding:12px 14px;min-height:58px}.forecast-score-label{gap:14px}.forecast-score-label strong{font-size:25px}.forecast-score-label small{font-size:10px}.forecast-score-probability{font-size:19px}.corner-model-row{gap:18px;font-size:11px}.corner-model-row>b,.corner-model-row b{font-size:23px}.md-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.md-market{padding:13px;min-width:0}.md-market>span{font-size:12px;white-space:normal}.md-market>strong{font-size:24px}.md-market small{font-size:10px;line-height:1.5}.md-comparison-grid{grid-template-columns:1fr}.md-tabs{display:flex;width:100%}.md-tabs button{min-height:44px;font-size:12px}.md-legend{font-size:11px;flex-wrap:wrap}.md-data-note{font-size:11px;line-height:1.7}.md-disclosure summary,.corner-history-details summary{font-size:12px}.md-disclosure p,.history-note{font-size:11px;line-height:1.7}.corner-expectation{padding:16px;gap:10px;flex-wrap:wrap}.corner-expectation p,.corner-barems>p,.corner-history-details>p{font-size:12px}.corner-barem-grid{grid-template-columns:1fr}.corner-barem-grid header{font-size:22px}.corner-barem-grid header span{font-size:10px}.corner-barem-options strong{font-size:26px}.corner-barem-options small,.corner-barem-options span{font-size:11px}.corner-history-details h4>small{font-size:11px}.corner-team-grid h4{font-size:14px}.corner-team-grid span{font-size:11px}.corner-team-grid strong{font-size:22px}.team-history-grid{grid-template-columns:1fr}.history-card header{height:auto;padding:16px;gap:10px}.history-card header h4{font-size:15px}.history-card header small{font-size:11px}.history-count{font-size:11px}.history-columns,.history-match{grid-template-columns:56px minmax(0,1fr) 48px minmax(0,1fr) 25px;padding-inline:9px;gap:6px}.history-columns{font-size:8px}.history-match{min-height:76px}.history-match time{font-size:9px}.history-team .archive-team{font-size:11px;gap:4px;flex-direction:column!important;text-align:center!important}.history-team .team-logo{width:24px;height:24px}.history-score{font-size:14px}.history-outcome{width:25px;height:28px;font-size:12px}.history-h2h .history-columns,.history-h2h .history-match{grid-template-columns:56px minmax(0,1fr) 48px minmax(0,1fr);gap:6px;padding-inline:9px}.team-history-rows{max-height:380px}.history-empty p{font-size:12px}.history-odds-row{grid-template-columns:1fr 1fr;font-size:11px}.md-facts{grid-template-columns:1fr}.md-facts article{padding:16px}
 footer{padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:10px;font-size:10px}footer>span{max-width:100%;overflow-wrap:anywhere}#error{max-width:100%;overflow-wrap:anywhere;font-size:12px}.pwa-settings{padding:18px 16px}
 /* Probability ranking turns into compact, fully labelled match cards. */
 #upcoming-slate{overflow:hidden}#upcoming-slate .table-scroll{overflow:visible}#upcoming-slate table,#upcoming-slate tbody{display:block;width:100%}#upcoming-slate thead{display:none}#upcoming-slate tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 16px;border-top:1px solid var(--line)}#upcoming-slate td{display:block;padding:0!important;min-width:0!important;border:0;font-size:14px;text-align:left!important}#upcoming-slate td:nth-child(1),#upcoming-slate td:nth-child(2){grid-column:1/-1}#upcoming-slate td:nth-child(1){font-size:12px;display:flex;justify-content:space-between;gap:10px}#upcoming-slate td:nth-child(1) small{margin:0;font-size:11px}#upcoming-slate .archive-team-pair{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:8px;width:100%}#upcoming-slate .archive-team{font-size:13px;gap:7px;flex-direction:column;align-items:center;text-align:center;overflow-wrap:anywhere}#upcoming-slate .archive-team:first-child,#upcoming-slate .archive-team:last-child{justify-content:center}#upcoming-slate .archive-team>span:last-child{white-space:normal}#upcoming-slate .team-logo{width:32px;height:32px}#upcoming-slate td:nth-child(n+3):before{content:attr(data-label);display:block;font-size:9px;letter-spacing:.07em;color:var(--muted);margin-bottom:6px}#upcoming-slate .prediction-market{font-size:16px;white-space:normal}#upcoming-slate .score{min-width:76px;font-size:15px}#upcoming-slate td:nth-child(5),#upcoming-slate td:nth-child(6){font-size:16px;font-weight:600}
}
@media(max-width:600px){.opportunity-grid{grid-template-columns:1fr}.opportunity-card h3{font-size:21px}.opportunity-pick strong{font-size:21px}.pick-probability{font-size:34px}.compact-price b{font-size:23px}.low-data-badge{font-size:9px}.daily-date{white-space:normal}.stat:nth-child(3) .stat-value{font-size:26px}.opportunity-modes button{align-items:flex-start}.opportunity-modes button>span{display:none}.opportunity-modes button>div{font-size:14px}.opportunity-modes small{font-size:11px}.source-overview .source-stat-value{font-size:32px}.md-corners .corner-model-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.md-corners .corner-model-row:has(.corner-total-highlight){grid-template-columns:1fr 1fr;align-items:center}.corner-total-highlight{grid-column:1/-1;grid-row:1}.daily-heading h2{font-size:23px}.archive-league-title{flex-wrap:wrap}.palette-panel{top:calc(64px + env(safe-area-inset-top))}}
@media(max-width:360px){.daily-options,.filters{grid-template-columns:1fr}.daily-options>label:has(#daily-day){grid-column:auto}.opportunity-team-heading{align-items:flex-start;flex-wrap:wrap}.low-data-badge{order:0;margin-top:15px}.opportunity-team-heading .opportunity-teams{flex-basis:100%;margin-top:12px}.opportunity-pick{gap:8px}.opportunity-pick strong{font-size:18px}.pick-probability{font-size:29px}.md-fixture{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}#detail-content .md-team h2{font-size:16px}.history-columns,.history-match{grid-template-columns:44px minmax(0,1fr) 42px minmax(0,1fr) 23px;gap:4px}.history-h2h .history-columns,.history-h2h .history-match{grid-template-columns:44px minmax(0,1fr) 42px minmax(0,1fr)}.history-team .archive-team{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:850px){
 .daily-options,.daily-options:has(#value-threshold-label.hidden){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;align-items:end}
 .daily-toolbar .market-tabs{width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto}.daily-toolbar .market-tabs button{flex:0 0 auto}
 .daily-options select,#daily-market-select,#value-threshold,#corner-line{font-size:16px;height:48px;width:100%}
 .daily-options>label:has(#daily-day){grid-column:1/-1}.daily-options>.icon-button{height:44px;width:100%}
 .md-market-grid{max-height:none;overflow:visible;padding-right:0}
 .opportunity-footer .text-button{font-size:12px}.other-markets span{font-size:11px}
}
@media(max-width:360px){.daily-options,.daily-options:has(#value-threshold-label.hidden){grid-template-columns:1fr}}
@media(max-width:850px){.opportunity-modes button>div{min-width:0;white-space:normal;overflow-wrap:anywhere}.opportunity-modes small{white-space:normal!important;max-width:100%}.opportunity-modes button{overflow:visible}.source-page-top>div{min-width:0}.source-page-top button{max-width:100%}.md-market-grid>article{overflow-wrap:anywhere}}

@media(max-width:850px){.settings-grid{padding:16px;gap:14px}.settings-grid article{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.settings-grid h3{margin:0 0 8px}.settings-grid p{margin:0}.compact-opportunity h3.opportunity-teams{font-size:21px}.compact-opportunity .opportunity-footer .text-button{font-size:12px}.compact-opportunity .compact-reason{font-size:12px}.md-fixture~.md-context{font-size:10px}}
@media(max-width:850px){
 .matches-panel .table-scroll table{min-width:0;width:100%;display:block}.matches-panel .table-scroll thead{display:none}.matches-panel #matches{display:block}.matches-panel tr[data-i]{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:18px 14px;border-top:1px solid var(--line)}.matches-panel tr[data-i] td{display:block;border:0;padding:0;min-width:0!important;width:auto!important;font-size:13px;text-align:left}.matches-panel tr[data-i] td:nth-child(1),.matches-panel tr[data-i] td:nth-child(2),.matches-panel tr[data-i] td:nth-child(5){grid-column:1/-1}.matches-panel tr[data-i] td:nth-child(1){display:flex;justify-content:space-between;font-size:12px;gap:10px}.matches-panel tr[data-i] td:nth-child(1) small{margin:0;font-size:11px}.matches-panel tr[data-i] td:nth-child(n+3):before{content:attr(data-label);display:block;color:var(--muted);font-size:9px;letter-spacing:.06em;margin-bottom:6px}.matches-panel .archive-team-pair{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:8px;width:100%}.matches-panel .archive-team{display:flex;flex-direction:column;align-items:center!important;justify-content:center!important;font-size:14px;gap:6px;text-align:center!important;min-width:0}.matches-panel .archive-team>span:last-child{white-space:normal;overflow-wrap:anywhere}.matches-panel .team-logo{width:32px;height:32px}.matches-panel .score{font-size:18px}.matches-panel .form{justify-content:flex-start}.matches-panel .form span{min-width:28px;height:28px;display:grid;place-items:center;font-size:12px}.matches-panel .table-scroll{overflow:visible}.matches-panel .table-footer{padding:14px}.matches-panel .archive-heading-actions .search{width:100%;min-width:0}.matches-panel .archive-heading-actions{flex-wrap:wrap}.archive-league-title{padding:14px}
}
@media(max-width:850px){.daily-empty{padding:28px 18px}.daily-empty p{font-size:12px;line-height:1.7}.daily-empty h3{font-size:19px}#upcoming-slate .empty{height:auto;min-height:120px;padding:24px 0;font-size:12px;line-height:1.7}#upcoming-slate .table-footer>span{font-size:11px}}

@media(max-width:850px){#upcoming-slate td:nth-child(5){grid-column:1/-1;text-align:center!important;padding-top:10px!important;border-top:1px solid var(--line)}}

@media(max-width:600px){main>footer>span:last-child{display:inline;font-size:10px;color:var(--muted)}}
/* Compact mobile archive; recorded odds remain in the match detail. */
@media(max-width:850px){
 .matches-panel #matches{padding:8px;background:var(--bg)}
 .matches-panel tr[data-i]{gap:10px 8px;padding:13px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:8px}
 .matches-panel tr[data-i]:last-child{margin-bottom:0}
 .matches-panel tr[data-i] td:nth-child(n+6){display:none}
 .matches-panel tr[data-i] td:nth-child(1){font-size:11px}.matches-panel tr[data-i] td:nth-child(1) small{font-size:10px}
 .matches-panel .archive-team{font-size:13px;gap:4px;line-height:1.3}.matches-panel .team-logo{width:27px;height:27px}
 .matches-panel tr[data-i] td:nth-child(n+3):before{font-size:8px;margin-bottom:4px}
 .matches-panel tr[data-i] td:nth-child(3){font-size:15px}.matches-panel .score{font-size:16px;min-width:52px;padding:5px 9px}
 .matches-panel .form{gap:4px}.matches-panel .form span{min-width:23px;width:23px;height:23px;font-size:10px}
}
/* PWA revision: compact screens, visible focus and keyboard-safe overlays. */
.mobile-filter-toggle{display:none}
@media(max-width:850px){
 html{scroll-padding-top:calc(74px + env(safe-area-inset-top))}body{min-height:100svh}
 .shell>header .crumb{max-width:calc(100vw - 164px)}.crumb>strong{font-size:12px}.crumb{font-size:0}.crumb b{display:none}
 main{padding-top:18px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:25px;line-height:1.2}.page-heading p{margin-top:9px}.page-heading .primary{padding:10px 14px}
 .mobile-filter-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px 14px;margin:12px 0;background:var(--panel);border:1px solid var(--line);border-radius:10px;text-align:left;color:var(--text);font-size:13px}
 .mobile-filter-toggle small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px;line-height:1.5}.mobile-filter-toggle>span:last-child{color:var(--green);font-size:20px;flex:none}
 .mobile-filter-content:not(.mobile-filters-open){display:none!important}.mobile-filter-content.mobile-filters-open{margin-bottom:18px}
 .daily-options,.daily-options:has(#value-threshold-label.hidden),.filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .daily-options>label:has(#daily-day){grid-column:1/-1}.daily-options>label:has(#daily-day) select{font-size:14px}
 .daily-heading{margin:18px 0}.daily-heading h2{font-size:21px}.daily-toolbar{padding-bottom:12px}.daily-summary{padding-block:14px;margin-bottom:16px}.opportunity-modes button{min-height:88px;padding:13px}.opportunity-modes button>div{font-size:13px}.opportunity-modes small{font-size:10px}
 .opportunity-grid{gap:12px}.compact-opportunity{padding:16px 14px 0}.compact-opportunity h3.opportunity-teams{font-size:19px;line-height:1.4;margin:16px 0}.compact-opportunity .team-logo{width:30px;height:30px}.compact-opportunity .opportunity-team-row{gap:9px}.compact-opportunity .compact-reason{font-size:11px;margin-block:14px}.compact-more{margin-top:12px}.compact-more summary{padding-block:8px}.opportunity-footer{padding-block:10px}
 #upcoming-slate tbody{padding:8px;background:var(--bg)}#upcoming-slate tbody tr{border:1px solid var(--line);border-radius:11px;margin-bottom:8px;background:var(--panel);gap:12px;padding:14px}#upcoming-slate tbody tr:last-child{margin-bottom:0}#upcoming-slate td:nth-child(3){grid-column:1/-1}#upcoming-slate td:nth-child(4),#upcoming-slate td:nth-child(5){grid-column:auto;text-align:left!important;padding-top:0!important;border-top:0}#upcoming-slate td:nth-child(5){align-self:end}#upcoming-slate .prediction-market{display:inline-flex;min-height:40px;align-items:center;padding:8px 12px;font-size:16px;max-width:100%}#upcoming-slate .archive-team{font-size:13px}
 .low-data-badge{white-space:nowrap;line-height:1.3}.opportunity-team-heading{flex-wrap:wrap}.opportunity-team-heading .opportunity-teams{flex:1 1 150px}.opportunity-team-heading .low-data-badge{margin:0 0 10px auto}
 #detail{height:var(--app-height,100dvh);max-height:var(--app-height,100dvh);scrollbar-gutter:auto;scroll-padding-block:64px 32px}#detail-content{padding-top:2px}#close-detail{box-shadow:0 4px 16px #0005}.md-fixture{margin:14px 0}.md-team small{letter-spacing:.08em}.md-context{line-height:1.7}.md-corners,.corner-analysis{padding:0 12px 14px}.md-corners h3{font-size:17px}.corner-team-grid{gap:10px}.corner-model-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.corner-model-row>span{min-width:0}.corner-model-row b{font-size:22px}.score-forecast .forecast-score{min-height:52px!important}.score-forecast .forecast-score-label>strong{font-size:21px}.score-forecast .forecast-score-probability{font-size:16px}.corner-team-grid article{min-width:0}.corner-barem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.corner-barem-grid header{flex-direction:column;gap:3px;padding:10px 5px;font-size:21px}.corner-barem-grid header span{font-size:8px}.corner-barem-options{grid-template-columns:1fr;padding:8px}.corner-barem-options>div{padding:5px 0}.corner-barem-options>div+div{border-left:0;border-top:1px solid var(--line)}.corner-barem-options strong{font-size:21px;margin:3px 0}.corner-barem-options small{font-size:9px}.corner-expectation{padding:14px}.corner-expectation strong{font-size:29px}.team-history-rows,.history-h2h .history-rows{max-height:none;overflow:visible}.history-match{min-height:70px}.md-market-grid{gap:9px}
 .live-fixture{padding:18px 0}.live-key-stats{padding-block:12px}.live-card-picks{grid-template-columns:repeat(3,minmax(0,1fr))}.live-card-picks>span{font-size:10px;padding:9px 7px}.live-card-picks b{font-size:20px}.live-card-bottom{flex-direction:row;align-items:center}.live-score-picks{gap:7px}.live-score-picks>span{padding:9px;font-size:11px}.live-corner-lines>div{gap:6px;font-size:11px;grid-template-columns:.7fr 1fr 1fr}.live-corner-lines b{display:block;margin-left:0}.live-outcomes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.live-outcomes>div{padding:12px 8px}.live-outcomes strong{font-size:21px}
 .source-tabs{display:grid;grid-template-columns:1fr;gap:9px}.source-tabs button{min-width:0;padding:13px;min-height:64px}.source-tabs small{white-space:normal}.source-preview-top{align-items:flex-start}.source-upload-actions{display:grid;grid-template-columns:1fr 1fr}.source-upload-actions button{min-width:0}.source-form-row input{width:100%}.source-guide article{padding:14px}.provider-controls input{font-size:16px}.settings-grid{padding:12px}.settings-grid p{line-height:1.7}.lab-controls{padding:16px}.lab-controls>div{display:grid;gap:7px}.lab-controls input,.lab-controls select{width:100%}.footnote{padding-inline:16px;line-height:1.7;font-size:11px}.table-scroll{scrollbar-width:thin}
 #users-page .users-invite-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}#users-page .users-invite-controls input{grid-column:1/-1;width:100%;min-width:0;font-size:16px}#users-page .users-invite-controls button{width:100%;min-height:46px;padding:10px 7px;line-height:1.4}#users-page .user-row{position:relative;gap:10px}#users-page .user-copy{flex-basis:calc(100% - 50px)}#users-page .user-role{margin-left:46px}#users-page .user-delete{margin-left:auto;min-height:44px;min-width:54px}#users-page .user-self{margin-left:auto}.users-confirm{box-sizing:border-box;width:calc(100% - 28px);max-height:calc(var(--app-height,100dvh) - 32px);padding:22px;overflow-y:auto;border-radius:18px}.users-confirm h2{font-size:21px}.users-confirm-actions button{min-height:44px}
 :where(input,select,textarea,button,a,summary):focus-visible{outline:2px solid var(--green);outline-offset:3px}input,textarea{scroll-margin-block:100px 60px}.palette-panel{max-height:calc(var(--app-height,100dvh) - 100px)}
 .offline-notice{top:auto;bottom:max(12px,env(safe-area-inset-bottom));font-size:11px;max-width:calc(100% - 28px);width:max-content;pointer-events:none}.login-layout .offline-notice{bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:380px){.users-hero{flex-wrap:wrap;gap:10px}.users-hero>div{width:100%}.users-hero h2{font-size:23px}.users-lock{margin-left:auto}.stat-value{font-size:25px}.stat-label{font-size:10px}.history-columns,.history-match{padding-inline:6px}.md-market>strong{font-size:22px}.opportunity-team-heading .low-data-badge{font-size:8px}.daily-date{font-size:10px}.corner-barem-grid header{font-size:19px}.corner-barem-options strong{font-size:18px}.live-fixture h3{font-size:15px}.live-key-stats span{font-size:9px}}
@media(max-width:850px) and (max-height:500px){.shell>header{height:48px;padding-top:0}#detail{padding-top:8px}.mobile-nav-close{top:8px}body>aside{padding-top:12px}.workspace{margin-block:12px}.login-card{padding-top:14px!important}.football-panel{display:none}}
@media(display-mode:standalone){body{overscroll-behavior-y:none}.shell>header{user-select:none;-webkit-user-select:none}.shell>header button{user-select:none}.register-card{margin-bottom:env(safe-area-inset-bottom)}}
@media(max-width:850px){
 #today-page .daily-heading{display:flex;justify-content:flex-end;margin:0 0 14px;min-height:0}#today-page .daily-heading>div{display:none}.daily-date{padding:6px 10px}.daily-heading h2{margin:0}.page-heading{padding-bottom:0}.page-heading .primary{min-height:40px}
 .login-card{max-width:430px}.access-panel input{scroll-margin-block:80px}.register-card input{font-size:16px;min-height:48px}.register-card button{min-height:48px}.register-card{max-width:460px}.register-card label{font-size:13px}.register-card a{display:inline-flex;align-items:center;min-height:44px}.users-mail-setup summary{line-height:1.6}
}
@media(max-width:850px){.md-archive-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.md-archive-result>div{padding:13px 10px;min-width:0}.md-archive-result strong{font-size:24px}.md-archive-result span{font-size:9px;line-height:1.5}.md-archive-result>div:first-child{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}}
@media(max-width:850px){.compact-opportunity .compact-reason{margin-bottom:6px}.compact-opportunity .compact-more{margin-top:4px}}

@media(max-width:850px){#sources-page .source-feed-panel{padding-bottom:0}#sources-page .source-feed-panel .panel-heading{padding:18px 16px 16px;gap:14px}#sources-page .source-feed-panel .panel-heading>div{flex-basis:100%}#sources-page .source-feed-panel h2{font-size:16px}#sources-page .source-feed-panel .panel-heading p{font-size:12px}#sources-page .source-feed-panel button{min-height:44px;width:100%}.source-feed-body{padding:0 16px 18px;gap:9px}.source-feed-body #nesine-status{font-size:12px}.source-feed-body .source-feed-note{font-size:11px}}

/* Compact phone filters: keep controls usable without filling the screen. */
@media(max-width:850px){
 .daily-toolbar .daily-options,.daily-toolbar .daily-options:has(#value-threshold-label.hidden){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;align-items:end}
 .daily-toolbar .daily-options>label{font-size:10px;line-height:1.3;gap:5px;white-space:normal;min-width:0;margin:0}
 .daily-toolbar .daily-options select,.daily-toolbar .daily-options input{width:100%;height:44px;min-height:44px;max-height:44px;padding:9px 28px 9px 10px;font-size:16px;line-height:24px;border-radius:9px;min-width:0;box-sizing:border-box}
 .daily-toolbar .daily-options input{padding-right:10px}
 .daily-toolbar .daily-options>label:has(#daily-day){grid-column:1/-1}
 .daily-toolbar .daily-options>label:has(#daily-day) select{font-size:14px}
 .daily-toolbar .daily-options>#daily-refresh{width:44px;height:44px;min-height:44px;padding:0;justify-self:end;grid-column:2;font-size:20px;border-radius:9px}
 .daily-toolbar .market-tabs{padding:3px;gap:2px;border-radius:9px;scrollbar-width:none}
 .daily-toolbar .market-tabs::-webkit-scrollbar{display:none}
 .daily-toolbar .market-tabs button{font-size:11px;line-height:16px;padding:10px 11px;min-height:36px;border-radius:6px}
 .daily-toolbar{gap:8px;margin-bottom:12px}
 .daily-toolbar .mobile-filter-toggle{min-height:44px;padding:9px 11px;margin:4px 0;font-size:12px}
 .daily-toolbar .mobile-filter-toggle small{font-size:9px;margin-top:2px;line-height:1.4}
 .daily-toolbar .mobile-filter-content.mobile-filters-open{margin-bottom:4px}
}

/* Phone opportunity cards show the essentials; full reasoning stays in detail. */
@media(max-width:850px){
 .opportunity-card.compact-opportunity{padding:13px 12px 0;border-radius:12px}
 .compact-opportunity .compact-reason,.compact-opportunity .compact-more{display:none}
 .compact-opportunity .opportunity-top{font-size:10px;line-height:1.4;gap:7px}
 .compact-opportunity .opportunity-rank{font-size:11px}
 .opportunity-card.compact-opportunity h3.opportunity-teams{font-size:17px;line-height:1.3;min-height:0;margin:13px 0 16px;gap:8px}
 .opportunity-card.compact-opportunity h3.opportunity-teams>.archive-team{gap:8px;line-height:1.3}
 .opportunity-card.compact-opportunity h3.opportunity-teams .team-logo{width:25px;height:25px;flex-basis:25px}
 .compact-opportunity .opportunity-pick{gap:10px;align-items:center}
 .compact-opportunity .opportunity-pick>div>span{font-size:8px;letter-spacing:.6px}
 .compact-opportunity .opportunity-pick strong{font-size:16px;line-height:1.3;margin-top:4px}
 .compact-opportunity .pick-probability{font-size:27px;line-height:1.2;letter-spacing:-.7px;flex-shrink:0}
 .compact-opportunity .pick-probability small{font-size:8px;line-height:1.4;margin-top:3px}
 .compact-opportunity .probability-track{margin:12px 0;height:2px}
 .compact-opportunity .compact-price{padding-bottom:12px;border-bottom:0;gap:12px}
 .compact-opportunity .compact-price>span{font-size:10px;line-height:1.4}
 .compact-opportunity .compact-price b{font-size:22px;line-height:1.2;margin-top:5px}
 .compact-opportunity .opportunity-footer{padding:5px 0;gap:8px}
 .compact-opportunity .opportunity-footer>span{font-size:7px;line-height:1.5;letter-spacing:.5px;min-width:0}
 .compact-opportunity .opportunity-footer .text-button{font-size:11px;min-height:40px;white-space:nowrap;padding:6px 0}
 .compact-opportunity .opportunity-team-heading .low-data-badge{font-size:8px;padding:6px 8px;margin-bottom:5px}
 .opportunity-grid{gap:10px}
}

/* Shared mobile scale across workspace pages and installed PWA. */
@media(max-width:850px){
 .shell main{padding:16px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
 .shell main h1{font-size:24px;line-height:1.25;letter-spacing:-.65px}
 .shell .page-heading{margin-bottom:18px;gap:10px}.shell .page-heading p{font-size:12px;line-height:1.6}
 .shell .panel{border-radius:12px;margin-bottom:16px}.shell .panel-heading{padding:15px 14px;gap:10px}.shell .panel-heading h2{font-size:16px;line-height:1.35}.shell .panel-heading p{font-size:11px;line-height:1.6}
 .shell .visual-grid,.shell .overview-duo,.shell .overview-extras{gap:12px}.shell .stats{gap:10px}.shell .stat{padding:13px 12px}.shell .stat-value{font-size:25px}.shell .stat-label{font-size:10px}.shell .stat-note{font-size:10px;line-height:1.5}
 .shell .filters{gap:10px 8px}.shell .filters label{font-size:10px;margin-bottom:5px}.shell .filters select,.shell .filters input{height:44px;min-height:44px;padding:9px 10px}
 #analysis-page .lab-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:0 14px;align-items:end}
 #analysis-page .lab-controls>div:first-child,#analysis-page .lab-controls>button{grid-column:1/-1}#analysis-page .lab-controls>div{min-width:0;gap:5px}#analysis-page .lab-controls label{font-size:10px;margin:0}#analysis-page .lab-controls input,#analysis-page .lab-controls select{height:44px;min-height:44px;padding:9px 10px;font-size:16px}#analysis-page .lab-controls .primary{margin-top:2px;min-height:44px}
 #analysis-page .result-box{margin:16px 14px;padding:15px;font-size:12px;line-height:1.65}#analysis-page .result-box strong{font-size:25px}#analysis-page .footnote{font-size:10px;padding:0 14px 16px;line-height:1.7}
 #live-page .live-toolbar{gap:14px;margin:4px 0 16px}#live-page .live-toolbar h2{font-size:22px;line-height:1.3;margin:9px 0 7px}#live-page .live-toolbar p{font-size:11px}#live-page .live-kicker{font-size:8px}#live-page .live-controls{gap:8px;align-items:end}#live-page .live-controls select,#live-page .live-controls button{height:44px;min-height:44px}#live-page .live-controls label{font-size:10px;gap:5px}#live-page .live-health{font-size:11px;line-height:1.6;margin:14px 0;padding:11px 12px}#live-page .live-grid{gap:12px}#live-page .live-empty{min-height:180px;padding:26px 18px}#live-page .live-empty h3{font-size:19px;margin:12px 0}#live-page .live-empty p{font-size:11px;line-height:1.7}
 .live-match-card .live-fixture{padding:17px 0}.live-match-card .live-fixture img{width:32px;height:32px}.live-match-card .live-fixture h3{font-size:14px}.live-match-card .live-key-stats{padding:12px 0}.live-match-card .live-key-stats span{font-size:9px}.live-match-card .live-key-stats strong{font-size:16px}.live-match-card .live-insight{font-size:11px;margin:12px 0}
 #coupons-page{padding-top:0}#coupons-page .cp-hero{margin:4px 0 22px}#coupons-page .cp-hero h1{font-size:27px;margin:12px 0}#coupons-page .cp-hero p{font-size:12px;line-height:1.6}#coupons-page .cp-layout{gap:14px}#coupons-page .cp-settings,#coupons-page .cp-slip,#coupons-page .cp-saved-card,#coupons-page .cp-alternative{padding:18px;border-radius:14px}#coupons-page .cp-section-title{margin-bottom:16px}#coupons-page .cp-settings label{margin-top:17px;font-size:12px}#coupons-page .cp-field input{height:46px;min-height:46px;padding-block:10px}#coupons-page .cp-field>span{top:14px}#coupons-page .cp-generate{min-height:46px;margin-top:20px}#coupons-page .cp-settings-note{margin-top:12px;font-size:10px}#coupons-page .cp-placeholder{min-height:230px;padding:24px 18px}#coupons-page .cp-placeholder h2{font-size:20px}#coupons-page .cp-placeholder p{font-size:11px}#coupons-page .cp-slip h2{font-size:24px;margin:16px 0}#coupons-page .cp-metrics{padding:16px 0;gap:10px}#coupons-page .cp-metrics strong{font-size:26px}#coupons-page .cp-leg{padding:14px 0}#coupons-page .cp-leg-price strong{font-size:18px}#coupons-page .cp-saved-grid{gap:12px}#coupons-page .cp-method{font-size:10px;line-height:1.6;margin:16px 0 28px}#coupons-page .cp-saved-heading{margin-bottom:14px}#coupons-page .cp-saved-heading h2{font-size:21px}#coupons-page .cp-save{min-height:44px;margin-top:18px}
 #sources-page .source-overview{gap:10px}#sources-page .source-overview article{padding:16px}#sources-page .source-stat-value{font-size:28px}#sources-page .source-form-row{gap:12px}#sources-page .source-uploader{padding-bottom:14px}#sources-page .source-dropzone{padding:20px 12px}#sources-page .source-upload-actions{gap:8px}#sources-page .source-upload-actions button{min-width:0;font-size:11px;padding-inline:10px}#sources-page .source-guide{padding:16px}#sources-page .source-guide h3{font-size:17px}#sources-page .source-guide p{font-size:11px;line-height:1.7}
 #users-page{gap:14px}#users-page .users-hero{flex-wrap:wrap;gap:10px}#users-page .users-hero h2{font-size:24px;margin:7px 0}#users-page .users-hero p{font-size:12px}#users-page .users-stats{gap:10px}#users-page .users-card,#users-page .users-stats article{padding:16px;border-radius:12px}#users-page .users-card h3{font-size:17px}#users-page .users-card p{font-size:11px;line-height:1.65}#users-page input{font-size:16px;min-height:44px;padding:10px 12px}#users-page .users-invite-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}#users-page .users-invite-controls input{grid-column:1/-1;min-width:0}#users-page .users-invite-controls button{margin:0;white-space:normal;min-height:44px;font-size:11px;padding:10px 8px}#users-page .user-copy small{overflow-wrap:anywhere}#users-page .user-row{padding:14px 0;gap:9px}#users-page .invite-row .user-copy{min-width:0;flex-basis:140px}#users-page .users-mail-setup summary{font-size:12px;line-height:1.5}
 body>aside .aside-bottom{padding-top:12px;flex-shrink:0}body>aside .aside-bottom .version{transform:none;min-height:48px;padding:10px 8px 0}body>aside .workspace{margin-block:18px}body>aside nav{margin-bottom:18px}
 #detail{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}#detail-content h2{font-size:21px;line-height:1.3}#detail-content p{font-size:11px;line-height:1.65}#detail-content .md-team h2{font-size:17px}#detail-content .md-team .md-crest{width:40px;height:40px}#detail-content .md-section-heading h3{font-size:17px}#detail-content .md-market{padding:12px}#detail-content .md-market>strong{font-size:23px}#detail-content .md-market>span{font-size:11px}#detail-content .md-detail-block{padding:14px}.md-tabs button{padding:9px 10px;font-size:11px}.md-facts{gap:10px}.md-facts article{padding:13px}.live-detail-block{margin:14px 0;padding:12px}.live-detail-block h3{font-size:16px}.live-stat-head,.live-stat-row{grid-template-columns:minmax(0,1fr) minmax(90px,1.5fr) minmax(0,1fr);gap:6px}.live-stat-row>span{font-size:10px}.live-stat-row>b{font-size:16px}.live-outcomes{gap:8px}.live-outcomes>div{padding:12px}.live-outcomes strong{font-size:23px}
 dialog.users-confirm{inset:0;margin:auto;width:calc(100% - 28px);max-width:420px;max-height:calc(var(--app-height,100dvh) - 32px);padding:22px 18px;border-radius:16px;overflow-y:auto}dialog.users-confirm h2{font-size:21px;margin-top:0}.users-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.users-confirm-actions button{min-height:44px;padding:10px;font-size:12px}
 .palette-panel{width:min(320px,calc(100vw - 24px));padding:18px}.palette-panel h2{font-size:20px}.palette-options{gap:8px}.palette-options button{padding:12px 6px;min-height:90px;font-size:12px}.palette-panel p{font-size:11px;line-height:1.6}
 .shell main>footer{margin-top:14px;padding-block:18px calc(18px + env(safe-area-inset-bottom));font-size:9px;gap:9px}
 .register-card{max-width:460px!important;border-radius:16px}.register-card h1{font-size:24px}.register-card p{font-size:12px}.register-card form{gap:15px;margin-top:20px}.register-card input{font-size:16px;min-height:46px;padding:11px 12px}
 .access-panel .login-card{padding-block:20px}.access-panel .login-card h2{font-size:24px}.access-panel .login-card>p{font-size:12px}.access-panel .input-wrap,.access-panel .login-card input{min-height:46px}.access-panel .login-submit{min-height:46px}.access-panel .access-top{gap:12px}.access-panel #login-date{white-space:nowrap;font-size:10px}
}
@media(max-width:360px){.shell main{padding-inline:10px}.compact-opportunity .opportunity-pick strong{font-size:14px}.compact-opportunity .pick-probability{font-size:25px}#coupons-page .cp-settings,#coupons-page .cp-slip,#coupons-page .cp-saved-card{padding:14px}#coupons-page .cp-teams strong{font-size:11px}#coupons-page .cp-metrics strong{font-size:23px}.palette-panel{padding:14px}.live-toolbar h2{font-size:20px}}
.pwa-update-notice{position:fixed;z-index:95;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 24px);padding:12px 14px;background:var(--panel,#131a21);color:var(--text,#e9edf1);border:1px solid var(--green,#9dd477);border-radius:12px;box-shadow:0 8px 30px #0005;font-size:12px}.pwa-update-notice button{background:var(--accent,#b5ed86);color:#182029;border:0;border-radius:8px;padding:9px 13px;font:inherit;font-weight:600;min-height:40px}.pwa-update-notice[hidden]{display:none}