:root{--bg-0:#0f1418;--bg-1:#1a2229;--bg-2:#232e37;--bg-3:#2f3d48;--panel:#232e37d9;--panel-strong:#2f3d48;--border:#3d4e5b;--border-strong:#4b6274;--text-0:#f2ede1;--text-1:#d8d3c4;--text-2:#99a4ad;--text-dim:#6a7681;--accent:#7cb95a;--accent-2:#f2b544;--accent-danger:#e46a4b;--accent-info:#6bb1d1;--accent-stamina:#ef9143;--accent-water:#56b5e6;--accent-food:#eabf3a;--accent-morale:#b78de0;--accent-temp:#d05353;--radius-sm:6px;--radius:10px;--radius-lg:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:var(--text-0);background:radial-gradient(at 20% 0,#1c3241 0%,#0000 55%),radial-gradient(at 80% 100%,#244028 0%,#0000 55%),linear-gradient(#0f1418 0%,#101a20 100%);min-height:100vh;font-family:-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}button{cursor:pointer;border:1px solid var(--border);color:var(--text-0);border-radius:var(--radius-sm);background:linear-gradient(#2c3944 0%,#202932 100%);padding:8px 14px;font-family:inherit;font-size:13px;transition:all .15s}button:hover:not(:disabled){border-color:var(--accent);background:linear-gradient(#35424d 0%,#26303a 100%)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{color:#10180b;background:linear-gradient(#7cb95a 0%,#558a3a 100%);border-color:#4a7d30;font-weight:600}button.primary:hover:not(:disabled){background:linear-gradient(#8ecc6a 0%,#609a44 100%);border-color:#78bd52}button.warn{color:#fff;background:linear-gradient(#e46a4b 0%,#a94c34 100%);border-color:#a94c34}button.ghost{border-color:var(--border);background:0 0}.panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);padding:16px}@media (width<=768px){.panel{-webkit-backdrop-filter:none;backdrop-filter:none}}.badge{background:var(--bg-3);color:var(--text-1);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.tag-green{color:var(--accent);border-color:var(--accent)}.tag-yellow{color:var(--accent-2);border-color:var(--accent-2)}.tag-red{color:var(--accent-danger);border-color:var(--accent-danger)}.tag-blue{color:var(--accent-info);border-color:var(--accent-info)}.tag-purple{color:var(--accent-morale);border-color:var(--accent-morale)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}::-webkit-scrollbar-track{background:0 0}h1,h2,h3,h4{margin:0;font-weight:600}.subtle{color:var(--text-2);font-size:12px}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.grow{flex:1}.toast{border:1px solid var(--accent-2);border-radius:var(--radius-sm);color:var(--accent-2);z-index:1000;background:#141a1ef2;max-width:320px;padding:10px 20px;font-size:13px;animation:.3s toastIn;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 24px #0009}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cs-modal{z-index:400;background:#000000bf;justify-content:center;align-items:center;padding:24px 16px;animation:.2s ease-out csFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes csFadeIn{0%{opacity:0}to{opacity:1}}.cs-inner{border:1px solid var(--accent-2,#f2b544);background:#12181efa;border-radius:14px;flex-direction:column;gap:12px;width:min(720px,100%);max-height:90vh;padding:24px 24px 20px;animation:.28s cubic-bezier(.2,.9,.3,1.15) csSlideIn;display:flex;position:relative}@keyframes csSlideIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.cs-close{width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:22px;position:absolute;top:12px;right:14px}.cs-close:hover{color:var(--text-0);background:#ffffff14}.cs-header{align-items:center;gap:14px;display:flex}.cs-avatar{background:#f2b54426;border:1px solid #f2b54466;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:46px;line-height:1;display:flex}.cs-name{color:var(--text-0);margin-bottom:6px;font-size:18px;font-weight:700}.cs-exp-bar{background:#ffffff14;border-radius:8px;height:14px;position:relative;overflow:hidden}.cs-exp-fill{background:linear-gradient(90deg,#f2b544,#e46a4b);height:100%;transition:width .4s ease-out}.cs-exp-text{color:var(--text-0);text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.cs-coin{color:var(--accent-1,#f2b544);white-space:nowrap;font-size:15px;font-weight:600}.cs-tabs{border-bottom:1px solid #ffffff14;gap:8px;padding-bottom:4px;display:flex}.cs-tabs button{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px 6px 0 0;padding:8px 12px;font-size:14px;position:relative}.cs-tabs button.active{color:var(--accent-1,#f2b544);border-bottom:2px solid var(--accent-1,#f2b544);background:#f2b54414}.cs-tabs .dot{color:#fff;text-align:center;background:#e46a4b;border-radius:9px;min-width:18px;margin-left:6px;padding:1px 5px;font-size:11px;font-weight:700;display:inline-block}.cs-body{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.cs-row-info{color:var(--text-1);justify-content:space-between;align-items:center;padding:4px 2px;font-size:13px;display:flex}.cs-row-info .hl{color:var(--accent-1,#f2b544);margin:0 4px;font-size:16px}.cs-tip{color:var(--text-2);background:#e46a4b14;border:1px dashed #e46a4b59;border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.4}.attr-eff{color:#e46a4b;margin-left:2px;font-size:11px}.attr-grid{grid-template-columns:1fr;gap:8px;display:grid}.attr-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.attr-info{flex:1}.attr-title{color:var(--text-0);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.attr-emoji{font-size:20px}.attr-value{color:var(--text-2);font-size:12px;font-weight:400}.attr-delta{color:#7eb06a;margin-left:2px;font-weight:600}.attr-desc{color:var(--text-2);margin-top:2px;font-size:12px}.attr-per{color:var(--accent-1,#f2b544);letter-spacing:.3px;margin-top:4px;font-size:11px}.attr-ctrl{gap:6px;display:flex}.attr-ctrl button{border-radius:6px;width:34px;height:34px;padding:0;font-size:18px}.perk-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.perk-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px;transition:all .15s}.perk-card:hover:not(.locked):not(.full){background:#f2b5440d;border-color:#f2b54480}.perk-card.equipped{border-color:var(--accent-1,#f2b544);background:#f2b5441f}.perk-card.locked{opacity:.4;cursor:not-allowed}.perk-card.full{opacity:.55;cursor:not-allowed}.perk-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.perk-emoji{font-size:18px}.perk-name{color:var(--text-0);flex:1;font-size:13px;font-weight:600}.perk-lock,.perk-eq{color:var(--text-2);border:1px solid #ffffff26;border-radius:4px;padding:1px 5px;font-size:10px}.perk-eq{color:var(--accent-1,#f2b544);border-color:#f2b54466}.perk-desc{color:var(--text-2);margin-bottom:4px;font-size:11px;line-height:1.4}.perk-effect{color:var(--accent-1,#f2b544);letter-spacing:.2px;font-size:11px;font-weight:500}.cs-footer{justify-content:center;padding-top:8px;display:flex}.cs-footer .primary.big{letter-spacing:2px;padding:12px 30px;font-size:15px}@media (width<=640px){.cs-inner{max-height:95vh;padding:18px 14px 14px}.cs-header{gap:10px}.cs-avatar{width:48px;height:48px;font-size:36px}.cs-name{font-size:15px}.perk-grid{grid-template-columns:1fr}.attr-title{flex-wrap:wrap;font-size:14px}.attr-ctrl button{width:32px;height:32px}}.cl-modal{z-index:400;background:#000000bf;justify-content:center;align-items:center;padding:24px 16px;animation:.2s ease-out clFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes clFadeIn{0%{opacity:0}to{opacity:1}}.cl-inner{border:1px solid var(--accent-2,#f2b544);background:#12181efa;border-radius:14px;flex-direction:column;gap:14px;width:min(720px,100%);max-height:88vh;padding:24px 26px 22px;animation:.28s cubic-bezier(.2,.9,.3,1.15) clSlideIn;display:flex;position:relative}@keyframes clSlideIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.cl-close{width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:22px;position:absolute;top:12px;right:14px}.cl-close:hover{color:var(--text-0);background:#ffffff14}.cl-header{border-bottom:1px solid #ffffff14;padding-bottom:8px}.cl-title{color:var(--text-0);letter-spacing:1px;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.cl-emoji{font-size:22px}.cl-subtitle{color:var(--accent-1,#f2b544);letter-spacing:.5px;margin-top:4px;font-size:12px}.cl-body{flex-direction:column;flex:1;gap:20px;padding-right:4px;display:flex;overflow-y:auto}.cl-version{background:#ffffff05;border-left:2px solid #ffffff26;border-radius:0 8px 8px 0;padding:12px 14px}.cl-version.latest{border-left-color:var(--accent-1,#f2b544);background:linear-gradient(90deg,#f2b54414,#0000)}.cl-version-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.cl-version-num{color:var(--accent-1,#f2b544);letter-spacing:1px;font-size:15px;font-weight:700}.cl-version-title{color:var(--text-0);font-size:14px;font-weight:600}.cl-version-date{color:var(--text-2);letter-spacing:.5px;margin-left:auto;font-size:11px}.cl-version-newtag{color:#fff;letter-spacing:.5px;background:#e46a4b;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;animation:1.6s ease-in-out infinite newTagPulse}@keyframes newTagPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.cl-entries{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cl-entry{color:var(--text-1);align-items:flex-start;gap:8px;padding:4px 0;font-size:12px;line-height:1.55;display:flex}.cl-type{letter-spacing:1px;border:1px solid;border-radius:3px;flex-shrink:0;margin-top:1px;padding:2px 8px;font-size:10px;font-weight:600;line-height:1.4}.cl-text{flex:1}@media (width<=640px){.cl-inner{max-height:92vh;padding:18px 16px 14px}.cl-title{font-size:17px}.cl-version{padding:10px 12px}.cl-version-title{font-size:12px}.cl-version-date{font-size:10px}.cl-entry{font-size:11px}.cl-type{letter-spacing:.5px;padding:1px 6px;font-size:9px}}.start-page{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.start-page .mountains{z-index:0;opacity:.9;height:60vh;position:absolute;bottom:0;left:0;right:0}.start-page .mountains svg{width:100%;height:100%}.start-content{z-index:1;text-align:center;color:var(--text-0);max-width:720px;padding:40px;position:relative}.brand-sub{color:var(--accent);letter-spacing:4px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:inline-flex}.version-btn{color:var(--accent-1,#f2b544);letter-spacing:1px;cursor:pointer;text-transform:none;background:#f2b5441a;border:1px solid #f2b54459;border-radius:10px;padding:2px 8px;font-size:11px;transition:all .15s;position:relative}.version-btn:hover{background:#f2b54433;border-color:#f2b54499}.unseen-dot{background:#e46a4b;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite unseenPulse;position:absolute;top:-3px;right:-3px}@keyframes unseenPulse{0%,to{transform:scale(1);box-shadow:0 0 #e46a4b80}50%{transform:scale(1.15);box-shadow:0 0 0 4px #e46a4b00}}.brand-title{letter-spacing:12px;color:var(--text-0);text-shadow:0 8px 24px #0000008c;white-space:nowrap;justify-content:center;align-items:center;gap:20px;font-size:96px;font-weight:800;display:flex}@media (width<=640px){.brand-title{letter-spacing:6px;gap:10px;font-size:52px}.brand-sub{letter-spacing:3px;font-size:10px}.brand-tagline{letter-spacing:1px;padding:0 16px;font-size:12px}.start-content{max-width:100%;padding:24px 16px}.start-menu{gap:16px;margin-top:24px}button.big{letter-spacing:3px;padding:12px 32px;font-size:15px}.hints{max-width:100%;padding:12px 16px}.hints ol{font-size:12px;line-height:1.7}.chars-preview{flex-wrap:wrap;margin-top:20px}.char-mini{padding:6px 12px;font-size:12px}.profile-panel{width:100%;min-width:auto;margin-top:18px;padding:12px}.profile-stats{grid-template-columns:1fr 1fr}}.brand-glyph{color:var(--accent-2)}.brand-tagline{color:var(--text-1);letter-spacing:2px;margin-top:16px;font-size:14px}.start-menu{flex-direction:column;align-items:center;gap:22px;margin-top:48px;display:flex}button.big{letter-spacing:4px;border-radius:8px;padding:14px 40px;font-size:16px}.hints{border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:#141a1eb3;max-width:520px;padding:16px 22px}.hint-title{color:var(--accent-2);letter-spacing:2px;margin-bottom:8px;font-size:13px}.hints ol{color:var(--text-1);margin:0;padding-left:20px;font-size:13px;line-height:1.9}.chars-preview{justify-content:center;gap:12px;margin-top:32px;display:flex}.char-mini{border:1px solid var(--border);color:var(--text-1);background:#1e2830b3;border-radius:20px;padding:8px 14px;font-size:13px}.profile-panel{border:1px solid var(--accent);text-align:left;background:#0f1418bf;border-radius:10px;min-width:480px;margin-top:26px;padding:14px 18px}.profile-panel-head{color:var(--accent);letter-spacing:2px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.profile-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.profile-stat{background:#00000040;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.profile-stat-icon{font-size:20px}.profile-stat-label{color:var(--text-2);letter-spacing:1px;font-size:10px}.profile-stat-value{color:var(--text-0);margin-top:2px;font-size:14px;font-weight:700}.profile-cleared{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cleared-chip{color:var(--text-1);border:1px solid var(--border);background:#0000004d;border-radius:12px;padding:4px 10px;font-size:12px}.cleared-chip.medal-金{border-color:gold}.cleared-chip.medal-银{border-color:silver}.cleared-chip.medal-铜{border-color:#b98a4b}.level-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#f2b54424,#0f1418b3);border:1px solid #f2b54473;border-radius:12px;max-width:460px;margin:0 auto 16px;padding:14px 16px}.level-card-head{align-items:center;gap:12px;display:flex}.level-emoji{background:#f2b54433;border:1px solid #f2b54466;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:36px;line-height:1;display:flex}.level-name{color:var(--text-0);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:15px;font-weight:600;display:flex}.level-num{color:var(--accent-1,#f2b544);font-size:17px}.level-notif{color:#fff;background:#e46a4b;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;animation:1.4s ease-in-out infinite notifPulse}@keyframes notifPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.level-exp-bar{background:#ffffff14;border-radius:5px;height:10px;position:relative;overflow:hidden}.level-exp-fill{background:linear-gradient(90deg,#f2b544,#e46a4b);height:100%;transition:width .5s ease-out}.level-exp-text{color:var(--text-0);text-shadow:0 1px 2px #000000b3;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.level-coin{color:var(--accent-1,#f2b544);white-space:nowrap;font-size:14px;font-weight:600}.level-tags{border-top:1px dashed #ffffff1a;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.level-tags .lt{color:var(--text-1);background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:12px}.level-tags button{margin-left:auto;padding:4px 10px;font-size:12px}@media (width<=640px){.level-card{margin-bottom:12px;padding:12px}.level-emoji{width:40px;height:40px;font-size:28px}.level-name{font-size:13px}.level-num{font-size:15px}}.prep-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.prep-header{border-bottom:1px solid var(--border);background:#0f1418e6;flex-shrink:0;align-items:center;gap:20px;padding:12px 24px;display:flex}.prep-brand{letter-spacing:3px;color:var(--text-0);white-space:nowrap;flex-shrink:0;font-size:16px;font-weight:700}.prep-brand .brand-glyph{color:var(--accent-2);margin-right:4px}.prep-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;flex:1;justify-content:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.prep-tabs::-webkit-scrollbar{display:none}.prep-tab{border:1px solid var(--border);color:var(--text-2);white-space:nowrap;background:0 0;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:13px}.prep-tab.active{background:var(--accent);border-color:var(--accent);color:#10180b;font-weight:600}.prep-meta{flex-shrink:0;align-items:center;gap:16px;display:flex}.prep-meta>div{white-space:nowrap;flex-shrink:0}.prep-meta .subtle{letter-spacing:1px;font-size:10px}.prep-meta .meta-value{color:var(--text-0);white-space:nowrap;font-size:13px;font-weight:600}.prep-meta .gold{color:var(--accent-2)}.prep-meta button{white-space:nowrap;flex-shrink:0}.prep-main{flex:1;padding:24px;overflow-y:auto}.tab-container{flex-direction:column;gap:12px;max-width:1200px;margin:0 auto;padding-bottom:20px;display:flex}.tab-title{color:var(--text-0);letter-spacing:2px;font-size:22px}.prep-footer{border-top:1px solid var(--border);background:#0f1418f2;flex-shrink:0;align-items:center;gap:20px;padding:12px 24px;display:flex}.footer-info{flex:1}.route-tab{flex-direction:column;gap:16px;height:100%;display:flex}.route-tab-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.region-filter{flex-wrap:wrap;gap:4px;display:flex}.region-btn{border:1px solid var(--border);color:var(--text-2);background:0 0;border-radius:20px;padding:4px 10px;font-size:12px}.region-btn.active{background:var(--accent);color:#10180b;border-color:var(--accent);font-weight:600}.route-layout{grid-template-columns:minmax(320px,380px) 1fr;gap:16px;display:grid}@media (width<=960px){.route-layout{grid-template-columns:1fr}.route-map-panel{min-height:300px!important}.china-map svg{max-height:340px!important}}.route-map-panel{flex-direction:column;min-height:400px;padding:10px;display:flex;overflow:hidden}.china-map{flex:1;min-height:0;display:flex;position:relative}.china-map svg{width:100%;height:auto;max-height:460px}.map-pin:hover circle{r:2.2}.map-legend{border:1px solid var(--border);color:var(--text-1);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0f1418bf;border-radius:6px;min-width:100px;padding:8px 10px;font-size:11px;position:absolute;top:8px;right:8px}.legend-title{color:var(--text-2);letter-spacing:1px;margin-bottom:4px;font-size:10px}.legend-row{align-items:center;gap:6px;padding:2px 0;display:flex}.legend-row .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-good{background:#7cb95a}.dot-mid{background:#f2b544}.dot-bad{background:#e46a4b}.route-detail-panel{flex-direction:column;padding:0;display:flex;overflow:hidden}.route-detail-hero{border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;align-items:center;gap:18px;padding:18px 20px;display:flex}.hero-emoji{filter:drop-shadow(0 4px 12px #0006);flex-shrink:0;font-size:64px}.hero-title-block{flex:1}.hero-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-title{color:var(--text-0);letter-spacing:2px;font-size:22px}.hero-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.hero-desc{color:var(--text-1);margin-top:8px;font-size:13px}.route-metrics{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:14px 20px;display:grid}.metric-box{background:#00000040;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.metric-icon{font-size:20px}.metric-label{color:var(--text-2);letter-spacing:1px;font-size:10px}.metric-value{color:var(--text-0);margin-top:2px;font-size:14px;font-weight:700}.detail-section{border-bottom:1px solid var(--border);padding:14px 20px}.detail-section:last-child{border-bottom:none}.section-title{color:var(--text-2);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:12px}.season-info{grid-template-columns:1fr 1fr 2fr;gap:16px;display:grid}@media (width<=720px){.season-info{grid-template-columns:1fr}.hero-emoji{font-size:44px}.hero-title{font-size:18px}.route-detail-hero{gap:12px;padding:14px}}.stars{letter-spacing:2px;font-size:20px}.star.on{color:var(--accent-2)}.star.off{color:var(--text-dim)}.best-seasons,.recommend-list{flex-wrap:wrap;gap:4px;display:flex}.pois-list{flex-wrap:wrap;gap:6px;display:flex}.poi-chip{color:var(--accent-info);border:1px solid var(--accent-info);background:#6bb1d126;border-radius:12px;padding:4px 10px;font-size:12px}.scenery-tabs{gap:4px;margin-bottom:8px;display:flex}.scenery-tab{border:1px solid var(--border);color:var(--text-2);background:0 0;border-radius:4px;padding:4px 12px;font-size:12px}.scenery-tab.active{background:var(--accent);color:#10180b;border-color:var(--accent)}.scenery-tab.is-current:not(.active){border-color:var(--accent-2);color:var(--accent-2)}.scenery-text{color:var(--text-1);background:#0003;border-radius:6px;padding:8px 12px;font-size:13px}.route-thumbs{scroll-snap-type:x proximity;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);background:linear-gradient(#0f1418f2 0%,#0f1418d9 100%);gap:8px;margin:0 -12px;padding:8px 12px;display:flex;position:sticky;top:0;overflow-x:auto}@media (width>=961px){.route-thumbs{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;margin:0;padding:8px 0;position:static}}.route-thumb{border:1px solid var(--border);cursor:pointer;scroll-snap-align:start;color:var(--text-0);text-align:left;background:#00000059;border-radius:8px;flex:0 0 200px;align-items:center;gap:10px;padding:10px;display:flex}.route-thumb.active{border-width:2px;transform:translateY(-2px)}.thumb-emoji{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.thumb-info{flex:1;overflow:hidden}.thumb-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.thumb-meta{color:var(--text-2);font-size:11px}.thumb-score{text-align:center;border-radius:10px;min-width:32px;padding:3px 8px;font-size:13px;font-weight:700}.score-good{color:var(--accent);background:#7cb95a33}.score-mid{color:var(--accent-2);background:#f2b54433}.score-bad{color:var(--accent-danger);background:#e46a4b33}.selected-hint{border:1px solid var(--border);color:var(--text-0);background:#0f1418cc;border-left-width:4px;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.hint-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.hint-text{flex:1;overflow:hidden}.hint-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.hint-sub{color:var(--text-2);margin-top:2px;font-size:11px}.hint-arrow{color:var(--accent-2);white-space:nowrap;flex-shrink:0;font-size:11px;animation:1.6s ease-in-out infinite hintBounce}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (width>=961px){.selected-hint{display:none}}@media (width<=640px){.route-thumbs{flex-shrink:0;align-items:stretch;gap:8px;min-height:76px;padding:10px 12px}.route-thumb{background:#00000059;border-radius:12px;flex:none;align-items:center;gap:8px;max-width:none;min-height:56px;padding:8px 12px}.thumb-emoji{border-radius:8px;flex-shrink:0;width:34px;height:34px;font-size:18px}.thumb-info{flex:none;min-width:0;overflow:hidden}.thumb-title{max-width:88px;font-size:13px;font-weight:600;line-height:1.2}.thumb-meta{color:var(--text-2);margin-top:2px;font-size:10px;display:block}.thumb-score{border-radius:10px;flex-shrink:0;min-width:28px;padding:3px 7px;font-size:11px}.route-thumb.active{border-width:2px;transform:none;box-shadow:0 0 0 2px #7cb95a40}.route-thumb.active .thumb-title{color:var(--accent-2)}}.route-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:12px;display:grid}.route-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:16px;transition:all .15s}.route-card:hover{border-color:var(--accent);transform:translateY(-2px)}.route-card.active{border-color:var(--accent-2);background:linear-gradient(180deg, #f2b54414 0%, var(--panel) 100%);box-shadow:0 0 0 2px #f2b54433}.route-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.route-name{color:var(--text-0);font-size:16px;font-weight:600}.route-diff{color:var(--accent-2);letter-spacing:1px;font-size:14px}.route-diff .subtle{color:var(--text-dim)}.route-stats{border-radius:var(--radius-sm);background:#0f141880;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;padding:10px;font-size:12px;display:grid}.route-stats .subtle{font-size:11px;display:block}.route-stats>div>div{color:var(--text-0);margin-top:2px;font-weight:600}.route-scene{color:var(--text-1);align-items:flex-start;gap:8px;padding:8px 0;font-size:12px;display:flex}.route-desc{margin-top:4px;font-size:12px}.elev-scale{color:var(--text-dim);justify-content:space-between;padding:2px 4px;font-size:10px;display:flex}.shop-cats{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.shop-cat{border:1px solid var(--border);color:var(--text-2);background:0 0;border-radius:4px;padding:5px 12px;font-size:12px}.shop-cat.active{background:var(--accent);color:#10180b;border-color:var(--accent)}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px;display:grid}.shop-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px;display:flex}.shop-card.owned{border-color:var(--accent);background:linear-gradient(180deg, #7cb95a14 0%, var(--panel) 100%)}.shop-card-head{justify-content:space-between;align-items:baseline;display:flex}.shop-name{font-weight:600}.shop-price{color:var(--accent-2);font-weight:700}.shop-attrs{color:var(--text-1);flex-wrap:wrap;gap:4px 8px;font-size:11px;display:flex}.shop-attrs>span{background:#0003;border-radius:4px;padding:2px 8px}.warn-line{color:var(--accent-danger);padding:4px 0;font-size:12px}.shop-actions{align-items:center;gap:8px;margin-top:auto;display:flex}button.small{padding:3px 8px;font-size:12px}.carry-summary{background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;margin-top:12px;padding:14px;display:grid}.carry-cap{color:var(--text-0);align-items:baseline;gap:8px;font-size:18px;font-weight:700;display:flex}.carry-bar{background:var(--bg-1);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.carry-bar-fill{background:linear-gradient(90deg, var(--accent) 0%, #a4d986 100%);height:100%;transition:width .3s}.carry-bar-fill.over{background:var(--accent-danger)}.carry-grid{flex-direction:column;gap:6px;margin-top:8px;display:flex}.carry-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 12px;display:flex}.team-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px;margin-top:12px;display:grid}.team-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;gap:16px;padding:16px;transition:all .15s;display:flex;position:relative}.team-card:hover:not(.self){border-color:var(--accent)}.team-card.self{border-color:var(--accent-2);cursor:default}.team-card.active{border-color:var(--accent);background:linear-gradient(180deg, #7cb95a14 0%, var(--panel) 100%)}.team-emoji{font-size:48px}.team-info{flex:1}.team-name{font-size:18px;font-weight:600}.team-desc{color:var(--text-1);margin:8px 0;font-size:13px}.team-buff{color:var(--accent-2);font-size:12px;font-weight:500}.team-gear-stats{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.team-toggle{align-self:center}.toggle-dot{border:2px solid var(--border);background:0 0;border-radius:50%;width:22px;height:22px;transition:all .15s}.toggle-dot.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #7cb95a40}.travel-panel{margin-top:12px}.travel-panel .row{flex-wrap:wrap;gap:32px;margin-top:8px}.travel-panel .meta-value{color:var(--text-0);margin-top:4px;font-size:18px;font-weight:600}.travel-panel .gold{color:var(--accent-2)}@media (width<=640px){.prep-header{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px}.prep-header>:first-child{display:none}.prep-tabs{scroll-snap-type:x proximity;order:2;margin:0;padding:4px 0;justify-content:flex-start!important}.prep-tabs:before,.prep-tabs:after{content:"";flex:0 0 8px}.prep-tab{scroll-snap-align:start;flex-shrink:0;padding:6px 12px;font-size:12px}.prep-meta{flex-wrap:wrap;order:1;justify-content:space-between;gap:8px}.prep-meta>div{font-size:11px}.prep-meta .meta-value{font-size:12px}.prep-meta button{padding:4px 10px;font-size:11px}.prep-main{padding:12px}.tab-container{gap:8px;padding-bottom:12px}.tab-title{letter-spacing:1px;font-size:18px}.prep-footer{gap:10px;padding:8px 12px}.prep-footer button.big{letter-spacing:2px;padding:10px 24px;font-size:13px}.footer-info .badge{padding:2px 6px;font-size:10px}}.hero-mode-bar{background:#e46a4b14;border:1px dashed #e46a4b80;border-radius:10px;align-items:center;gap:12px;margin:10px 0 4px;padding:10px 14px;display:flex}.hero-mode-bar.on{background:#e46a4b26;border-style:solid;border-color:#e46a4b;box-shadow:0 0 12px #e46a4b40}.hero-mode-info{flex:1}.hero-mode-title{color:#e46a4b;letter-spacing:.5px;margin-bottom:2px;font-size:14px;font-weight:600}.hero-mode-desc{color:var(--text-2);font-size:12px;line-height:1.4}.hero-mode-bar button{min-width:84px;padding:8px 16px;font-size:13px}@media (width<=640px){.hero-mode-bar{gap:8px;padding:8px 10px}.hero-mode-title{font-size:13px}.hero-mode-desc{font-size:11px}.hero-mode-bar button{min-width:64px;padding:6px 10px;font-size:12px}}.expedition-notice{background:linear-gradient(135deg,#c8e6ff14,#785ab414);border:1px solid #b4c8ff80;border-radius:10px;margin:10px 0 4px;padding:14px 16px}.expedition-notice-title{color:#b4c8ff;letter-spacing:1px;margin-bottom:6px;font-size:15px;font-weight:700}.expedition-notice-body{color:var(--text-1);font-size:12px;line-height:1.55}.expedition-notice-body ul{margin:6px 0 0;padding-left:18px}.expedition-notice-body li{margin-bottom:4px}.expedition-notice-body b{color:#b4c8ff}@media (width<=640px){.expedition-notice{padding:10px 12px}.expedition-notice-title{font-size:13px}.expedition-notice-body{font-size:11px}}.disable-reason{color:#e46a4b;background:#e46a4b1a;border-left:2px solid #e46a4b80;border-radius:4px;max-width:100%;margin-top:4px;padding:4px 10px;font-size:12px;line-height:1.5}@media (width<=640px){.disable-reason{padding:3px 8px;font-size:11px}}.tutorial-bubble{width:280px;color:var(--text-0);z-index:60;transform-origin:100% 100%;background:linear-gradient(#1e2a34 0%,#17202a 100%);border:1px solid #f2b5448c;border-radius:12px;margin-bottom:12px;padding:12px 14px 14px;animation:.32s cubic-bezier(.2,.9,.3,1.2) bubbleIn;position:absolute;bottom:100%;right:12px;box-shadow:0 12px 32px #0000008c,0 0 0 1px #f2b5441f}.tutorial-bubble.closing{animation:.24s ease-in forwards bubbleOut}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bubbleOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.94)}}.tutorial-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.tutorial-emoji{font-size:18px;line-height:1}.tutorial-title{color:var(--accent-1,#f2b544);letter-spacing:.5px;font-size:14px;font-weight:600}.tutorial-tag{color:var(--text-2);letter-spacing:.5px;border:1px solid #ffffff1f;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.tutorial-body{color:var(--text-1);font-size:13px;line-height:1.55}.tutorial-close{width:22px;height:22px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0;font-size:18px;line-height:1;position:absolute;top:6px;right:8px}.tutorial-close:hover{color:var(--text-0);background:#ffffff14}.tutorial-arrow{background:#17202a;border-bottom:1px solid #f2b5448c;border-right:1px solid #f2b5448c;width:12px;height:12px;position:absolute;bottom:-7px;right:40px;transform:rotate(45deg)}@media (width<=768px){.tutorial-bubble{width:auto;margin-bottom:10px;bottom:100%;left:8px;right:8px}.tutorial-arrow{right:60px}}.scenery-card{border:1px solid var(--border);aspect-ratio:400/220;background:#0f1418;border-radius:10px;width:100%;animation:.5s sceneryIn;overflow:hidden;box-shadow:0 8px 24px #00000073}.scenery-card.compact{aspect-ratio:400/220;border-radius:6px;box-shadow:0 2px 8px #0000004d}.scenery-card svg{width:100%;height:100%;display:block}@keyframes sceneryIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.trail-journey{border-radius:var(--radius);border:1px solid var(--border);background:#0f1418;flex-direction:column;width:100%;height:100%;min-height:320px;display:flex;position:relative;overflow:hidden}.trail-sky{pointer-events:none;height:55%;transition:background 2s;position:absolute;top:0;left:0;right:0}.trail-sky:after{content:"";background:linear-gradient(#0000 50%,#0f14188c 100%);position:absolute;inset:0}.trail-header{z-index:3;color:var(--text-0);letter-spacing:1px;text-shadow:0 1px 2px #0009;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex;position:relative}.th-left,.th-right{align-items:center;gap:6px;display:flex}.th-time{color:var(--accent-2);font-weight:600}.th-sep{opacity:.4}.th-route{color:var(--text-1)}.th-day,.th-alt{border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f14188c;border-radius:8px;padding:3px 8px;font-size:11px}.trail-svg{z-index:2;height:calc(100% - 60px);position:absolute;bottom:60px;left:0;right:0;overflow:visible}.walker{filter:drop-shadow(0 4px 6px #00000080)}.walker.walking{transform-box:fill-box;transform-origin:50%;animation:.7s ease-in-out infinite walkerBob}@keyframes walkerBob{0%,to{translate:0}50%{translate:0 -2px}}.poi.passed circle{filter:drop-shadow(0 0 4px #a4d98680)}.trail-footer{z-index:4;background:linear-gradient(#0000 0%,#0f1418e6 60%);padding:8px 14px 12px;position:absolute;bottom:0;left:0;right:0}.tf-progress-track{background:#ffffff26;border-radius:2px;width:100%;height:4px;margin-bottom:8px;overflow:hidden}.tf-progress-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);border-radius:2px;height:100%;transition:width .5s;box-shadow:0 0 8px #7cb95a80}.tf-info{color:var(--text-1);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.tf-info b{color:var(--text-0);font-weight:600}.tf-sep{opacity:.4}.trail-cloud{opacity:.75;color:#fff;text-shadow:0 0 8px #ffffff4d;z-index:2;pointer-events:none;font-size:24px;animation:40s linear infinite cloudDrift;position:absolute;top:20%}.trail-cloud.c1{animation-duration:55s;top:15%;left:-10%}.trail-cloud.c2{opacity:.55;font-size:18px;animation-duration:70s;animation-delay:-20s;top:25%;left:30%}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(120vw)}}@media (width<=640px){.trail-journey{min-height:280px}.trail-header{padding:8px 10px;font-size:11px}.th-day,.th-alt{padding:2px 6px;font-size:10px}.trail-svg{bottom:54px}.tf-info{font-size:10px}}.hiking-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.hike-header{border-bottom:1px solid var(--border);background:#0f1418e6;align-items:center;gap:20px;padding:10px 20px;display:flex}.hike-brand{letter-spacing:2px;white-space:nowrap;flex-shrink:0;font-size:16px;font-weight:700}.hike-controls{flex-shrink:0}.hike-controls button{white-space:nowrap}.meta-item{flex-shrink:0}.hike-metas{flex:1;justify-content:center;gap:24px;display:flex}.meta-item{text-align:center;flex-direction:column;gap:2px;min-width:60px;display:flex}.meta-item-value{color:var(--text-0);font-size:14px;font-weight:600}.meta-item-value.gold{color:var(--accent-2)}.hike-controls{gap:6px;display:flex}.hike-body{flex:1;grid-template-columns:1fr 300px;gap:12px;padding:12px;display:grid;overflow:hidden}@media (width<=768px){.hike-header{flex-wrap:wrap;gap:6px;padding:8px 10px}.hike-brand{letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.hike-metas{border-top:1px solid var(--border);flex-wrap:nowrap;order:3;justify-content:space-around;gap:6px;width:100%;padding-top:6px}.meta-item{text-align:center;flex:none;min-width:0}.meta-item .subtle{letter-spacing:0;font-size:10px;display:block}.meta-item-value{white-space:nowrap;font-size:12px}.hike-metas .meta-item:nth-child(3),.hike-metas .meta-item:nth-child(4),.hike-metas .meta-item:nth-child(6),.hike-metas .meta-item:nth-child(7){display:none}.hike-controls{flex-shrink:0}.hike-controls button{padding:5px 10px;font-size:12px}.hike-body{flex-direction:column;gap:8px;padding:8px 8px 90px;display:flex;overflow-y:auto}.hike-left,.hike-right,.hike-center{max-height:none;overflow:visible}.hike-center{order:1;min-height:260px}.hike-right{order:2;padding:12px}.hike-left{order:3;padding:12px}.scene-panel{min-height:200px}.dialog-panel{height:auto;min-height:70px;padding:10px}.dialog-avatar{width:44px;height:44px;font-size:24px}.dialog-name{font-size:12px}.dialog-text{font-size:13px}.log-list{max-height:200px}.realtime-metrics{grid-template-columns:1fr 1fr 1fr;padding:8px}.rt-item{gap:4px}.rt-icon{font-size:14px}.rt-value{font-size:11px}.hike-quick{border-top:1px solid var(--border);z-index:200;background:#0f1418fa;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;bottom:0;left:0;right:0;display:grid!important;position:fixed!important}.hike-quick button{padding:10px;font-size:13px}.hike-quick .resting-indicator,.hike-quick .big-cta{grid-column:1/-1}.hike-quick .big-cta{padding:12px;font-size:14px}.hike-right h3:last-of-type,.hike-right .hike-quick h3{display:none}.status-list{gap:6px}.status-label{font-size:11px}.party-row{padding:5px 6px}.party-emoji{font-size:18px}.party-name{font-size:12px}.party-tiny{font-size:10px}}.hike-left,.hike-right{flex-direction:column;display:flex;overflow:hidden}.hike-left h3,.hike-right h3{color:var(--text-2);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:13px}.hike-progress-bar{background:var(--bg-1);border-radius:3px;height:6px;margin:12px 0;overflow:hidden}.hike-progress-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);height:100%;transition:width .3s}.hike-log{flex-direction:column;flex:1;display:flex;overflow:hidden}.log-list{color:var(--text-1);flex-direction:column;flex:1;gap:4px;padding-right:4px;font-size:12px;display:flex;overflow-y:auto}.log-item{border-left:2px solid var(--border);background:#00000026;border-radius:3px;padding:4px 8px;line-height:1.5}.log-time{color:var(--text-dim);margin-right:6px;font-size:10px}.log-speaker{color:var(--accent-2);margin-right:4px}.log-warn{border-left-color:var(--accent-danger)}.log-success{border-left-color:var(--accent)}.log-event{border-left-color:var(--accent-2)}.log-dialog{border-left-color:var(--accent-info)}.hike-center{flex-direction:column;gap:12px;min-width:0;display:flex;overflow:hidden}.hike-center .scene-wrap{flex:auto;min-height:320px}.hike-center .hike-log{flex-direction:column;flex:none;max-height:200px;display:flex;overflow:hidden}.hike-center .hike-log h3{margin-bottom:6px}.hike-center .log-list{flex:1;overflow-y:auto}.scene-panel{border-radius:var(--radius);border:1px solid var(--border);flex:1;overflow:hidden}.scene-bg{width:100%;height:100%;transition:background .8s;position:relative;overflow:hidden}.scene-sun{filter:drop-shadow(0 0 20px #ffc83c99);font-size:40px;animation:8s ease-in-out infinite floatY;position:absolute;top:20px;right:30px}.scene-mountains{width:100%;height:60%;position:absolute;bottom:0;left:0;right:0}.scene-hiker{z-index:2;font-size:32px;transition:left .5s;position:absolute;bottom:15%;transform:translate(-50%)}.hiker-walk{animation:.6s ease-in-out infinite walkBob;display:inline-block}.hiker-rest{animation:3s ease-in-out infinite restBreath;display:inline-block}.hiker-shadow{filter:blur(2px);background:#00000059;border-radius:50%;width:30px;height:4px;margin-top:-4px}.scene-tags{gap:6px;display:flex;position:absolute;top:12px;left:12px}@keyframes walkBob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-4px)rotate(3deg)}}@keyframes restBreath{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dialog-panel{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#141a1ed9;align-items:center;gap:14px;height:90px;padding:14px;display:flex}.dialog-panel.empty{color:var(--text-dim);justify-content:center;font-style:italic}.dialog-avatar{background:var(--bg-2);border:2px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;display:flex}.dialog-body{flex:1}.dialog-name{color:var(--accent-2);margin-bottom:4px;font-size:13px;font-weight:600}.dialog-text{color:var(--text-0);font-size:14px;line-height:1.5}.status-list{flex-direction:column;gap:10px;display:flex}.status-bar{flex-direction:column;gap:3px;display:flex}.status-label{color:var(--text-1);align-items:center;gap:6px;font-size:12px;display:flex}.status-icon{font-size:14px}.status-value{color:var(--text-0);margin-left:auto;font-size:13px;font-weight:600}.status-value.crit{color:var(--accent-danger);animation:1s infinite blink}.status-value .subtle{margin-left:2px;font-size:10px}.status-track{background:var(--bg-1);border-radius:4px;height:8px;overflow:hidden}.status-fill{border-radius:4px;height:100%;transition:width .3s}.status-fill.crit{animation:1s infinite barPulse}@keyframes blink{50%{opacity:.3}}@keyframes barPulse{50%{filter:brightness(1.3)}}.realtime-metrics{border:1px solid var(--border);background:#00000040;border-radius:6px;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px;padding:10px;display:grid}.rt-item{align-items:center;gap:6px;display:flex}.rt-icon{font-size:16px;animation:1.4s ease-in-out infinite rtPulse}.rt-icon.rt-heart{will-change:transform;filter:drop-shadow(0 0 3px #e46a4b80);animation-name:heartbeat;animation-timing-function:ease-out;animation-iteration-count:infinite;display:inline-block}@keyframes heartbeat{0%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%,to{transform:scale(1)}}.scene-wrap{flex:1;min-height:240px;display:flex;position:relative}.scene-wrap>.parallax-scene{flex:1}.rt-label{color:var(--text-2);letter-spacing:1px;font-size:10px}.rt-value{color:var(--text-0);margin-top:2px;font-size:12px;font-weight:600}.rt-value.crit{color:var(--accent-danger);animation:1.2s infinite blink}@keyframes rtPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.party-list{flex-direction:column;gap:6px;display:flex}.party-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:#0003;align-items:center;gap:10px;padding:6px 8px;display:flex}.party-emoji{font-size:20px}.party-name{font-size:13px}.party-tiny{color:var(--text-2);font-size:11px}.hike-quick{flex-direction:column;gap:6px;display:flex;position:relative}.resting-indicator{color:var(--text-1);text-align:center;letter-spacing:.5px;background:#7eb06a26;border:1px dashed #7eb06a99;border-radius:8px;padding:8px 12px;font-size:12px}.hike-quick .big-cta{letter-spacing:1px;padding:14px 12px;font-size:15px;font-weight:600;animation:2s ease-in-out infinite ctaPulse}@keyframes ctaPulse{0%,to{box-shadow:0 0 #f2b54459}50%{box-shadow:0 0 0 6px #f2b54400}}.pack-menu{position:relative}.pack-menu>button{width:100%}.pack-menu-list{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:10;flex-direction:column;gap:4px;min-width:200px;margin-bottom:4px;padding:6px;display:none;position:absolute;bottom:100%;right:0}.pack-menu:hover .pack-menu-list{display:flex}.event-modal,.finish-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.event-inner,.finish-inner{text-align:center;border:1px solid var(--accent);width:90%;max-width:440px;max-height:92vh;padding:30px;animation:.25s eventPop;overflow-y:auto}@media (width<=640px){.event-inner,.finish-inner{width:calc(100% - 20px);padding:18px 16px}.event-inner h2,.finish-inner h2{font-size:18px}.event-inner p{font-size:13px}.event-emoji{font-size:44px}.event-scene-emoji{width:36px;height:36px;font-size:20px}.event-choices{gap:6px}.event-choices button{padding:10px 12px;font-size:13px}.rest-list button{padding:8px 10px;font-size:12px}.rest-list{max-height:200px}}.event-inner.has-scene{border-color:var(--accent-2);max-width:520px;padding:0;overflow:hidden}.event-inner.has-scene h2{padding:8px 20px 0}.event-inner.has-scene p{padding:0 20px}.event-inner.has-scene .event-choices{padding:0 20px 20px}.event-inner.has-scene>button.primary{margin:12px 20px 20px}.event-scene-wrap{margin-bottom:12px;position:relative}.event-scene-emoji{border:1px solid var(--accent-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1418bf;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex;position:absolute;top:12px;right:12px}@keyframes eventPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.event-emoji{margin-bottom:8px;font-size:56px}.event-inner h2{margin:4px 0 8px;font-size:20px}.event-inner p{color:var(--text-1);margin-bottom:20px}.event-choices{flex-direction:column;gap:8px;display:flex}.rest-list{flex-direction:column;gap:6px;max-height:260px;padding:4px;display:flex;overflow-y:auto}.rest-list button{text-align:left;justify-content:space-between;align-items:center;display:flex}.finish-outcome{color:var(--accent-2);letter-spacing:4px;margin:16px 0;font-size:32px;font-weight:700}.status-bar.compact .status-label{font-size:11px}.status-bar.compact .status-track{height:5px}.result-page{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;overflow-y:auto}.result-inner{text-align:center;border:1px solid var(--accent-2);background:#0f1418f2;width:100%;max-width:720px;padding:40px}.result-medal{filter:drop-shadow(0 4px 16px #f2b54466);margin-bottom:8px;font-size:80px}.result-outcome{letter-spacing:12px;color:var(--text-0);margin:8px 0;font-size:40px}.result-reason{max-width:520px;color:var(--text-1);letter-spacing:.5px;background:#f2b54414;border:1px dashed #f2b54459;border-radius:10px;margin:4px auto 12px;padding:12px 18px;font-size:15px;line-height:1.65}.reward-panel{text-align:left;background:linear-gradient(135deg,#f2b5441f,#e46a4b0f);border:1px solid #f2b54473;border-radius:12px;max-width:560px;margin:20px auto;padding:16px 18px}.reward-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.reward-emoji{font-size:20px}.reward-title{color:var(--text-1);flex:1;font-size:14px;font-weight:600}.reward-chip{color:var(--accent-1,#f2b544);background:#f2b5441f;border:1px solid #f2b54459;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.reward-chip.gold{color:#fbd97a}.level-up{flex-direction:column;align-items:center;gap:8px;padding:12px 8px 4px;animation:.8s cubic-bezier(.2,1.6,.3,1) levelPop;display:flex}@keyframes levelPop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.level-up-badge{color:var(--accent-1,#f2b544);letter-spacing:1px;font-size:20px;font-weight:700}.level-up-detail{color:var(--text-1);text-align:center;font-size:13px}.level-up-btn{letter-spacing:1px;margin-top:6px;padding:10px 22px;animation:1.6s ease-in-out infinite levelPulse}@keyframes levelPulse{0%,to{box-shadow:0 0 #f2b54473}50%{box-shadow:0 0 0 10px #f2b54400}}.level-progress{padding:6px 4px}.level-progress-label{color:var(--text-2);margin-bottom:6px;font-size:12px}.level-progress-bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.level-progress-fill{background:linear-gradient(90deg,#f2b544,#e46a4b);height:100%;transition:width .5s ease-out}.result-route{color:var(--text-2);letter-spacing:2px;margin-bottom:24px;font-size:14px}.result-stats{grid-template-columns:repeat(6,1fr);gap:8px;margin:24px 0;display:grid}@media (width<=720px){.result-stats{grid-template-columns:repeat(3,1fr)}.result-inner{padding:24px 16px}.result-outcome{letter-spacing:6px;font-size:28px}.result-reason{margin:4px 8px 12px;padding:10px 14px;font-size:13px;line-height:1.55}.result-medal{font-size:60px}.stat-value{font-size:15px}.cost-grid{grid-template-columns:repeat(2,1fr);font-size:12px}.scenery-mosaic{grid-template-columns:repeat(2,1fr)}.badges-row{grid-template-columns:1fr}.badge-item{padding:8px 10px}.badge-emoji{font-size:28px}}.stat-box{border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000059;padding:12px}.stat-box.highlight{border-color:var(--accent-2);background:#f2b5441a}.stat-value{color:var(--text-0);margin-top:4px;font-size:18px;font-weight:700}.result-detail{text-align:left;margin:20px 0}.result-detail h3{color:var(--text-2);letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-size:13px}.cost-grid{border-radius:var(--radius-sm);background:#00000040;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.cost-grid>div>div{color:var(--text-0);margin-top:4px;font-weight:600}.party-final{flex-direction:column;gap:6px;display:flex}.party-final-row{border-radius:var(--radius-sm);background:#0003;align-items:center;gap:10px;padding:8px 12px;display:flex}.result-quote{color:var(--accent-2);letter-spacing:2px;margin:30px 0;font-size:16px;font-style:italic}.medal-金{color:gold}.medal-银{color:silver}.medal-铜{color:#b98a4b}.medal-无{color:var(--text-dim)}.badges-new{border:1px solid var(--accent-2);border-radius:var(--radius);background:linear-gradient(#f2b5441f 0%,#0000 100%);margin:20px 0;padding:16px;animation:1.6s ease-in-out infinite alternate badgesGlow}@keyframes badgesGlow{0%{box-shadow:0 0 #f2b54400}to{box-shadow:0 0 24px #f2b54459}}.badges-new-title{color:var(--accent-2);letter-spacing:4px;margin-bottom:12px;font-weight:600}.badges-row{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;display:grid}.badge-item{border-left:3px solid var(--accent-2);background:#0000004d;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.badge-item.tier-1{border-left-color:#7cb95a}.badge-item.tier-2{border-left-color:#f2b544}.badge-item.tier-3{border-left-color:#e46a4b}.badge-emoji{filter:drop-shadow(0 2px 8px #f2b54466);font-size:32px}.badge-name{font-weight:600}.badge-desc{color:var(--text-2);margin-top:2px;font-size:11px}.scenery-mosaic{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.mosaic-cell{border-radius:6px;position:relative;overflow:hidden}.mosaic-label{color:#fff;text-shadow:0 1px 2px #000c;background:linear-gradient(#0000,#0009);padding:8px 4px 2px;font-size:11px;position:absolute;bottom:4px;left:6px;right:6px}.result-detail.lifetime{background:linear-gradient(#6bb1d114,#0000);border-radius:8px;padding:12px 16px}.hall-of-fame{text-align:left;background:linear-gradient(135deg,#c8e6ff1a,#785ab414);border:1px solid #b4c8ff80;border-radius:12px;max-width:560px;margin:20px auto;padding:16px 20px}.hall-of-fame.failure{text-align:center;background:linear-gradient(135deg,#dcdcdc0d,#5050500d);border-color:#fff3}.hof-title{color:#b4c8ff;letter-spacing:1px;text-align:center;margin-bottom:8px;font-size:16px;font-weight:700}.hall-of-fame.failure .hof-title{color:var(--text-1)}.hof-desc{color:var(--text-2);text-align:center;margin-bottom:12px;font-size:12px;line-height:1.6}.hof-list{flex-direction:column;gap:4px;display:flex}.hof-row{color:var(--text-1);background:#ffffff05;border-left:2px solid #b4c8ff4d;border-radius:6px;padding:6px 10px;font-size:12px}.hof-row b{color:#b4c8ff;margin-right:8px}.hof-row.current{border-left-color:var(--accent-1,#f2b544);color:var(--accent-1,#f2b544);background:#f2b54426;font-weight:700;animation:2s ease-in-out infinite hofPulse}.hof-row.current b{color:var(--accent-1,#f2b544)}@keyframes hofPulse{0%,to{box-shadow:0 0 #f2b5444d}50%{box-shadow:0 0 0 4px #f2b54400}}@media (width<=640px){.hall-of-fame{margin:14px 8px;padding:12px 14px}.hof-title{font-size:14px}.hof-row{padding:5px 8px;font-size:11px}}