/* Academy Settings: static ornament and scoped styles preserve all saved controls. */
body.hex-screen-ui #hub-dialog[open][data-tab=settings]{background-image:url('art/settings-sanctum.svg'),radial-gradient(ellipse at 50% 0,#50405f 0,#251c37 58%,#181426 100%)!important;background-size:cover!important;background-position:center!important;border-color:#b49a65!important}
body.hex-screen-ui #hub-dialog[open][data-tab=settings]>.hub-heading{background:linear-gradient(90deg,#20172e,#3e2d4d 50%,#20172e)!important;border-bottom:2px solid #ab8854!important;box-shadow:0 3px 0 #100e20,0 5px 0 #b99a5726}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-title{color:#fff0bf!important;font-family:Georgia,serif;letter-spacing:.035em;text-shadow:0 2px 2px #120c20}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-title:before{content:'✧';display:inline-block;margin-right:12px;color:#eed08f}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-close{background:linear-gradient(#755684,#422c56)!important;border:1px solid #c5a573!important;border-bottom:4px solid #352139!important;border-radius:10px 16px 10px 16px!important;color:#ffedc8!important;box-shadow:inset 0 0 0 3px #ffffff08}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-categories{gap:12px!important}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-categories button{position:relative;background:linear-gradient(110deg,#4f395f,#2b203e)!important;border:1px solid #9e855f!important;border-bottom:4px solid #332036!important;border-radius:8px 16px 8px 16px!important;color:#ecdbbd!important;box-shadow:inset 0 0 0 3px #e7c98709,0 3px 8px #0e091e55;letter-spacing:.02em}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-categories button[aria-pressed=true]{background:linear-gradient(110deg,#ecd096,#c59a5e)!important;border-color:#ffe7ac!important;border-bottom-color:#75532e!important;color:#32203c!important;box-shadow:inset 0 0 0 3px #fff4c433,0 0 15px #eac97425}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-categories button:after{content:'◆';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:8px;opacity:.65}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .game-settings-panel{scrollbar-color:#b69a69 #21172f;gap:18px}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content :is(.audio-setting,.mobile-control-card,.motion-settings){position:relative;background:linear-gradient(125deg,#4c365e,#2c223d 75%)!important;border:1px solid #bfa271!important;border-bottom:4px solid #312035!important;border-radius:8px 22px 8px 22px!important;box-shadow:inset 0 0 0 4px #21182e,inset 0 0 0 5px #d4b87540,0 6px 12px #100b2255;padding:22px!important;overflow:hidden}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content :is(.audio-setting,.mobile-control-card,.motion-settings):before{content:'';position:absolute;right:10px;top:10px;width:7px;height:7px;border:1px solid #dab875;transform:rotate(45deg);pointer-events:none}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content :is(h3,.audio-setting>span,.motion-settings>strong,.mobile-control-card strong){color:#ffedc0!important;letter-spacing:.015em}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content p{color:#d9cce5!important}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content button{background:linear-gradient(#725584,#453053)!important;border:1px solid #b99d78!important;border-bottom:3px solid #302037!important;border-radius:7px 12px 7px 12px!important;color:#fff0d0!important;box-shadow:inset 0 0 0 2px #ffffff06}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content button[aria-pressed=true]{background:linear-gradient(#ffe7ad,#cca15e)!important;border-color:#ffe9b5!important;border-bottom-color:#78552f!important;color:#382637!important;box-shadow:inset 0 0 0 2px #fff3ce26,0 0 10px #f2ce8212}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content :is([data-sfx-volume],[data-music-volume],.touch-sensitivity){background:#181322a6!important;border:1px solid #b398624d!important;border-radius:5px 13px 5px 13px!important;padding:10px 12px!important;color:#e9dfec!important}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content output{color:#ffe3a0!important;text-shadow:0 0 10px #e5bf7020}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content input[type=range]{appearance:none;-webkit-appearance:none;background:transparent!important;cursor:pointer}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content input[type=range]::-webkit-slider-runnable-track{height:7px;border:1px solid #aa9462;border-radius:8px;background:linear-gradient(90deg,#72608c,#bfaa78);box-shadow:0 2px 3px #0a061a}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;min-width:22px;min-height:22px;margin-top:-9px;border:2px solid #fff0bc;border-radius:5px;transform:rotate(45deg);background:linear-gradient(135deg,#fff4ce,#e8c17a 50%,#a97a40);box-shadow:0 0 0 3px #352541,0 0 10px #ebc77850}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content input[type=range]::-moz-range-track{height:7px;border:1px solid #aa9462;border-radius:8px;background:#a08b6c}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content input[type=range]::-moz-range-thumb{width:20px;height:20px;border:2px solid #fff0bc;border-radius:5px;transform:rotate(45deg);background:#e8c17a}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content input[type=range]:focus-visible{outline:2px solid #ffdf94;outline-offset:3px;border-radius:6px}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .bind-grid{padding:12px;border:1px solid #9d80564d;border-radius:12px;background:#19132766}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .bind-grid label{background:linear-gradient(120deg,#483553,#2e223c);border:1px solid #a78e624d;border-radius:6px 12px 6px 12px;padding:9px;color:#f5e4c1}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .ms-settings-cue{color:#dcc9a4!important;letter-spacing:.025em}
body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .ms-settings-cue:before{content:'✧ ';color:#d9bd7c}
@media(max-height:500px), (max-width:700px){body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content :is(.audio-setting,.mobile-control-card,.motion-settings){padding:14px!important}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .game-settings-panel{gap:10px}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-categories{gap:8px!important}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-categories button:after{display:none}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .bind-grid{padding:6px}}

body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .hex-icon-mouse{fill:#d4ae70;stroke:#ffedb6}

@media(max-height:500px){body.hex-screen-ui #hub-dialog[open][data-tab=settings]{grid-template-rows:48px minmax(0,1fr)!important}body.hex-screen-ui #hub-dialog[open][data-tab=settings]>.hub-heading{height:48px!important}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content{grid-template-rows:44px minmax(0,1fr) 18px!important;gap:8px!important;padding:8px 12px!important}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-categories button{height:44px!important;min-height:44px!important;font-size:15px!important}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content p{font-size:12px!important;line-height:1.3!important}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content button{min-height:40px!important;padding:6px 10px!important}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .motion-settings{gap:6px!important}body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .motion-settings small{font-size:11px!important}}

body #hub-dialog[data-tab=settings] .settings-categories{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.privacy-settings h3{margin:0;color:#efd9a4}.privacy-settings>p{font:13px/1.4 system-ui;color:#d0bedc}.privacy-options{display:grid;gap:10px}.privacy-options section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #957b63;border-radius:12px;background:linear-gradient(115deg,#4b355c,#281e36)}.privacy-options strong{color:#efddba;font:700 17px Georgia}.privacy-options p{margin:5px 0 0;font:12px/1.4 system-ui;color:#d0bedc}.privacy-options button{flex:0 0 64px}.privacy-options button[aria-checked=true]{border-color:#e0be7c!important;background:#654779!important}.privacy-options button:focus-visible{outline:2px solid #e0be7c!important}@media(max-height:420px){.privacy-options{gap:5px}.privacy-options section{padding:8px}.privacy-options strong{font-size:14px}.privacy-settings>p{margin:4px 0}}

body #hub-dialog[data-tab=settings] #hub-content .game-settings-panel.privacy-settings:not([hidden]){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.privacy-settings>.privacy-options{flex:none;width:100%}.privacy-settings>[role=status]{min-height:18px}

@media(max-height:420px){body #hub-dialog[data-tab=settings] #hub-content .privacy-settings>h3,body #hub-dialog[data-tab=settings] #hub-content .privacy-settings>p:not([role=status]){display:none!important}body #hub-dialog[data-tab=settings] #hub-content .privacy-settings{gap:3px!important}.privacy-options p{font-size:11px!important;line-height:1.15!important;margin-top:2px}.privacy-options section{padding:5px 8px}.privacy-options button{font-size:11px!important;min-height:32px!important}.privacy-settings>[role=status]{margin:2px 0!important;font-size:11px!important}}

/* Give the settings panel the room the footer used: "Replay menu guide" sits on the scroll-hint row instead of its own row. */
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content{grid-template-rows:48px minmax(0,1fr) 30px!important}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .ms-settings-cue{grid-row:3!important;align-self:center;pointer-events:none}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-menu-guide{grid-column:1!important;grid-row:3!important;justify-self:end;align-self:center;position:relative;z-index:1;height:30px;min-height:30px!important;padding:2px 12px!important;font-size:12px!important;border-bottom-width:2px!important;border-radius:10px!important}
@media(max-height:500px){html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content{grid-template-rows:44px minmax(0,1fr) 28px!important}html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-menu-guide{height:28px;min-height:28px!important}}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .bind-grid{margin:4px 0!important}
@media(max-height:500px){html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .bind-grid{gap:8px!important;padding:6px!important}html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .bind-grid label{padding:4px 9px!important;min-height:0}html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .bind-grid button.hex-keycap{min-height:38px!important;height:38px;padding:2px 10px!important}html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .bind-grid .hex-key-art{height:32px;width:48px}}

/* Settings reorganization (Oct 6). The "?" explains coins and shards, which Settings has none of. */
#hub-dialog[data-tab=settings] .hub-heading .clarity-help{display:none!important}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-extras{grid-column:1/-1!important;grid-row:auto!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0;padding:10px 14px;border:1px solid #9d80564d;border-radius:12px;background:#19132766}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-extras>h3{font-size:16px!important;margin:0!important;flex:none}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-extras-row{display:flex;flex-wrap:wrap;gap:8px;flex:1;justify-content:flex-end}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-extras-row>button{position:static!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;height:auto!important;min-height:40px!important;padding:6px 14px!important;font-size:14px!important;justify-self:auto}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content .settings-extras-row>button[hidden]{display:none!important}
/* Controls on PC: key list, then Restore defaults beside the reserved-keys note, then full-width aiming and controller rows. */
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content [data-settings-panel=controls]>#bind-status:empty{display:none}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content [data-settings-panel=controls]>#reset-binds{grid-column:1!important;justify-self:start;width:auto!important;padding:8px 22px!important}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content [data-settings-panel=controls]>#reset-binds+p{grid-column:2!important;align-self:center;justify-self:end;text-align:right;margin:0!important}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content [data-settings-panel=controls]:not(:has(>.mobile-control-card))>[data-aim-setting]{grid-column:1/-1!important;grid-row:auto!important}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content [data-settings-panel=controls]>[data-controller-settings]{grid-column:1/-1!important;padding:12px 14px;border:1px solid #9d80564d;border-radius:12px;background:#19132766}
/* Touch layout: touch card on the left, aiming guide and the extras on the right, controller below. */
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content [data-settings-panel=controls]:has(>.mobile-control-card)>.settings-extras{grid-column:2!important;grid-row:2!important;align-self:start;padding:8px}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content [data-settings-panel=controls]>.mobile-control-card~.settings-extras>h3{display:none}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content [data-settings-panel=controls]:has(>.mobile-control-card) .settings-extras-row{justify-content:stretch}
html body.hex-screen-ui #hub-dialog[open][data-tab=settings] #hub-content [data-settings-panel=controls]>.mobile-control-card~* .settings-extras-row>button{flex:1 1 auto}