:root{font-family:system-ui,-apple-system,sans-serif;color:#e8edf5;background:#0d1520}*{box-sizing:border-box}body{margin:0}header{background:#172436;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #304052}h1{margin:0;font-size:23px}h1 span{color:#f3a44c}main{max-width:1080px;margin:auto;padding:28px 18px}.muted{color:#a9b6c6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:#172436;border:1px solid #304052;border-radius:16px;padding:20px;margin-bottom:16px}input,select,button{width:100%;padding:11px;border-radius:9px;border:1px solid #526175;background:#0d1520;color:#fff;margin:6px 0 12px;font:inherit}button{background:#e99b43;color:#142033;border:0;font-weight:750;cursor:pointer}button.secondary{background:#30445c;color:white}.score{font-size:54px;font-weight:800;color:#f3a44c}.pill{display:inline-block;padding:5px 9px;border-radius:12px;background:#314358;font-size:12px}.item{padding:12px 0;border-bottom:1px solid #344254;display:flex;align-items:center;gap:10px}.item input{width:auto;margin:0}.item small{display:block;color:#a9b6c6}.hidden{display:none}nav{display:flex;gap:8px;flex-wrap:wrap}nav button{width:auto;margin:0;padding:9px 14px}label{font-size:13px;color:#b7c6d6}footer{padding:24px;text-align:center;color:#889bad}
.onboard-backdrop{position:fixed;inset:0;background:rgba(2,8,16,.88);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.onboard-box{width:min(560px,100%);background:#172435;border:1px solid #41546b;border-radius:18px;padding:28px;box-shadow:0 20px 80px #0009}.onboard-box h2{margin-top:0}.onboard-box p{line-height:1.6}.onboard-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.onboard-actions button{flex:1;min-width:150px}.onboard-note{font-size:13px;color:#a6b5c6;margin-top:15px}
.onboard-backdrop.hidden{display:none!important}
.profile-hero{background:linear-gradient(120deg,#273b50,#172436);border:1px solid #4c6178;border-radius:18px;padding:22px;margin-bottom:18px}.progress-track{height:12px;border-radius:20px;background:#35465a;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#e18a30,#ffc078);transition:width .25s}.milestone{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #35465a}.milestone strong{color:#ffc078}.tag{font-size:12px;border:1px solid #526175;border-radius:30px;padding:5px 10px;color:#cdd7e4}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.terrain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.terrain-grid label{display:flex;align-items:center;gap:8px;background:#101d2c;padding:9px;border-radius:9px}.terrain-grid input{width:auto;margin:0}.hint{font-size:12px;color:#a9b6c6}.feedback{color:#ffd28b;min-height:18px}.subtle-button{background:#30445c;color:#fff}.optional{color:#a9b6c6;font-size:12px}.rider-level{color:#ffbd70;font-size:22px;font-weight:750}@media(max-width:580px){header{align-items:flex-start;flex-direction:column;gap:12px}nav button{padding:8px}main{padding:16px 12px}}

/* v0.5 garage visualization and honest progress */
.garage-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,0.95fr);gap:18px;align-items:start}
.garage-right{position:sticky;top:16px}.visual-card{background:linear-gradient(150deg,#26364a,#101a28 75%);border:1px solid #43566d;border-radius:18px;padding:18px;overflow:hidden}
.visual-card h3{margin:0 0 5px}.visual-stage{border-radius:13px;background:radial-gradient(ellipse at 50% 85%,#344455 0%,#1c2b3c 48%,#111d2a 100%);margin:15px 0 10px;overflow:hidden}
.visual-stage svg{display:block;width:100%;height:auto}.visual-layer{opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease}.visual-layer.equipped{opacity:1;transform:translateY(0)}
.visual-caption{font-size:12px;color:#acbbcc;line-height:1.5}.legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12px;color:#bdc9d7}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e99b43;margin-right:5px}
.gear-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gear-tile{display:flex;align-items:center;gap:8px;background:#101d2c;border:1px solid #34495d;padding:10px;border-radius:9px;font-size:13px;cursor:pointer}.gear-tile:has(input:checked){border-color:#e99b43;background:#352b26}.gear-tile input{width:auto;margin:0;accent-color:#e99b43}.progress-section{padding:13px 0;border-bottom:1px solid #394b5f}.progress-section:last-child{border-bottom:0}.progress-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.progress-section-head span{font-size:13px;font-weight:700}.progress-section-head small{font-size:12px;color:#b5c2d0}.mini-track{background:#364759;height:5px;border-radius:8px;margin-top:9px;overflow:hidden}.mini-fill{background:#efa34b;height:100%;transition:width .25s}.state-chip{border-radius:15px;padding:4px 9px;font-size:11px;background:#34465b;color:#d4deea;white-space:nowrap}.state-chip.done{background:#24483e;color:#a9edce}.state-chip.deferred{background:#51402b;color:#ffd39a}.stage-label{fill:#c7d3df;font-size:12px;letter-spacing:1px}.garage-group-title{margin:18px 0 8px;font-size:14px;color:#e8edf5}.stage-base{fill:#526276;stroke:#a6b4c4;stroke-width:2}.bike-frame{fill:none;stroke:#8497a9;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.equipment-fill{fill:#d48a40;stroke:#ffc27c;stroke-width:2}.gear-note{font-size:12px;color:#a9b6c6}
@media(max-width:900px){.garage-layout{grid-template-columns:1fr}.garage-right{position:static}}@media(prefers-reduced-motion:reduce){.visual-layer{transition:none}}

/* v0.5: compact rider passport summary */
.profile-hero{padding:16px 18px;margin-bottom:14px}
.profile-hero>p{font-size:12px;margin:8px 0 12px}
.milestone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
.milestone-card{border:1px solid #42576d;border-radius:10px;background:#152435;padding:10px;min-width:0}
.milestone-card-top{display:flex;justify-content:space-between;align-items:start;gap:4px}
.milestone-card-top small{font-size:11px;color:#c0cede;line-height:1.3}
.milestone-card-top strong{font-size:18px;color:#ffbd70}
.milestone-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-top:7px;font-size:10px;color:#9eafc2}
@media(max-width:700px){.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.7: terrain panorama inside My Ride Setup, independent weather strip */
.visual-card .terrain-showcase{height:172px;margin:14px 0 10px;padding:4px;border-color:#455469}
.visual-card .terrain-name{font-size:9px;top:12px}
.weather-strip{display:flex;flex-wrap:wrap;gap:8px;min-height:0;margin:0 0 10px}.weather-strip:not(:has(.equipped)){display:none}
.weather-indicator{display:none;align-items:center;gap:8px;border:1px solid #526477;background:#1c2c3c;border-radius:10px;padding:7px 12px;font-size:12px;color:#d7e4f0}
.weather-indicator.equipped{display:flex;opacity:1;transform:none}
.weather-icon{font-size:20px;color:#a8d9ff}
.visual-stage{border-radius:12px;overflow:hidden}
@media(max-width:700px){.visual-card .terrain-showcase{height:128px}.visual-card .terrain-name{font-size:7px}}
/* v0.6 terrain passport */
.terrain-showcase{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;height:205px;margin:0 0 15px;border:1px solid #405368;border-radius:15px;overflow:hidden;background:#0c141f;padding:5px}
.terrain-panel{position:relative;overflow:hidden;min-width:0;isolation:isolate;background:#111b27;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);margin:0 -4px;transition:filter .35s ease}
.terrain-panel img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) brightness(.26);transform:scale(1.15);transition:filter .35s ease,transform .35s ease}
.terrain-panel.active img{filter:grayscale(0) brightness(.92);transform:scale(1.2)}
.terrain-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07121cc9 0%,transparent 45%,#07121cb5 100%);pointer-events:none}
.terrain-panel.active{box-shadow:inset 0 0 0 2px #e99b43}
.terrain-name{position:absolute;z-index:1;top:13px;left:0;right:0;text-align:center;color:#e9edf3;text-transform:uppercase;letter-spacing:.6px;font-weight:800;font-size:10px;text-shadow:0 1px 6px #000}
.terrain-state{position:absolute;z-index:1;bottom:13px;left:0;right:0;text-align:center;color:#9daab9;font-size:10px;font-weight:700}
.terrain-panel.active .terrain-state{color:#ffd08c}
.terrain-intro{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 10px}.terrain-intro small{color:#a9b6c6}
@media(max-width:700px){.terrain-showcase{height:155px;gap:1px}.terrain-name{font-size:8px;letter-spacing:0;word-break:break-word}.terrain-state{font-size:8px}.terrain-intro{align-items:flex-start;flex-direction:column}}

/* RutaMarga v0.9 · cinematic adventure dashboard */
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf2f8;background:#0a1119}
body{background:radial-gradient(ellipse at 80% 0%,#162637 0%,#0b141e 48%,#090f17 100%);min-height:100vh}
.side-nav{position:fixed;z-index:20;inset:0 auto 0 0;width:218px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:28px 13px 24px;background:linear-gradient(175deg,#080e15,#111d28 64%,#080e15);border-right:1px solid #283849}
.side-nav .brand{text-align:center;padding:0 8px 35px}.brand-mark{font-size:31px;color:#f3a64e;line-height:1.3}.brand h1{font-size:27px;letter-spacing:-1.1px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px;color:#a7b8c9}
.side-nav nav{display:flex;flex-direction:column;gap:7px;flex-wrap:nowrap}.side-nav nav button{width:100%;text-align:left;margin:0;background:transparent;border:1px solid transparent;color:#c7d2df;border-radius:9px;padding:13px 10px;font-size:12px;font-weight:650;display:flex;gap:13px;align-items:center}.side-nav nav button span{font-size:19px;color:#92a9bc;width:21px;text-align:center}.side-nav nav button:hover,.side-nav nav button.nav-current{background:#1b2c3c;border-color:#2c4c60;color:#fff}.side-nav nav button.nav-current{box-shadow:inset 3px 0 #4ec6e6}.side-nav nav button.nav-current span{color:#6bd5ee}.sidebar-quote{margin-top:auto;font-size:13px;line-height:1.7;font-style:italic;color:#a8bacd;padding:20px 13px;border-top:1px solid #283747}
main{margin-left:218px;max-width:none;padding:25px clamp(18px,3vw,46px) 44px}footer{margin-left:218px;background:#0a1119}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.page-heading h2{font-size:29px;letter-spacing:-.8px;margin:5px 0}.page-heading p{margin:0;font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#e4a25c}.heading-accent{color:#8697aa;font-weight:450}.version-label{font-size:10px;letter-spacing:1px;color:#91a4b8;border:1px solid #34475b;border-radius:50px;padding:8px 11px}
.card,.profile-hero,.visual-card{background:linear-gradient(150deg,#192532,#131d29);border:1px solid #344458;box-shadow:0 12px 34px #0002}.card{border-radius:13px;padding:18px}.card h3{font-size:17px;margin-top:0}.muted{color:#a2b2c4}.profile-hero{padding:15px 20px 18px;border-radius:14px;margin-bottom:19px}.profile-hero>div:first-child strong:first-child{font-size:14px;letter-spacing:1.1px}.profile-hero>p{margin:6px 0 8px}.progress-track{height:8px;background:#2c3d50}.progress-fill,.mini-fill{background:linear-gradient(90deg,#35aaca,#7de4f0)}.milestone-grid{gap:11px}.milestone-card{background:#1b2938;border-color:#33465a;padding:13px;border-radius:12px}.milestone-card-top strong{color:#8de2eb}.milestone-meta span:last-child{color:#7c90a6}
.garage-layout{grid-template-columns:minmax(310px,.79fr) minmax(450px,1.32fr);gap:18px}.garage-left{display:flex;flex-direction:column}.garage-left>.card:nth-child(4) h3{font-size:20px}.garage-left>.card:nth-child(4)>p{font-size:12px}.garage-right{top:18px}.visual-card{padding:16px;border-radius:15px;background:linear-gradient(160deg,#1b2b3b,#101c28)}.visual-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.visual-title h3{font-size:22px;margin:3px 0 0}.scene-dot{font-size:9px;letter-spacing:.8px;color:#83c5b4;background:#203e3e;border-radius:20px;padding:7px 9px;white-space:nowrap}
.visual-card .terrain-showcase{height:185px;margin:17px 0 10px;background:#0c151f;padding:3px;gap:3px;border-radius:11px}.visual-card .terrain-name{font-size:9px;top:10px}.terrain-panel.active{box-shadow:none}.terrain-panel.active img{filter:grayscale(0) brightness(1.03)}.terrain-panel img{filter:grayscale(1) brightness(.23)}
.visual-stage{background:linear-gradient(180deg,#0c1825aa,#15202bb5),url('assets/terrain-3.webp') center center/cover;border:1px solid #3c5063;box-shadow:inset 0 0 65px #070d16;margin-top:10px}.visual-stage svg{max-height:520px}.visual-caption{margin-bottom:0}.legend{padding-top:6px;justify-content:space-between}.legend i{background:#64c7df}
.gear-accordion{background:#101b27;border:1px solid #304356;border-radius:10px;margin:11px 0;overflow:hidden}.gear-accordion summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:#213040;font-size:13px;font-weight:750;list-style:none}.gear-accordion summary::-webkit-details-marker{display:none}.gear-accordion summary:after{content:'⌄';font-size:17px;color:#b2c5d8}.gear-accordion[open] summary:after{content:'⌃'}.gear-accordion summary small{margin-left:auto;margin-right:14px;color:#a8b9c9;font-size:11px}.gear-accordion .gear-grid{padding:11px;grid-template-columns:1fr 1fr;gap:6px}.gear-tile{padding:9px 8px;font-size:12px;border-color:#2c4053;background:#152331}.gear-tile:has(input:checked){background:#223843;border-color:#398ca7}.gear-tile input{accent-color:#56bcd7}
input,select{border-color:#42576a;background:#0c1824}button{background:#eaa04f}.visual-layer{transition:opacity .28s ease,transform .28s ease}
@media(max-width:1160px){.garage-layout{grid-template-columns:1fr}.garage-right{position:static}.visual-stage svg{max-height:600px}}
@media(max-width:760px){.side-nav{position:sticky;inset:0;width:100%;height:auto;padding:9px 12px;flex-direction:row;align-items:center;gap:12px}.side-nav .brand{padding:0;text-align:left}.brand-mark,.brand small,.sidebar-quote{display:none}.brand h1{font-size:19px}.side-nav nav{flex-direction:row;overflow:auto;gap:3px;flex:1}.side-nav nav button{width:auto;white-space:nowrap;padding:9px 7px;font-size:10px;gap:4px}.side-nav nav button span{font-size:13px;width:auto}main,footer{margin-left:0}.page-heading h2{font-size:23px}.version-label{display:none}.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-card .terrain-showcase{height:135px}}
@media(max-width:420px){.gear-accordion .gear-grid{grid-template-columns:1fr}.side-nav nav button span{display:none}.visual-card .terrain-name{font-size:7px}}

/* v0.9.1: chronological setup and compact profile sections */
.garage-left>.card:nth-child(-n+3){padding:13px 15px;margin-bottom:10px}
.garage-left>.card:nth-child(-n+3) h3{font-size:15px;margin:0 0 10px;line-height:1.35}
.garage-left>.card:nth-child(-n+3) p.muted{font-size:11px;line-height:1.4;margin:0 0 9px}
.garage-left>.card:nth-child(-n+3) .field-row{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.garage-left>.card:nth-child(3) .field-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.garage-left>.card:nth-child(-n+3) input:not([type=checkbox]),.garage-left>.card:nth-child(-n+3) select{padding:8px 9px;margin:3px 0 7px;font-size:12px;min-width:0}
.garage-left>.card:nth-child(-n+3) label{font-size:11px}
.garage-left>.card:nth-child(2) .terrain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:6px}
.garage-left>.card:nth-child(2) .terrain-grid label{padding:6px 8px;font-size:11px}
.garage-left>.card:nth-child(2) .rider-level{font-size:15px;margin-top:6px}
.garage-left>.card:nth-child(-n+3) .hint{font-size:10px;margin:6px 0}
.garage-left>.card:nth-child(3) .item{padding:6px 0;font-size:11px}
@media(max-width:480px){.garage-left>.card:nth-child(-n+3) .field-row,.garage-left>.card:nth-child(3) .field-row{grid-template-columns:1fr 1fr}.garage-left>.card:nth-child(3) .field-row>div:last-child{grid-column:1/-1}}

/* v0.9.2: clean, compact rider/bike stage; weather shown separately on selection */
.visual-stage{background:#152331!important;box-shadow:none!important;border:1px solid #34485a!important;margin-top:8px!important}
.visual-stage svg{max-height:none!important;aspect-ratio:560/420;width:100%;height:auto}
.weather-strip{margin:8px 0 9px;gap:8px}
.weather-indicator{background:#203244;border-color:#466078;padding:8px 12px}
.weather-icon{font-size:21px}

/* v0.9.4 guided passport steps */
.step-list{display:grid;gap:12px}
.step-card{background:#111b27;border:1px solid #314152;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.step-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;background:linear-gradient(180deg,#152333,#101925)}
.step-head-left{display:flex;align-items:flex-start;gap:12px;min-width:0}
.step-index{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#203247;color:#8ee2ff;font-weight:800;font-size:14px;flex:0 0 auto;border:1px solid #2f4862}
.step-card.complete .step-index{background:#1f4336;color:#bdf1d7;border-color:#366953}
.step-card.active .step-index{background:#1d4e64;color:#d7f8ff;border-color:#3f8ea4}
.step-title{font-size:18px;font-weight:800}
.step-summary{font-size:12px;color:#9bb0c2;margin-top:4px;line-height:1.45}
.step-meta{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.step-percent{font-size:13px;color:#ffd18a;font-weight:800}
.step-toggle{font-size:18px;color:#9bb0c2;transition:transform .2s ease}
.step-card.active .step-toggle{transform:rotate(180deg)}
.step-body{display:none;padding:0 18px 18px;background:#111b27}
.step-card.active .step-body{display:block}
.step-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.step-actions button{width:auto;padding:10px 16px;margin:0}
.step-note{font-size:12px;color:#9db0c3;margin-top:10px}
.passport-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.passport-actions button{width:auto;margin:0;padding:10px 16px}
.experience-preview{border:1px solid #304252;border-radius:12px;padding:12px 13px;background:rgba(12,19,28,.65);margin:0 0 10px}
.experience-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.experience-header strong{font-size:13px;letter-spacing:.2px}.experience-header span{font-size:12px;color:#9fd8ff}
.experience-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.xp-block{position:relative;border:1px solid #36485b;background:#172334;border-radius:10px;height:52px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#aebfd2;cursor:help;transition:.2s ease}
.xp-block.is-active{background:linear-gradient(180deg,#17374a,#1d2f40);border-color:#4f88a5;color:#d6f8ff}
.xp-block.is-current{box-shadow:0 0 0 2px #74dfff inset,0 0 18px rgba(84,216,255,.17)}
.xp-block small{display:block;font-weight:700;font-size:10px;color:inherit;opacity:.92}
.xp-block::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:180px;max-width:40vw;padding:10px 12px;border-radius:10px;background:#08131d;color:#edf5ff;border:1px solid #3d5367;box-shadow:0 12px 35px rgba(0,0,0,.35);font-size:11px;line-height:1.35;opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:6;white-space:normal}
.xp-block:hover::after,.xp-block:focus::after{opacity:1}
.visual-card .terrain-showcase{margin-top:8px}
.weather-strip{display:none!important}
.visual-stage{position:relative;min-height:300px;padding:8px 0 2px}
.visual-card .visual-stage svg{width:62%;max-width:390px;margin:18px auto 2px;display:block;height:auto}
.scene-weather{position:absolute;display:none;z-index:4;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s ease}
.scene-weather.equipped{display:block;opacity:1}
.scene-weather .cloud{font-size:34px;line-height:1}.scene-weather .precip{font-size:24px;line-height:1;margin-top:-6px;letter-spacing:3px;color:#86d9ff}
.scene-weather.snow .precip{color:#d3efff}
.scene-weather.rain{top:14px;left:18%}.scene-weather.snow{top:18px;right:18%}
.scene-footer-note{font-size:11px;color:#8fa7bb;margin-top:8px}
.inline-pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #41566a;color:#cfe0f0;font-size:11px}
@media(max-width:900px){.visual-card .visual-stage svg{width:68%}.scene-weather.rain{left:10%}.scene-weather.snow{right:10%}}
@media(max-width:700px){.step-head{padding:14px}.step-title{font-size:16px}.experience-bars{grid-template-columns:repeat(2,1fr)}.xp-block::after{display:none}.visual-card .visual-stage svg{width:78%}}

/* v0.9.4: collapsible stages, visual experience meter, balanced scene */
.step-head{user-select:none}.step-head:hover{background:#1a2a3b}
.step-head:focus-within{outline:2px solid #5ab7d4}
.step-card:not(.active) .step-toggle{transform:rotate(0)}
.step-card.active .step-toggle{transform:rotate(180deg)}
.step-card.complete .step-index{background:#225440;border-color:#37795e;color:#c2f8db}
.experience-preview{margin-top:10px;padding:14px 16px}
.xp-progress{display:flex;gap:3px;width:100%;height:14px;background:#121e2c;border-radius:999px;padding:1px;overflow:visible}
.xp-segment{position:relative;flex:1;border:0;border-radius:2px;background:#263748;cursor:help;padding:0;margin:0;min-width:0;transition:background .2s}
.xp-segment:first-child{border-radius:999px 2px 2px 999px}.xp-segment:last-child{border-radius:2px 999px 999px 2px}
.xp-segment.is-active{background:linear-gradient(90deg,#248ab7,#66badd)}.xp-segment.is-current{background:#ffb04c;box-shadow:0 0 12px #f5a1435e}
.xp-segment .xp-tooltip{position:absolute;bottom:calc(100% + 13px);left:50%;transform:translate(-50%,5px);width:190px;padding:11px;background:#07141f;border:1px solid #42566c;border-radius:10px;box-shadow:0 10px 24px #0008;z-index:10;color:#e9f4ff;opacity:0;pointer-events:none;line-height:1.35;text-align:left;font-size:11px;font-weight:400;transition:.2s}
.xp-tooltip strong{display:block;font-size:12px;color:#ffc17b;margin-bottom:4px}.xp-segment:hover .xp-tooltip,.xp-segment:focus-visible .xp-tooltip{opacity:1;transform:translate(-50%,0)}
.xp-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin-top:9px}.xp-labels span{font-size:10px;color:#9baec2;text-align:center;overflow-wrap:anywhere}
.stage-disclaimer{color:#869bae;font-size:10px;margin:9px 0 0}
.depth-controls{display:grid;gap:6px;margin-top:10px}.depth-controls:empty{display:none}.depth-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #354657;background:#101d2a;border-radius:9px;padding:6px 10px}.depth-item span{font-size:12px}.depth-item select{width:auto;max-width:58%;margin:0;padding:7px;font-size:12px}
.visual-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:285px;padding:22px 8px 5px}
.visual-card .visual-stage svg{display:block;width:min(87%,440px);height:auto;max-height:none;aspect-ratio:560/425;object-fit:contain;margin:0 auto;flex:none}
.scene-weather{z-index:5}.scene-weather.rain{left:17%;top:8px}.scene-weather.snow{right:18%;top:8px}
@media(max-width:700px){.visual-card .visual-stage svg{width:95%}.xp-labels span{font-size:9px}.xp-segment .xp-tooltip{width:140px}}

/* v0.9.5 top completion cards navigate a single live editor */
.milestone-card{cursor:pointer;transition:background .2s,border-color .2s;position:relative}
.milestone-card:hover,.milestone-card:focus-visible{background:#21354b;border-color:#68b8dc}
.milestone-card.selected{background:#203447;border-color:#76d5ff;box-shadow:inset 0 0 0 1px #76d5ff44}
.milestone-card.selected:after{content:"";position:absolute;bottom:-2px;left:10px;right:10px;height:3px;border-radius:3px;background:#79ddff}
.step-list{display:block}.step-card{display:none!important;border:0;background:transparent;box-shadow:none;overflow:visible}
.step-card.active{display:block!important}.step-card .step-head,.step-card .step-actions{display:none!important}
.step-card .step-body{display:block!important;border:1px solid #354b61;border-radius:16px;background:#121e2d;padding:20px}
.step-card .step-body:before{content:attr(data-panel-title);display:block;font-size:18px;font-weight:800;color:#f3f7ff;margin-bottom:14px}
.passport-auto-save{color:#99ceba;font-size:12px;margin:0 0 12px}
@media(max-width:700px){.step-card .step-body{padding:14px}}

/* v0.9.9: single-screen twin-column My Profile */
#setup .page-heading{margin-bottom:10px}
#setup .page-heading h2{font-size:23px;margin:3px 0}
#setup .garage-layout{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(440px,1.08fr);gap:14px;align-items:start}
#setup .garage-left,#setup .garage-right{min-width:0}
#setup .garage-right{position:static;top:auto}
#setup .profile-hero{padding:13px;margin:0 0 12px}
#setup .profile-hero>div:first-child strong:first-child{font-size:12px}
#setup #profilePercent{font-size:23px!important}
#setup .milestone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
#setup .milestone-card{padding:9px 6px;border-radius:9px}
#setup .milestone-card-top{display:block}
#setup .milestone-card-top small{font-size:10px;display:block;min-height:27px}
#setup .milestone-card-top strong{font-size:16px}
#setup .milestone-meta{font-size:9px;margin-top:5px}
#setup .step-card .step-body{padding:14px}
#setup .step-card .step-body:before{font-size:16px;margin-bottom:10px}
#setup .step-card input,#setup .step-card select{padding:8px;margin:4px 0 8px}
#setup .terrain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#setup .terrain-grid label{padding:6px;font-size:11px}
#setup .depth-controls{gap:4px}
#setup .depth-item{padding:4px 7px}
#setup .depth-item select{padding:5px;margin:0}
#setup .visual-card{padding:13px}
#setup .visual-title h3{font-size:18px}
#setup .visual-card .terrain-showcase{height:95px;margin:10px 0 8px}
#setup .visual-card .terrain-name{font-size:7px;top:7px}
#setup .experience-preview{padding:9px 11px;margin-bottom:7px}
#setup .experience-header{margin-bottom:6px}
#setup .xp-progress{height:11px}
#setup .xp-labels{margin-top:5px}
#setup .visual-stage{min-height:190px;padding:6px;margin-top:6px!important}
#setup .visual-card .visual-stage svg{width:min(65%,320px);height:auto;max-height:184px;aspect-ratio:auto;object-fit:contain}
#setup .scene-weather.rain{left:17%;top:4px}
#setup .scene-weather.snow{right:17%;top:4px}
#setup .scene-weather .cloud{font-size:25px}
#setup .scene-weather .precip{font-size:17px}
#setup .legend{margin:4px 0 0;padding:0;font-size:10px}
#setup .passport-auto-save{margin-top:8px;font-size:10px}
@media(min-width:1150px) and (min-height:650px){
 #setup .step-list{max-height:calc(100vh - 270px);overflow-y:auto;scrollbar-width:thin}
}
@media(max-width:1050px){#setup .garage-layout{grid-template-columns:1fr}#setup .step-list{max-height:none;overflow:visible}#setup .visual-card .visual-stage svg{width:70%;max-height:260px}#setup .visual-card .terrain-showcase{height:120px}}
@media(max-width:760px){#setup .milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#setup .garage-layout{grid-template-columns:minmax(0,1fr)}#setup .visual-card .visual-stage svg{width:85%;max-height:280px}}

/* Journey Planner 1.0 */
#planner{max-width:1200px;margin:auto}.planner-head{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:12px 0}
.planner-head h3{margin:0}.planner-head button{width:auto;min-width:180px;margin:0}
.trip-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:15px 0 20px}
.trip-record{background:#142333;border:1px solid #344a60;border-radius:14px;padding:16px;min-width:0}
.trip-record h4{margin:0 0 9px;overflow-wrap:anywhere}.trip-record p{font-size:12px;color:#aac0d3;margin:4px 0}
.trip-record button{width:auto;font-size:12px;padding:9px 13px;margin:10px 0 0}
.planner-phase-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}
.phase-btn{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #3d5266;background:#142235;color:#d9e5f2;padding:13px;border-radius:13px;margin:0;min-width:0}
.phase-btn .num{width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#2a4052;color:#d6efff}
.phase-btn.current{border-color:#e7a351;background:#263042}.phase-btn.current .num{background:#df9744;color:#151d28}
.phase-btn .phase-name{font-size:13px;font-weight:800}.phase-btn small{font-size:11px;font-weight:400;color:#b3c3d2;display:block;margin-top:4px}
.planner-surface{background:#142333;border:1px solid #34485c;border-radius:16px;padding:20px;margin-bottom:10px}
.planner-surface h3{margin-top:0}.planner-surface .muted{font-size:13px}
.planner-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-top:16px}
.planner-actions button{width:auto;margin:0;padding:10px 19px}
.planner-status{min-height:20px;font-size:13px;color:#9fddb9;margin:10px 0}
.day-card{margin:12px 0;padding:15px;background:#0f1c29;border:1px solid #385065;border-radius:13px}
.day-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:10px}.day-top strong{color:#f4b56e}.day-top span{font-size:12px;color:#9eb2c4}
.trip-day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.trip-day-grid .wide{grid-column:span 2}.stops{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.stop-chip{border:1px solid #52677b;border-radius:999px;padding:5px 8px;font-size:11px;color:#d3e4f1}
.stop-chip button{border:0;background:none;color:#eabf8a;display:inline;width:auto;padding:0 2px;margin:0 0 0 6px;font-size:13px}
.stop-entry{display:flex;gap:7px}.stop-entry input{margin:0}.stop-entry button{margin:0;width:95px;padding:6px;font-size:12px}
.planner-check{display:flex;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #2e4153}
.planner-check input{width:auto;flex:0 0 auto;margin:4px 0;accent-color:#e9a14a}.planner-check b{font-size:13px}.planner-check small{display:block;color:#a7bacb;margin-top:5px;font-size:12px}
.check-owned{color:#a3e1b9!important}.check-missing{color:#f2c18c!important}
.planner-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 18px}
.planner-kpis div{background:#0d1925;border-radius:10px;padding:11px;text-align:center}.planner-kpis b{display:block;font-size:21px;color:#ffc078}.planner-kpis span{font-size:11px;color:#adc0d0}
@media(max-width:700px){.planner-phase-nav{grid-template-columns:1fr}.trip-day-grid{grid-template-columns:1fr}.trip-day-grid .wide{grid-column:span 1}.planner-kpis{grid-template-columns:repeat(3,1fr)}.planner-surface{padding:14px}}

.trip-record{padding:13px 15px}
.trip-record-selected{border-color:#76d5ff;background:#1b3242}
.trip-record-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.trip-record-heading strong{font-size:14px;overflow-wrap:anywhere}
.trip-record-actions{display:flex;gap:8px;align-items:center;margin-top:8px}
.trip-record-actions button{margin:0;width:auto;flex:1}
.trip-record-actions .trip-delete{background:transparent;color:#ffc5be;border:1px solid #9b5856}
.trip-record-actions .trip-delete:hover{background:#552e33}
.planner-workspace-top{display:flex;justify-content:flex-end;margin-top:6px}
.planner-workspace-top button{margin:0;width:auto;font-size:12px}

/* v1.2 itinerary and readiness */
.day-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.day-tabs button{width:auto;margin:0;background:#172a3c;color:#cbdcec;padding:8px 14px;border:1px solid #38526a}.day-tabs button.chosen{background:#d69242;color:#152333;border-color:#f6bd78}
.bike-readiness-fields{border-top:1px solid #354a60;margin-top:13px;padding-top:10px}.bike-readiness-fields h4{margin:4px 0 10px}
.readiness-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.readiness-group{background:#0e1a27;border:1px solid #334a61;border-radius:12px;padding:13px;margin:12px 0}
.readiness-group h4{margin:0}.readiness-group-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.readiness-group-top strong{color:#ffd19c;font-size:12px;white-space:nowrap}
.readiness-gap{padding:10px 0;border-bottom:1px solid #273949;display:flex;align-items:start;gap:8px;font-size:12px}.readiness-gap strong{display:block}.readiness-gap small{display:block;color:#b5c7d6;margin-top:4px;line-height:1.4}
.gap-critical,.gap-standard{font-size:10px;font-weight:750;display:inline-block;flex-shrink:0;border-radius:6px;padding:3px 5px}.gap-critical{color:#ffb6a8;background:#4c292c}.gap-standard{color:#ffdb9e;background:#493a2a}.critical-line{padding:8px 2px;border-bottom:1px solid #293949;font-size:12px}.checklist-title{margin:22px 0 12px}
.trip-record-actions .trip-delete{width:auto;min-width:70px}.trip-record{min-width:0}
@media(max-width:780px){.readiness-two{grid-template-columns:1fr}}

/* v1.3: day-based trip details and in-page route map */
.day-map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-top:14px}
.day-map-layout #plannerDays,.day-map-panel{min-width:0}
.day-map-layout .trip-day-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.day-map-layout .trip-day-grid .wide{grid-column:1/-1}
.stop-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stop-fields button{grid-column:1/-1;width:auto;justify-self:start;margin:0;padding:8px 15px}
.stop-fields input{min-width:0}
.day-map-panel{border:1px solid #33495d;background:#101a27;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.map-panel-head{display:flex;gap:12px;align-items:center;justify-content:space-between}
.map-panel-head strong{font-size:13px}.map-panel-head button{width:auto;margin:0;padding:8px 12px;font-size:12px}
#ridecraftRouteMap{width:100%;height:370px;min-height:280px;border-radius:10px;background:#233342;z-index:0}
.map-help{font-size:11px;line-height:1.45;margin:0}
.trip-record-actions{align-items:center}.trip-record-actions button.secondary{width:auto;flex:0 0 auto;padding:7px 15px;font-size:12px}
.trip-record-actions .trip-delete{flex:0 0 auto;width:33px;height:33px;display:grid;place-items:center;padding:0}
@media(max-width:1100px){.day-map-layout{grid-template-columns:1fr}#ridecraftRouteMap{height:330px}}
@media(max-width:580px){.stop-fields{grid-template-columns:1fr}.day-map-layout .trip-day-grid{grid-template-columns:1fr}}

/* v1.3.1: constrain Leaflet tiles to their own map pane; avoid global image sizing */
#ridecraftRouteMap{position:relative;overflow:hidden;isolation:isolate;min-width:0;max-width:100%;contain:layout paint}
#ridecraftRouteMap .leaflet-pane img{max-width:none!important;max-height:none!important}
#ridecraftRouteMap .leaflet-control-container{position:relative;z-index:800}

.flat-day-summary{margin-top:20px;border:1px solid #34485c;border-radius:13px;background:#101e2c;overflow:hidden}
.flat-day-summary-title{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:12px}
.flat-day-summary-title h3{margin:0!important;font-size:15px}
.flat-day-summary-title span{font-size:12px;color:#9db1c5}
.flat-day-summary-scroll{overflow-x:auto;max-width:100%}
.flat-day-summary-table{width:100%;border-collapse:collapse;min-width:850px;font-size:12px;text-align:left}
.flat-day-summary-table th,.flat-day-summary-table td{padding:10px 11px;border-top:1px solid #2c4154;vertical-align:top;overflow-wrap:anywhere}
.flat-day-summary-table th{background:#1d3042;color:#b9d6e7;font-weight:700;white-space:nowrap}
.flat-day-summary-table td{color:#e1e9f0}
.flat-day-summary-table tr:nth-child(even){background:#152637}

.terrain-advisories{margin:14px 0 18px;border:1px solid #9b7851;border-radius:12px;background:#261f1c;padding:14px}
.terrain-advisories h4{margin:0 0 6px;font-size:15px;color:#ffdbab}
.terrain-advisories>p{margin:0 0 12px;color:#c6b7a6;font-size:12px}
.terrain-advisory{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid #544234}
.terrain-advisory-tag{flex:none;border-radius:6px;border:1px solid #b58953;color:#fbd39a;padding:4px 7px;font-size:11px;font-weight:700}
.terrain-advisory strong,.terrain-advisory small{display:block}
.terrain-advisory strong{font-size:13px}
.terrain-advisory small{font-size:12px;color:#e3cbb0;line-height:1.5;margin-top:4px}
/* Embedded Leaflet fallback geometry: protects the map if CDN CSS loads late or is blocked. */
#ridecraftRouteMap.leaflet-container{position:relative;overflow:hidden;outline:0;touch-action:pan-x pan-y;background:#dce4e8}
#ridecraftRouteMap .leaflet-pane,#ridecraftRouteMap .leaflet-tile,#ridecraftRouteMap .leaflet-marker-icon,#ridecraftRouteMap .leaflet-marker-shadow,#ridecraftRouteMap .leaflet-tile-container,#ridecraftRouteMap .leaflet-pane>svg,#ridecraftRouteMap .leaflet-pane>canvas{position:absolute;left:0;top:0}
#ridecraftRouteMap .leaflet-map-pane{position:absolute;left:0;top:0}
#ridecraftRouteMap .leaflet-tile{visibility:hidden;user-select:none;-webkit-user-drag:none;max-width:none!important;max-height:none!important}
#ridecraftRouteMap .leaflet-tile-loaded{visibility:inherit}
#ridecraftRouteMap .leaflet-zoom-animated{transform-origin:0 0}
#ridecraftRouteMap .leaflet-tile-pane{z-index:200}
#ridecraftRouteMap .leaflet-overlay-pane{z-index:400}
#ridecraftRouteMap .leaflet-shadow-pane{z-index:500}
#ridecraftRouteMap .leaflet-marker-pane{z-index:600}
#ridecraftRouteMap .leaflet-tooltip-pane{z-index:650}
#ridecraftRouteMap .leaflet-popup-pane{z-index:700}
#ridecraftRouteMap .leaflet-control{position:relative;z-index:800;pointer-events:auto}
#ridecraftRouteMap .leaflet-top{position:absolute;z-index:1000;top:0;pointer-events:none}
#ridecraftRouteMap .leaflet-bottom{position:absolute;z-index:1000;bottom:0;pointer-events:none}
#ridecraftRouteMap .leaflet-left{left:0}
#ridecraftRouteMap .leaflet-right{right:0}
#ridecraftRouteMap .leaflet-control-attribution{font-size:10px;background:rgba(255,255,255,.8);color:#333;padding:1px 5px}
#ridecraftRouteMap .leaflet-control-attribution a{color:#1765a2}

.ride-create-cta{width:100%;margin-top:14px;padding:14px 18px;border-radius:12px;background:linear-gradient(105deg,#e6a75e,#f5c580);color:#17212c;font-size:15px;font-weight:750;display:flex;justify-content:center;gap:10px;align-items:center;cursor:pointer;border:0;box-shadow:0 5px 18px #0003}
.ride-create-cta:hover{filter:brightness(1.06)}
.ride-create-cta:focus-visible{outline:3px solid #7edcf4;outline-offset:3px}
.trip-saved-notice:not(:empty){margin:12px 0;padding:10px 14px;border:1px solid #467665;border-radius:9px;background:#172e2b;color:#b4e8d4;font-size:13px}
.status-check{color:#57d8a2!important}.status-warning{color:#ffb457!important}
#setup .step-percent{font-weight:800;font-size:18px}#setup .milestone-card-top strong{font-size:23px}

.rc-contact-row{margin-top:14px}.rc-emergency{margin:20px 0;padding:18px;border:1px solid #52616a;border-radius:14px;background:rgba(108,158,153,.07)}.rc-emergency h3{margin:0 0 6px}.rc-login-nav{margin:14px 10px;background:#202d35;border:1px solid #d9984a;color:#f1eee7;width:calc(100% - 20px)}.rc-auth{max-width:620px;margin:35px auto;padding:22px}.rc-auth h2{font-size:clamp(28px,4vw,42px)}.rc-auth-card{margin:24px 0;padding:25px;border:1px solid #52616a;background:#202d35;border-radius:18px;display:grid;gap:12px}.rc-auth-card button{margin-top:6px}.rc-auth-card input{max-width:100%}@media(max-width:720px){.rc-auth{margin:12px auto;padding:12px}.rc-emergency{padding:12px}}
.rc-phone-grid{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,1fr);gap:10px}.rc-phone-grid input{width:100%;min-width:0}.rc-phone-help{font-size:11px;color:#aab9bf;margin-top:4px}@media(max-width:520px){.rc-phone-grid{grid-template-columns:1fr}}

.rc-phone-grid input[list="rcPhoneCountries"]{cursor:text}
.rc-country-menu{position:absolute;z-index:10000;left:0;right:0;top:100%;max-height:220px;overflow-y:auto;background:#202d35;border:1px solid #72818a;border-radius:10px;box-shadow:0 12px 30px #0009;margin-top:3px}
.rc-country-option{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;color:#f1eee7;border:0;border-bottom:1px solid #34434c;border-radius:0;cursor:pointer;font:inherit}
.rc-country-option:hover,.rc-country-option:focus{background:#354b57}
.rc-country-empty{padding:12px;color:#bdc9cc;font-size:13px}
.rc-country-wrapper{position:relative}

:root{--rc-bg:#101820;--rc-panel:#202d35;--rc-amber:#d9984a;--rc-ivory:#f1eee7;--rc-teal:#6c9e99}
body{background:var(--rc-bg);color:var(--rc-ivory)}
.side-nav{background:#101820!important}
.side-nav .brand h1 span{color:var(--rc-amber)}
.side-nav nav button.nav-current{box-shadow:inset 3px 0 var(--rc-amber)!important}
.rc-account-dock{margin-top:auto;border-top:1px solid #34434c;padding:12px 4px 0}
.rc-account-dock button{width:100%;margin:0;text-align:left;background:#202d35;border:1px solid #52616a;color:#f1eee7;font-size:13px;padding:13px;line-height:1.5}
.rc-account-dock button small{display:block;color:#aebec5;font-weight:400}
.rc-gateway{text-align:center}.rc-brand-icon{font-size:55px;color:var(--rc-amber)}
.rc-gateway .rc-auth-card{text-align:left}.rc-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rc-auth-tabs button{background:#34434c;color:#f1eee7;margin:0}
.rc-auth-tabs button.rc-selected{background:var(--rc-amber);color:#101820}
.rc-auth-note{font-size:12px;line-height:1.5}
.rc-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0}
.rc-dashboard-tile{text-align:left;background:#202d35;color:#f1eee7;border:1px solid #445560;border-radius:16px;padding:23px;display:flex;flex-direction:column;gap:9px;margin:0;min-height:140px}
.rc-dashboard-tile span{color:var(--rc-amber);font-size:28px}
.rc-dashboard-tile strong{font-size:17px}.rc-dashboard-tile small{color:#b6c4c8;font-weight:400}
.rc-next-journey{background:#202d35}.rc-next-journey button{max-width:240px}
.rc-create-trip{background:var(--rc-amber);color:#101820;padding:16px}
.rc-back{width:auto}
@media(max-width:760px){
.side-nav{position:sticky!important;top:0;z-index:1200;display:block!important;padding:10px 12px!important}
.side-nav .brand{display:flex;align-items:center}
.side-nav nav{position:fixed;bottom:0;left:0;right:0;background:#101820;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px!important;padding:8px 4px max(8px,env(safe-area-inset-bottom));border-top:1px solid #34434c;z-index:1201;overflow:visible!important}
.side-nav nav button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px!important;padding:5px 0!important;font-size:9px!important;white-space:normal!important;text-align:center!important}
.side-nav nav button span{font-size:19px!important}
.rc-account-dock{position:absolute;top:5px;right:10px;border:0;padding:0;margin:0;width:132px}
.rc-account-dock button{padding:6px 8px;font-size:10px;text-align:center}
.rc-account-dock button small{display:none}
main{padding-bottom:90px!important}
.rc-dashboard-grid{gap:9px}.rc-dashboard-tile{padding:13px;min-height:120px}
}

/* Entry gate: no workspace navigation or underlying content until an explicit choice. */
body.rc-entry-locked .side-nav,body.rc-entry-locked footer{display:none!important}
body.rc-entry-locked main{margin-left:0!important;max-width:100%;min-height:100vh;padding:clamp(24px,5vw,72px) 18px!important;display:flex;justify-content:center;align-items:center}
body.rc-entry-locked main > section:not(#auth){display:none!important}
body.rc-entry-locked main > #auth{display:block!important;width:min(100%,650px)}
body.rc-entry-locked .rc-gateway{max-width:650px;margin:auto}
body.rc-entry-locked .rc-auth-card{box-shadow:0 20px 70px #0006}
@media(max-width:760px){body.rc-entry-locked .side-nav nav{display:none!important}body.rc-entry-locked main{padding:22px 16px!important}}

 /* Uniform field typography; headings retain their independent hierarchy. */
 main input:not([type="checkbox"]):not([type="radio"]),main select,
 main textarea,main .rc-dial-button, .rc-dial-search,
 .rc-dial-choice{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;font-weight:400!important;letter-spacing:normal!important;line-height:1.4!important}
 .rc-phone-grid{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important;align-items:end}
 .rc-phone-grid>div{min-width:0}
 .rc-phone-grid label{display:block;white-space:normal}
 .rc-dial-button{width:100%;min-width:0;margin:4px 0 8px!important;padding:8px 5px!important;
  border:1px solid #526175!important;border-radius:9px!important;background:#0c1824!important;
  color:#f1eee7!important;display:flex;align-items:center;justify-content:center;gap:3px;
  white-space:nowrap;cursor:pointer;text-align:center}
 .rc-dial-button span{font-size:10px;color:#aebec5}
 .rc-dial-popover{position:fixed;z-index:99999;background:#202d35;border:1px solid #72818a;
  border-radius:12px;box-shadow:0 14px 35px #000b;padding:9px;max-width:calc(100vw - 16px);
  width:310px;color:#f1eee7}
 .rc-dial-search{width:100%;margin:0 0 7px!important;padding:10px!important;background:#101820!important;color:#fff!important}
 .rc-dial-results{max-height:260px;overflow-y:auto;overscroll-behavior:contain}
 .rc-dial-choice{display:block;width:100%;margin:0!important;padding:10px 8px!important;
  text-align:left;background:transparent!important;border:0!important;border-bottom:1px solid #3c4c55!important;
  color:#f1eee7!important;cursor:pointer;border-radius:0!important}
 .rc-dial-choice:hover,.rc-dial-choice:focus{background:#364c59!important}
 .rc-dial-empty{padding:10px;color:#b6c4c8;font-size:14px}
 @media(max-width:520px){.rc-phone-grid{grid-template-columns:92px minmax(0,1fr)!important}}

.rc-alert-summary{background:#2d2824;border:1px solid #946339;border-radius:10px;padding:10px 12px;margin:10px 0;color:#f4d5a7}
.rc-alert-summary strong{display:block;font-size:14px;line-height:1.45}
.rc-alert-summary small{display:block;font-size:12px;color:#c9c6bd;margin-top:5px}
.rc-alert-clear{background:#1d3635;border-color:#54887f;color:#a9e1d2}
.rc-alert-management{border:1px solid #3d4c59;border-radius:12px;padding:15px;margin:15px 0;background:#162331}
.rc-alert-management h4{margin:0 0 6px}
.rc-alert-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #334456;padding:12px 0}
.rc-alert-row strong{font-size:14px;display:block}.rc-alert-row small{font-size:12px;color:#b7c6d6;display:block;margin-top:4px}
.rc-alert-row button{width:auto;min-width:120px;flex-shrink:0;margin:0;font-size:13px!important}
.rc-alert-addressed{opacity:.72}.rc-readiness-action{display:block;width:auto!important;margin-top:9px!important;padding:7px 12px!important;font-size:13px!important}
.trip-record .rc-alert-summary{margin:8px 0;font-size:12px}
@media(max-width:550px){.rc-alert-row{align-items:flex-start;flex-direction:column}.rc-alert-row button{width:100%}}

.rc-readiness-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}
.rc-readiness-toolbar span{font-weight:600;font-size:14px}
.rc-readiness-toolbar button{width:auto;margin:0;font-size:13px!important}
@media(max-width:560px){.rc-readiness-toolbar{align-items:stretch;flex-direction:column}.rc-readiness-toolbar button{width:100%}.trip-record-actions{flex-wrap:wrap}}

/* v1.5 Preview 12 — unified rewards */
.rc-reward-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;border:1px solid #526171;border-radius:16px;background:linear-gradient(120deg,#293844,#141e28);margin:18px 0;color:#f1eee7}
.rc-reward-hero small,.rc-reward-stats small{display:block;color:#c1cbd0;font-size:12px}.rc-reward-hero h2{font-size:32px;margin:8px 0}.rc-reward-hero p{max-width:510px;color:#c1cbd0;font-size:13px;margin:0}
.rc-reward-stats{display:flex;gap:18px;flex-shrink:0}.rc-reward-stats div{background:#15222c;padding:13px;border-radius:10px;min-width:115px}.rc-reward-stats strong{display:block;font-size:23px}
.rc-reward-tabs{display:flex;gap:6px;border-bottom:1px solid #53616c;margin:12px 0 18px;overflow-x:auto}.rc-reward-tabs button{width:auto!important;white-space:nowrap;background:transparent!important;color:#c4d0d6!important;border:0!important;border-radius:0!important;padding:12px 17px!important;margin:0!important}.rc-reward-tabs button.rc-active{color:#f1eee7!important;border-bottom:3px solid #d9984a!important}
.rc-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rc-badge-card{padding:17px;border:1px solid #52616c;border-radius:12px;background:#1d2a35;min-width:0}.rc-badge-card.rc-locked{opacity:.6}.rc-badge-card.rc-locked .rc-badge-symbol{filter:grayscale(1)}.rc-badge-symbol{font-size:29px;display:block;margin-bottom:9px}.rc-badge-card strong{display:block;font-size:15px}.rc-badge-card p{font-size:12px;color:#c2cdd4;margin:7px 0}.rc-badge-card small{font-size:12px;color:#d9984a}.rc-reward-panel{background:#1d2a35;border:1px solid #455560;border-radius:13px;padding:18px;margin-bottom:15px}.rc-reward-panel h3{margin:0 0 10px}.rc-reward-panel p,.rc-reward-panel li{font-size:13px;color:#c3cdd3}.rc-reward-table{width:100%;border-collapse:collapse;font-size:13px}.rc-reward-table td,.rc-reward-table th{padding:10px;border-bottom:1px solid #46535f;text-align:left}.rc-reward-table th{color:#d9984a}
.rc-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc-evidence-grid label{display:block;font-size:13px}.rc-evidence-grid input,.rc-evidence-grid select{width:100%;margin:6px 0 12px}.rc-proof-note{padding:10px;border-radius:8px;background:#283843;color:#d4dce0;font-size:12px}.rc-proof-error{color:#ffbf9b;font-size:13px;min-height:18px}.rc-proof-ok{color:#a6d4c8}.rc-evidence-entry{padding:12px;border:1px solid #4c5e68;border-radius:10px;margin:10px 0}.rc-evidence-entry strong{display:block}.rc-evidence-entry small{color:#b7c5ce;display:block;margin-top:4px}.rc-compact-action{width:auto!important;margin:8px 0!important}
@media(max-width:780px){.rc-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-reward-hero{flex-direction:column;align-items:stretch}.rc-reward-stats{width:100%}.rc-reward-stats div{flex:1;min-width:0}}
@media(max-width:520px){.rc-reward-grid,.rc-evidence-grid{grid-template-columns:1fr}.rc-reward-tabs button{font-size:12px!important;padding:10px!important}}

.rc-terrain-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:8px}
.rc-terrain-picks label{display:flex!important;align-items:center;gap:7px;border:1px solid #52616b;padding:9px;border-radius:8px;font-size:14px!important;cursor:pointer}
.rc-terrain-picks input{width:auto!important;margin:0!important;accent-color:#D9984A}
.rc-market-form input[readonly]{opacity:.85;background:#273942!important;cursor:not-allowed}
.rc-market-form small{display:block;color:#aebfc3;font-size:12px;margin-top:4px}
.rc-video-pref{padding:16px;border:1px solid #52616b;border-radius:12px;margin:16px 0;background:#182932}.rc-video-pref select{width:100%;max-width:330px;margin-top:8px;font-size:14px}.rc-video-dialog{width:min(740px,100%)}.rc-video-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.rc-video-filters input,.rc-video-filters select{width:100%;margin-top:4px;font-size:14px}.rc-video-results{display:grid;gap:10px;margin-top:15px}.rc-video-result{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #52616b;border-radius:10px;text-decoration:none;color:inherit}.rc-video-result:hover{border-color:#D9984A}.rc-video-result small{display:block;color:#adbec1;margin-top:4px}@media(max-width:600px){.rc-video-filters{grid-template-columns:1fr}}.rc-player-area{max-width:900px;margin:20px 0}.rc-player-area[hidden]{display:none}.rc-player-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.rc-player-frame{position:relative;aspect-ratio:16/9;background:#0c1116;border-radius:12px;overflow:hidden}.rc-player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.rc-player-external{display:inline-block;margin-top:10px;color:#D9984A}.rc-videos-grid .rc-video-tile{display:block;text-align:left;color:inherit;background:#202d35;border:1px solid #465962;border-radius:14px;padding:12px;cursor:pointer;font:inherit;width:100%}.rc-videos-grid .rc-video-tile:hover{border-color:#D9984A}.rc-video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px;margin-bottom:12px;background:#101820}.rc-video-thumbnail img{width:100%;height:100%;object-fit:cover}.rc-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#c00;color:white;border-radius:12px;padding:12px 18px}.rc-videos-grid .rc-video-tile small{display:block;color:#bac9ca;margin-top:6px}.rc-video-api-note{grid-column:1/-1;font-size:13px;color:#bac9ca;padding:10px 0}
/* Preview 20 · Journey Studio design refresh */
#planner{max-width:1440px}#planner .page-heading{padding-bottom:8px}#planner .page-heading h2{font-size:clamp(29px,3.2vw,44px);letter-spacing:-.04em}
.rc-studio-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#D9984A;margin-bottom:7px}
#planner .planner-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 17px}
#planner .planner-head h3{font-size:23px;letter-spacing:-.03em;margin:0}
#planner .rc-studio-primary{border-radius:12px;padding:12px 19px;font-weight:700;background:#D9984A;color:#18232a;border:0;box-shadow:0 8px 26px #d9984a24}
#planner .trip-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}
#planner .trip-record{border-radius:16px;border:1px solid #40545d;background:linear-gradient(145deg,#24353e,#182730);padding:20px;min-height:160px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#planner .trip-record:hover{transform:translateY(-2px);border-color:#829394;box-shadow:0 12px 32px #0002}
#planner .trip-record-heading strong{font-size:17px;letter-spacing:-.02em}
#planner .trip-record-actions{gap:7px;flex-wrap:wrap}#planner .trip-record-actions button{font-size:12px}
.rc-studio-workspace{margin-top:24px;border-top:1px solid #41545c;padding-top:18px}
.rc-studio-workspace .planner-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.rc-studio-workspace-caption{font-size:10px;font-weight:700;letter-spacing:.13em;color:#93abae}.rc-studio-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#D9984A;margin-right:6px}
.rc-studio-journey-head{background:linear-gradient(105deg,#263c44,#182831 72%);border:1px solid #4a6068;border-radius:18px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}
.rc-studio-journey-head h2{margin:0 0 5px;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.035em}.rc-studio-journey-head p{margin:0;color:#a9bdc0;font-size:13px}
#planner .planner-phase-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
#planner .rc-studio-phase{position:relative;min-height:110px;border:1px solid #40545d;border-radius:15px;background:#1c2b34;padding:17px;text-align:left;display:flex;align-items:flex-start;gap:12px;transition:background .18s,border-color .18s,transform .18s}
#planner .rc-studio-phase:hover{transform:translateY(-2px);background:#263842}
#planner .rc-studio-phase.current{border-color:#D9984A;background:linear-gradient(135deg,#33413e,#222e34);box-shadow:inset 0 0 0 1px #d9984a2b}
#planner .rc-studio-phase .num{border-radius:9px;min-width:33px;height:33px;display:flex;align-items:center;justify-content:center;background:#33464e;color:#e3bd88;font-weight:800;font-size:13px}
#planner .rc-studio-phase .phase-name{font-size:15px;font-weight:750;display:block}.rc-studio-phase small{font-size:12px;color:#afbec2;display:block;margin-top:8px}.rc-studio-phase-arrow{position:absolute;right:13px;top:13px;color:#D9984A;font-size:17px}
#planner .planner-surface{border-radius:18px;border:1px solid #41555e;background:#1b2b34;padding:clamp(18px,2.8vw,30px)}
#planner .planner-surface>h3{font-size:clamp(21px,2.3vw,28px);letter-spacing:-.03em;margin:4px 0 14px}
#planner .planner-surface .field-row{gap:12px}#planner .planner-surface label{font-size:12px}
#planner .planner-surface input,#planner .planner-surface select{border-radius:10px}
#planner .planner-surface .day-map-layout{gap:16px}
.rc-studio-intro{font-size:13px;max-width:550px}
.rc-studio-disclosure{border:1px solid #40545d;border-radius:12px;background:#202f37;margin:18px 0;overflow:hidden}
.rc-studio-disclosure>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:14px 17px;font-size:14px;font-weight:700}
.rc-studio-disclosure>summary::-webkit-details-marker{display:none}.rc-studio-disclosure summary small{display:block;color:#a5b6ba;font-weight:400;font-size:11px;margin-top:5px}
.rc-studio-disclosure[open]>summary{border-bottom:1px solid #40545d}.rc-studio-disclosure-body{padding:15px 17px}
.rc-studio-readiness-info>p{padding:0 16px 14px;font-size:12px}
@media(max-width:740px){#planner .planner-phase-nav{grid-template-columns:1fr}#planner .rc-studio-phase{min-height:70px}#planner .planner-head{align-items:flex-start}#planner .rc-studio-workspace-caption{display:none}#planner .rc-studio-journey-head{padding:17px}#planner .trip-records{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#planner .trip-record,#planner .rc-studio-phase{transition:none!important;transform:none!important}}

/* RutaMarga Preview 22 — unified cinematic design system */
:root{--rm-ink:#0c131a;--rm-panel:#17242d;--rm-panel2:#1d2d37;--rm-line:rgba(210,229,237,.14);--rm-text:#f4f5f3;--rm-muted:#aebdc5;--rm-blue:#5ca8ee;--rm-amber:#d9984a}
body{background:radial-gradient(ellipse at 92% 8%,rgba(42,100,115,.20),transparent 40%),#0c131a;color:var(--rm-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
main{max-width:1380px;padding:28px clamp(16px,3.2vw,54px) 80px}
#home,#setup,#planner,#group-rides,#videos,#rewards,#account{animation:rmPageIn .32s ease-out}
@keyframes rmPageIn{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.rm-page-hero{height:clamp(200px,23vw,310px);position:relative;overflow:hidden;border-radius:25px;margin:0 0 28px;background:linear-gradient(90deg,rgba(8,18,26,.98) 0%,rgba(8,18,26,.82) 41%,rgba(8,18,26,.13) 100%),url('assets/expedition-banner.webp') center 57%/cover no-repeat;border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 65px rgba(0,0,0,.26)}
.rm-page-hero-content{position:absolute;z-index:2;left:clamp(24px,5vw,66px);top:50%;transform:translateY(-50%);max-width:650px}
.rm-hero-kicker{font-size:11px;letter-spacing:.27em;color:#9dcdf1;font-weight:800;margin-bottom:13px}
.rm-page-hero h2{font-size:clamp(28px,3.6vw,54px);letter-spacing:-.045em;line-height:1.08;margin:0 0 14px;color:#fff;font-weight:850}
.rm-page-hero p{font-size:clamp(13px,1.3vw,17px);max-width:460px;line-height:1.6;color:#d6e1e7;margin:0}
.rm-hero-sheen{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,13,19,.24),transparent 55%);pointer-events:none}
#home>.page-heading,#setup>.page-heading,#planner>.page-heading,#group-rides>.page-heading,#videos>.page-heading,#rewards>.page-heading{display:none!important}
.card,.rc-next-journey,.step-card,.rc-dashboard-tile,.trip-record,.rc-studio-workspace,.rc-studio-journey-head,.profile-hero,.planner-head,.rc-video-card,.rc-group-card{background:linear-gradient(155deg,rgba(32,49,59,.96),rgba(19,31,40,.98))!important;border:1px solid var(--rm-line)!important;border-radius:20px!important;box-shadow:0 9px 28px rgba(0,0,0,.13);transition:border-color .18s,transform .18s,box-shadow .18s}
.rc-dashboard-tile:hover,.trip-record:hover,.rc-group-card:hover{border-color:rgba(112,180,215,.48)!important;transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.22)}
button{transition:transform .16s ease,filter .16s ease,background .16s ease;border-radius:11px}button:hover{filter:brightness(1.09)}button:active{transform:scale(.985)}
input,select,textarea{border-radius:11px!important;border:1px solid rgba(185,209,219,.25)!important;background:rgba(8,19,28,.6)!important;color:#f3f6f7!important;min-height:42px}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(94,165,222,.7);outline-offset:1px}
label{color:#c7d6dc}h2,h3{letter-spacing:-.025em}
.planner-head{padding:24px 26px!important;margin-bottom:18px!important;display:flex;align-items:center;justify-content:space-between;gap:18px}
.planner-head h3{font-size:clamp(24px,2.3vw,33px);margin:4px 0}
#tripRecords{gap:16px}
#planner .planner-phase-nav{position:sticky;top:8px;z-index:5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px}
#setup .garage-layout{align-items:start;gap:22px}
#setup .step-card{overflow:hidden}
#setup .step-body{background:rgba(8,18,25,.18)}
#group-rides .rc-group-card,#videos .rc-video-card{overflow:hidden}
#rewards .card{padding:24px}
#account .card{max-width:780px}
@media(max-width:720px){main{padding:15px 14px 92px}.rm-page-hero{height:205px;border-radius:17px;margin-bottom:18px;background-position:57% center}.rm-page-hero-content{left:20px;right:20px}.rm-page-hero h2{font-size:30px}.rm-page-hero p{font-size:13px}.planner-head{padding:17px!important;flex-wrap:wrap}.planner-head button{width:100%}#planner .planner-phase-nav{position:static}.rc-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#home,#setup,#planner,#group-rides,#videos,#rewards,#account{animation:none}button,.card,.rc-dashboard-tile,.trip-record{transition:none}}


/* Preview 41 — Rider Passport cleanup and right-rail refinement */
body:not(.rc-entry-locked) #setup .profile-hero{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body:not(.rc-entry-locked) #setup .rm-passport-intro{
  margin:0 0 10px!important;
  padding:0!important;
}
body:not(.rc-entry-locked) #setup .rm-passport-intro span{display:none!important}
body:not(.rc-entry-locked) #setup .rm-passport-intro h3{
  color:#25342d!important;
  font-weight:500!important;
  font-size:34px!important;
  letter-spacing:-.03em!important;
  margin:0 0 4px!important;
}
body:not(.rc-entry-locked) #setup .rm-passport-intro p{
  color:#5a6862!important;
  font-size:13px!important;
}
body:not(.rc-entry-locked) #setup .profile-hero>div:nth-child(2){
  margin:0 0 10px!important;
  color:#596a62!important;
}
body:not(.rc-entry-locked) #setup .milestone-grid{margin-top:8px!important}
body:not(.rc-entry-locked) #setup .passport-auto-save{padding-top:8px!important;border-top:1px solid #d9ddd6!important}
body:not(.rc-entry-locked) .rc-global-ride-profile .visual-title{margin-bottom:10px!important}
body:not(.rc-entry-locked) .rc-global-ride-profile .visual-title .eyebrow,
body:not(.rc-entry-locked) .rc-global-ride-profile .scene-dot{display:none!important}
body:not(.rc-entry-locked) .rc-global-ride-profile .visual-title h3{
  font-size:22px!important;
  font-weight:500!important;
  margin:0!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .terrain-showcase{
  gap:4px!important;
  margin:8px 0 12px!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .terrain-panel{
  height:42px!important;
  min-height:42px!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .terrain-panel .terrain-name{
  font-size:12px!important;
  left:12px!important;
  right:12px!important;
  text-align:center!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .experience-preview{
  margin:8px 0 12px!important;
  padding:10px 0 12px!important;
  border-top:1px solid #d7dbd4!important;
  border-bottom:1px solid #d7dbd4!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .experience-header{
  display:flex!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .experience-header strong{
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.2!important;
  color:#24332d!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .experience-header span{
  font-size:11px!important;
  color:#5c6d66!important;
  background:#f3f4ee!important;
  border:1px solid #d7dbd4!important;
  padding:3px 8px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-progress{
  display:flex!important;
  gap:3px!important;
  width:100%!important;
  height:8px!important;
  padding:0!important;
  background:#dce3dc!important;
  border-radius:999px!important;
  overflow:hidden!important;
  margin:0!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-segment{
  background:#b8c8c0!important;
  border-radius:999px!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-segment.is-active{
  background:#89a99b!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-segment.is-current{
  background:#d49a52!important;
  box-shadow:none!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-segment .xp-tooltip{display:none!important}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-labels{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px!important;
  margin-top:0!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-labels span{
  color:transparent!important;
  font-size:0!important;
  text-align:center!important;
  line-height:1!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-labels span::after{
  color:#667871!important;
  font-size:10px!important;
  font-weight:500!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-labels span:nth-child(1)::after{content:'Beg'}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-labels span:nth-child(2)::after{content:'Dev'}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-labels span:nth-child(3)::after{content:'Exp'}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-labels span:nth-child(4)::after{content:'Master'}
body:not(.rc-entry-locked) .rc-global-ride-profile .xp-labels span:nth-child(5)::after{content:'OG'}
body:not(.rc-entry-locked) .rc-global-ride-profile .stage-disclaimer{
  margin:0!important;
  color:#6a7b74!important;
  font-size:10px!important;
  line-height:1.35!important;
}
body:not(.rc-entry-locked) .rc-global-ride-profile .visual-stage{
  margin-top:8px!important;
}



/* Preview 48: single-brand login, scenic art and compact saved-trip confirmation */
body.rc-entry-locked main{padding:0!important;display:block!important;min-height:100dvh!important}
body.rc-entry-locked main>#auth{width:100%!important;max-width:none!important;margin:0!important;display:block!important}
body.rc-entry-locked .rm-entry-shell{height:100dvh!important;min-height:680px!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:url('assets/rutamarga-cinematic-original.webp') center center/100% 100% no-repeat!important}
body.rc-entry-locked .rm-entry-shell::before,body.rc-entry-locked .rm-entry-shell::after{display:none!important}
body.rc-entry-locked .rc-login-layout{display:grid!important;grid-template-columns:62% 38%!important;gap:0!important;align-items:center!important;min-height:100dvh!important;height:100dvh!important;padding:0!important}
body.rc-entry-locked .rm-entry-story{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;width:100%!important;margin:0!important;padding:0 8% 14% 6%!important;max-width:none!important}
body.rc-entry-locked .rc-landing-brand{width:min(70%,530px)!important;height:auto!important;display:block!important;filter:none!important}
body.rc-entry-locked .rm-entry-card{width:90%!important;max-width:510px!important;justify-self:center!important;align-self:center!important;background:rgba(252,251,247,.97)!important;border:1px solid #efeee9!important;border-radius:16px!important;box-shadow:0 20px 55px #14221d26!important;padding:clamp(23px,3vw,43px)!important;margin:0!important;color:#2a3830!important;position:relative!important;z-index:1!important}
body.rc-entry-locked .rm-entry-card h3.rc-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
body.rc-entry-locked .rm-entry-card .rc-auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:0!important;background:transparent!important;margin:0 0 28px!important;border-radius:0!important;border-bottom:1px solid #dedfd9!important}
body.rc-entry-locked .rm-entry-card .rc-auth-tabs button{margin:0!important;background:transparent!important;color:#7c817d!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:10px 4px 14px!important;font-size:15px!important;font-weight:500!important;box-shadow:none!important}
body.rc-entry-locked .rm-entry-card .rc-auth-tabs button.rc-selected{color:#283a30!important;border-bottom-color:#406e5f!important}
body.rc-entry-locked .rm-entry-card label{font-size:14px!important;font-weight:500!important;color:#35433b!important;line-height:1.4!important;margin:0 0 7px!important}
body.rc-entry-locked .rm-input-wrap{display:flex!important;align-items:center!important;gap:8px!important;border:1px solid #d3d8d1!important;border-radius:7px!important;background:#fffdfa!important;padding:0 10px!important;box-shadow:none!important}
body.rc-entry-locked .rm-input-wrap input{margin:0!important;height:49px!important;min-height:49px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#253930!important;font-size:14px!important;padding:8px 3px!important;-webkit-text-fill-color:#253930!important}
body.rc-entry-locked .rm-input-wrap span{color:#71867b!important;font-size:17px!important}
body.rc-entry-locked .rc-password-row{display:flex;align-items:center;justify-content:space-between;margin:17px 0 6px!important}
body.rc-entry-locked .rc-forgot,body.rc-entry-locked .rc-show-password{width:auto!important;display:inline-block!important;background:transparent!important;border:0!important;padding:2px!important;margin:0!important;color:#3a796a!important;font-size:12px!important;font-weight:400!important}
body.rc-entry-locked .rc-show-password{font-size:11px!important}
body.rc-entry-locked .rc-terms{margin:19px 0 16px!important}
body.rc-entry-locked .rc-terms-hidden{display:none!important}
body.rc-entry-locked .rc-terms label{display:flex!important;align-items:start!important;gap:9px!important;margin:0!important;font-size:12px!important;font-weight:400!important}
body.rc-entry-locked .rc-terms label>input{width:17px!important;height:17px!important;flex:0 0 17px!important;margin:1px 0 0!important;accent-color:#4f7c6a!important}
body.rc-entry-locked .rc-terms-link{background:none!important;border:0!important;text-decoration:underline!important;color:#286657!important;padding:0!important;margin:0!important;display:inline!important;width:auto!important;font:inherit!important}
body.rc-entry-locked .rm-entry-card .rm-entry-primary{justify-content:center!important;border-radius:7px!important;font-size:15px!important;font-weight:500!important;padding:15px!important;margin:17px 0 0!important;background:#426f61!important;color:white!important}
body.rc-entry-locked .rm-entry-card .rm-entry-guest{justify-content:center!important;border:1px solid #d0d7d0!important;border-radius:7px!important;background:#fdfcf8!important;color:#394c42!important;font-size:14px!important;font-weight:500!important;margin:12px 0 0!important;padding:14px!important}
body.rc-entry-locked .rm-entry-card .rm-entry-divider{margin:14px 0 0!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;color:#8b918d!important}
body.rc-entry-locked .rm-entry-card .rm-auth-status{color:#465c51!important}
.rc-terms-overlay{position:fixed;inset:0;background:#12221b88;z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px}
.rc-terms-overlay.hidden{display:none!important}
.rc-terms-panel{width:min(520px,100%);padding:28px;background:#fffefa;border:1px solid #cddad1;color:#2d4438;box-shadow:0 15px 50px #0018}
.rc-terms-panel h2{color:#2d4438;font-weight:500}.rc-terms-panel p{color:#546a60;line-height:1.55;font-size:15px}
.rc-terms-panel button{max-width:130px;background:#426f61;color:white;border-radius:0}
body:not(.rc-entry-locked) .side-nav .brand{display:flex!important;align-items:center!important;justify-content:center!important;padding:4px 5px 26px!important;text-align:center!important}
body:not(.rc-entry-locked) .side-nav .rc-nav-brand{width:min(95%,184px)!important;height:auto!important;display:block!important;object-fit:contain!important}
body:not(.rc-entry-locked) #planner #tripSavedNotice:not(:empty){background:#eef5ed!important;color:#315b43!important;border:1px solid #c6dac8!important;border-left:3px solid #689577!important;border-radius:0!important;box-shadow:none!important;padding:9px 13px!important;margin:9px 0!important;font-size:13px!important;line-height:1.4!important}
body:not(.rc-entry-locked) #planner #tripSavedNotice:not(:empty)::before{content:'✓  ';color:#3d7c58;font-weight:700}
@media(max-width:900px){body.rc-entry-locked .rc-login-layout{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:14px!important;padding:20px 14px!important;min-height:100dvh!important;height:auto!important}body.rc-entry-locked .rm-entry-story{height:auto!important;padding:0!important;flex:none!important}body.rc-entry-locked .rc-landing-brand{width:min(64vw,300px)!important}body.rc-entry-locked .rm-entry-card{width:min(100%,510px)!important;flex:none!important}body.rc-entry-locked .rm-entry-shell{background-size:cover!important;min-height:100dvh!important;height:auto!important}}
/* Preview 49: original mountain-road photo, cinematic overlay, one shared Kailash-inspired brand. */
body.rc-entry-locked .rm-entry-shell{
 background-image:linear-gradient(90deg,rgba(255,246,221,.46) 0%,rgba(252,248,237,.28) 46%,rgba(237,244,239,.10) 100%),url('assets/rutamarga-cinematic-original.webp')!important;
 background-size:cover!important;background-position:center center!important;
}
body.rc-entry-locked .rm-entry-story{padding:0 6% 18% 5%!important}
body.rc-entry-locked .rc-brand-message{width:min(100%,610px);display:flex;flex-direction:column;align-items:center;text-align:center}
body.rc-entry-locked .rc-landing-brand{width:min(92%,550px)!important;max-width:550px!important}
body.rc-entry-locked .rc-riding-quote{
 margin:0 auto!important;padding:0 12px!important;max-width:510px!important;
 color:#243f34!important;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important;
 font-size:clamp(14px,1.6vw,20px)!important;line-height:1.45!important;
 font-style:italic!important;font-weight:400!important;text-align:center!important;
 text-shadow:0 1px 12px rgba(255,252,242,.85)!important;border:0!important;background:none!important;
}
body.rc-entry-locked .rc-riding-quote cite{display:block;margin-top:12px;font-size:13px;font-style:normal;letter-spacing:.03em}
body.rc-entry-locked .rm-entry-card{background:rgba(255,254,249,.96)!important}
body:not(.rc-entry-locked) .side-nav .rc-nav-brand{width:min(100%,195px)!important}
@media(max-width:900px){
 body.rc-entry-locked .rm-entry-story{padding:0!important}
 body.rc-entry-locked .rc-brand-message{max-width:420px!important}
 body.rc-entry-locked .rc-riding-quote{font-size:13px!important;max-width:350px!important}
 body.rc-entry-locked .rc-riding-quote cite{font-size:11px!important;margin-top:6px!important}
}

/* Preview 54 — one cinematic photograph, cropped to fill the viewport, with a gentle zoom. */
html body.rc-entry-locked #auth .rm-entry-shell{
 background-image:linear-gradient(90deg,rgba(249,242,226,.29) 0%,rgba(249,242,226,.13) 43%,rgba(22,36,38,.09) 100%),url("assets/rutamarga-cinematic-original.webp")!important;
 background-size:100% 100%,cover!important;
 background-position:center center,center 48%!important;
 background-repeat:no-repeat!important;
 background-color:#b4b3a8!important;
}
html body.rc-entry-locked #auth .rm-entry-shell::before,
html body.rc-entry-locked #auth .rm-entry-shell::after{display:none!important}
html body.rc-entry-locked #auth .rc-landing-brand{filter:drop-shadow(0 2px 11px rgba(255,252,238,.94))!important}
html body.rc-entry-locked #auth .rc-riding-quote{color:#17392f!important;text-shadow:0 1px 9px rgba(255,252,238,.97),0 0 22px rgba(255,252,238,.78)!important}

/* Preview 60: subtle white shine, no rectangular card. */
html body.rc-entry-locked #auth .rc-brand-message{
 background:radial-gradient(ellipse 80% 75% at 50% 43%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.80) 34%,rgba(255,255,255,.35) 63%,rgba(255,255,255,0) 100%)!important;
 border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 padding:30px 26px!important;
}
html body.rc-entry-locked #auth .rc-landing-brand{
 opacity:1!important;visibility:visible!important;filter:drop-shadow(0 1px 4px rgba(255,255,255,.95))!important;
}
html body.rc-entry-locked #auth .rc-riding-quote{
 color:#193b30!important;text-shadow:0 0 8px #fff,0 1px 5px #fff!important;
}

/* Preview 61: readable brand directly over the image, without an opaque box. */
html body.rc-entry-locked #auth .rc-brand-message{
  position:relative!important;isolation:isolate!important;
  padding:32px 24px!important;border:0!important;box-shadow:none!important;
  background:radial-gradient(ellipse 76% 70% at 50% 45%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.72) 37%,rgba(255,255,255,.28) 67%,transparent 100%)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body.rc-entry-locked #auth .rc-landing-brand{
  position:relative!important;z-index:1!important;opacity:1!important;
  width:min(94%,505px)!important;max-width:505px!important;
  filter:drop-shadow(0 0 11px rgba(255,255,255,.98))!important;
}
html body.rc-entry-locked #auth .rc-riding-quote{
  position:relative!important;z-index:1!important;
  color:#173b30!important;font-weight:550!important;
  text-shadow:0 0 7px #fff,0 0 14px #fff,0 1px 3px #fff!important;
}

/* Preview 64: restore approved Preview 61 logo visibility in the real stylesheet. */
html body.rc-entry-locked #auth .rc-brand-message{
 position:relative!important;isolation:isolate!important;padding:32px 24px!important;
 border:0!important;box-shadow:none!important;
 background:radial-gradient(ellipse 76% 70% at 50% 45%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.72) 37%,rgba(255,255,255,.28) 67%,transparent 100%)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body.rc-entry-locked #auth .rc-landing-brand{
 position:relative!important;z-index:1!important;opacity:1!important;visibility:visible!important;
 width:min(94%,505px)!important;max-width:505px!important;
 filter:drop-shadow(0 0 11px rgba(255,255,255,.98))!important;
}
html body.rc-entry-locked #auth .rc-riding-quote{
 position:relative!important;z-index:1!important;color:#173b30!important;font-weight:550!important;
 text-shadow:0 0 7px #fff,0 0 14px #fff,0 1px 3px #fff!important;
}

/* Preview 66 — Rewards theme harmonization. Scoped to Rewards; no auth/layout changes. */
body:not(.rc-entry-locked) #rewards{
 --reward-paper:#fffefa;--reward-soft:#f2f5ef;--reward-border:#d4dfd2;
 --reward-ink:#294336;--reward-muted:#617768;--reward-accent:#8d704d;
 color:var(--reward-ink)!important;
}
body:not(.rc-entry-locked) #rewards .rc-reward-panel,
body:not(.rc-entry-locked) #rewards .rc-badge-card,
body:not(.rc-entry-locked) #rewards .rc-reward-hero,
body:not(.rc-entry-locked) #rewards .rc-reward-stats>div,
body:not(.rc-entry-locked) #rewards .rc-evidence-entry,
body:not(.rc-entry-locked) #rewards .rc-evidence-grid>*{
 background:var(--reward-paper)!important;border:1px solid var(--reward-border)!important;
 border-radius:0!important;box-shadow:none!important;color:var(--reward-ink)!important;
}
body:not(.rc-entry-locked) #rewards .rc-reward-panel{
 padding:18px 20px!important;margin-bottom:13px!important;
}
body:not(.rc-entry-locked) #rewards .rc-reward-panel h3,
body:not(.rc-entry-locked) #rewards .rc-reward-grid~h3,
body:not(.rc-entry-locked) #rewards #rcRewardBody>h3,
body:not(.rc-entry-locked) #rewards .rc-badge-card strong,
body:not(.rc-entry-locked) #rewards .rc-reward-panel strong,
body:not(.rc-entry-locked) #rewards .rc-evidence-entry strong{
 color:var(--reward-ink)!important;font-weight:500!important;
}
body:not(.rc-entry-locked) #rewards .rc-reward-panel p,
body:not(.rc-entry-locked) #rewards .rc-reward-panel li,
body:not(.rc-entry-locked) #rewards .rc-badge-card p,
body:not(.rc-entry-locked) #rewards .rc-evidence-entry small,
body:not(.rc-entry-locked) #rewards .rc-reward-hero p,
body:not(.rc-entry-locked) #rewards .rc-reward-hero small,
body:not(.rc-entry-locked) #rewards .rc-reward-stats small{
 color:var(--reward-muted)!important;opacity:1!important;
}
body:not(.rc-entry-locked) #rewards .rc-badge-card.rc-locked{
 opacity:1!important;background:var(--reward-soft)!important;
}
body:not(.rc-entry-locked) #rewards .rc-badge-card.rc-locked .rc-badge-symbol{
 opacity:.65!important;
}
body:not(.rc-entry-locked) #rewards .rc-badge-card small,
body:not(.rc-entry-locked) #rewards .rc-reward-table th{
 color:var(--reward-accent)!important;
}
body:not(.rc-entry-locked) #rewards .rc-reward-table{
 color:var(--reward-ink)!important;background:var(--reward-paper)!important;
 border-collapse:collapse!important;
}
body:not(.rc-entry-locked) #rewards .rc-reward-table td,
body:not(.rc-entry-locked) #rewards .rc-reward-table th{
 border-bottom:1px solid var(--reward-border)!important;color:var(--reward-ink)!important;
 background:transparent!important;
}
body:not(.rc-entry-locked) #rewards .rc-reward-table th{
 color:var(--reward-accent)!important;background:var(--reward-soft)!important;
}
body:not(.rc-entry-locked) #rewards .rc-proof-note{
 background:var(--reward-soft)!important;border:1px solid var(--reward-border)!important;
 border-radius:0!important;color:var(--reward-muted)!important;
}
body:not(.rc-entry-locked) #rewards .rc-proof-error{color:#a44938!important}
body:not(.rc-entry-locked) #rewards .rc-proof-ok{color:#356e52!important}
body:not(.rc-entry-locked) #rewards #rcRewardBody label{
 color:var(--reward-ink)!important;
}
body:not(.rc-entry-locked) #rewards #rcRewardBody input,
body:not(.rc-entry-locked) #rewards #rcRewardBody select{
 background:var(--reward-paper)!important;color:var(--reward-ink)!important;
 border:1px solid var(--reward-border)!important;border-radius:0!important;
}
body:not(.rc-entry-locked) #rewards #rcRewardBody input[type=file]{
 padding:8px!important;max-width:100%!important;
}
body:not(.rc-entry-locked) #rewards #rcRewardBody button{
 border-radius:0!important;
}
body:not(.rc-entry-locked) #rewards .rc-reward-hero h2,
body:not(.rc-entry-locked) #rewards .rc-reward-stats strong{
 color:var(--reward-ink)!important;
}

/* Preview 67 — Dashboard insights; scoped exclusively to #home. */
body:not(.rc-entry-locked) #home .rc-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #cbd6cb;border-left:1px solid #cbd6cb;margin:18px 0 24px}
body:not(.rc-entry-locked) #home .rc-insight{background:#f9faf6;border-right:1px solid #cbd6cb;border-bottom:1px solid #cbd6cb;padding:22px 19px;min-height:128px;display:flex;flex-direction:column;gap:7px}
body:not(.rc-entry-locked) #home .rc-insight>span{font-size:10px;letter-spacing:.13em;color:#708274}
body:not(.rc-entry-locked) #home .rc-insight strong{font-size:32px;line-height:1.12;color:#284637;font-weight:450}
body:not(.rc-entry-locked) #home .rc-insight small{font-size:11px;color:#69786e;line-height:1.4}
body:not(.rc-entry-locked) #home .rc-insight-sections{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 26px}
body:not(.rc-entry-locked) #home .rc-insight-section{background:#f9faf6;border:1px solid #cbd6cb;padding:22px;min-width:0}
body:not(.rc-entry-locked) #home .rc-insight-section h3{color:#294638;font-size:20px;font-weight:450;margin:8px 0}
body:not(.rc-entry-locked) #home .rc-insight-section .muted{font-size:12px;color:#69786e!important}
body:not(.rc-entry-locked) #home .rc-terrain-breakdown{margin-top:20px;display:grid;gap:14px}
body:not(.rc-entry-locked) #home .rc-terrain-row{display:grid;grid-template-columns:105px 1fr 54px;gap:10px;align-items:center;font-size:12px;color:#385245}
body:not(.rc-entry-locked) #home .rc-terrain-row strong{font-size:11px;font-weight:450;text-align:right}
body:not(.rc-entry-locked) #home .rc-terrain-track{height:7px;background:#e1e8dd;overflow:hidden}
body:not(.rc-entry-locked) #home .rc-terrain-track i{height:100%;background:#829d84;display:block}
body:not(.rc-entry-locked) #home .rc-gear-count{display:flex;align-items:baseline;gap:12px;margin:25px 0 16px;color:#3d5849}
body:not(.rc-entry-locked) #home .rc-gear-count strong{font-size:46px;font-weight:400}
body:not(.rc-entry-locked) #home .rc-gear-count span{font-size:13px}
@media(max-width:900px){body:not(.rc-entry-locked) #home .rc-insights{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.rc-entry-locked) #home .rc-insight-sections{grid-template-columns:1fr}}
@media(max-width:480px){body:not(.rc-entry-locked) #home .rc-insight{padding:15px 12px;min-height:112px}body:not(.rc-entry-locked) #home .rc-insight strong{font-size:26px}body:not(.rc-entry-locked) #home .rc-insight-section{padding:16px}body:not(.rc-entry-locked) #home .rc-terrain-row{grid-template-columns:92px 1fr 49px;gap:6px}}

/* Dashboard: core gear completeness indicator */
#home .rc-gear-progress{height:7px;background:#e3e9df;border:1px solid #d4dfd2;overflow:hidden;margin:13px 0 8px;}#home .rc-gear-progress i{display:block;height:100%;background:#779a82;transition:width .2s ease;}

/* Group Ride and route-video detail dialogs: actual viewport overlay */
.rc-market-modal{position:fixed!important;inset:0!important;z-index:10050!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;background:rgba(10,20,16,.72)!important;overflow-y:auto!important;box-sizing:border-box!important}
.rc-market-modal .rc-market-dialog{position:relative!important;width:min(100%,680px)!important;max-height:calc(100dvh - 40px)!important;overflow-y:auto!important;padding:clamp(20px,4vw,36px)!important;box-sizing:border-box!important;background:#fffefa!important;color:#30483e!important;border:1px solid #d6dfd5!important;box-shadow:0 14px 60px #0004!important}
.rc-market-modal .rc-market-dialog h3{margin-top:0}
.rc-market-modal .rc-market-dialog button{margin-top:12px}

/* Preview 90 — Trip Completion status card only. Other reward panels unchanged. */
body:not(.rc-entry-locked) main .rc-trip-completion-card{
  background:linear-gradient(125deg,#eff8f0 0%,#e3f2e7 100%)!important;
  color:#193c2b!important;border:1px solid #87bd92!important;
  border-radius:12px!important;padding:22px 24px!important;
  box-shadow:0 3px 14px rgba(26,84,48,.055)!important;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card .rc-completion-heading{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card .rc-completion-check{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;
  border-radius:50%;background:#15803d;color:#fff;font-size:26px;font-weight:700;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card h4{
  color:#18572d!important;font-size:20px!important;line-height:1.25!important;margin:0 0 3px!important;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card .rc-completion-subtitle{
  color:#587267!important;font-size:13px;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card .rc-completion-badge{
  margin-left:auto;border-radius:7px;background:#d1ecd8;color:#155b2b;
  padding:8px 11px;font-size:12px;font-weight:700;white-space:normal;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card[data-evidence-status="pending"] .rc-completion-badge,
body:not(.rc-entry-locked) main .rc-trip-completion-card[data-evidence-status="pending-verification"] .rc-completion-badge{
  background:#fff0d4;color:#835716;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card[data-evidence-status="review-needed"] .rc-completion-badge{
  background:#ffe4db;color:#9b4529;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card p,
body:not(.rc-entry-locked) main .rc-trip-completion-card p.muted{
  color:#304d3c!important;font-size:14px!important;margin:7px 0!important;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card strong{color:#1b4330!important}
body:not(.rc-entry-locked) main .rc-trip-completion-card button.secondary{
  background:#fff!important;color:#254a37!important;border:1px solid #aac9b3!important;
  border-radius:7px!important;margin:10px 8px 0 0!important;
  box-shadow:none!important;
}
body:not(.rc-entry-locked) main .rc-trip-completion-card button.secondary:hover{
  background:#f4faf5!important;border-color:#6da67d!important;
}
@media(max-width:600px){
 body:not(.rc-entry-locked) main .rc-trip-completion-card{padding:16px!important}
 body:not(.rc-entry-locked) main .rc-trip-completion-card .rc-completion-badge{margin-left:0}
}