/* Every mobile hub destination is a standalone screen. Desktop keeps its navigation. */
body.hex-screen-ui #hub-dialog[open][data-tab]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr)!important}
body.hex-screen-ui #hub-dialog[data-tab] #hub-tabs{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab]>.hub-heading{position:static!important;inset:auto!important;grid-column:1/-1!important;grid-row:1!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:100%!important;height:48px!important;min-height:0!important;padding:3px 10px!important;gap:8px!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab] #hub-title{font-size:22px!important;line-height:1.1!important;margin:0!important;white-space:nowrap}
body.hex-screen-ui #hub-dialog[data-tab] #hub-wallet{margin-left:auto!important;flex:none}
body.hex-screen-ui #hub-dialog[data-tab] #hub-wallet small{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab] #hub-close{min-height:42px!important;height:42px!important;min-width:76px!important;font-size:15px!important;padding:5px 12px!important;flex:none}
body.hex-screen-ui #hub-dialog[data-tab] #hub-content{grid-column:1/-1!important;grid-row:2!important;min-width:0!important;min-height:0!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-wallet{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-close{margin-left:auto!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr) 18px!important;gap:10px!important;padding:10px 12px!important;overflow:hidden!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .settings-categories{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .settings-categories button{height:48px!important;min-height:48px!important;font-size:16px!important;padding:6px 12px!important;line-height:1.1!important;border-radius:14px!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .game-settings-panel{grid-column:1;grid-row:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b89ada #20182f;padding:3px 5px 10px}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .game-settings-panel[hidden]{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .audio-setting,body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .mobile-control-card,body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .motion-settings{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px!important;min-width:0;padding:14px!important;margin:0!important;border:1px solid #bda0d5!important;border-bottom:5px solid #30223f!important;border-radius:18px!important;background:linear-gradient(135deg,#50416e,#302744)!important;box-shadow:0 3px #161025}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content h3,body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .mobile-control-card strong,body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .motion-settings>strong{font-size:18px!important;line-height:1.2!important;margin:0!important;color:#fff0cd}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .audio-setting>span{font-size:18px;font-weight:700;color:#fff0cd}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content p{font-size:13px!important;line-height:1.4!important;margin:5px 0!important;color:#ddcdeb}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content button{min-height:46px!important;font-size:15px!important;padding:8px 14px!important;border-radius:13px!important;border:1px solid #b99bd4;border-bottom:4px solid #382442;background:linear-gradient(#77578d,#493057);color:#fff0d7;font-weight:700}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content button[aria-pressed=true]{background:linear-gradient(#fde5a5,#eacc79)!important;border-color:#fdebbb!important;border-bottom-color:#8b7b4f!important;color:#362c21!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content button:focus-visible{outline:3px solid #ffe398;outline-offset:2px}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content [data-sfx-volume],body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content [data-music-volume],body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .touch-sensitivity{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px!important;margin:0!important;padding:10px 12px!important;background:#17142766!important;border:1px solid #d1b6f033!important;border-radius:12px!important;font-size:14px!important;color:#ecdfef}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content output{font-weight:800;color:#fde3a0;font-size:16px}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content input[type=range]{grid-column:1/-1;width:100%!important;min-width:0;height:40px!important;margin:0!important;padding:0!important;accent-color:#fcdc87;touch-action:pan-y}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content input[type=range]::-webkit-slider-thumb{min-width:26px;min-height:26px}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content label small{grid-column:1/-1;font-size:12px!important;line-height:1.2!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content [data-sfx-volume]>small,body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content [data-music-volume]>small{display:none}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .touch-sensitivity>span{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .mobile-control-card{grid-column:1;grid-row:1/3}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content [data-aim-setting]{grid-column:2;grid-row:1}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content [data-replay-tutorial]{grid-column:2;grid-row:2}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content [data-settings-panel=controls]>h3{display:none}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content:has(.mobile-control-card) [data-touch-setting]{display:none!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .motion-settings{grid-template-columns:minmax(0,1fr)}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .motion-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .motion-preview{margin:0!important}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .motion-settings small{font-size:13px!important;color:#d9cae9}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .ms-settings-cue{grid-column:1;grid-row:3;font-size:12px;color:#d9c5e9;text-align:center;line-height:18px}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .bind-grid{grid-column:1/-1}
body.hex-screen-ui #hub-dialog[data-tab=settings] #hub-content .hex-ui-icon{width:20px!important;height:20px!important}