.record #legacy-best{font-size:11px;color:#a8b8cf;display:block;margin-top:6px}.record #legacy-best[hidden]{display:none}
.route-feature{font-size:12px;color:#c2d3e4;padding:0 18px;margin:0 0 10px;line-height:1.7}.distance #combo-tag{display:block;margin-top:7px;font-size:12px;color:#ffdb9d;letter-spacing:0;line-height:1.5}.distance #combo-tag[hidden]{display:none}
.badge-section,.trail-section{margin-top:24px;padding-top:23px;border-top:1px solid #b8c9e326}.badge-section>h3,.trail-section>h3{font-size:22px;margin:0 0 10px}.badge-section>h3>small{font-size:13px;color:#c4afe7;margin-left:10px}.badge-section>p,.trail-section>p{font-size:14px;color:#b2c3dc;line-height:1.7}
.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.badge-card{padding:20px;border:1px solid #c1ccec26;border-radius:12px;background:linear-gradient(145deg,#26334d,#19253b);min-width:0}.badge-seal{display:grid;place-items:center;width:46px;height:46px;color:#acbee2;background:#c0d8ff0b;border:1px solid #b0c8e43d;border-radius:50%;font-size:24px}.badge-card.earned .badge-seal{color:#ffe0a4;background:#d6a85c22;border-color:#e8c58a88}.badge-card h4{font-size:17px;margin:14px 0 8px}.badge-card p{font-size:14px;color:#adbed9;line-height:1.7;min-height:48px}.badge-card small{display:block;font-size:12px;color:#c5cadd;line-height:1.7}.badge-card button{width:100%;margin-top:15px;padding:10px;border:1px solid #a5d9cf4d;border-radius:7px;color:#c9efe4;background:#28464e;font-size:14px;cursor:pointer}.badge-card button:disabled{opacity:.5;cursor:default}
.trail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trail-option{padding:20px 16px;background:#15253d;border:1px solid #a8c9e333;border-radius:12px;text-align:left;color:#d5e6f1;cursor:pointer;min-width:0}.trail-option>span{display:block;height:4px;max-width:140px;margin:15px 0 22px;background:linear-gradient(90deg,transparent,var(--trail-color));box-shadow:0 0 16px var(--trail-color);border-radius:6px}.trail-option b{display:block;font-size:16px;margin-bottom:7px}.trail-option small{font-size:12px;color:#adbed4;line-height:1.7}.trail-option:disabled{opacity:.55;cursor:default}.trail-option.chosen{opacity:1;border-color:var(--trail-color)}
#badge-preview{font-size:12px;color:#cab6e8;margin:16px 0 0;line-height:1.8}
@media(max-width:900px){.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.route-feature{padding:0 12px;font-size:12px}.badge-section>h3,.trail-section>h3{font-size:20px}.trail-grid{grid-template-columns:1fr}.trail-option{padding:16px}.trail-option>span{margin:8px 0 15px}.record #legacy-best{font-size:10px;max-width:110px}.distance #combo-tag{font-size:12px;max-width:150px}.badge-card{padding:17px}.badge-card p{font-size:14px}}
@media(max-width:360px){.badge-grid{grid-template-columns:1fr}}