/* Shared blue-water menu system. Gameplay HUD and story artwork stay authored. */
:root{--menu-blue:#102d40;--menu-line:#a9eaff;--menu-surface:linear-gradient(180deg,#0b54c0f2,#218da8f5);--menu-soft:#003fa666;--menu-white:#f0fbff;--menu-text:#fff}
.overlay.setup{background:linear-gradient(180deg,#0756fa99,#00efdc88),url('brand-water.jpg') center/cover;backdrop-filter:none}
.setup .setup-panel,.overlay .panel,#socialDialog,#trickBook,.pause-menu,.career-difficulty{background:var(--menu-surface);border:1px solid var(--menu-line);border-radius:18px;color:var(--menu-text);font-family:var(--hud-font);box-shadow:0 18px 60px #00478e33,inset 0 1px #ffffff33}
#socialDialog::backdrop,#trickBook::backdrop,.pause-menu::backdrop,.career-difficulty::backdrop{background:#003d8880;backdrop-filter:blur(6px)}
.setup-panel[data-section=home] .menu-main>.menu-secondary{grid-template-columns:1fr 1.5fr 1fr;border-color:#9dfcff8c}
#menuModes button,#menuModes button[aria-pressed=true],.overlay .panel .primary,#socialBody .primary,.pause-menu button:not(.secondary),.career-difficulty .difficulty-option,#start,#resume{background:var(--menu-white);color:var(--menu-blue);border:1px solid #ffffffb3;box-shadow:inset 0 1px #fff;font-family:var(--hud-font);font-weight:600;letter-spacing:0;text-shadow:none}
#menuModes button::after{border-color:var(--menu-blue)}
#menuModes button:not(:disabled):hover,.overlay .panel .primary:hover{background:#fff;color:#0343c5}
.menu-secondary button,.setup-panel .menu-links .secondary,.menu-back,.menu-profile-toggle,.pause-menu .secondary,.overlay .panel .secondary,.social-tabs button,#socialBody .secondary,.career-difficulty button{background:#007bc155;border:1px solid var(--menu-line);color:#fff;border-radius:9px;font-family:var(--hud-font);font-weight:500;letter-spacing:0;text-transform:none;box-shadow:none}
.menu-secondary button{padding:9px 3px;font-size:11px}
.menu-stage,.menu-picker,.career-levels{background:linear-gradient(140deg,#0049bd66,#00c5d54d);border-color:var(--menu-line)}
.menu-rider{display:flex;flex-direction:column;gap:8px}.menu-rider .menu-stage{flex:1;height:auto}.menu-rider-tile{flex:none}.menu-rider-tile .tile-trigger{min-height:44px}.menu-rider-tile .tile-choices{left:0;right:auto}
.menu-rider-name,.tile-caption{background:#0047a877;border-color:#9dfcff55;color:#fff;font-family:var(--hud-font);font-weight:600;text-transform:none;letter-spacing:0}
.tile-choices{background:linear-gradient(150deg,#0754bc,#006b8c);border-color:#85faff;width:min(300px,calc(100vw - 64px));max-height:270px;padding:6px}
.tile-choices button{display:flex;align-items:center;gap:10px;min-height:62px;padding:6px;font-family:var(--hud-font);font-size:13px;line-height:1.25;border:1px solid transparent}
.tile-choices button img{width:64px;height:48px;flex:none;object-fit:cover;border-radius:6px;background:#ffffff22}.tile-choices img[data-kind=boat],.tile-choices img[data-kind=gender]{object-fit:contain}
.tile-choices button>span{flex:1}.tile-choices button small{float:none;font-size:9px;color:#d4faff}
.tile-choices button[aria-current=true]{background:#ffffff20;border-color:#73ffee;color:#fff}.tile-choices button:not(:disabled):hover{background:#ffffff2b}
.tile-choices button[data-social-open]{min-height:44px;justify-content:center;border-top-color:#ffffff40}
.career-levels [data-level]{background:#004ab455;color:#fff;border-color:#ffffff40;min-height:54px}.career-levels [data-level]:not([data-level=lesson]):not([data-level=chapter-1]){opacity:1}.career-levels [data-level]:disabled{opacity:.45}
.career-thumb{flex:none;width:56px;height:40px;object-fit:cover;border-radius:5px;background:#ffffff22}.career-levels .completion{margin-left:auto;font-size:10px;color:#c5fff2}.career-levels .level-number{color:#d4faff}
.career-levels p,.setup-panel [data-ranked-status],.panel p,.panel label,#socialBody label,#socialBody p,#socialMessage{color:#e1f7ff!important}
.social-heading{background:#075ece;border-color:#8dfaff77}.social-heading strong,.panel h2,.panel .eyebrow,.rankings strong,.mp-state{color:#fff}
#socialBody input,#socialBody select,.panel select{background:#00499b;color:#fff;border-color:var(--menu-line)}
.social-tabs button[aria-pressed=true]{background:#eafbff;color:var(--menu-blue);border-color:#fff}
#socialBody .rider-portrait{background:radial-gradient(ellipse,#82ffff55,transparent 70%)}
.rider-option-group{border:0;padding:0;margin:18px 0}.rider-option-group legend{font-size:14px;font-weight:600;margin-bottom:8px}.rider-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#socialBody .rider-option{display:flex;flex-direction:column;align-items:center;gap:5px;background:#0049a466;color:#fff;border:1px solid var(--menu-line);border-radius:10px;padding:8px;margin:0;font:500 12px var(--hud-font)}
#socialBody .rider-option[aria-pressed=true]{border-color:#fff;box-shadow:inset 0 0 0 1px #fff;background:#ffffff24}.rider-option img{width:100%;height:86px;object-fit:contain}
#trickBook .book-scroller{background:#00387977}#trickBook thead th{background:#064ba2}#trickBook .book-group th{background:#086aa0;color:#e5ffff}
:is(.setup-panel,#socialDialog,.pause-menu,.career-difficulty) button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:350px){.setup-panel[data-section=home] .menu-main>.menu-secondary{grid-template-columns:1fr 1fr}.menu-secondary button{min-height:44px;font-size:12px}.career-thumb{width:44px;height:34px}}
@media(max-height:450px) and (min-width:601px){.tile-choices{max-height:190px}.career-thumb{width:38px;height:30px}.career-levels [data-level]{min-height:44px}.menu-rider-tile .tile-trigger{min-height:38px}}
html[data-beta-audience=public] .career-levels [data-level]:disabled::after{content:attr(data-lock-label);text-transform:none;letter-spacing:0;color:#e4faff;font-size:10px}
.pause-menu #resume{background:var(--menu-white);color:var(--menu-blue);border:1px solid #fff}
#pauseMenu button.secondary{border-color:var(--menu-line);background:#007bc155}
#socialBody h2{font-weight:600;letter-spacing:-.4px;font-size:24px}
.career-difficulty{padding:20px;overflow:auto}
.career-difficulty .difficulty-option:hover{background:#fff;color:var(--menu-blue)}

/* Menu sections share the same card, buttons, and bottom navigation. */
.setup-panel .menu-top .menu-profile-toggle,.setup-panel .menu-rider-tile,.setup-panel .menu-links,.setup-panel .menu-main>[data-ranked-status]{display:none!important}
.setup-panel[data-section=home] .menu-main>.menu-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
.setup-panel[data-section=home]>.menu-back{display:none}
.setup-panel:not([data-section=home])>.menu-back{grid-column:1/-1;width:100%;min-height:46px;margin-top:2px;text-align:center}
.setup-panel[data-section=career] .menu-top h1,.setup-panel[data-section=career] .menu-navigation{display:flex}
.setup-panel[data-section=career] .menu-bar-logo{display:none}
.setup-panel[data-section=career] .menu-top h1{width:100%;justify-content:center}
.setup-panel[data-section=career] .menu-top{justify-content:center;padding:8px 16px 12px}
.setup-panel[data-section=career] .career-menu{grid-column:1/-1}
.setup-panel[data-section=career] .menu-rider,.setup-panel[data-section=career] .menu-equipment,.setup-panel[data-section=career] .menu-main{display:none}
.setup-panel:not([data-section=free]):not([data-section=multiplayer]) #start{display:none}
.setup-panel[data-section=competition] .menu-main{display:none}
.setup-panel[data-section=competition] .menu-rider{grid-column:1}
.setup-panel[data-section=competition] .menu-equipment{grid-column:2}
.setup-panel[data-section=competition] .competition-menu{order:2}
.setup-panel[data-section=competition]>.menu-back{order:4}
.competition-menu,.settings-menu{display:none;grid-column:1/-1}
.setup-panel[data-section=competition] .competition-menu,.setup-panel[data-section=settings] .settings-menu{display:grid;gap:10px}
.setup-panel[data-section=settings] .menu-rider,.setup-panel[data-section=settings] .menu-equipment,.setup-panel[data-section=settings] .menu-main{display:none}
.competition-modes{display:grid;gap:10px}
.competition-modes[hidden],.career-rider-grid[hidden],.career-gender[hidden]{display:none}
.competition-modes button,.settings-menu button,.career-rider-choice button{min-height:52px;padding:13px 16px;border:1px solid #ffffffb3;border-radius:9px;background:var(--menu-white);color:var(--menu-blue);font:600 16px var(--hud-font);text-align:left}
.competition-rules{width:min(390px,calc(100% - 32px));padding:20px;border:1px solid var(--menu-line);border-radius:18px;background:var(--menu-surface);color:#fff;font-family:var(--hud-font);box-shadow:0 18px 60px #00478e33}
.competition-rules::backdrop{background:#003d8880;backdrop-filter:blur(6px)}
.competition-rules p{margin:0 0 16px;font:14px/1.45 var(--hud-font)}
.competition-rules button{display:block;width:100%;min-height:46px;margin-top:8px;padding:10px 14px;text-align:center}
.competition-rules .primary{background:var(--menu-white);color:var(--menu-blue);border:1px solid #fff;border-radius:9px;font-weight:600}
.competition-rules .secondary{background:#007bc155;border:1px solid var(--menu-line);border-radius:9px;color:#fff}
.career-levels [role=group]{margin:0 0 12px}
.career-levels .completion{display:flex;gap:4px;margin-left:auto;align-items:center}
.career-levels .completion i{display:block;width:7px;height:7px;border-radius:50%;border:1px solid #fff}
.career-levels .completion .difficulty-basic{background:#fff}
.career-levels .completion .difficulty-pro{background:#e5ff62;border-color:#e5ff62}
.career-levels .completion .difficulty-legendary{background:#45d8ff;border-color:#45d8ff}
.career-rider-choice{width:min(390px,calc(100% - 32px));padding:22px;border:1px solid var(--menu-line);border-radius:18px;background:var(--menu-surface);color:#fff;font-family:var(--hud-font)}
.career-rider-choice::backdrop{background:#003d8880;backdrop-filter:blur(6px)}
.career-rider-choice h2{margin:0 0 16px;font-size:24px}
.career-rider-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:12px}
.career-rider-grid .career-you,.career-rider-grid span{display:grid;place-items:center;min-height:94px;padding:5px;text-align:center}
.career-rider-grid span{position:relative;border:1px solid #ffffff55;border-radius:9px;background:#001b4a99;overflow:hidden}
.career-rider-grid span::before{content:'';position:absolute;top:19px;left:50%;width:23px;height:23px;transform:translateX(-50%);border-radius:50%;background:#b7dded44;filter:blur(2px)}
.career-rider-grid span::after{content:'';position:absolute;bottom:7px;left:50%;width:51px;height:38px;transform:translateX(-50%);border-radius:50% 50% 10% 10%;background:#b7dded44;filter:blur(3px)}
.career-gender{display:grid;gap:8px;margin-bottom:12px}
.career-rider-choice .menu-back{width:100%;min-height:42px;text-align:center;background:#007bc155;color:#fff}
@media(max-height:450px) and (min-width:601px){.setup-panel[data-section=competition] .menu-rider{grid-column:1}.setup-panel[data-section=competition] .menu-equipment{grid-column:2}.setup-panel[data-section=competition] .menu-main{grid-column:1/-1}}

/* Shared water backdrop and calm, outlined surfaces across menu sections. */
.overlay.setup,.overlay.setup:has(.setup-panel[data-section=home]){padding: max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(38px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));align-items:center;justify-content:center;background:#21bcdb url('brand-water.jpg') center/cover;backdrop-filter:none}
.setup .setup-panel{padding:20px;max-height:100%;border:1px solid #071a22;border-radius:17px;background:linear-gradient(180deg,#0b54c0b8,#279ab6c9);box-shadow:none}
.setup-panel .menu-top,.setup-panel[data-section=career] .menu-top{margin:0;padding:4px 0 14px}
.setup-panel .menu-wordmark{max-width:270px;max-height:70px}
.setup-panel .menu-navigation:has(h2:empty){display:none}
.overlay .panel,#socialDialog,#trickBook,.pause-menu,.career-difficulty,.competition-rules,.career-rider-choice{border-color:#071a22;border-radius:17px;box-shadow:0 12px 36px #00344b26}
#menuModes button,#menuModes button[aria-pressed=true],.overlay .panel .primary,#socialBody .primary,.pause-menu button:not(.secondary),.career-difficulty .difficulty-option,.competition-modes button,.settings-menu button,.career-rider-choice button:not(.menu-back),.competition-rules .primary,#start,#resume{border:1px solid #111;border-radius:8px;background:#fff;color:#102d40;font-family:var(--hud-font);font-weight:600;letter-spacing:0;box-shadow:1px 2px 2px #001b3133;text-shadow:none}
.menu-stage,.menu-picker,.career-levels,.control-cards article,.panel details{background:#005d9740;border-color:#a9eaff80}
.career-levels [data-level]{background:#005c914d;border-color:#a9eaff80}
.career-levels [data-level][aria-pressed=true]{background:#ffffff24;border-color:#fff;box-shadow:inset 3px 0 #fff}
.social-heading{background:#125ebc;border-color:#a9eaff80}
.setup .setup-panel[data-section=home]{display:flex;flex-direction:column;width:min(440px,100%);height:100%;max-height:820px;padding:24px 0 20px;gap:0;border:0;background:transparent;box-shadow:none}
.setup-panel[data-section=home] .menu-top{flex:none;padding:36px 0 14px}
.setup-panel[data-section=home] .menu-main{flex:1;min-height:0;display:grid;grid-template-rows:minmax(min-content,1fr) auto;gap:24px}
.setup-panel[data-section=home] #menuModes{align-self:center;justify-self:center;width:82%;display:grid;grid-template-columns:1fr;gap:12px;margin:0}
.setup-panel[data-section=home] #menuModes button{min-height:56px;padding:14px 28px;text-align:center;font-size:21px;line-height:1.3;border-color:#ffffffb3;border-radius:12px;box-shadow:0 4px 12px #00344b26}
.setup-panel[data-section=home] #menuModes button::after{display:none}
.setup-panel[data-section=home] #menuModes button:not(:disabled):hover{background:#effcff;color:#102d40}
.setup-panel[data-section=home] .menu-main>.menu-secondary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:16px 0 0;border-top:0}
.setup-panel[data-section=home] .menu-secondary button{grid-column:auto;min-width:0;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font:600 10px/1.25 var(--hud-font);display:flex;flex-direction:column;align-items:center;gap:7px}
.setup-panel[data-section=home] .menu-secondary button:nth-last-child(-n+2){grid-column:auto}
.setup-panel[data-section=home] .menu-secondary button:hover{background:transparent}
.menu-shortcut-icon{display:grid;place-items:center;width:min(56px,100%);height:52px;border:1px solid #ffffffa6;border-radius:12px;background:#007b9255;box-shadow:inset 0 1px 0 #ffffff33}
.menu-shortcut-icon svg{width:25px;height:25px}
.menu-shortcut-label{white-space:nowrap;text-shadow:0 1px 3px #00435e}
.menu-secondary button:hover .menu-shortcut-icon{background:#00677e88}
@media(max-height:650px){
 .setup .setup-panel[data-section=home]{padding:14px 0}
 .setup-panel[data-section=home] .menu-top{padding:16px 0 10px}
 .setup-panel[data-section=home] .menu-wordmark{max-height:48px}
 .setup-panel[data-section=home] .menu-main{gap:16px}
 .setup-panel[data-section=home] #menuModes{gap:8px}
 .setup-panel[data-section=home] #menuModes button{min-height:46px;padding:10px 20px}
 .setup-panel[data-section=home] .menu-main>.menu-secondary{padding-top:12px}
}
@media(max-height:450px) and (min-width:601px){
 .overlay.setup,.overlay.setup:has(.setup-panel[data-section=home]){padding:10px max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .setup .setup-panel{padding:12px 18px}
 .setup .setup-panel[data-section=home]{width:min(660px,100%);padding:12px 20px}
 .setup-panel[data-section=home] .menu-wordmark{max-height:38px}
 .setup-panel[data-section=home] #menuModes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .setup-panel[data-section=home] .menu-main>.menu-secondary{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-top:10px}
 .setup-panel[data-section=home] .menu-secondary button,.setup-panel[data-section=home] .menu-secondary button:nth-last-child(-n+2){grid-column:auto;min-height:44px}
}

/* Compact chapter list with the same light typography as the riding HUD. */
.setup .setup-panel[data-section=career]{width:min(440px,100%);gap:8px}
.setup-panel[data-section=career] .career-menu{gap:8px}
.setup-panel[data-section=career] .menu-wordmark{max-height:48px}
.career-levels{padding:8px;border-radius:12px;background:#06364b40;border-color:#d9f7ff35}
.career-levels [role=group]{gap:4px;margin:0 0 8px}
.career-levels [data-level]{min-height:44px;padding:9px 12px;border:1px solid #d9f7ff25;border-radius:8px;background:#07344855;font:500 13px/1.2 var(--hud-font);letter-spacing:.1px;transition:background .15s,border-color .15s}
.career-levels [data-level][aria-pressed=true]{background:#e8faff1f;border-color:#bcf4ff9c;box-shadow:inset 2px 0 var(--hud-blue)}
.career-menu .primary{min-height:44px;font-size:14px}

@media(max-width:350px){.setup-panel[data-section=home] .menu-secondary button{font-size:10px}}

@media(max-height:450px) and (min-width:601px){.setup-panel[data-section=home] .menu-top{padding-top:4px}.menu-shortcut-icon{height:40px;width:46px}.menu-shortcut-icon svg{width:22px;height:22px}.setup-panel[data-section=home] #menuModes button{font-size:19px}}
@media(max-width:350px){.setup-panel[data-section=home] .menu-secondary button{font-size:9px}}

/* Open setup screens and centered home shortcuts. */
.setup-panel[data-section=home] .menu-main>.menu-secondary{grid-template-columns:repeat(4,minmax(0,1fr));width:min(340px,100%);justify-self:center}
.setup .setup-panel:not([data-section=home]){border:0;background:transparent;box-shadow:none}
.competition-modes button,.settings-menu button{text-align:center;border-color:#ffffffb3;border-radius:12px;box-shadow:0 4px 12px #00344b26;font-size:19px}
.competition-menu,.settings-menu{width:90%;justify-self:center}
.setup-panel .menu-rider-name{width:100%;cursor:pointer;text-align:center;border:0;border-top:1px solid #ffffff66}
.setup-panel:not([data-section=home])>.menu-back{width:90%;justify-self:center;border-color:#ffffff99;background:#007b9255}
.setup-panel:not([data-section=home]) #start{width:90%;display:block;margin-inline:auto;border-radius:12px;font-size:20px;letter-spacing:0}
.setup-panel:not([data-section=free]):not([data-section=multiplayer]) #start{display:none}

/* Secondary menu windows use the same water and white controls as Home. */
#socialDialog,#trickBook,.pause-menu,.career-difficulty,.competition-rules,.career-rider-choice,.overlay:not(.setup) .panel{background:#21bcdb url('brand-water.jpg') center/cover;border:0;box-shadow:0 12px 36px #00344b26}
.social-heading{background:#0764bde6;border:0;border-radius:10px;padding-inline:12px}
.overlay .panel .primary,#socialBody .primary,.pause-menu button:not(.secondary),.career-difficulty .difficulty-option,.competition-rules .primary,.career-rider-choice button:not(.menu-back){text-align:center;border-color:#ffffffb3;border-radius:12px;box-shadow:0 4px 12px #00344b26}
.social-tabs button,.pause-menu .secondary,.competition-rules .secondary,.career-rider-choice .menu-back{border-color:#ffffff99;background:#007b9255}
.social-tabs button[aria-pressed=true]{background:#fff;color:#102d40}

/* Stable branding and short, responsive menu interactions. */
.setup-panel .menu-top,.setup-panel[data-section=home] .menu-top,.setup-panel[data-section=career] .menu-top{position:fixed;top:clamp(48px,9vh,76px);left:50%;transform:translateX(-50%);width:min(300px,80vw);height:70px;margin:0;padding:0;z-index:2;pointer-events:none}
.setup-panel .menu-wordmark,.setup-panel[data-section=home] .menu-wordmark,.setup-panel[data-section=career] .menu-wordmark{width:100%;max-width:270px;max-height:70px}
.setup .setup-panel:not([data-section=home]){margin-top:120px;max-height:calc(100% - 120px)}
.setup-panel[data-section=home] .menu-main{padding-top:106px}
.setup-panel .menu-navigation{justify-content:center}
.setup-panel[data-section=home] #menuModes button,.competition-modes button,.settings-menu button,.overlay .panel .primary,.pause-menu button:not(.secondary),.career-difficulty .difficulty-option,.competition-rules .primary{border:1px solid #111;position:relative}
.setup-panel[data-section=home] #menuModes button,.competition-modes button,.settings-menu button{padding-inline:42px}
.setup-panel[data-section=home] #menuModes button::before,.competition-modes button::before,.settings-menu button::before{content:'';position:absolute;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);background:currentColor;mask:var(--action-icon) center/contain no-repeat;-webkit-mask:var(--action-icon) center/contain no-repeat}
.setup-panel[data-section=home] #menuModes button::after,.competition-modes button::after,.settings-menu button::after{content:'';display:block;position:absolute;right:17px;top:50%;width:7px;height:7px;margin:0;border:0;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.setup-panel button,.tile-trigger{transition:transform 100ms ease,background 120ms ease,box-shadow 120ms ease}
.setup-panel button:active,.tile-trigger:active{transform:scale(.97)}
.tile-choices{border:1px solid #ffffffb3;border-radius:14px;background:linear-gradient(150deg,#0865be,#068e9d);box-shadow:0 12px 28px #00344b44;padding:8px}
.tile-choices:not([hidden]){animation:menu-enter 130ms ease-out}
.tile-choices button{border-radius:9px;margin-bottom:3px}
.tile-choices button[aria-current=true]{border-color:white;background:#ffffff26}
#socialDialog[open],#trickBook[open],.competition-rules[open],.career-rider-choice[open],.career-difficulty[open]{animation:menu-enter 140ms ease-out}
@keyframes menu-enter{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:650px){.setup-panel .menu-top,.setup-panel[data-section=home] .menu-top,.setup-panel[data-section=career] .menu-top{top:36px;height:48px}.setup-panel .menu-wordmark,.setup-panel[data-section=home] .menu-wordmark,.setup-panel[data-section=career] .menu-wordmark{max-height:48px}.setup-panel[data-section=home] .menu-main{padding-top:70px}.setup .setup-panel:not([data-section=home]){margin-top:76px;max-height:calc(100% - 76px)}}
@media(max-height:450px) and (min-width:601px){.setup-panel .menu-top,.setup-panel[data-section=home] .menu-top,.setup-panel[data-section=career] .menu-top{top:18px;height:38px}.setup-panel .menu-wordmark,.setup-panel[data-section=home] .menu-wordmark,.setup-panel[data-section=career] .menu-wordmark{max-height:38px}.setup-panel[data-section=home] .menu-main{padding-top:42px}.setup .setup-panel:not([data-section=home]){margin-top:48px;max-height:calc(100% - 48px)}}
@media(prefers-reduced-motion:reduce){.setup-panel button,.tile-trigger{transition:none}.tile-choices:not([hidden]),#socialDialog[open],#trickBook[open],.competition-rules[open],.career-rider-choice[open],.career-difficulty[open]{animation:none}}
#menuModes [data-mode=career]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203v18M5%204h14l-3%204%203%204H5%22/%3E%3C/svg%3E")}
#menuModes [data-mode=competition],.competition-modes button{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203h8v5a4%204%200%200%201-8%200V3Zm4%209v8m-4%201h8M8%205H4v3a4%204%200%200%200%204%204m8-7h4v3a4%204%200%200%201-4%204%22/%3E%3C/svg%3E")}
#menuModes [data-mode=multiplayer]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22/%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3M16%204a3%203%200%200%201%200%206m2%204a5%205%200%200%201%203%205v2%22/%3E%3C/svg%3E")}
#menuModes [data-mode=free]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2018%208-13%203%206%207%207M3%2021q4-4%208%200t10%200%22/%3E%3C/svg%3E")}
.settings-menu button{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M12%202v4m0%2012v4M2%2012h4m12%200h4M5%205l3%203m8%208%203%203M5%2019l3-3m8-8%203-3%22/%3E%3C/svg%3E")}

/* Keep white menu copy readable over the bright water artwork. */
.setup .setup-panel:not([data-section=home]),#socialDialog,#trickBook,.pause-menu,.career-difficulty,.competition-rules,.career-rider-choice,.overlay:not(.setup) .panel{background:linear-gradient(#032942e8,#04344ce8),url('brand-water.jpg') center/cover;color:#f7fdff}
.setup-panel:not([data-section=home]) .menu-rider-name,.setup-panel:not([data-section=home]) .tile-caption{background:#073a54e8}
.setup-panel #start{text-transform:none;letter-spacing:0}
.setup-panel[data-section=career] .career-levels [role=group]{gap:3px;margin:4px 0 7px}
.setup-panel[data-section=career] .career-levels [data-level]{min-height:32px;padding:5px 10px;font-size:13px}
.setup-panel[data-section=career] .career-levels{padding:7px}
.competition-rules ul{margin:0 0 16px;padding-left:22px;font:14px/1.45 var(--hud-font)}
.competition-rules li+li{margin-top:6px}

/* Shared spacing; darker interruption menus and a distinct ShredFeed app. */
:root{--menu-radius:12px;--menu-gap:12px;--menu-ink:#102d40}
.setup-panel .menu-top,.setup-panel[data-section=home] .menu-top,.setup-panel[data-section=career] .menu-top{top:clamp(64px,11vh,96px)}
.setup-panel[data-section=home] #menuModes{position:relative;top:-18px}
.setup .setup-panel:not([data-section=home]){width:min(400px,100%);padding-inline:16px;margin-top:140px;max-height:calc(100% - 140px);gap:var(--menu-gap)}
.competition-menu,.settings-menu,.setup-panel:not([data-section=home])>.menu-back,.setup-panel:not([data-section=home]) #start{width:100%}
.menu-stage,.menu-picker,.tile-trigger,.career-levels{border-radius:var(--menu-radius)}
#pauseMenu,#controlsSettingsMenu{background:#102e3df7;border:1px solid #ffffff40;color:#f4f9fb;box-shadow:0 18px 60px #00111baa}
#pauseMenu::backdrop,#controlsSettingsMenu::backdrop{background:#00131b99;backdrop-filter:blur(5px)}
#pauseMenu button:not(#resume){background:#234554;color:#f4f9fb;border:1px solid #75939f88;box-shadow:none}
#pauseMenu #resume{background:#edf5f7;color:#102d40;border:1px solid #091f29}
#socialDialog[data-view=multiplayer] .social-heading strong{display:none}
#socialDialog[data-view=multiplayer] .social-heading{justify-content:flex-end}
#socialDialog[data-view=shredfeed]{box-sizing:border-box;width:min(370px,calc(100vw - 28px));height:min(740px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:28px 14px 18px;border:7px solid #182d38;border-radius:34px;background:#f0f5f6;color:#153643;box-shadow:0 20px 60px #001b3e88;overflow:auto}
#socialDialog[data-view=shredfeed]::before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:52px;height:5px;border-radius:8px;background:#182d38}
#socialDialog[data-view=shredfeed] .social-heading{top:-28px;background:#f0f5f6;color:#153643;border-radius:0;border-bottom:1px solid #cfdee3;padding:12px 0;gap:12px}
#socialDialog[data-view=shredfeed] .social-heading strong{color:#153643;font-size:23px;font-style:italic}
#socialDialog[data-view=shredfeed] .social-heading button{color:#153643;border-color:#a5bec8;background:#fff;border-radius:9px}
#socialDialog[data-view=shredfeed] #socialBody p,#socialDialog[data-view=shredfeed] #socialBody label,#socialDialog[data-view=shredfeed] #socialMessage{color:#355564!important}
#socialDialog[data-view=shredfeed] #socialBody h2{color:#153643;font-size:21px}
#socialDialog[data-view=shredfeed] .feed-post{padding:0;border:1px solid #cfdee3;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 3px 10px #183e4910}
#socialDialog[data-view=shredfeed] .feed-author{display:flex;align-items:center;gap:9px;padding:12px;color:#153643}
#socialDialog[data-view=shredfeed] .feed-author::before{content:'';width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#f4ffff 18%,transparent 19%),radial-gradient(ellipse at 50% 100%,#f4ffff 34%,transparent 35%),#167e99}
#socialDialog[data-view=shredfeed] .feed-post video{border-radius:0;max-height:390px;background:#102e3d}
#socialDialog[data-view=shredfeed] #socialBody .secondary{background:#e7f0f3;color:#153643;border-color:#b7cfd8}
#socialDialog[data-view=shredfeed] .feed-post>p,#socialDialog[data-view=shredfeed] .feed-post>button:not(.feed-author){margin:10px}
#socialDialog[data-view=shredfeed] .feed-compose{background:#fff;border-color:#b7cfd8}
.clip-phone-screen{background:#f0f5f6;color:#153643}
.clip-feed-heading{color:#153643;border-color:#cfdee3}
.clip-feed-heading span,.clip-feed-user>span:last-child,.clip-dialog p,.clip-dialog #clipHelp{color:#355564}
.clip-feed-post{border-color:#cfdee3;background:#fff}
.clip-dialog #clipStatus{color:#153643}
.clip-feed-avatar{background:#167e99;color:#fff}
.clip-dialog button{background:#e7f0f3;color:#153643;border-color:#b7cfd8}
.clip-dialog #shareClip{background:#167e99;color:#fff}
.clip-phone-home{background:#15364388}
@media(max-height:650px){.setup-panel .menu-top,.setup-panel[data-section=home] .menu-top,.setup-panel[data-section=career] .menu-top{top:48px}.setup .setup-panel:not([data-section=home]){margin-top:88px;max-height:calc(100% - 88px)}.setup-panel[data-section=home] #menuModes{top:-10px}}
@media(max-height:450px) and (min-width:601px){.setup-panel .menu-top,.setup-panel[data-section=home] .menu-top,.setup-panel[data-section=career] .menu-top{top:24px}.setup .setup-panel:not([data-section=home]){width:min(660px,100%);margin-top:56px;max-height:calc(100% - 56px)}.setup-panel[data-section=home] #menuModes{top:-6px}}

/* Consistent compact dialogs, with navigation anchored below their content. */
.setup-panel[data-section=home] .menu-main>.menu-secondary{position:relative;top:-28px}
#socialDialog[open]{display:flex;flex-direction:column;overflow:hidden;gap:12px;min-height:min(480px,85dvh)}
#socialDialog .social-heading{flex-shrink:0;position:static}
#socialBody{overflow:auto;min-height:0;flex:1}
#socialMessage:empty{display:none}
.menu-return,#trickBook .book-close{display:block;flex-shrink:0;width:100%;min-height:46px;margin-top:auto;padding:11px 16px;border:1px solid #ffffff80;border-radius:12px;background:#007b9255;color:#fff;font:600 15px/1.3 var(--hud-font);text-align:center}
#socialDialog[data-view=shredfeed] .menu-return{background:#e7f0f3;border-color:#b7cfd8;color:#153643}
#pauseMenu{border-radius:18px;padding:24px;gap:10px}
#pauseMenu h2{text-align:center;font-size:24px;margin:0 0 20px}
#pauseMenu button{border-radius:12px;min-height:46px;text-align:center;font-size:15px}
#pauseMenu #home{margin-top:20px;background:#007b9255;border-color:#ffffff80}
#trickBook .book-empty[data-tier=Legendary]>span{font-size:16px;line-height:1;width:auto;height:auto;background:none;color:#b9e7ff}
@media(max-height:650px){.setup-panel[data-section=home] .menu-main>.menu-secondary{top:-16px}}
@media(prefers-reduced-motion:reduce){.menu-return{transition:none}}

/* Main choices stay centered; only the shortcut row is raised. */
.setup-panel[data-section=home] #menuModes{top:0}