/* Port of bso-client/web/src/comic.css. Laravel selectors replace React class names. */
/* Saturated prototype blue/gold palette with comic outlines and controls. */
:root{color-scheme:light;--comic-ink:#071f46;--comic-blue:#0c52ac;--comic-gold:#ffc51a;--ink:#071f46;--muted:#405b7c;--line:#071f46;--paper:#ffffff;--radius:24px;font-family:"Comic Sans MS","Trebuchet MS",sans-serif;color:var(--comic-ink);background:#ffc51a}
body,body.mg-theme-bso,body.mg-shell-public,.center-page{color:var(--comic-ink);background-color:#ffc51a;background-image:radial-gradient(circle,#efac00 1px,transparent 1.5px);background-size:26px 26px}
h1,h2,h3,strong,button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)),.mg-button,.mg-secondary{font-weight:800}h1,h2,h3{letter-spacing:0!important}h1{line-height:1.16}button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)),input,select,textarea{font-family:inherit}button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)),.mg-button,.mg-secondary{border:3px solid var(--comic-ink);border-radius:16px;box-shadow:0 4px 0 var(--comic-ink);text-shadow:none;min-height:44px;font-weight:800;background:#ffc51a;color:var(--comic-ink)}
button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)):hover,.mg-button:hover,.mg-secondary:hover{background:#ffc51a}button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)):active:not(:disabled):not([role="slider"]),.mg-button:active,.mg-secondary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--comic-ink)}button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)):disabled{opacity:.55;box-shadow:none}a:focus-visible,button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)):focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b54413;outline-offset:4px}
.mg-button,body.mg-theme-bso .mg-button,body.mg-theme-bso .mg-page-header>.mg-button,.mg-bottom-navigation-panel>.mg-button,.nav-editor-actions .mg-button{background:#ffc51a;color:#071f46;border:3px solid #071f46;box-shadow:0 4px 0 #071f46}
.mg-secondary,body.mg-theme-bso .mg-secondary{background:#ffc51a;color:#071f46;border:3px solid #071f46;box-shadow:0 4px 0 #071f46}
:is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero),.mg-auth-card,body.mg-theme-bso :is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero),body.mg-theme-bso .metric,body.mg-theme-bso .club-hero,body.mg-theme-bso .vision-match,.mg-bottom-navigation-panel,.mg-dialog-frame{background:#0c52ac;color:#fff;border:3px solid #071f46;border-radius:24px;box-shadow:0 6px 0 #071f46;}
:is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero) p,body.mg-theme-bso :is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero) p,.mg-auth-card>p,.mg-auth-card label,.mg-auth-card .check,body.mg-theme-bso :is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero) .mg-note,body.mg-theme-bso .metric>span,body.mg-theme-bso .metric>small{color:#f2f7ff}
body.mg-theme-bso :is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero) h2,body.mg-theme-bso :is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero) h3,.mg-auth-card h2,.legal-page :is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero) h1{color:#fff}body.mg-theme-bso :is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero) .mg-eyebrow,.mg-auth-card .mg-eyebrow,.mg-eyebrow{color:#ffc51a}body.mg-theme-bso .mg-page-header h1,body.mg-theme-bso .mg-page-header p,body.mg-theme-bso .mg-page-header .mg-eyebrow,.vision-intro,.office-heading{color:#071f46}
.mg-responsive-public-header{border-bottom:3px solid #071f46}.mg-responsive-public-header nav{font-size:15px;font-weight:800}.welcome-story h1,.landing-hero h1,.landing-features>h2,.center-page>h1{color:#071f46}.welcome-story em,.landing-hero h1 em{color:#0754b0;text-shadow:2px 3px 0 #ffc51a}.welcome-story>p,.landing-hero p,.landing-actions>a:last-child,.welcome-facts span,.welcome-facts b,.welcome-story .mg-eyebrow{color:#071f46}.welcome-story .mg-eyebrow i{background:#0c52ac}.welcome-facts{border-color:#b58124}body.mg-shell-public footer,.center-page footer,.legal-page footer{color:#071f46;border-color:#b58124;font-weight:700}
.landing-emblem{background:#071f46;filter:drop-shadow(0 6px 0 #b48123)}.landing-emblem:before{inset:6px;background:#0c52ac}.landing-emblem small{color:#fff}.landing-strip{background:#ffc51a;border:3px solid #071f46;border-radius:24px;box-shadow:0 5px 0 #071f46}.landing-strip>span,.landing-strip strong{color:#071f46}.landing-strip>span{border-color:#d6ad45}.landing-features svg{background:#ffc51a;border:3px solid #071f46;color:#071f46;border-radius:15px;width:58px;height:58px;padding:10px}
.mg-auth-card{border-top:8px solid #071f46}.mg-auth-card input,input,select,textarea,body.mg-theme-bso .section-heading input{background:#ffffff;color:#071f46;border:2px solid #071f46;border-radius:13px;box-shadow:none;font-size:15px;min-height:44px}input::placeholder,textarea::placeholder{color:#596f89}.auth-bottom{border-color:#80b3eb;color:#fff}.auth-bottom a,.forgot,.check a{color:#ffe57e;text-decoration:underline;text-underline-offset:3px}.legal-page{color:#071f46}.legal-copy{color:#fff}.legal-copy a{text-decoration:underline}
body.mg-theme-bso .topbar{background:#ffc51a;border-bottom:4px solid #071f46;box-shadow:0 4px 0 #dcae37;color:#071f46}.header-club strong,.header-club small,.topbar .world-label,.topbar .user-menu,.topbar .user-menu small,.topbar .user-menu button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){color:#071f46}.topbar .user-menu button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){background:#ffc51a;border:2px solid #071f46;box-shadow:none}.header-club .crest{background:#0c52ac;border:3px solid #071f46}.topbar .avatar{border:2px solid #071f46;background:#ffc51a;color:#071f46}
.vision-tabs button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){background:#0c52ac;color:#fff;border:3px solid #071f46;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:none;text-shadow:none}.vision-tabs button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell))[aria-selected=true]{background:#ffc51a;color:#071f46;border-color:#071f46}.vision-tabs button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)):hover{filter:none;background:#327bd0}.vision-tabs button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell))[aria-selected=true]:hover{background:#ffc51a}
.vision-link,.vision-gold .vision-link,.vision-tasks a{background:#ffc51a;color:#071f46;border:2px solid #071f46;border-radius:16px;box-shadow:0 3px 0 #071f46}.vision-link:hover{filter:none;background:#ffc51a}.vision-tasks small,.vision-tasks a>span{color:#071f46}.vision-tasks a>span{background:#ffc51a;border-radius:50%;padding:8px}.vision-tactics{background:#ffc51a;color:#071f46;border:2px solid #071f46;border-radius:16px;box-shadow:none}.vision-tactics>span:first-child,.vision-tactics>span:nth-child(3){color:#071f46}.vision-fixture-info,.vision-no-match p,.vision-pitch-heading,.vision-pitch-heading>span,.vision-updates small,.vision-competition span,.vision-competition small,.vision-competition p{color:#fff}
body.mg-theme-bso .vision-gold{background:#ffc51a;border:3px solid #071f46;color:#071f46;box-shadow:0 6px 0 #071f46}body.mg-theme-bso .vision-gold h2,body.mg-theme-bso .vision-gold p{color:#071f46}.vision-status>div{background:#ffc51a;border:2px solid #c39836;border-radius:14px}.vision-status meter{height:20px}.vision-updates p>span:first-child{background:#ffc51a;color:#071f46;border:2px solid #071f46}.vision-shield:before{background:#0c52ac}.vision-shield{background:#ffc51a}.vision-panel h2{border-bottom:2px solid #87b8ed}
.vision-lineup .vision-pitch,body.mg-theme-bso .tactic-pitch{background:repeating-linear-gradient(0deg,#168334 0,#168334 44px,#219640 44px,#219640 88px);border:3px solid #071f46;border-radius:18px;box-shadow:0 4px 0 #071f46}.pitch-center,.pitch-center:after,.pitch-box{border-color:#f5ffe9}.vision-pitch .pitch-player>b,.pitch-player>b{background:#0c52ac;border:2px solid #071f46;color:#fff;border-radius:8px;text-shadow:none}
.mg-empty-state,body.mg-theme-bso .mg-empty-state,.mg-notice,body.mg-theme-bso .mg-notice,.inline-confirm{background:#ffc51a;color:#071f46;border:2px solid #071f46;border-radius:18px}.mg-empty-state h3,body.mg-theme-bso .mg-empty-state h3,.mg-empty-state p,body.mg-theme-bso .mg-empty-state p,.empty-icon{color:#071f46}.mg-notice.error,body.mg-theme-bso .mg-notice.error{background:#ffe1db;color:#8b291a;border:2px solid #b13e2a}.loading,body.mg-theme-bso .loading,.pagination span,body.mg-theme-bso .pagination span,.back-link,body.mg-theme-bso .back-link{color:#071f46}body.mg-theme-bso :is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero) .back-link{color:#ffe57e}body.mg-theme-bso .danger{color:#ffe1db}.amount-positive{color:#d7ffb7}.amount-negative{color:#ffe1db}
body.mg-theme-bso th{background:#114f99;color:#fff;border-color:#80b3eb}body.mg-theme-bso td,.detail-list>div,.project-list li,.membership-list label,body.mg-theme-bso .stat-rows>div,body.mg-theme-bso .match-score,body.mg-theme-bso .schedule>a{border-color:#80b3eb}body.mg-theme-bso tbody tr:hover,body.mg-theme-bso .own-club,body.mg-theme-bso .schedule>a:hover{background:#2876cd}.detail-list dt,.screen-metrics span,.membership-list small,body.mg-theme-bso .match-date small,body.mg-theme-bso .match-state,body.mg-theme-bso .stat-rows span{color:#fff}body.mg-theme-bso .bar,body.mg-theme-bso .skill-track{background:#10478a;border-radius:8px}body.mg-theme-bso .bar i,body.mg-theme-bso .skill-track i{background:#ffc51a}body.mg-theme-bso .skill-track{height:8px}.mg-pill,body.mg-theme-bso .mg-pill,body.mg-theme-bso .mg-pill.light{background:#ffc51a;color:#071f46;border:2px solid #071f46;border-radius:12px}.screen-tabs button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell))[aria-pressed=true]{background:#ffc51a;color:#071f46;border-color:#071f46}.message-bubble{background:#11539f;border:2px solid #8cbef4;border-radius:20px}.profile-light{background:#ffc51a!important;color:#071f46}.profile-dark{background:#0c52ac!important}
.bottom-shell{filter:none}.mg-bottom-navigation{background:#ffc51a;border:3px solid #071f46;border-bottom:0;border-radius:22px 22px 0 0;gap:7px;padding-top:8px}.mg-bottom-navigation a,.mg-bottom-navigation button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){background:#0c52ac;border:2px solid #071f46;color:#fff;border-radius:15px;box-shadow:0 3px 0 #071f46;font-weight:800}.mg-bottom-navigation .active{background:#ffc51a;color:#071f46;border-color:#071f46;box-shadow:0 3px 0 #071f46}.mg-bottom-navigation a:hover,.mg-bottom-navigation button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)):hover{background:#367ed0}.mg-bottom-navigation .active:hover{background:#ffc51a}.mg-bottom-navigation svg{filter:none;stroke-width:2.5}.mg-secondary-bottom-navigation{background:#ffc51a;border:2px solid #071f46;border-radius:14px}.mg-secondary-bottom-navigation a{color:#071f46}.mg-secondary-bottom-navigation a.active{background:#0c52ac;color:#fff}.bottom-favorites{gap:7px}
.navigation-backdrop,.mg-dialog::backdrop{background:#071f4666;backdrop-filter:none}.mg-bottom-navigation-panel{background:#ffc51a;color:#071f46}.mg-bottom-navigation-panel p,.mg-bottom-navigation-panel .mg-eyebrow,.navigation-legal,.mg-bottom-navigation-panel .icon-button,.nav-fixed-preview{color:#071f46}.navigation-grid>a,.nav-editor-list>div{background:#0c52ac;border:2px solid #071f46;border-radius:18px;color:#fff;box-shadow:0 3px 0 #071f46}.navigation-grid small{color:#fff}.navigation-grid svg{color:#ffc51a;width:40px;height:40px}.navigation-grid>a:hover{background:#2b78ce}.nav-editor-list button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)),.nav-available button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){background:#ffc51a;color:#071f46;border:2px solid #071f46}.nav-editor-actions .mg-secondary{background:#ffc51a;color:#071f46;border-color:#071f46}body.mg-theme-bso .mg-dialog-frame .close{background:#ffc51a;color:#071f46;border:2px solid #071f46}.puzzle-grid button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)),.puzzle-towers>button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){background:#ffc51a;color:#071f46}.puzzle-grid .selected{background:#ffc51a;outline:3px solid #fff;outline-offset:2px}.puzzle-towers b{background:#ffc51a;border:2px solid #071f46}
/* Native controls retain keyboard, touch and accessibility behavior. */
.landing-hero .mg-eyebrow{color:#071f46}
*{scrollbar-width:auto;scrollbar-color:#ffc51a #0c52ac}.bottom-favorites{scrollbar-color:#ffc51a #0c52ac}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#0c52ac;border:2px solid #071f46;border-radius:12px}::-webkit-scrollbar-thumb{background:#ffc51a;border:3px solid #071f46;border-radius:12px;min-height:36px}::-webkit-scrollbar-thumb:hover{background:#ffc51a}::-webkit-scrollbar-corner{background:#ffc51a}
input[type=range]{appearance:none;-webkit-appearance:none;cursor:pointer;width:100%;height:44px;min-height:44px;padding:0;background:transparent;border:0;box-shadow:none;accent-color:#ffc51a}input[type=range]::-webkit-slider-runnable-track{height:14px;background:#0c52ac;border:3px solid #071f46;border-radius:12px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;background:#ffc51a;border:3px solid #071f46;border-radius:50%;box-shadow:0 3px 0 #071f46}input[type=range]::-moz-range-track{height:10px;background:#0c52ac;border:3px solid #071f46;border-radius:12px}input[type=range]::-moz-range-progress{height:10px;background:#0c52ac;border-radius:12px}input[type=range]::-moz-range-thumb{width:25px;height:25px;background:#ffc51a;border:3px solid #071f46;border-radius:50%;box-shadow:0 3px 0 #071f46}input[type=range]:hover::-webkit-slider-thumb{background:#ffc51a}input[type=range]:hover::-moz-range-thumb{background:#ffc51a}input[type=range]:disabled{cursor:default;opacity:.55}
input[type=checkbox],input[type=radio]{accent-color:#0c52ac;min-height:20px;width:20px;height:20px;flex-shrink:0}.mg-auth-card .check input,.membership-list input{accent-color:#ffc51a}
@media(max-width:650px){.mg-responsive-public-header nav{font-size:12px}.landing-hero h1,.welcome-story h1{font-size:40px}:is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero),.mg-auth-card,body.mg-theme-bso :is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero),body.mg-theme-bso .metric{border-radius:20px}.vision-tabs button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){border-width:2px;border-bottom:0;border-radius:13px 13px 0 0}.mg-bottom-navigation,.bottom-favorites{gap:4px}.mg-bottom-navigation a,.mg-bottom-navigation button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){border-radius:12px}.screen-metrics strong{font-size:21px}}
@media(forced-colors:active){button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)),:is(.mg-card,.mg-panel,.mg-game-panel,.mg-compact-card,.mg-link-card,.mg-dashboard-card,.mg-highlight-card,.mg-responsive-dashboard-panel,.mg-dialog-frame,.mg-game-dialog__frame,.mg-club-hero,.mg-player-hero,.mg-infra-hero),input,select,textarea{box-shadow:none}input[type=range]{appearance:auto;-webkit-appearance:auto}}

.navigation-sections>section{margin:24px 0}.navigation-sections h3{color:var(--comic-ink);margin:0 0 12px}.navigation-sections .navigation-grid{margin-top:0}
/* Shared icons are imported unchanged from bso-data and tinted through masks. */
.bso-icon{display:inline-block;width:28px;height:28px;min-width:20px;flex-shrink:0;background-color:currentColor;mask-image:var(--icon-url);-webkit-mask-image:var(--icon-url);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}
.mg-bottom-navigation .bso-icon{width:32px;height:32px;max-width:none;overflow:visible}.bottom-favorites>button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){flex:1;min-width:76px}.bottom-category{position:relative}.bottom-category>b{position:absolute;top:4px;right:5px;font-size:12px}
.navigation-grid .bso-icon{width:40px;height:40px;color:#ffc51a}.nav-editor-list .bso-icon{color:#ffc51a}.nav-editor-list strong small{display:block;margin-top:4px;font-weight:400;font-size:10px}.nav-available button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){display:flex;align-items:center;gap:6px}.navigation-category-heading{display:flex;align-items:center;gap:10px;border-bottom:3px solid #071f46;padding-bottom:10px}.navigation-category-heading small{margin-left:auto;font-size:10px}.mg-bottom-navigation-panel .wide{display:flex;align-items:center;justify-content:space-between;width:100%}
.bottom-category-menu{background:#ffc51a;color:#071f46;border:3px solid #071f46;border-radius:22px;padding:16px;margin-bottom:10px;max-height:min(55dvh,420px);overflow:auto;box-shadow:0 5px 0 #071f46}.category-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.category-menu-heading h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0}.category-menu-heading button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){font-size:24px;min-width:44px;padding:0}.bottom-category-menu nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottom-category-menu nav a{display:flex;align-items:center;gap:10px;padding:12px;background:#0c52ac;color:white;border:2px solid #071f46;border-radius:14px;font-size:13px;font-weight:800}.bottom-category-menu nav a.active{background:#ffc51a;color:#071f46}.bottom-category-menu nav a:hover{outline:2px solid #071f46}.landing-features .bso-icon{width:44px;height:44px;color:#ffc51a;margin-bottom:12px}
@media(max-width:650px){.bottom-category-menu{padding:12px;margin:0 5px 8px}.bottom-category-menu nav{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-category-menu nav a{padding:10px;font-size:12px}.mg-bottom-navigation .bso-icon{width:27px;height:27px}.bottom-favorites>button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){min-width:64px}.navigation-category-heading{flex-wrap:wrap}}
@media(forced-colors:active){.bso-icon{background-color:CanvasText}}

/* Compact navigation keeps at least eight desktop destinations in one row. */
body.mg-theme-bso .bottom-shell .mg-bottom-navigation{min-height:0;height:58px;padding:4px 6px 6px;gap:5px;border-radius:15px 15px 0 0}
body.mg-theme-bso .mg-bottom-navigation a,body.mg-theme-bso .mg-bottom-navigation button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){height:44px;min-height:44px;min-width:0;padding:3px 5px;gap:2px;font-size:9px;line-height:1.1;border-radius:9px;box-shadow:0 2px 0 #071f46;justify-content:center}
body.mg-theme-bso .mg-bottom-navigation .bottom-fixed{flex:0 0 60px}body.mg-theme-bso .bottom-favorites{gap:5px;justify-content:flex-start;scrollbar-width:thin}
body.mg-theme-bso .bottom-favorites>a,body.mg-theme-bso .bottom-favorites>button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){flex:0 0 82px;min-width:82px;max-width:82px}
body.mg-theme-bso .mg-bottom-navigation .bso-icon{width:20px;height:20px;min-width:20px}body.mg-theme-bso .mg-bottom-navigation a span:not(.bso-icon),body.mg-theme-bso .mg-bottom-navigation button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)) span:not(.bso-icon){max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.mg-theme-bso .bottom-category>b{font-size:9px;right:3px;top:2px}
body.mg-theme-bso .mg-secondary-bottom-navigation{margin-bottom:4px;padding:3px;gap:3px}body.mg-theme-bso .mg-secondary-bottom-navigation a{padding:5px 10px;font-size:10px}
body.mg-theme-bso .navigation-backdrop{padding-bottom:68px}body.mg-theme-bso .mg-bottom-navigation-panel{padding:18px;max-height:calc(100dvh - 95px)}body.mg-theme-bso .mg-bottom-navigation-panel .section-heading{margin-bottom:12px}
body.mg-theme-bso .navigation-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}body.mg-theme-bso .navigation-grid>a{min-height:56px;padding:5px 4px;gap:3px;border-radius:10px;justify-content:center;box-shadow:0 2px 0 #071f46}body.mg-theme-bso .navigation-grid .bso-icon{width:22px;height:22px}body.mg-theme-bso .navigation-grid strong{font-size:10px;line-height:1.15;text-align:center;overflow-wrap:anywhere}body.mg-theme-bso .navigation-sections>section{margin:15px 0}body.mg-theme-bso .navigation-category-heading{font-size:13px;gap:7px;padding-bottom:5px;margin-bottom:7px}body.mg-theme-bso .navigation-category-heading .bso-icon{width:22px;height:22px}
body.mg-theme-bso .bottom-category-menu nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}body.mg-theme-bso .bottom-category-menu nav a{flex-direction:column;text-align:center;gap:3px;padding:5px;font-size:10px;min-height:56px}body.mg-theme-bso .bottom-category-menu nav .bso-icon{width:22px;height:22px}
@media(max-width:650px){body.mg-theme-bso .mg-bottom-navigation .bottom-fixed{flex-basis:48px}body.mg-theme-bso .bottom-favorites>a,body.mg-theme-bso .bottom-favorites>button:not(:where(.mg-tile,.mg-sudoku-cell,.mg-sudoku-symbol-button,.mg-sudoku-clear-button,.mg-tower-swap-peg,.mg-connect-cell)){flex-basis:66px;min-width:66px;max-width:66px}body.mg-theme-bso .navigation-grid,body.mg-theme-bso .bottom-category-menu nav{grid-template-columns:repeat(3,minmax(0,1fr))}body.mg-theme-bso .mg-bottom-navigation-panel{padding:14px}body.mg-theme-bso .mg-secondary-bottom-navigation{overflow-x:auto;justify-content:flex-start}body.mg-theme-bso .mg-secondary-bottom-navigation a{white-space:nowrap;padding:6px}}