/* The approved desktop experience is unaffected. */ @media(max-width:650px){ #setup .rm-page-hero,#setup .page-heading{display:none!important} #setup .garage-layout{display:block!important;min-width:0!important} #setup .garage-left{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important} #setup .rm-mobile-passport{display:block;padding:4px 2px 16px;color:#263d35} #setup .rm-mp-heading{padding:16px 10px 19px} #setup .rm-mp-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#a16e35} #setup .rm-mp-heading h2{font-size:31px!important;line-height:1.12;margin:9px 0 6px!important;color:#263d35!important} #setup .rm-mp-heading p{font-size:13px;color:#69776f;margin:0} #setup .rm-mp-live-slot{width:100%;min-width:0} #setup .rm-mp-live-slot .rc-global-ride-profile{display:block!important;position:static!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;min-width:0!important} #setup .rm-mp-live-slot .visual-card{background:linear-gradient(160deg,#243b34,#31483e)!important;border:1px solid #506a5a!important;border-radius:23px!important;padding:17px!important;display:flex!important;flex-direction:column!important;gap:10px!important;box-shadow:0 14px 32px #20372b24!important;min-height:0!important;height:auto!important;overflow:hidden!important} #setup .rm-mp-live-slot .visual-title h3{color:#fff!important;font-size:19px!important} #setup .rm-mp-live-slot .terrain-showcase{display:none!important} #setup .rm-mp-live-slot .rc-league-preview,#setup .rm-mp-live-slot .experience-preview{order:2;position:static!important;height:auto!important;min-height:0!important;margin:0!important;padding:11px!important;border-radius:13px!important;background:#ffffff12!important;color:#fff!important} #setup .rm-mp-live-slot .visual-stage{order:1;display:block!important;position:relative!important;height:auto!important;min-height:210px!important;max-height:none!important;width:100%!important;overflow:hidden!important;background:#e0e8e2!important;border-radius:15px!important;padding:0!important} #setup .rm-mp-live-slot .visual-stage svg{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:310px!important;margin:auto!important} #setup .rm-mp-live-slot .experience-header,#setup .rm-mp-live-slot .experience-header strong,#setup .rm-mp-live-slot .experience-header span,#setup .rm-mp-live-slot .rc-league-preview small,#setup .rm-mp-live-slot .stage-disclaimer{color:#f6f4ec!important} #setup .rm-mp-live-slot .ride-create-cta{display:none!important} #setup .rm-mp-guide{background:#fffefa;border:1px solid #dce2da;border-radius:21px;margin-top:17px;padding:17px 14px 7px;box-shadow:0 8px 24px #263d3510} #setup .rm-mp-guide-head{display:flex;justify-content:space-between;align-items:end;gap:12px} #setup .rm-mp-guide-head h3{font-size:19px!important;margin:5px 0!important;color:#263d35!important} #setup #rmMpProgress{font-size:13px;color:#7a6850;white-space:nowrap} #setup .rm-mp-progress{height:5px;border-radius:8px;background:#e8e9e3;overflow:hidden;margin:12px 0} #setup #rmMpProgressFill{height:100%;width:0;background:#c9924b;transition:width .3s} #setup .rm-mp-guide button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;background:transparent!important;color:#253e34!important;border:0!important;border-bottom:1px solid #e8ece6!important;border-radius:0!important;padding:15px 2px!important;text-align:left!important;box-shadow:none!important;min-height:69px!important} #setup .rm-mp-guide button:last-child{border-bottom:0!important} #setup .rm-mp-step-icon{flex:0 0 39px;height:39px;display:grid;place-items:center;background:#e8eee8;color:#2b473b;border-radius:13px;font-weight:700;font-size:12px} #setup .rm-mp-guide button.is-complete .rm-mp-step-icon{background:#dcecdc;color:#286b4a} #setup .rm-mp-guide button>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1} #setup .rm-mp-guide strong{font-size:14px!important;color:#263d35!important} #setup .rm-mp-guide small{font-size:11px!important;color:#7a857d!important} #setup .rm-mp-chevron{font-size:25px;color:#a3afa5} #setup .rm-mp-hint{font-size:12px;color:#77847b;padding:10px 8px 0;line-height:1.5} #setup .garage-left>.profile-hero{display:none!important} #setup .rc-passport-modal .rc-passport-dialog{max-height:calc(100dvh - 90px)!important;overflow-y:auto!important} } @media(min-width:651px){#setup .rm-mobile-passport{display:none!important}} /* Concept 02: unified gaming / airline-style league header, visualizer, then tool dock. */ @media(max-width:650px){ #setup .rm-mp-live-slot .visual-card{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important} #setup .rm-mp-live-slot .visual-title{display:none!important} #setup .rm-mp-live-slot .rc-league-preview{order:0!important;background:#22372e!important;border:0!important;border-radius:20px 20px 0 0!important;padding:20px 18px 10px!important;margin:0!important} #setup .rm-mp-live-slot .rc-league-preview .experience-header{display:flex!important;align-items:center!important;justify-content:space-between!important} #setup .rm-mp-live-slot .rc-league-preview .experience-header strong{font-size:10px!important;text-transform:uppercase;letter-spacing:1.7px;color:#d8b47c!important} #setup .rm-mp-live-slot .rc-league-preview .experience-header span{font-size:25px!important;font-weight:800!important} #setup .rm-mp-live-slot .rc-league-preview small{font-size:11px!important;color:#d6d7c7!important} #setup .rm-mp-live-slot .experience-preview{order:1!important;background:#22372e!important;border:0!important;border-radius:0 0 20px 20px!important;padding:0 18px 18px!important;margin:0 0 12px!important} #setup .rm-mp-live-slot .experience-preview .experience-header{display:flex!important;flex-direction:row-reverse!important;justify-content:flex-end!important;gap:10px!important;align-items:center!important} #setup .rm-mp-live-slot .experience-preview .experience-header strong{font-size:10px!important;letter-spacing:1px;text-transform:uppercase;color:#d8b47c!important} #setup .rm-mp-live-slot .experience-preview .experience-header span{font-size:13px!important;font-weight:800!important;color:#fff!important} #setup .rm-mp-live-slot .visual-stage{order:2!important;border-radius:20px!important;position:sticky!important;top:66px!important;z-index:6!important;box-shadow:0 8px 24px #1e302a25!important} #setup .rm-mp-live-slot .legend{order:3!important;font-size:10px!important;padding:7px 5px!important} #setup .rm-mp-studio{padding:15px 2px 12px} #setup .rm-mp-studio-title h3{margin:6px 0!important;font-size:22px!important;color:#263d35!important} #setup .rm-mp-studio-title p{font-size:12px;color:#64776a;margin:0 0 15px} #setup .rm-mp-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;border-bottom:1px solid #dce4db;padding-bottom:8px} #setup .rm-mp-dock button{background:transparent!important;border:0!important;border-radius:11px!important;color:#617166!important;padding:9px 1px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;min-width:0!important;font-size:10px!important;font-weight:700!important;box-shadow:none!important} #setup .rm-mp-dock button.active{background:#e5ebe4!important;color:#1c4836!important} #setup .rm-mp-dock-icon{font-size:23px;line-height:1.2} #setup .rm-mp-inline-editor{margin-top:12px} #setup .rm-mp-inline-editor .rc-passport-modal:not(.hidden){position:static!important;display:block!important;inset:auto!important;background:transparent!important;z-index:auto!important;padding:0!important;overflow:visible!important;height:auto!important} #setup .rm-mp-inline-editor .rc-passport-dialog{position:static!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;transform:none!important;margin:0!important;border-radius:16px!important;box-shadow:none!important} #setup .rm-mp-inline-editor .rc-passport-dialog-top{position:static!important} #setup .rm-mp-inline-editor .step-list{max-height:none!important;overflow:visible!important} } /* Concept 03 — ribbon-only refinement. No changes to rider stage or studio. */ @media(max-width:650px){ #setup .rm-mp-live-slot .visual-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:8px!important;row-gap:0!important;min-width:0!important} #setup .rm-mp-live-slot .rc-league-preview,#setup .rm-mp-live-slot .experience-preview{grid-row:1!important;min-width:0!important;box-sizing:border-box!important;background:#22372e!important;border:0!important;margin:0!important;border-radius:0!important;padding:17px 0 9px!important;align-self:stretch!important} #setup .rm-mp-live-slot .rc-league-preview{grid-column:1!important;padding-left:14px!important;border-radius:17px 0 0 0!important} #setup .rm-mp-live-slot .experience-preview{grid-column:2!important;padding-right:14px!important;border-radius:0 17px 0 0!important;text-align:right!important} #setup .rm-mp-live-slot .rc-league-preview .experience-header,#setup .rm-mp-live-slot .experience-preview .experience-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important} #setup .rm-mp-live-slot .experience-preview .experience-header{align-items:flex-end!important} #setup .rm-mp-live-slot .rc-league-preview .experience-header strong,#setup .rm-mp-live-slot .experience-preview .experience-header strong{font-size:9px!important;line-height:1.25!important;letter-spacing:.7px!important;color:#b8cbbd!important;white-space:normal!important} #setup .rm-mp-live-slot .rc-league-preview .experience-header span{font-size:clamp(16px,5vw,22px)!important;line-height:1.1!important;overflow-wrap:anywhere!important} #setup .rm-mp-live-slot .experience-preview .experience-header span{font-size:clamp(12px,3.5vw,16px)!important;line-height:1.3!important;overflow-wrap:anywhere!important;text-align:right!important} #setup .rm-mp-live-slot .rc-league-preview small{display:none!important} #setup .rm-mp-live-slot .experience-preview .xp-progress,#setup .rm-mp-live-slot .experience-preview .stage-disclaimer{display:none!important} #setup .rm-mp-live-slot .rm-mp-league-progress{grid-column:1/-1!important;grid-row:2!important;background:#22372e;color:#e9e2d2;border-radius:0 0 17px 17px;padding:3px 14px 15px;min-width:0} #setup .rm-mp-live-slot .rm-mp-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;line-height:1.3;margin-bottom:7px} #setup .rm-mp-live-slot .rm-mp-progress-copy span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums} #setup .rm-mp-live-slot .rm-mp-league-track{height:5px;background:#52665a;border-radius:99px;overflow:hidden} #setup .rm-mp-live-slot .rm-mp-league-fill{height:100%;width:0;background:#e4b76e;border-radius:99px;transition:width .2s} #setup .rm-mp-live-slot .visual-stage{grid-column:1/-1!important;grid-row:3!important;margin-top:12px!important} #setup .rm-mp-live-slot .legend{grid-column:1/-1!important;grid-row:4!important} } /* Concept 04: two vertically stacked cards; only one card body visible. */ @media(max-width:650px){ #setup .rm-mp-live-slot,#setup .rm-mp-studio,#setup .rm-mp-guide,#setup .rm-mp-hint{display:none!important} #setup .rm-mobile-passport{padding:0 2px 16px!important} #setup .rm-mp-heading{padding:8px 8px 14px!important} #setup .rm-stack{min-width:0;width:100%;box-sizing:border-box;background:#22372e;border-radius:19px;overflow:hidden;box-shadow:0 12px 28px #182d2424} #setup .rm-stack-head{display:flex!important;align-items:center;gap:10px;width:100%;min-height:58px;padding:14px 13px!important;background:#304b3e!important;color:#fff!important;border:0!important;border-radius:0!important;text-align:left!important;font-size:14px!important;font-weight:750!important;box-shadow:none!important;position:relative} #setup .rm-stack-head.selected{background:#22372e!important} #setup .rm-stack-head.rm-stack-garage-head{border-top:1px solid #526b59!important;box-shadow:0 -6px 14px #13241b35!important} #setup .rm-stack-number{color:#e4b76e;font-size:11px;font-weight:700} #setup .rm-stack-arrow{margin-left:auto;color:#e4b76e;font-size:18px} #setup .rm-stack-league-body,#setup .rm-stack-garage-body{background:#22372e;padding:0 12px 15px;min-width:0} #setup [hidden]{display:none!important} #setup #rmLeagueVisual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px;min-width:0} #setup #rmLeagueVisual .rc-league-preview,#setup #rmLeagueVisual .experience-preview{background:transparent!important;border:0!important;padding:8px 0!important;margin:0!important;min-width:0!important;position:static!important;height:auto!important;color:#fff!important} #setup #rmLeagueVisual .experience-preview{text-align:right!important} #setup #rmLeagueVisual .experience-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important} #setup #rmLeagueVisual .experience-preview .experience-header{align-items:flex-end!important} #setup #rmLeagueVisual .experience-header strong{font-size:9px!important;letter-spacing:.6px!important;color:#bbd0c1!important} #setup #rmLeagueVisual .experience-header span{font-size:clamp(14px,4.4vw,20px)!important;line-height:1.15!important;overflow-wrap:anywhere!important;color:#fff!important} #setup #rmLeagueVisual .experience-preview .experience-header span{font-size:clamp(12px,3.5vw,16px)!important} #setup #rmLeagueVisual .rc-league-preview small,#setup #rmLeagueVisual .xp-progress,#setup #rmLeagueVisual .stage-disclaimer{display:none!important} #setup #rmLeagueVisual .rm-mp-league-progress{grid-column:1/-1;color:#fff;padding:6px 0 13px!important} #setup .rm-stack-section-title{color:#f5ead4;font-weight:750;font-size:16px;padding:13px 0 9px;border-top:1px solid #53695a} #setup .rm-stack-section-title small{display:block;color:#c3d1c6;font-weight:400;font-size:11px;margin-top:4px} #setup #rmGarageVisual .visual-stage{display:block!important;position:relative!important;top:auto!important;z-index:auto!important;width:100%!important;min-height:200px!important;height:auto!important;overflow:hidden!important;background:#e0e8e2!important;border-radius:14px!important} #setup #rmGarageVisual .visual-stage svg{width:100%!important;height:auto!important;max-height:330px!important;display:block!important} #setup #rmGarageVisual .legend{font-size:10px!important;color:#f4f2e9!important} #setup .rm-stack-choose{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0} #setup .rm-stack-choose button{background:#3a5546!important;color:#d4e0d4!important;border:1px solid #536d5b!important;border-radius:11px!important;padding:12px 4px!important;font-size:12px!important;min-width:0!important} #setup .rm-stack-choose button.active{background:#d5aa6c!important;color:#203629!important;border-color:#d5aa6c!important} #setup #rmPassportStack .step-card{background:#fffefa!important;border-radius:14px!important;overflow:hidden!important;margin:7px 0!important} #setup #rmPassportStack .step-card .step-head{display:none!important} #setup #rmPassportStack .step-card .step-body{display:block!important;padding:12px!important;max-height:none!important;color:#263d35!important} #setup #rmPassportStack .field-row{grid-template-columns:minmax(0,1fr)!important} #setup #rmPassportStack input,#setup #rmPassportStack select{max-width:100%;min-width:0} #account .rm-account-personal:not(.hidden){display:block;padding:12px;background:#fff;border-radius:14px} #account #stepCard1 .step-head{display:none} #account #stepCard1 .step-body{display:block!important} .rc-account-dock{position:relative!important} .rc-account-dock .rm-account-menu{position:absolute;z-index:150;right:0;top:100%;min-width:195px;padding:7px;background:#fffefa;border:1px solid #d9e2d9;border-radius:13px;box-shadow:0 15px 30px #182d2440} .rc-account-dock .rm-account-menu button{display:block!important;width:100%;background:transparent!important;color:#263d35!important;text-align:left!important;padding:11px!important;border:0!important;font-size:13px!important;min-height:0!important} } /* Concept 05: separated layered cards, persistent league identity, toggleable editors */ @media(max-width:650px){ #setup #rmPassportStack.rm-stack{background:transparent!important;box-shadow:none!important;overflow:visible!important;border-radius:0!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:2px 4px 18px!important;isolation:isolate} #setup #rmPassportStack .rm-stack-card{display:block!important;position:relative!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;border:1px solid #607565!important;border-radius:20px!important;overflow:hidden!important;background:#22372e!important;box-shadow:0 12px 28px rgba(13,29,21,.23)!important} #setup #rmPassportStack .rm-stack-card-league{z-index:2!important;padding-bottom:8px!important} #setup #rmPassportStack .rm-stack-card-garage{z-index:1!important;margin-top:-5px!important;padding-top:5px!important;background:#344b3d!important;border-color:#829280!important} #setup #rmPassportStack .rm-stack-head{min-height:0!important;padding:12px 13px 6px!important;background:transparent!important;box-shadow:none!important;border:0!important;gap:7px!important;font-size:12px!important} #setup #rmPassportStack .rm-stack-league-head{justify-content:space-between!important} #setup #rmPassportStack .rm-stack-number{font-size:10px!important;letter-spacing:.6px!important;flex-shrink:0!important} #setup #rmPassportStack .rm-stack-card-hint{color:#c1cfc1!important;font-weight:450!important;font-size:10px!important;margin-left:auto!important;white-space:nowrap!important} #setup #rmPassportStack .rm-stack-garage-head{padding:16px 14px!important;min-height:56px!important;font-size:14px!important} #setup #rmPassportStack #rmLeagueVisual{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0 8px!important;padding:0 13px!important;box-sizing:border-box!important} #setup #rmPassportStack #rmLeagueVisual .rc-league-preview,#setup #rmPassportStack #rmLeagueVisual .experience-preview{padding:6px 0!important;min-width:0!important} #setup #rmPassportStack #rmLeagueVisual .experience-header span{font-size:clamp(14px,4vw,18px)!important} #setup #rmPassportStack #rmLeagueVisual .experience-preview .experience-header span{font-size:clamp(12px,3.3vw,15px)!important} #setup #rmPassportStack #rmLeagueVisual .rm-mp-league-progress{padding:7px 0 11px!important} #setup #rmPassportStack .rm-stack-league-body{padding:5px 13px 16px!important;border-top:1px solid #536a58!important;background:#22372e!important} #setup #rmPassportStack .rm-stack-garage-body{background:#344b3d!important} #setup #rmPassportStack [hidden]{display:none!important} } @media(max-width:345px){#setup #rmPassportStack .rm-stack-card-hint{display:none!important}} /* Concept 06: mobile-only card width and type hierarchy */ @media(max-width:650px){ #setup #rmPassportStack.rm-stack{padding-left:0!important;padding-right:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important} #setup #rmPassportStack .rm-stack-card{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important} #setup #rmPassportStack .rm-stack-number{font-weight:400!important;letter-spacing:.3px!important;color:#d9e2d9!important} #setup #rmPassportStack #rmLeagueVisual .experience-header span{font-weight:800!important;font-size:clamp(17px,5vw,21px)!important;line-height:1.12!important} #setup #rmPassportStack #rmLeagueVisual .experience-preview .experience-header span{font-weight:800!important;font-size:clamp(16px,4.5vw,20px)!important} #setup #rmPassportStack #rmLeagueVisual .rm-mp-next{font-size:9px!important;font-weight:400!important;letter-spacing:0!important} } /* Concept 07: full-width collapsed/expanded cards, compact league details, whole-card tap */ @media(max-width:650px){ #setup .rm-mobile-passport,#setup .rm-mp-studio,#setup .rm-mp-live-slot,#setup #rmPassportStack.rm-stack{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} #setup .rm-mobile-passport{padding-left:0!important;padding-right:0!important} #setup #rmPassportStack.rm-stack{display:block!important;padding:0 0 18px!important} #setup #rmPassportStack .rm-stack-card{display:block!important;width:100%!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box!important;cursor:pointer} #setup #rmPassportStack #rmLeagueVisual .rc-league-preview{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important} #setup #rmPassportStack #rmLeagueVisual .rm-mp-progress-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;margin:3px 0 0!important} #setup #rmPassportStack #rmLeagueVisual .rm-mp-count{order:0!important;font-size:11px!important;color:#f1eadc!important;font-weight:400!important;line-height:1.2!important} #setup #rmPassportStack #rmLeagueVisual .rm-mp-next{order:1!important;font-size:9px!important;color:#c2cfbf!important;font-weight:400!important;line-height:1.2!important} #setup #rmPassportStack #rmLeagueVisual .rm-mp-league-progress{grid-column:1/-1!important;width:100%!important;padding:8px 0 11px!important} #setup #rmPassportStack #rmLeagueVisual .rm-mp-league-track{width:100%!important;height:5px!important;background:#52665a!important;border-radius:99px!important;overflow:hidden!important} #setup #rmPassportStack #rmLeagueVisual .rm-mp-league-fill{height:100%!important;background:#e4b76e!important;border-radius:99px!important} } /* Concept 08: immediate expanded-state visibility and cohesive sage editor */ @media(max-width:650px){ #setup #rmPassportStack .rm-stack-league-body{background:#dce9de!important;color:#263e33!important;padding:12px 13px 17px!important;border-top:1px solid #b6c9ba!important} #setup #rmPassportStack .rm-stack-section-title{color:#294638!important;border-color:#b7cbbd!important;margin:0!important;padding:8px 0 10px!important} #setup #rmPassportStack .rm-stack-section-title small{color:#597265!important} #setup #rmPassportStack #rmRiderDnaFields .step-card{background:#e9f1e9!important;border:1px solid #c4d6c8!important;box-shadow:none!important;margin:4px 0!important} #setup #rmPassportStack #rmRiderDnaFields .step-body{background:transparent!important;color:#263e33!important} #setup #rmPassportStack #rmRiderDnaFields label,#setup #rmPassportStack #rmRiderDnaFields .hint{color:#304a3c!important;-webkit-text-fill-color:#304a3c!important} #setup #rmPassportStack #rmRiderDnaFields select,#setup #rmPassportStack #rmRiderDnaFields input:not([type=checkbox]){background:#fbfdf9!important;color:#243c30!important;border:1px solid #b7cabb!important} #setup #rmPassportStack #rmRiderDnaFields .terrain-grid label{background:#d8e7d9!important;border:1px solid #b6cebc!important;color:#284534!important;-webkit-text-fill-color:#284534!important;min-height:54px!important;box-shadow:none!important} #setup #rmPassportStack #rmRiderDnaFields .terrain-grid label span{color:#284534!important;-webkit-text-fill-color:#284534!important} #setup #rmPassportStack #rmRiderDnaFields .terrain-grid{gap:7px!important} #setup #rmPassportStack #rmRiderDnaFields .depth-controls label,#setup #rmPassportStack #rmRiderDnaFields .item{background:#e1ece2!important;color:#284534!important} #setup #rmPassportStack #rmRiderDnaFields .rider-level{color:#2c5843!important} #setup #rmPassportStack .rm-stack-league-body[hidden]{display:none!important} } /* Concept 09: first-tap expansion must be laid out and painted immediately. */ @media(max-width:650px){ #setup #rmPassportStack .rm-stack-card.rm-is-open{height:auto!important;max-height:none!important;overflow:visible!important;contain:none!important;content-visibility:visible!important;} #setup #rmPassportStack .rm-stack-card.rm-is-open .rm-stack-league-body:not([hidden]){display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;visibility:visible!important;opacity:1!important;content-visibility:visible!important;} #setup #rmPassportStack .rm-stack-card.rm-is-open #rmRiderDnaFields{display:block!important;height:auto!important;max-height:none!important;visibility:visible!important;} #setup #rmPassportStack .rm-stack-card.rm-is-open #rmRiderDnaFields .step-card{display:block!important;} } /* Concept 10: warm status typography and sticky expanded-card identity. */ @media (max-width:650px){ #setup #rmPassportStack #rmLeagueVisual .experience-header span{ text-transform:uppercase!important;color:#E7AE58!important;font-weight:650!important; letter-spacing:.025em!important; } #setup #rmPassportStack .rm-stack-card.rm-is-open .rm-sticky-card-summary{ position:sticky!important;top:var(--rm-passport-sticky-top,90px)!important; z-index:15!important;background:#22372e!important; border-radius:18px 18px 0 0!important; box-shadow:0 6px 12px rgba(18,34,26,.14)!important; } #setup #rmPassportStack .rm-stack-card-garage.rm-is-open .rm-sticky-card-summary{background:#344b3d!important} #setup #rmPassportStack .rm-stack-card.rm-is-open{overflow:visible!important} #setup #rmPassportStack .rm-sticky-card-summary{min-width:0;width:100%;box-sizing:border-box} } /* Concept 11: matching League/Experience typography and pinned live garage scene. */ @media(max-width:650px){ #setup #rmPassportStack #rmLeagueVisual .experience-preview .experience-header span, #setup #rmPassportStack #rmLeagueVisual .rc-league-preview .experience-header span{ color:#E7AE58!important;text-transform:uppercase!important;font-weight:650!important; letter-spacing:.025em!important;font-size:clamp(17px,5vw,21px)!important;line-height:1.12!important; } #setup #rmPassportStack .rm-stack-card-garage.rm-is-open .rm-sticky-card-summary{ position:sticky!important;top:var(--rm-passport-sticky-top,90px)!important;z-index:16!important; background:#344b3d!important;overflow:hidden!important; } #setup #rmPassportStack .rm-stack-card-garage.rm-is-open .rm-sticky-card-summary #rmGarageVisual{ display:block!important;padding:0 12px 8px!important;box-sizing:border-box!important; } #setup #rmPassportStack .rm-stack-card-garage.rm-is-open .rm-sticky-card-summary #rmGarageVisual .visual-stage{ min-height:0!important;max-height:min(36vh,265px)!important;overflow:hidden!important; } #setup #rmPassportStack .rm-stack-card-garage.rm-is-open .rm-sticky-card-summary #rmGarageVisual .visual-stage svg{ max-height:min(36vh,265px)!important;object-fit:contain!important; } } /* Concept 12 — live scene selection, lighter compact garage editor, working account menu */ @media(max-width:650px){ #setup #rmPassportStack .rm-stack-garage-body{background:#dce9de!important;color:#294638!important;padding:9px 12px 16px!important} #setup #rmPassportStack #rmGarageFields .step-card{background:#e9f1e9!important;border:1px solid #c5d8c9!important;box-shadow:none!important;margin:4px 0!important} #setup #rmPassportStack #rmGarageFields .step-body{background:transparent!important;color:#294638!important;padding:10px!important} #setup #rmPassportStack #rmGarageFields label,#setup #rmPassportStack #rmGarageFields .hint{color:#294638!important;-webkit-text-fill-color:#294638!important} #setup #rmPassportStack #rmGarageFields input:not([type=checkbox]),#setup #rmPassportStack #rmGarageFields select{background:#fbfdf9!important;color:#263e33!important;border:1px solid #b7cabb!important} #setup #rmPassportStack #rmGarageFields .item{background:#e2ede4!important;color:#294638!important;min-height:0!important;padding:7px 9px!important;margin:4px 0!important;line-height:1.35!important;border-radius:9px!important} #setup #rmPassportStack #rmGarageFields .item label{min-height:0!important} #setup #rmPassportStack #rmGarageFields .field-row{gap:8px!important;margin-bottom:7px!important} #setup #rmPassportStack #rmGarageFields .step-body>label{margin:7px 0 4px!important} #setup .rm-scene-choice-hint{text-align:center;font-size:11px;color:#46614e;margin:8px 0 5px} #setup #rmGarageVisual .visual-stage{position:relative!important} #setup #rmGarageVisual .rm-scene-hotspot{position:absolute!important;z-index:12!important;top:5%!important;height:89%!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;cursor:pointer!important;touch-action:manipulation} #setup #rmGarageVisual .rm-scene-hotspot-rider{left:9%!important;width:39%!important} #setup #rmGarageVisual .rm-scene-hotspot-motorcycle{left:49%!important;width:49%!important} #setup #rmPassportStack .rm-stack-card-garage.rm-is-open #rmGarageVisual .visual-stage{position:relative!important} .rc-account-dock{z-index:300!important} .rc-account-dock .rm-account-menu{z-index:301!important} } /* Concept 13: unified light-sage rider gear and motorcycle accessory controls. */ @media(max-width:650px){ #setup #rmPassportStack #rmGarageFields .gear-accordion{background:#e9f1e9!important;color:#294638!important;border:1px solid #c3d5c6!important;border-radius:10px!important;margin:7px 0!important;overflow:hidden!important} #setup #rmPassportStack #rmGarageFields .gear-accordion summary{background:#dce9de!important;color:#294638!important;border-bottom:1px solid #c3d5c6!important;padding:9px 11px!important;font-size:12px!important;font-weight:600!important;min-height:0!important} #setup #rmPassportStack #rmGarageFields .gear-accordion summary span,#setup #rmPassportStack #rmGarageFields .gear-accordion summary small{color:#294638!important;-webkit-text-fill-color:#294638!important} #setup #rmPassportStack #rmGarageFields .gear-accordion summary:after{color:#4d6958!important} #setup #rmPassportStack #rmGarageFields .gear-accordion .gear-grid{background:#eef5ed!important;padding:7px!important;gap:5px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} #setup #rmPassportStack #rmGarageFields .gear-grid label.gear-tile{background:#f7faf5!important;border:1px solid #cadacb!important;color:#294638!important;-webkit-text-fill-color:#294638!important;border-radius:7px!important;padding:6px 7px!important;min-height:32px!important;font-size:11px!important;line-height:1.25!important;box-shadow:none!important} #setup #rmPassportStack #rmGarageFields .gear-grid label.gear-tile:has(input:checked){background:#d3e6d3!important;border-color:#8cad93!important} #setup #rmPassportStack #rmGarageFields .gear-grid label.gear-tile *{color:#294638!important;-webkit-text-fill-color:#294638!important} #setup #rmPassportStack #rmGarageFields .gear-grid input[type=checkbox]{accent-color:#4e7b5d!important} #setup #rmPassportStack #rmGarageFields .gear-accordion .gear-grid label.gear-tile{font-weight:400!important} } /* Concept 16: mobile-only account dropdown and swipeable journey library */ @media(max-width:650px){ .rc-account-dock{z-index:9999!important;overflow:visible!important;pointer-events:auto!important} .rc-account-dock>.rm16-account-trigger{position:relative!important;z-index:10000!important;pointer-events:auto!important;cursor:pointer!important} .rc-account-dock>.rm16-account-menu{position:absolute!important;right:0!important;top:calc(100% + 7px)!important;z-index:10001!important;display:flex!important;flex-direction:column!important;min-width:190px!important;max-width:calc(100vw - 22px)!important;padding:7px!important;border:1px solid #d6e2d8!important;border-radius:15px!important;background:#fffefa!important;box-shadow:0 18px 35px #182d2450!important} .rc-account-dock>.rm16-account-menu[hidden]{display:none!important} .rc-account-dock>.rm16-account-menu button{display:block!important;width:100%!important;min-height:40px!important;margin:0!important;padding:10px 12px!important;text-align:left!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#263d35!important;font-size:13px!important} .rc-account-dock>.rm16-account-menu button:active{background:#e5eee6!important} #planner .rc-journey-layout{display:flex!important;flex-direction:column!important;min-width:0!important} #planner .rc-journey-library{position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important;padding:12px!important} #planner #tripRecords{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;min-height:0!important;width:100%!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:2px!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;padding:5px 3px 14px!important;box-sizing:border-box!important;scrollbar-width:none} #planner #tripRecords::-webkit-scrollbar{display:none} #planner #tripRecords .trip-record{flex:0 0 86%!important;width:86%!important;max-width:340px!important;min-width:0!important;scroll-snap-align:start!important;border-radius:17px!important;border:1px solid #d4e0d5!important;box-shadow:0 5px 16px #1c362313!important;overflow:hidden!important} #planner #tripRecords .trip-record-selected{border-color:#9a9d6e!important;box-shadow:0 5px 18px #1c362322!important} #planner #tripRecords .rc-journey-select{min-height:130px!important;padding:18px!important;display:flex!important;flex-direction:column!important;gap:9px!important;justify-content:space-between!important} #planner #tripRecords .rc-journey-list-top strong{font-size:17px!important;line-height:1.25!important} #planner #tripRecords .rc-journey-list-meta{margin:0!important;font-size:12px!important} #planner .rm16-journey-counter{font-size:11px;color:#6d826e;margin:5px 0 1px;text-align:right} #planner .rc-journey-detail{width:100%!important;min-width:0!important} } /* Concept 17: portal dropdown avoids clipping and stacking of fixed mobile header. */ @media(max-width:650px){ #rcAccountDock>button{position:relative!important;z-index:2!important;pointer-events:auto!important} #rmMobileAccountMenu{position:fixed!important;z-index:2147483647!important;display:flex!important;flex-direction:column!important;min-width:190px!important;max-width:calc(100vw - 20px)!important;padding:7px!important;border:1px solid #d6e2d8!important;border-radius:15px!important;background:#fffefa!important;box-shadow:0 18px 35px #182d2450!important;box-sizing:border-box!important} #rmMobileAccountMenu button{display:block!important;position:static!important;width:100%!important;min-height:44px!important;margin:0!important;padding:11px 12px!important;text-align:left!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#263d35!important;font-size:13px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important} #rmMobileAccountMenu button:active{background:#e5eee6!important} } /* Mobile account personal details: show the original editable identity controls. */ @media(max-width:650px){ #account #rmPersonalDetails:not(.hidden) #rmPersonalFields,#account #rmPersonalDetails:not(.hidden) #stepCard1,#account #rmPersonalDetails:not(.hidden) #stepCard1 .step-body{display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;overflow:visible!important;height:auto!important} #account #stepCard1{margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important} #account #stepCard1 .step-head{display:none!important} #account #stepCard1 .field-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important} #account #stepCard1 label{display:block!important;color:#294338!important;margin-bottom:5px!important} #account #stepCard1 input{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:#f2f6f1!important;color:#243b30!important;border:1px solid #cddbd0!important;border-radius:10px!important;padding:12px!important} #account #stepCard1 .rc-phone-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important} #account #stepCard1 .rc-dial-button{background:#f2f6f1!important;color:#243b30!important;border:1px solid #cddbd0!important;border-radius:10px!important;min-height:43px!important;width:100%!important} } /* Concept 18 local adjustment: light Personal Details form on mobile only. */ @media screen and (max-width:650px){ body #account #rmPersonalDetails, body #account #rmPersonalFields, body #account #stepCard1, body #account #stepCard1 .step-body, body #account #stepCard1 .field-row, body #account #stepCard1 .rc-contact-row, body #account #stepCard1 .rc-phone-grid{ background:#f8faf6!important;color:#263d32!important; box-shadow:none!important; } body #account #rmPersonalDetails{border:1px solid #dbe6dc!important;border-radius:16px!important;padding:15px!important} body #account #stepCard1 input, body #account #stepCard1 input[type="email"], body #account #stepCard1 input[type="tel"], body #account #stepCard1 select, body #account #stepCard1 .rc-dial-button{ background:#edf4ed!important;background-color:#edf4ed!important; color:#243c30!important;-webkit-text-fill-color:#243c30!important; border:1px solid #cbdccc!important;border-radius:11px!important; box-shadow:none!important;opacity:1!important; } body #account #stepCard1 input::placeholder{color:#829487!important;-webkit-text-fill-color:#829487!important} body #account #stepCard1 label, body #account #stepCard1 .rc-phone-help, body #account #stepCard1 .hint{color:#425b4b!important} body #account #stepCard1 input:focus, body #account #stepCard1 .rc-dial-button:focus-visible{ outline:2px solid #9bbda4!important;outline-offset:1px!important; } } /* Mobile-only performance dashboard: desktop legacy layout untouched */ .rm-performance{display:none}@media(max-width:650px){#home>.rm-page-hero,#home>.page-heading,#home>.rc-next-journey,#home>.rc-insights,#home>.rc-insight-sections{display:none!important}.rm-performance{display:grid;gap:13px;color:#24362e;padding:4px 0 24px}.rm-perf-heading{padding:7px 3px}.rm-perf-heading span,.rm-perf-league small,.rm-perf-metrics small,.rm-perf-next small{font-size:10px;letter-spacing:1.5px;color:#6e7f75;font-weight:700}.rm-perf-heading h2{margin:5px 0;font-size:25px;color:#263c32}.rm-perf-heading p,.rm-perf-league p,.rm-perf-section-head p,.rm-perf-next p{margin:4px 0;color:#748479;font-size:12px}.rm-perf-league,.rm-perf-metrics>div,.rm-perf-trend,.rm-perf-next{background:#f1f5ed;border:1px solid #dbe6d8;border-radius:18px;padding:17px;box-shadow:0 5px 18px #142c1810}.rm-perf-league{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:10px}.rm-perf-league h3{font-size:23px;letter-spacing:1.3px;color:#b9823c;margin:6px 0}.rm-perf-ring{height:110px;width:110px;border-radius:50%;background:conic-gradient(#c39150 calc(var(--percent)*1%),#dce4d9 0);display:grid;place-items:center}.rm-perf-ring>div{background:#f1f5ed;border-radius:50%;width:88px;height:88px;display:flex;align-items:center;justify-content:center;flex-direction:column}.rm-perf-ring strong{font-size:23px}.rm-perf-ring small{letter-spacing:0;font-size:10px}.rm-perf-league-note{grid-column:1/-1;background:#e3ecdf;padding:9px 12px;border-radius:10px}.rm-perf-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rm-perf-metrics>div{display:flex;flex-direction:column;gap:8px;min-width:0}.rm-perf-metrics strong{font-size:25px;color:#2c4136}.rm-perf-metrics span{font-size:11px;color:#77867a}.rm-perf-section-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.rm-perf-section-head h3,.rm-perf-next h3{margin:0;font-size:17px;color:#2b4035}.rm-perf-section-head select{width:auto;min-width:66px;padding:7px;background:#e4ece0;color:#294036;border:1px solid #cbdac9;border-radius:9px}.rm-perf-chart{min-height:115px;display:flex;align-items:center;justify-content:center;border-top:1px solid #dbe5d8;margin-top:13px}.rm-perf-chart p{font-size:12px;color:#7b887e;text-align:center;max-width:235px}.rm-perf-next button{margin-top:9px;width:100%;background:#c18b4c;color:#fff;border-radius:11px}.rm-perf-next h3{margin-top:8px}} @media(max-width:650px){.rm-perf-gear{background:#f1f5ed;border:1px solid #dbe6d8;border-radius:18px;padding:17px;color:#2c4136;display:grid;gap:9px}.rm-perf-gear[hidden]{display:none!important}.rm-perf-gear small{font-size:10px;letter-spacing:1.5px;color:#6e7f75;font-weight:700}.rm-perf-gear strong{font-size:18px}.rm-perf-gear #rmPerfGearList{font-size:12px;line-height:1.7;color:#53685a}.rm-perf-gear button{border-radius:10px;background:#c18b4c;color:white}} /* Concept 22: Ride Videos mobile light surface only */ @media (max-width: 767px) { body:not(.rc-entry-locked) #videos {background:#f4f7f1!important;color:#2c4639!important;} body:not(.rc-entry-locked) #videos .rc-videos-grid .rc-video-tile, body:not(.rc-entry-locked) #videos .rc-videos-grid a, body:not(.rc-entry-locked) #videos .rc-video-card, body:not(.rc-entry-locked) #videos .rc-video-suggestion, body:not(.rc-entry-locked) #videos .rc-player-area {background:#fffefa!important;color:#2c4639!important;border:1px solid #d8e4d5!important;border-radius:16px!important;box-shadow:0 3px 12px rgba(40,65,46,.05)!important;} body:not(.rc-entry-locked) #videos .rc-video-thumbnail {background:#e5eee3!important;border-radius:11px!important;} body:not(.rc-entry-locked) #videos .rc-videos-grid small, body:not(.rc-entry-locked) #videos .rc-video-api-note, body:not(.rc-entry-locked) #videos .rc-videos-empty, body:not(.rc-entry-locked) #videos .rc-market-note {color:#61796b!important;} body:not(.rc-entry-locked) #videos .rc-video-tile strong {color:#263f32!important;} body:not(.rc-entry-locked) #videos .rc-player-frame {background:#e5eee3!important;} } /* Concept 23: mobile video suggestions — category above thumbnail only. */ @media(max-width:700px){ body:not(.rc-entry-locked) #videos .rc-videos-grid .rc-video-tile{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;} body:not(.rc-entry-locked) #videos .rc-mobile-video-category{display:block;font-weight:650;color:#294436;font-size:14px;margin:0 0 9px;} body:not(.rc-entry-locked) #videos .rc-videos-grid .rc-video-thumbnail{margin:0!important;border-radius:12px!important;overflow:hidden;} body:not(.rc-entry-locked) #videos .rc-desktop-video-info{display:none!important;} } @media(min-width:701px){#videos .rc-mobile-video-category{display:none!important;}} /* Concept 24: terrain summary replaces Rider Profile label on mobile only. */ @media(max-width:650px){ #setup #rmPassportStack .rm-stack-league-head{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;padding:10px 9px!important;min-height:72px!important} #setup #rmPassportStack .rm-stack-league-head .rm-stack-number{display:none!important} #setup #rmPassportStack .rm-terrain-mini-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;flex:1;min-width:0} #setup #rmPassportStack .rm-terrain-mini-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:54px;overflow:hidden;border:1px solid #bccdbd;border-radius:9px;background:#e7eee4;opacity:.55;padding:3px 1px;box-sizing:border-box} #setup #rmPassportStack .rm-terrain-mini-tile.is-active{background:#d6e8d4;border-color:#7d9d80;opacity:1} #setup #rmPassportStack .rm-terrain-mini-tile img{width:100%;height:29px;object-fit:cover;border-radius:5px} #setup #rmPassportStack .rm-terrain-mini-tile span{font-size:7px;line-height:1.15;color:#304e3a;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;margin-top:3px} #setup #rmPassportStack .rm-stack-league-head .rm-stack-arrow{flex-shrink:0} } /* Concept 25: minimal terrain frames and light italic captions, mobile only. */ @media(max-width:650px){ #setup #rmPassportStack .rm-terrain-mini-tile, #setup #rmPassportStack .rm-terrain-mini-tile.is-active{ border:1px solid rgba(255,255,255,.82)!important; box-shadow:none!important; background:#536d59!important; border-radius:7px!important; padding:2px 1px!important; } #setup #rmPassportStack .rm-terrain-mini-tile:not(.is-active){opacity:.65!important} #setup #rmPassportStack .rm-terrain-mini-tile.is-active{opacity:1!important} #setup #rmPassportStack .rm-terrain-mini-tile span{ color:#fff!important;font-style:italic!important;font-weight:400!important; text-shadow:0 1px 2px rgba(0,0,0,.25); } } /* Concept 26 — mobile terrain ribbon with diamond imagery and bottom chevron. */ @media (max-width:650px) { #setup #rmPassportStack .rm-stack-league-head{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:8px 7px 22px!important;min-height:unset!important;overflow:visible!important} #setup #rmPassportStack .rm-terrain-mini-strip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important;width:100%!important;flex:none!important;background:#dcebd9!important;border-radius:9px!important;padding:10px 4px 8px!important;box-sizing:border-box!important} #setup #rmPassportStack .rm-terrain-mini-tile,#setup #rmPassportStack .rm-terrain-mini-tile.is-active{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-height:57px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:4px 0!important;overflow:visible!important;box-shadow:none!important} #setup #rmPassportStack .rm-terrain-mini-tile img{width:29px!important;height:29px!important;max-width:calc(100% - 5px)!important;object-fit:cover!important;border-radius:3px!important;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)!important;transform:none!important} #setup #rmPassportStack .rm-terrain-mini-tile span{color:#28533b!important;-webkit-text-fill-color:#28533b!important;font-size:7px!important;font-weight:400!important;font-style:normal!important;text-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;line-height:1.15!important;margin-top:4px!important} #setup #rmPassportStack .rm-terrain-mini-tile:not(.is-active){opacity:.48!important} #setup #rmPassportStack .rm-stack-league-head .rm-stack-arrow{position:absolute!important;bottom:2px!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;line-height:16px!important;height:16px!important;min-width:24px!important;text-align:center!important} } /* Concept 29: compact slanted parallelograms, replacing the old diamond clip. */ @media (max-width:650px) { #setup #rmPassportStack .rm-terrain-mini-strip{gap:2px!important;padding:8px 5px 7px!important} #setup #rmPassportStack .rm-terrain-mini-tile img{ display:block!important;width:100%!important;max-width:100%!important; height:29px!important;aspect-ratio:auto!important;object-fit:cover!important; border-radius:0!important;transform:none!important; clip-path:polygon(19% 0,100% 0,81% 100%,0 100%)!important; } } /* Concept 30: mobile Passport summary hierarchy and tighter terrain ribbon. */ @media (max-width:650px) { #setup #rmPassportStack .rm-stack-card-league .rm-sticky-card-summary{ display:flex!important;flex-direction:column!important;align-items:stretch!important; } #setup #rmPassportStack .rm-stack-card-league #rmLeagueVisual{ order:0!important;width:100%!important; } #setup #rmPassportStack .rm-stack-card-league .rm-stack-league-head{ order:1!important;display:flex!important;flex-direction:column!important; padding:0 9px 20px!important;gap:0!important;min-height:0!important; } #setup #rmPassportStack .rm-terrain-mini-strip{ padding:4px 3px 3px!important;gap:2px!important; border-radius:9px!important;margin:0!important; } #setup #rmPassportStack .rm-terrain-mini-tile, #setup #rmPassportStack .rm-terrain-mini-tile.is-active{ min-height:0!important;padding:0!important;gap:0!important; } #setup #rmPassportStack .rm-terrain-mini-tile img{ height:29px!important;width:100%!important;max-width:100%!important; clip-path:polygon(19% 0,100% 0,81% 100%,0 100%)!important; } #setup #rmPassportStack .rm-terrain-mini-tile span{ margin-top:3px!important;line-height:1.1!important; } #setup #rmPassportStack .rm-stack-league-head .rm-stack-arrow{ bottom:0!important;height:16px!important;line-height:16px!important; } } /* Concept 31 — mobile-only: wider terrain imagery and a shorter first Passport card. */ @media (max-width:650px) { #setup #rmPassportStack .rm-stack-card-league{padding-bottom:3px!important} #setup #rmPassportStack .rm-stack-card-league #rmLeagueVisual .rc-league-preview, #setup #rmPassportStack .rm-stack-card-league #rmLeagueVisual .experience-preview{padding:3px 0!important} #setup #rmPassportStack .rm-stack-card-league #rmLeagueVisual .rm-mp-league-progress{padding:4px 0 5px!important} #setup #rmPassportStack .rm-stack-card-league .rm-stack-league-head{padding:0 5px 15px!important} #setup #rmPassportStack .rm-terrain-mini-strip{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:1px!important;padding:3px 1px 2px!important} #setup #rmPassportStack .rm-terrain-mini-tile img{width:100%!important;max-width:100%!important;height:31px!important;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)!important} #setup #rmPassportStack .rm-terrain-mini-tile span{margin-top:2px!important} #setup #rmPassportStack .rm-stack-league-head .rm-stack-arrow{height:13px!important;line-height:13px!important;bottom:0!important} } /* Concept 32: edge-to-edge sharp ribbon, half-width gaps and wider imagery; mobile only. */ @media (max-width:650px) { #setup #rmPassportStack .rm-terrain-mini-strip{ border-radius:0!important; gap:.5px!important; padding:0!important; overflow:visible!important; } #setup #rmPassportStack .rm-terrain-mini-tile, #setup #rmPassportStack .rm-terrain-mini-tile.is-active{ overflow:visible!important; } #setup #rmPassportStack .rm-terrain-mini-tile img{ width:105%!important; max-width:none!important; position:relative!important; left:-2.5%!important; height:31px!important; clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)!important; } } /* Concept 33 — remove terrain ribbon fill; white captions on dark Passport card. */ @media (max-width:650px) { #setup #rmPassportStack .rm-terrain-mini-strip{ background:transparent!important; background-color:transparent!important; box-shadow:none!important; border:0!important; } #setup #rmPassportStack .rm-terrain-mini-tile span{ color:#fff!important; -webkit-text-fill-color:#fff!important; } } /* Concept 34: slightly squarer corners on the two Passport accordion cards only. */ @media(max-width:650px){ #setup #rmPassportStack .rm-stack-card.rm-stack-card-league, #setup #rmPassportStack .rm-stack-card.rm-stack-card-garage{border-radius:14px!important} #setup #rmPassportStack .rm-stack-card.rm-is-open .rm-sticky-card-summary{border-radius:13px 13px 0 0!important} } /* Concept 35: actual mobile suggestions markup, including offline/service fallback. */ @media(max-width:700px){ #videos .rm-video-desktop-only{display:none!important} #videos .rm-video-mobile-only{display:grid;gap:13px} #videos .rm-video-suggestion{min-width:0;display:block;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important} #videos .rm-video-category,#videos .rc-mobile-video-category{display:block!important;color:#294436!important;font-size:14px!important;font-weight:500!important;margin:0 0 7px!important} #videos .rm-video-image-link,#videos .rm-video-suggestion .rc-video-tile{display:block!important;width:100%!important;min-height:0!important;aspect-ratio:16/9!important;padding:0!important;margin:0!important;border:0!important;border-radius:11px!important;overflow:hidden!important;background:#e5eee3!important;box-shadow:none!important} #videos .rm-video-image-link img,#videos .rm-video-suggestion .rc-video-thumbnail img{display:block;width:100%;height:100%;object-fit:cover} #videos .rm-video-suggestion .rc-video-thumbnail{aspect-ratio:16/9!important;margin:0!important;border-radius:11px!important} #videos .rm-video-suggestion .rc-desktop-video-info{display:none!important} } @media(min-width:701px){#videos .rm-video-mobile-only{display:none!important}#videos .rm-video-desktop-only{display:contents!important}#videos .rm-video-suggestion .rc-mobile-video-category{display:none!important}}