*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FBF5E6;--surface: #1C1108;--surface-warm: #EDD99A;--accent: #8B1A1A;--gold: #D4A843;--gold-mid: #A07830;--gold-light: #EDD99A;--text: #1C1108;--text-on-dark: #EDD99A;--text-muted: #A07830;--border: #C4961A;--border-active: #D4A843;--green: #6DBF6D;--track: #4E2E12}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100dvh}.app{display:flex;flex-direction:column;min-height:100dvh}.content{flex:1;padding-bottom:70px}.page{padding:20px 16px}.tab-bar{position:fixed;bottom:0;width:100%;display:flex;background:var(--bg);border-top:1px solid #D4B896;height:60px;z-index:100}.tab-bar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--gold-mid);text-decoration:none;font-size:11px}.tab-bar a.active{color:var(--accent)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:24px;gap:16px}.login-page h1{font-size:24px;text-align:center;color:var(--accent)}.login-page form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:360px;padding:13px 16px;background:#fff;color:#333;border:1px solid #dadce0;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none}.btn-google:hover{background:#f8f8f8}.btn-google:disabled{opacity:.6;cursor:default}.auth-divider{display:flex;align-items:center;width:100%;max-width:360px;gap:12px;color:var(--text-muted);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}input{background:#ffffffd9;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;padding:12px 16px;width:100%}button[type=submit]{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px}button.link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;text-decoration:underline}.error{color:var(--accent);font-size:14px}.loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;color:var(--text-muted)}.competition-card{background:var(--surface);border-radius:16px;padding:24px;text-align:center}.points{font-size:48px;font-weight:700;color:var(--accent)}.center-msg{display:flex;align-items:center;justify-content:center;min-height:40vh;color:var(--text-muted)}.muted{color:var(--text-muted);font-size:14px}.page-title{font-size:18px;font-weight:700;margin-bottom:16px}.btn-primary{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 20px;width:100%;margin-top:12px}.btn-primary:disabled{opacity:.5;cursor:default}.btn-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;text-decoration:underline;display:block;width:100%;text-align:center}.profile-section-title{font-size:11px;font-weight:700;color:var(--gold-mid);text-transform:uppercase;letter-spacing:.06em;margin:24px 0 10px}.connections-card{background:var(--surface);border:1px solid #6B4C1E;border-radius:12px;overflow:hidden}.connection-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.connection-info{display:flex;flex-direction:column;gap:3px}.connection-name{font-size:15px;font-weight:600;color:var(--gold-light)}.connection-status{font-size:12px;color:#edd99a73}.connection-status:has(+*){color:var(--gold-mid)}.connection-btn{background:#2c1a08;border:1px solid #A07830;color:var(--gold);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.welcome-card{background:var(--gold-light);border:1px solid var(--border);border-radius:16px;padding:32px 24px;text-align:center;margin-top:32px;display:flex;flex-direction:column;gap:12px}.welcome-card h2{font-size:22px;color:var(--text)}.welcome-card p{color:var(--text-muted);font-size:15px}.welcome-icon{display:flex;justify-content:center;margin-bottom:8px}.banner-urgent{background:#8b1a1a;border-radius:10px;color:#edd99a;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;margin-bottom:16px}.comp-card{background:var(--surface);border-radius:16px;padding:20px;margin-bottom:16px}.comp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.state-badge{font-size:14px;font-weight:700}.position-badge{font-size:22px;font-weight:800;color:var(--text-muted)}.points-display{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.points-big{font-size:52px;font-weight:800;color:var(--accent);line-height:1}.points-label{font-size:16px;color:var(--text-muted)}.gap-text{font-size:13px;color:var(--text-muted);margin-bottom:16px}.gap-possible{color:var(--green);font-weight:600}.km-section{margin-top:16px}.km-header{display:flex;justify-content:space-between;font-size:13px;color:#ffffff73;margin-bottom:6px}.progress-bar{height:6px;background:#ffffff1f;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-mid),var(--gold));border-radius:99px;transition:width .4s ease}.km-points-info{font-size:12px;color:#ffffff59;margin-top:6px;text-align:right}.trivia-section{background:var(--surface);border-radius:16px;padding:20px}.trivia-section.locked{opacity:.6}.trivia-locked{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.trivia-done{color:var(--green);font-size:15px;font-weight:600;text-align:center;padding:8px 0}.btn-trivia{width:100%;background:var(--green);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;padding:18px}.trivia-loading{color:var(--text-muted);font-size:14px;text-align:center;padding:12px 0}.trivia-question{font-size:17px;font-weight:600;margin-bottom:16px;line-height:1.4}.trivia-form{display:flex;flex-direction:column;gap:12px}.trivia-input-row{display:flex;align-items:center;gap:10px}.trivia-input-row input{flex:1}.trivia-unit{font-size:14px;color:var(--text-muted);white-space:nowrap}.trivia-result{text-align:center}.trivia-points-earned{font-size:48px;font-weight:800;color:var(--gold)}.trivia-correct{font-size:15px;margin:8px 0}.trivia-context{font-size:13px;color:var(--text-muted);margin-top:10px;line-height:1.5}.leaderboard{display:flex;flex-direction:column;gap:6px}.lb-row{display:flex;align-items:center;gap:12px;background:var(--gold-light);border:1px solid rgba(212,168,67,.3);border-radius:10px;padding:12px 14px;cursor:pointer;transition:opacity .15s}.lb-row:active{opacity:.7}.lb-row-me{background:#8b1a1a14;border-color:var(--accent)}.lb-pos{width:24px;font-size:15px;font-weight:700;color:var(--gold-mid);text-align:center;flex-shrink:0}.lb-name{flex:1;font-size:15px;font-weight:500;color:var(--text)}.lb-pts{font-size:15px;font-weight:700;color:var(--accent);flex-shrink:0}.lb-separator{text-align:center;color:var(--text-muted);font-size:18px;padding:4px 0}.profile-header{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--gold-mid);border-radius:10px;padding:16px 16px 16px 4px;margin-bottom:20px}.avatar-circle-btn{background:none;border:none;cursor:pointer;padding:0;position:relative}.avatar-circle-btn.editable:hover .avatar-edit-hint{opacity:1}.avatar-edit-hint{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.profile-name-block{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.profile-username{font-size:16px;font-weight:700;color:var(--gold-light)}.crown-badge{font-size:15px;font-weight:600}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.stat-cell{background:var(--gold-light);border:1px solid var(--border);border-radius:8px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-cell--clickable{cursor:pointer}.stat-cell--clickable:active{opacity:.75}.stat-value{font-size:28px;font-weight:800;color:var(--text)}.stat-label{font-size:12px;color:var(--gold-mid);text-align:center}.section-title{font-size:16px;font-weight:700;margin-bottom:12px}.achievements-section{margin-bottom:16px}.achievement-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:.5px solid #D4B896}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:200}.picker-sheet{background:var(--surface);border-radius:20px 20px 0 0;padding:24px 20px 48px;width:100%;color:var(--text-on-dark)}.picker-sheet h3{font-size:17px;font-weight:700;margin-bottom:16px;text-align:center;color:var(--gold-light)}.avatar-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.avatar-option{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px 4px;border-radius:12px;border:2px solid transparent;background:#ffffff0d;cursor:pointer}.avatar-option img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block}.avatar-option-label{font-size:11px;color:var(--gold-mid)}.avatar-option.selected{border-color:var(--gold-light);background:#d4a8431f}.register-avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.register-avatar-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;color:#ccc;font-size:11px}.register-avatar-btn img{width:52px;height:52px;border-radius:50%;object-fit:cover}.register-avatar-btn.selected{border-color:var(--gold-light);background:#d4a84326;color:var(--gold-light)}.username-edit-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.username-edit-input{background:#ffffff14;border:1px solid var(--gold-mid);border-radius:8px;padding:4px 8px;color:#fff;font-size:16px;font-weight:700;width:140px}.username-save-btn,.username-cancel-btn{background:none;border:1px solid var(--gold-mid);border-radius:6px;color:var(--gold-light);padding:4px 8px;cursor:pointer;font-size:13px}.username-edit-btn{background:none;border:none;cursor:pointer;color:var(--gold-mid);font-size:14px;margin-left:6px;padding:0}.username-error{font-size:11px;color:#e74c3c;width:100%}.home-page{padding:0 0 20px}.home-header{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px}.home-header-text{display:flex;flex-direction:column;gap:2px}.home-header--morning .home-header-title{font-size:22px;font-weight:800}.home-header--morning .home-header-sub{font-size:13px;color:var(--text-muted)}.home-header--success{background:linear-gradient(135deg,#2c1a08,#3a2010);border-bottom:1px solid #D4A843}.home-header--success .home-header-title{font-size:22px;font-weight:800;color:var(--gold-light)}.home-header--success .home-header-sub{font-size:13px;color:#edd99a99}.home-header--urgent{background:linear-gradient(135deg,#6b1515,#8b1a1a);border-bottom:1px solid #C4961A}.home-header--urgent .home-header-title{font-size:22px;font-weight:800;color:#edd99a}.home-header--urgent .home-header-sub{font-size:13px;color:#edd99a99}.comp-card-v2{background:#8b1a1a;border:1px solid #C4961A;border-radius:10px;margin:12px 16px;padding:18px 20px}.comp-zone-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.comp-zone-name{font-size:13px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.lider-badge{background:#d4a84333;color:#d4a843;font-size:8px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:5px;text-transform:uppercase}.position-display{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.position-large{font-size:52px;font-weight:900;color:#fff;line-height:1}.position-of{font-size:16px;color:#fff6;font-weight:500}.position-pts-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.position-pts-value{font-size:32px;font-weight:900;color:var(--gold);line-height:1}.position-pts-label{font-size:12px;color:#fff6;font-weight:500}.points-gap-row{font-size:13px;color:var(--text-muted);margin-bottom:16px}.gap-leader{color:#f1c40f;font-weight:700}.recovery-hint{color:var(--green);font-weight:600}.km-value{font-weight:600;color:var(--text)}.comp-card-v2 .km-value{color:#fffc}.trivia-inline-section{margin-top:14px;border-top:.5px solid rgba(255,255,255,.15);padding-top:14px}.trivia-locked-inline{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffff73}.trivia-available-btn{width:100%;background:#2d6b2d;border:1.5px solid #5A9B5A;border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:3px;cursor:pointer;text-align:left}.trivia-available-title{font-size:15px;font-weight:700;color:#6dbf6d}.trivia-available-sub{font-size:12px;color:#6dbf6db3}.trivia-done-inline{font-size:13px;color:var(--gold-mid);font-weight:600;text-align:center;padding:4px 0}.banner-strava-ok{margin:0 16px 10px;background:#2d6b2d;color:#6dbf6d;border:1px solid #5A9B5A;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:600}.banner-strava-err{margin:0 16px 10px;background:#8b1a1a33;color:#edd99a;border:1px solid #8B1A1A;border-radius:10px;padding:12px 14px;font-size:14px}.banner-push-prompt{position:relative;margin:0 16px 10px;background:var(--surface);border:1px solid var(--accent);border-radius:10px;padding:14px 16px}.banner-push-prompt-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:4px}.banner-push-prompt-title{font-size:14px;font-weight:700;margin-bottom:4px}.banner-push-prompt-sub{font-size:12.5px;color:var(--text-muted);line-height:1.4;margin-bottom:10px;padding-right:18px}.banner-push-prompt-btn{width:100%;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;padding:10px;cursor:pointer}.banner-push-prompt-btn:disabled{opacity:.6;cursor:default}.btn-strava{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 32px);margin:12px 16px 0;background:#fc4c02;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px}.email-sent-card{background:var(--surface);border-radius:16px;padding:28px 20px;text-align:center;display:flex;flex-direction:column;gap:10px;max-width:360px;width:100%}.email-sent-icon{font-size:40px}.email-sent-card h2{font-size:20px;font-weight:700}.email-sent-card p{font-size:14px;color:var(--text-muted);line-height:1.5}.map-page{position:fixed;top:0;left:0;right:0;bottom:60px;background:#0a0f1e;z-index:2;overflow:hidden;display:flex;flex-direction:column}.map-top-bar{flex-shrink:0;position:relative;z-index:10;padding:14px 16px 12px;background:linear-gradient(to bottom,rgba(10,15,30,.98) 60%,transparent);display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb-btn{background:none;border:none;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;padding:4px 0}.breadcrumb-sep{color:var(--text-muted)}.breadcrumb-active{font-weight:700;color:var(--text)}.breadcrumb-muted{color:var(--text-muted);font-size:13px}.map-svg-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.map-svg{width:100%;height:100%;display:block}.map-legend-float{position:absolute;top:10px;right:12px;z-index:5;background:#0a0f23d9;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--text-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.legend-row{display:flex;align-items:center;gap:7px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.map-info-card{flex-shrink:0;background:var(--surface);border-top:1px solid rgba(255,255,255,.08);padding:14px 18px 18px}.map-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.map-info-title{font-size:18px;font-weight:700}.map-info-sub{font-size:13px;margin-top:3px}.map-info-hint{font-size:13px;margin-top:6px}.map-search-input{width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px 14px;font-size:14px;color:var(--text);outline:none;margin-bottom:8px}.map-search-input::placeholder{color:var(--text-muted)}.map-search-input:focus{border-color:var(--accent)}.map-suggest-list{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:4px}.map-suggest-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06)}.map-suggest-row:last-child{border-bottom:none}.map-suggest-row:active{background:#ffffff0f}.map-suggest-tag{font-size:12px;color:var(--accent)}.map-suggest-empty{font-size:13px;color:var(--text-muted);padding:8px 0}.map-cartiere-list{display:flex;flex-direction:column;gap:2px;max-height:148px;overflow-y:auto}.map-cartier-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;background:#ffffff08}.map-cartier-row:active{background:#ffffff14}.map-cartier-name{font-size:14px;font-weight:500}.map-cartier-meta{display:flex;align-items:center;gap:10px}.map-cartier-king{font-size:12px;color:#f5a623}.map-cartier-free,.map-cartier-count{font-size:12px;color:var(--text-muted)}.zone-sheet{position:absolute;left:0;right:0;bottom:0;z-index:600;background:#16213e;border-radius:20px 20px 0 0;padding:6px 20px 36px;box-shadow:0 -8px 40px #000000b3;max-height:55dvh;overflow-y:auto}.zone-sheet-handle{width:36px;height:4px;background:#ffffff2e;border-radius:2px;margin:0 auto 16px}.zone-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.zone-sheet-title{font-size:20px;font-weight:700}.close-btn{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px}.zone-leader-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.zone-leader-label{font-size:11px;color:var(--text-muted)}.zone-leader-name{font-size:15px;font-weight:600}.zone-participants{font-size:13px;color:var(--text-muted);margin-bottom:4px}.zone-active-badge{background:#052e16;color:#4ade80;border-radius:8px;padding:10px;font-size:14px;font-weight:600;text-align:center;margin-top:12px}.zone-msg{font-size:14px;color:var(--green);text-align:center;margin:8px 0}.wins-summary{font-size:13px}.territories-section{margin-bottom:16px}.territories-list{display:flex;flex-direction:column;gap:6px}.territory-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#2c1a08;border-radius:8px;border:1px solid #4E2E12}.territory-name{color:#edd99a;font-size:14px}.territory-count{color:#d4a843;font-size:13px;font-weight:700}.fun-fact-card{background:var(--gold-light);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:20px;font-size:14px;color:var(--text);line-height:1.5}.ach-icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ach-icon-box.king{background:#d4a84333}.ach-info{flex:1}.ach-title{font-size:14px;font-weight:600;color:var(--text)}.ach-date{font-size:12px;color:var(--gold-mid)}.ach-level{font-size:12px;min-width:50px;text-align:right}.ach-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.ach-points{font-size:13px;font-weight:700;color:var(--accent)}.comp-gap-rows{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.comp-gap-row1{font-size:15px;font-weight:700;color:#fff}.comp-gap-row2{font-size:13px;color:#ffffff73;line-height:1.4}.comp-gap-row3{font-size:14px;font-weight:700}.comp-gap-row3--green{color:var(--gold)}.comp-gap-row3--grey{color:var(--text-muted)}.comp-gap-row3--orange{color:#fb923c}.home-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 16px 12px}.mini-stat-card{background:var(--gold-light);border:1px solid var(--border);border-radius:8px;padding:14px 12px;display:flex;flex-direction:column;gap:3px}.mini-stat-value{font-size:22px;font-weight:800;color:var(--text)}.mini-stat-label{font-size:11px;color:var(--gold-mid)}.weekly-chart-wrap{margin-bottom:20px}.chart-week{display:flex;align-items:flex-end;height:96px;gap:5px;padding:0}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.chart-bars-area{display:flex;align-items:flex-end;width:100%}.chart-bar{width:100%;border-radius:3px 3px 0 0}.chart-bar--me{background:var(--accent)}.chart-bar--future{background:#1e2335}.chart-pts{font-size:9px;color:var(--text-muted);margin-top:3px}.chart-day{font-size:10px;color:var(--text-muted);margin-top:4px}.profile-hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.hero-pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}.hero-pill--gold{background:#d4a84333;color:var(--gold)}.hero-pill--km{background:#ffffff1a;color:#ffffffb3}.jurnal-section{margin-bottom:20px}.jurnal-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-mid);margin-bottom:8px}@keyframes zone-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2.2);opacity:0}}.zone-pulse-ring{animation:zone-pulse 2s infinite ease-out;transform-box:fill-box;transform-origin:center}.intro-page{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#1c1108;overflow:hidden}.intro-tabs{flex-shrink:0;display:flex;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0 0}.intro-tab-btn{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff73;font-size:14px;font-weight:500;padding:8px 4px 12px;cursor:pointer;transition:color .2s,border-color .2s}.intro-tab-btn.itab-active{color:#fff;border-bottom-color:var(--gold)}.intro-slides-vp{flex:1;overflow:hidden;min-height:0}.intro-slides-track{display:flex;height:100%;transition:transform .35s cubic-bezier(.25,.1,.25,1);will-change:transform}.intro-slide{flex-shrink:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 32px 8px;text-align:center;-webkit-user-select:none;user-select:none}.s-visual{width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:1;min-height:120px}.s-title{font-size:21px;font-weight:700;line-height:1.3;margin-bottom:10px;color:#fff}.s-sub{font-size:14px;color:#fff9;line-height:1.55;max-width:300px}.intro-footer{flex-shrink:0;padding:8px 24px 28px}.intro-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.intro-dot{width:8px;height:8px;border-radius:4px;background:#ffffff2e;border:none;cursor:pointer;transition:width .25s,background .25s;padding:0}.intro-dot.idot-active{width:22px;background:var(--accent)}.intro-nav{display:flex;align-items:stretch;gap:10px}.intro-back-spacer{flex:0 0 82px}.intro-back-btn{flex:0 0 auto;background:none;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);border-radius:12px;padding:12px 16px;font-size:14px;cursor:pointer;white-space:nowrap}.intro-next-btn{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:13px;font-size:15px;font-weight:600;cursor:pointer}.intro-auth{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px 36px;gap:16px}.intro-auth h1{font-size:22px;text-align:center;color:var(--accent)}.intro-auth form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}@keyframes sz-red{to{background:#e94560}}@keyframes sz-orange{to{background:#f5a623}}@keyframes sz-green{to{background:#16a34a}}.s-map-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:6px;width:100%;height:100%}.s-mz{background:#3a2510;border-radius:8px;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.s-run-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px 22px;width:100%;text-align:center}.s-run-icon{font-size:30px;margin-bottom:6px}.s-run-km{font-size:26px;font-weight:700;margin-bottom:14px;color:#fff}.s-run-bar-track{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:12px}.s-run-bar{height:100%;width:0;background:var(--green);border-radius:5px;animation:s-bar-fill 1.5s .3s forwards}.s-run-pts{font-size:13px;color:var(--green);font-weight:600;opacity:0;animation:s-fade-in .5s 1.8s forwards}@keyframes s-bar-fill{to{width:73%}}@keyframes s-fade-in{to{opacity:1}}.s-trivia-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;width:100%;opacity:0;transform:translateY(12px);animation:s-fade-up .4s .1s both}.s-trivia-q{font-size:13px;font-weight:600;margin-bottom:12px;line-height:1.4;text-align:left;color:#fff}.s-trivia-input-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.s-trivia-input-lbl{font-size:12px;color:#ffffff80}.s-trivia-input-val{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 14px;font-size:18px;font-weight:700;color:#fff;opacity:0;animation:s-fade-up .3s .5s both}.s-trivia-result{display:flex;flex-direction:column;gap:4px;background:#2ecc711f;border:1px solid rgba(46,204,113,.25);border-radius:10px;padding:10px 12px;opacity:0;animation:s-fade-up .4s 1s both}.s-trivia-correct-val{font-size:12px;color:#ffffff8c}.s-trivia-diff{font-size:13px;color:var(--green)}.s-trivia-table{margin-top:10px;display:flex;flex-direction:column;gap:3px;opacity:0;animation:s-fade-up .4s 1.6s both}.s-trivia-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#ffffff8c;padding:2px 4px;border-radius:4px}.s-trivia-row-hi{color:var(--green);font-weight:700;background:#2ecc711a}.s-xp-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;width:100%;opacity:0;animation:s-fade-up .4s .1s both}.s-xp-sources{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.s-xp-row{display:flex;justify-content:space-between;font-size:13px;color:#ffffffbf}.s-xp-val{font-weight:700;color:#d4a843}.s-xp-divider{border-top:1px solid rgba(255,255,255,.1);padding-top:8px;margin-top:4px}.s-xp-frames{display:flex;justify-content:space-around;gap:6px}.s-xp-frame-item{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;animation:s-fade-up .3s both}.s-xp-frame-dot{width:36px;height:36px;border-radius:50%;border:2px solid}.s-xp-frame-sub{font-size:10px;font-weight:600}@keyframes s-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.s-cal-row{display:flex;gap:8px;align-items:flex-end}.s-cal-col{display:flex;flex-direction:column;align-items:center;gap:5px}.s-cal-lbl{font-size:10px;color:#ffffff80;font-weight:600}.s-cal-box{width:34px;height:34px;border-radius:8px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--green);font-weight:700;opacity:0;transform:scale(.6);animation:s-check-pop .35s both}@keyframes s-check-pop{to{opacity:1;transform:scale(1)}}.s-king-block{display:flex;flex-direction:column;align-items:center;gap:4px}.s-king-crown{font-size:54px;opacity:0;transform:scale(.4) translateY(-16px);animation:s-crown-drop .6s .2s cubic-bezier(.34,1.56,.64,1) forwards}.s-king-num{font-size:50px;font-weight:900;color:gold;line-height:1;opacity:0;animation:s-fade-in .4s .8s forwards}.s-king-lbl{font-size:15px;color:var(--text-muted);opacity:0;animation:s-fade-in .4s 1.2s forwards}@keyframes s-crown-drop{to{opacity:1;transform:scale(1) translateY(0)}}.s-tiers-row{display:flex;align-items:flex-end;justify-content:center;gap:10px}.s-tier-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-bottom:2px solid var(--tier-color, #fff);border-radius:12px;min-width:80px;opacity:0;transform:translateY(16px);animation:s-card-rise .45s forwards}.s-tier-icon{font-size:26px;color:var(--tier-color)}.s-tier-lbl{font-size:12px;font-weight:700;color:#fff}.s-tier-sub{font-size:10px;color:#ffffff73;text-align:center}@keyframes s-card-rise{to{opacity:1;transform:translateY(0)}}.xp-bar-card{background:#1c1108;border:1px solid #A07830;border-radius:10px;padding:14px 16px;margin:0 16px 12px}.xp-bar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.xp-bar-left{display:flex;align-items:center;gap:6px}.xp-level-badge{background:#a07830;color:#fbf5e6;font-size:9px;font-weight:700;padding:2px 6px;border-radius:5px}.xp-title{font-size:9px;font-weight:500;color:#d4a843}.xp-next-unlock{font-size:9px;color:#d4a843;text-align:right}.xp-track{height:10px;background:#ffffff1a;border-radius:99px;overflow:hidden;margin-bottom:6px}.xp-fill{height:100%;background:linear-gradient(90deg,#a07830,#d4a843);border-radius:99px;transition:width .6s ease}.xp-labels{display:flex;justify-content:space-between;font-size:9px}.xp-current,.xp-max{color:#d4a843}.terr-page{padding:16px 16px 20px}.terr-header{margin-bottom:16px}.terr-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:4px}.terr-sub{font-size:13px;color:var(--gold-mid)}.terr-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px}.breadcrumb-pill{background:var(--gold-light);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.breadcrumb-sep{color:var(--gold-mid);font-size:13px}.breadcrumb-active{font-size:13px;font-weight:700;color:var(--text)}.hex-grid-wrap{display:flex;justify-content:center;margin-bottom:14px}.hex-grid-wrap svg{display:block;width:100%;height:auto;max-width:270px}@media (min-width: 700px){.hex-grid-wrap svg{max-width:420px}}.hex-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.legend-item{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--gold-mid)}.leg-hex{display:inline-block;width:12px;height:14px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);flex-shrink:0}.hex-info-card{background:#1c1108;border:1px solid #A07830;border-radius:9px;padding:14px 16px;margin-top:4px}.hex-info-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hex-info-city{font-size:16px;font-weight:700;color:var(--gold-light)}.hex-info-count{font-size:12px;color:var(--gold-mid)}.hex-info-badge{font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.hex-info-king{font-size:12px;color:var(--gold);margin-bottom:4px}.hex-info-meta{font-size:12px;color:#edd99a8c;margin-bottom:2px}.hex-info-pct{font-size:12px;color:var(--gold-mid)}.zone-lb-wrap{margin-top:14px;background:#1c1108;border:1px solid #6B4C1E;border-radius:10px;overflow:hidden}.zone-lb-title{font-size:11px;font-weight:700;color:var(--gold-mid);padding:10px 14px 8px;border-bottom:1px solid rgba(107,76,30,.5);text-transform:uppercase;letter-spacing:.05em}.zone-lb-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:.5px solid rgba(107,76,30,.4)}.zone-lb-row:last-child{border-bottom:none}.zone-lb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.zone-lb-dot--active{background:#8b1a1a;box-shadow:0 0 4px #d4a843}.zone-lb-dot--conquered{background:#6b3a0f}.zone-lb-dot--has_king{background:#c4961a}.zone-lb-dot--available{background:#3a2510}.zone-lb-name{flex:1;font-size:13px;color:var(--gold-light)}.zone-lb-king{font-size:12px;color:var(--gold)}.zone-lb-part{font-size:11px;color:#edd99a73;margin-left:4px}.terr-message{background:var(--gold-light);border:1px solid var(--gold);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px;text-align:center}.top-page{padding:16px 16px 20px}.top-page-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:4px}.top-page-sub{font-size:12px;color:var(--gold-mid);margin-bottom:16px}.accordion-block{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:10px}.accordion-header{background:#1c1108;display:flex;align-items:center;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.accordion-header:active{opacity:.85}.acc-city-icon{width:28px;height:28px;background:#8b1a1a;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-right:10px}.acc-city-info{flex:1}.acc-city-name{font-size:13px;font-weight:600;color:var(--gold-light)}.acc-city-sub{font-size:10px;color:#edd99a80;margin-top:1px}.acc-chevron{color:#edd99a80;font-size:16px;transition:transform .25s;flex-shrink:0}.acc-chevron.open{transform:rotate(180deg)}.accordion-body{background:var(--bg)}.acc-zone-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:.5px solid #D4B896;cursor:pointer}.acc-zone-row:last-child{border-bottom:none}.acc-zone-row:active{background:#d4a84312}.acc-zone-row.me{background:#8b1a1a0f}.acc-king-avatar{width:20px;height:20px;border-radius:50%;background:#a07830;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fbf5e6;flex-shrink:0}.acc-zone-name{flex:1;font-size:13px;font-weight:500;color:var(--text)}.acc-zone-king{font-size:11px;color:var(--gold-mid);display:flex;align-items:center;gap:3px}.acc-zone-king-pts{font-size:11px;font-weight:700;color:var(--accent)}.acc-me-badge{background:#8b1a1a1f;color:#8b1a1a;font-size:8px;font-weight:700;padding:2px 5px;border-radius:3px;text-transform:uppercase}.acc-no-king{font-size:11px;color:#a0783080;font-style:italic}.acc-more-row{padding:8px 14px;text-align:center;font-size:11px;color:var(--gold-mid);cursor:pointer}.profile-xp-wrap{margin-bottom:20px}.profile-xp-wrap .xp-bar-card{margin:0}.cosmetics-section{margin-bottom:20px}.cosmetics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cosmetic-item{background:var(--gold-light);border:1px solid var(--border);border-radius:8px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.cosmetic-item.locked{opacity:.55}.cosmetic-icon{font-size:26px}.cosmetic-name{font-size:11px;font-weight:600;color:var(--text);text-align:center}.cosmetic-req{font-size:9px;color:var(--gold-mid);text-align:center}.cosmetic-active-badge{position:absolute;top:6px;right:6px;background:var(--gold);color:#1c1108;font-size:8px;font-weight:800;padding:2px 5px;border-radius:3px}.terr-mini-card{background:#8b1a1a;border:1px solid #C4961A;border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.terr-mini-left{display:flex;flex-direction:column;gap:3px;flex:1}.terr-mini-zone{font-size:14px;font-weight:700;color:#fff}.terr-mini-week{font-size:10px;color:#ffffff80}.terr-mini-gap{font-size:11px;color:#ffffff73;margin-top:2px}.terr-mini-pos{font-size:28px;font-weight:900;color:#d4a843;line-height:1;flex-shrink:0;margin-left:12px}.terr-mini-status{font-size:8px;font-weight:500;margin-top:2px;display:flex;align-items:center;gap:4px}.terr-mini-status--green{color:#6dbf6d}.terr-mini-status--dim{color:#ffffff59}.terr-mini-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;margin-left:12px}.terr-mini-total{font-size:9px;color:#ffffff59}.terr-set-active-btn{width:100%;background:#c4961a;color:#1c1108;border:none;border-radius:7px;padding:6px;font-size:9px;font-weight:500;cursor:pointer;margin-bottom:10px}.terr-l3{display:flex;flex-direction:column;flex:1}.terr-track-wrap{background:#2c1a08;border:1px solid #6B4C1E;border-radius:10px;overflow:hidden;margin-bottom:14px}.terr-lb-compact{background:var(--gold-light);border:1px solid var(--border);border-radius:10px;overflow:hidden}.terr-lb-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:.5px solid #D4B896}.terr-lb-row:last-child{border-bottom:none}.terr-lb-row.me{background:#8b1a1a12;border-color:#d4a84340}.terr-lb-pos{width:22px;font-size:12px;font-weight:700;color:var(--gold-mid);flex-shrink:0}.terr-lb-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fbf5e6;flex-shrink:0}.terr-lb-name{flex:1;font-size:13px;font-weight:500;color:var(--text)}.terr-lb-me-tag{font-size:10px;color:var(--accent)}.terr-lb-pts{font-size:13px;font-weight:700;color:var(--accent);flex-shrink:0}.terr-lb-sep{text-align:center;font-size:11px;color:var(--gold-mid);padding:7px 14px;border-bottom:.5px solid #D4B896}.home-header--morning .home-header-title{font-size:22px;font-weight:800;color:var(--text)}.home-header--morning .home-header-sub{font-size:13px;color:var(--gold-mid)}.track-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(212,168,67,.35) transparent}.track-scroll::-webkit-scrollbar{height:4px}.track-scroll::-webkit-scrollbar-track{background:transparent}.track-scroll::-webkit-scrollbar-thumb{background:#d4a84359;border-radius:2px}.track-canvas{position:relative;height:230px;overflow:hidden}.track-sky{position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(180deg,#3a9ad9,#72c1e8,#a8d8f0 70%,#c5e8ff)}.track-sun{position:absolute;top:12px;right:140px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,#fffacd 30%,gold,#ffd70000);box-shadow:0 0 22px #ffd7008c}.track-ground{position:absolute;bottom:0;left:0;right:0;height:95px;background:linear-gradient(180deg,#6aad3a,#58962a 25%,#4a8020 55%,#3c6a18)}.track-road{position:absolute;top:120px;left:0;right:0;height:40px;background:linear-gradient(180deg,#9b82558c,#9b82558c 12%,#585858 13%,#484848,#3a3a3a 87%,#9b82558c 88%,#9b82558c);border-top:1px solid rgba(180,160,110,.4);border-bottom:1px solid rgba(20,20,20,.8)}.track-road:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0px,rgba(255,255,255,.5) 28px,transparent 28px,transparent 60px)}.track-flag{position:absolute;top:86px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.track-flag-banner{font-size:8px;font-weight:800;padding:3px 8px;border-radius:3px 3px 0 0;white-space:nowrap;letter-spacing:.03em}.track-flag-banner--start{background:#2a7a2a;color:#b8f0b8;border:1px solid #5A9B5A;border-bottom:none}.track-flag-banner--finish{background:#d4a843;color:#1c1108;border:1px solid #A07830;border-bottom:none}.track-flag-pole{width:2px;height:36px;background:linear-gradient(180deg,#aaa,#666)}.track-cp{position:absolute;top:60px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.track-cp-top{display:flex;flex-direction:column;align-items:center;gap:2px}.track-cp-icon{font-size:20px;line-height:1;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.track-cp-pts{font-size:7.5px;font-weight:700;color:var(--gold);background:#2c1a08eb;border:1px solid rgba(212,168,67,.5);border-radius:3px;padding:1px 6px;white-space:nowrap;margin-top:1px}.track-cp-line{width:1px;height:70px;background:linear-gradient(180deg,#d4a843bf,#d4a8431f);margin-top:3px}.track-cp-name{font-size:6.5px;color:#d4a84399;white-space:nowrap;margin-top:3px;text-align:center}.track-lm{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none;-webkit-user-select:none;user-select:none}.track-lm-icon{font-size:24px;line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}.track-lm-label{font-size:6.5px;color:#ffffffbf;text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap}@keyframes avatar-pulse{0%,to{opacity:.5}50%{opacity:.1}}.track-avatar-pulse{animation:avatar-pulse 2.2s ease-in-out infinite}.track-avatar{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:5;cursor:default}.track-avatar--me{z-index:10}.track-avatar--dim{opacity:.45}.track-av-crown{font-size:13px;line-height:1;margin-bottom:1px;filter:drop-shadow(0 1px 5px rgba(0,0,0,.9))}.track-av-frame{position:relative;width:var(--av-size, 34px);height:var(--av-size, 34px);border-radius:50%;border:2.5px solid var(--outer, #CD7F32);box-shadow:0 0 8px var(--outer, #CD7F32),inset 0 0 0 2px var(--inner, #8B4513);background:var(--av-bg, #3D1F0A);display:flex;align-items:center;justify-content:center;flex-shrink:0}.track-avatar--me .track-av-frame{border-width:3px;box-shadow:0 0 14px var(--outer, #D4A843),0 0 28px #d4a8434d,inset 0 0 0 2px var(--inner, #A07830)}.track-av-circle{font-size:calc(var(--av-size, 34px) * .36);font-weight:800;color:#fff;-webkit-user-select:none;user-select:none;line-height:1}.track-av-badge{position:absolute;top:-3px;right:-3px;width:13px;height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;border:1.5px solid rgba(0,0,0,.5)}.track-av-name{font-size:7.5px;font-weight:700;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.8);margin-top:3px;white-space:nowrap;max-width:72px;overflow:hidden;text-overflow:ellipsis}.track-avatar--me .track-av-name{font-size:9px;color:var(--outer, #D4A843);text-shadow:0 0 10px var(--outer, #D4A843),0 1px 4px rgba(0,0,0,.95)}.track-av-pts{font-size:6px;color:#ffffff8c;text-shadow:0 1px 3px rgba(0,0,0,.9);margin-top:1px;white-space:nowrap}.track-avatar--me .track-av-pts{font-size:7px;color:#ffffffd9}.track-loading{height:200px;display:flex;align-items:center;justify-content:center;color:#edd99a66;font-size:13px}.track-legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 2px 10px}.track-legend-item{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted)}.track-legend-dot{width:10px;height:10px;border-radius:50%;border:2px solid #CD7F32;background:#2c1a08;flex-shrink:0}.competitor-sheet{position:relative;padding:28px 20px 48px}.competitor-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;line-height:1}.competitor-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.competitor-name-block{display:flex;flex-direction:column;gap:3px}.competitor-username{font-size:18px;font-weight:700;color:var(--gold-light)}.competitor-pos{font-size:12px;color:var(--text-muted)}.competitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.cstat{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border-radius:10px;padding:10px 6px;gap:3px}.cstat-val{font-size:16px;font-weight:700;color:var(--gold-light)}.cstat-label{font-size:10px;color:var(--text-muted);text-align:center}.competitor-compare{text-align:center;font-size:12px;color:var(--text-muted);padding:10px;border-radius:8px;background:#ffffff0a}.xp-info-sheet{max-height:90dvh;overflow-y:auto;padding:28px 20px 48px;position:relative}.xp-info-hero{text-align:center;margin-bottom:22px}.xp-info-level{font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.xp-info-title{font-size:24px;font-weight:800;color:var(--gold-light);margin-bottom:14px}.xp-info-bar-wrap{margin:0 auto 8px;max-width:280px}.xp-info-bar-track{height:10px;border-radius:5px;background:#ffffff14;overflow:hidden}.xp-info-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#a07830,#d4a843);transition:width .4s ease}.xp-info-bar-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:4px}.xp-info-next{font-size:12px;color:var(--text-muted);margin-top:6px}.xp-info-section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.xp-sources{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.xp-source-row{display:flex;align-items:center;gap:10px;background:#ffffff0d;border-radius:10px;padding:10px 12px}.xp-source-icon{font-size:18px;flex-shrink:0}.xp-source-text{font-size:13px;color:var(--gold-light)}.xp-source-text strong{color:#fff}.xp-milestones{display:flex;flex-direction:column;gap:0}.xp-ms-aura{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.xp-ms-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.05);opacity:.5;transition:opacity .2s}.xp-ms-row--past{opacity:.55}.xp-ms-row--active{opacity:1;background:#d4a8430f;border-radius:8px}.xp-ms-lvl{width:44px;flex-shrink:0;font-size:11px;font-weight:700;text-align:left}.xp-ms-info{flex:1}.xp-ms-title{font-size:13px;font-weight:600;color:var(--gold-light)}.xp-ms-note{font-size:11px;color:var(--text-muted);margin-top:1px}.xp-ms-km{font-size:11px;color:var(--text-muted);white-space:nowrap}.xp-ms-dot{width:10px;height:10px;border-radius:50%;border:2px solid #CD7F32;flex-shrink:0}