.profile-route{display:grid;gap:18px;margin:18px 0}.route-pass{padding:25px;border:1px solid #b8975c66;border-radius:22px;background:radial-gradient(ellipse at 95% 0,#ab7e3033,transparent 55%),linear-gradient(125deg,#22232b,#101319);overflow:hidden}.route-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.route-title small,.route-stats small{font-size:10px;letter-spacing:1.3px;color:#bdb5a5}.route-title h2{font-family:Georgia,serif;font-size:32px;margin:8px 0;color:#f5d799}.route-title p{font-size:13px;color:#b9b6b0}.route-emblem{font-size:80px;color:#ebc474;text-shadow:0 0 32px #dbaf5444}.route-milestones{display:flex;gap:5px}.route-stop{flex:1;border-top:2px solid #ffffff15;padding-top:12px;color:#737680;display:grid;gap:8px}.route-stop.reached{border-color:#edc77e;color:#edc77e}.route-stop small{font-size:10px;line-height:1.5}.route-footnote{font-size:11px!important;color:#96979d!important;margin-top:20px!important}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.route-stats article{background:#ffffff05;border:1px solid #ffffff0b;border-radius:12px;padding:14px 10px}.route-stats small{display:block;font-size:9px;min-height:26px}.route-stats strong{display:block;font-size:25px;margin-top:8px;color:#f5d799}.route-game{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.route-game span{font-size:12px;color:#bdb5a5}.route-game progress{grid-column:1/-1;width:100%;height:4px;accent-color:#e7bd70}.payment-filters{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.payment-filters button{background:transparent;border:1px solid #ffffff19;border-radius:30px;color:#bdb5a5;padding:9px 13px}.payment-filters button[aria-pressed=true]{background:#edc77e;color:#191512}.payment-row{padding:18px 0;border-bottom:1px solid #ffffff12;display:grid;gap:8px}.payment-row>div{display:flex;justify-content:space-between;gap:12px}.payment-row small{color:#888d98;font-size:11px}.payment-row p{overflow-wrap:anywhere}.payment-status{font-size:12px;color:#dfc181}.payment-status.rejected{color:#e3a5a5}.payment-status.demo_completed{color:#9ecdb2}.language-switch{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px;color:#bdb5a5}.language-switch select{background:#15181e;color:#f5d799;border:1px solid #b8975c66;border-radius:8px;padding:8px 10px}@media(max-width:420px){.route-pass{padding:18px}.route-title h2{font-size:27px}.route-emblem{font-size:55px}.route-stats strong{font-size:21px}}

.route-milestones{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px}.route-stop{min-width:110px;scroll-snap-align:start}.route-title h2:before{content:attr(data-level);font:600 14px system-ui;display:inline-grid;place-items:center;vertical-align:middle;width:30px;height:30px;margin-right:10px;border:1px solid #edc77e55;border-radius:50%}

.route-progress{margin:0 0 22px}.route-progress>div{display:flex;justify-content:space-between;font-size:11px;gap:8px;color:#c9bc9f;margin-bottom:10px}.route-progress progress{width:100%;height:6px;accent-color:#edc77e}.route-stop[aria-current=step] span{background:#edc77e;color:#151519;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.language-switch{white-space:nowrap}.language-switch select{width:auto;min-width:125px}

header>.language-switch{margin:0 0 0 auto;flex:0 0 auto}header>.language-switch select{width:65px;min-width:65px;padding:8px 9px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer}

/* Compact current/next progression: no off-screen timeline. */
.route-pass{padding:24px;background:linear-gradient(145deg,#252630,#171820);border-color:#d9bd8033;box-shadow:0 12px 32px #0002}.route-pass .eyebrow{font-size:10px;letter-spacing:1.5px}.route-title{margin:24px 0 20px}.route-title>div{min-width:0;width:100%}.route-title h2{font:700 clamp(24px,6vw,32px)/1.2 system-ui,sans-serif;letter-spacing:-.7px;display:flex;align-items:center;gap:12px}.route-title h2:before{flex:0 0 42px;height:42px;width:42px;margin:0;background:#edc77e;color:#211d18;border:0;border-radius:14px;font-size:18px}.route-title p{line-height:1.65;margin:12px 0 0;color:#c4c4cc;font-size:13px}.route-progress{margin:20px 0}.route-progress>div{flex-wrap:wrap;line-height:1.6;font-size:12px}.route-progress progress{display:block;height:10px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#ffffff12;margin-top:10px}.route-progress progress::-webkit-progress-bar{background:#ffffff12;border-radius:8px}.route-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#caa35f,#f0d49e);border-radius:8px}.route-progress progress::-moz-progress-bar{background:#edc77e;border-radius:8px}.route-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0;scroll-snap-type:none}.route-stop{min-width:0;border:1px solid #ffffff12;border-radius:14px;padding:14px;background:#ffffff03;display:flex;flex-direction:column;gap:8px;color:#c9c9d1}.route-stop.reached{border-color:#d7b67444;background:#d7b67409;color:#edc77e}.route-stop span,.route-stop[aria-current=step] span{order:0;width:auto;height:auto;display:block;background:none;color:inherit;border:0;border-radius:0;font-size:10px;line-height:1.4}.route-stop small{order:1;font-size:13px;font-weight:650;line-height:1.5;overflow-wrap:anywhere;color:#f0ece5}.route-stop strong{order:2;font-size:10px;font-weight:400;line-height:1.5;color:#aaa9b5}.route-footnote{margin:18px 0 0!important;font-size:10px!important;line-height:1.65!important;color:#92939f!important}@media(max-width:360px){.route-pass{padding:18px}.route-title h2{font-size:23px}.route-stop{padding:12px}}

.route-pass>.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.route-pass>.panel-top .pill{font:600 9px system-ui;border:1px solid #edc77e33;border-radius:30px;padding:7px 10px;white-space:nowrap;color:#d8c197}

.route-reward-preview{padding:14px;border:1px solid #d6b67444;border-radius:12px;margin:18px 0 12px;color:#f1d394;font-size:13px;line-height:1.6}#allLevelRewards{width:100%;margin-bottom:8px}#levelRewardsDialog{box-sizing:border-box;width:min(520px,calc(100% - 24px));max-height:85dvh;overflow:auto;background:#161c29;color:#f4ead8;border:1px solid #b18a55;border-radius:22px;padding:24px 18px}#levelRewardsDialog::backdrop{background:#060a14d9;backdrop-filter:blur(5px)}#levelRewardsDialog h2{font:30px Georgia,serif}.level-close{float:right;background:none;border:0;font-size:28px;color:#e7d4b0;cursor:pointer}.level-catalog-note{font-size:12px;line-height:1.7;color:#bfb9ca;padding-bottom:12px}.level-reward-row{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-top:1px solid #e4cfab22}.level-reward-row.upcoming{background:#eac8850a}.level-number{display:grid;place-items:center;min-width:36px;height:36px;background:#dbb779;color:#32251c;border-radius:12px;font-weight:800}.level-reward-row h3{font-size:14px;margin:0 0 10px}.level-reward-row strong{font-size:15px;color:#efd49b}.level-reward-row p{font-size:12px;color:#b8b5c4;line-height:1.6;margin:8px 0}.level-reward-row small{font-size:10px;color:#b8ac91}
.level-reward-row>div{flex:1;min-width:0}.level-claim{display:block;margin-top:12px;min-height:44px;min-width:120px;max-width:100%;white-space:normal}.level-claim:disabled{opacity:.55;cursor:default}.level-claim-status{padding:12px;background:#dfbd7620;border-radius:10px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.level-claim-status:empty{display:none}
