.card-tile{display:flex;gap:var(--space-2);width:100%;padding:var(--space-2);border-radius:var(--radius-xl);background:var(--color-card);border:1px solid transparent;overflow:hidden;text-decoration:none;color:var(--color-foreground);transition:border-color .2s,box-shadow .2s}a.card-tile{cursor:pointer}a.card-tile:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}a.card-tile:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--color-midnight)}.card{display:flex;flex-direction:column;gap:var(--space-2);width:320px;max-width:100%;padding:var(--space-2);border-radius:var(--radius-xl);background:var(--color-card);outline:1px solid transparent;text-decoration:none;color:var(--color-foreground);transition:transform .15s,outline-color .15s,box-shadow .15s}a.card{cursor:pointer}a.card:hover{transform:translateY(-3px);outline-color:var(--color-primary);box-shadow:var(--shadow-card)}a.card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--color-midnight)}.card-image{position:relative;height:200px;border-radius:var(--radius-md);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-grey),var(--color-deep-black))}.card-difficulty{position:absolute;top:var(--space-2);left:var(--space-2)}.card-rd-logo{position:absolute;bottom:var(--space-2);right:var(--space-2);width:80px;background:var(--white);border-radius:var(--radius-md);padding:6px}.card-rd-logo img{width:100%;height:auto;display:block}.card-body{background:var(--color-midnight);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.card-title{margin:0;font-family:var(--font-sans);font-size:18px;font-weight:500;line-height:1.2;color:var(--color-snow)}.card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.card-date{font-family:var(--font-roboto);font-size:12px;color:var(--color-muted-foreground)}.card.is-canceled{opacity:.5;pointer-events:none}.card-featured-hero{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-midnight);flex-shrink:0}.card-featured-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card-featured-ribbon{position:absolute;top:0;left:0;z-index:2;padding:var(--space-1) var(--space-7);border-bottom-right-radius:var(--radius-md);background:rgba(var(--color-witchy-rgb),.6);box-shadow:0 1px 2px rgba(var(--black-rgb),.25);font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:-.02em;color:var(--color-snow)}.card-featured-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 19%,rgba(var(--black-rgb),.8) 75%)}.card-featured-content{display:flex;flex-direction:column;gap:var(--space-1)}.card-featured-difficulty{display:inline-flex;align-self:flex-start}.card-featured-name{margin:0;font-family:var(--font-sans);font-weight:500;font-size:22px;line-height:1.3;color:var(--color-snow)}.card-featured-chips{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.card-featured-headline{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.4;color:var(--color-snow)}.card-featured-dateline{margin:0}.card-featured-action{display:inline-flex;align-self:flex-start;margin-top:var(--space-4)}.card-featured--vertical{display:block;padding:var(--space-2)}.card-featured--vertical .card-featured-hero{width:100%;height:275px}.card-featured--vertical .card-featured-content{position:absolute;inset:0;z-index:2;justify-content:flex-end;padding:var(--space-5)}.card-featured--horizontal{flex-direction:row}.card-featured--horizontal .card-featured-hero{width:40%;min-height:200px}.card-featured--horizontal .card-featured-overlay{display:none}.card-featured--horizontal .card-featured-content{flex:1;min-width:0;justify-content:center;background:var(--color-midnight);border-radius:var(--radius-md);padding:var(--space-6)}.card-featured--horizontal.card-featured--stack-phone{flex-direction:column}.card-featured--horizontal.card-featured--stack-phone .card-featured-hero{width:100%}@media (min-width:768px){.card-featured--horizontal.card-featured--stack-phone{flex-direction:row}.card-featured--horizontal.card-featured--stack-phone .card-featured-hero{width:40%}}.card-race--vertical{flex-direction:column;max-width:600px}.card-race--horizontal{flex-direction:row}.card-race-hero{position:relative;overflow:hidden;border-radius:var(--radius-md);flex-shrink:0}.card-race--vertical .card-race-hero{width:100%;height:200px}.card-race--horizontal .card-race-hero{width:33%;height:auto;min-height:120px}.card-race-hero--photo{background:var(--color-deep-black)}.card-race-hero--plate-light{background:var(--white)}.card-race-hero--plate-dark{background:var(--color-card-race-plate-dark)}.card-race-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card-race-logo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.card-race-logo img{max-width:80%;max-height:120px;object-fit:contain;display:block}.card-race--horizontal .card-race-logo img{max-height:72px}.card-race-thumb{position:absolute;bottom:var(--space-2);right:var(--space-2);width:72px;height:48px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6px;background:var(--color-card-race-thumb-plate)}.card-race-thumb--light{padding:var(--space-1);background:transparent}.card-race-thumb img{width:100%;height:100%;object-fit:contain;display:block}.card-race-difficulty{position:absolute;top:var(--space-2);left:var(--space-2)}.card-race-body{flex:1;background:var(--color-midnight);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2)}.card-race--vertical .card-race-body{min-height:120px}.card-race-head{display:flex;flex-direction:column;gap:var(--space-2)}.card-race-title{margin:0;font-family:var(--font-sans);font-weight:500;font-size:20px;line-height:1.25;color:var(--color-snow);word-break:break-word}.card-race--horizontal .card-race-title{font-size:15px}.card-race-distances{display:flex;flex-wrap:wrap;gap:var(--space-1)}.card-race-foot{display:flex;flex-direction:column;gap:2px}.card-race-org{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.4;color:rgba(var(--color-snow-rgb),.5)}.card-race-dateline{justify-content:space-between}.card-race-date-wrap,.card-race-dateline{display:flex;align-items:center;gap:var(--space-2)}.card-race-date{font-family:var(--font-sans);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--color-snow)}.card-race-date.is-canceled{color:rgba(var(--color-snow-rgb),.5);letter-spacing:normal;text-decoration:line-through}.card-race-status{position:absolute;top:var(--space-2);right:var(--space-2)}.card-race-numbers{margin:var(--space-2) 0 0;padding:0;list-style:none;display:flex;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--text-label-size);font-weight:var(--text-label-weight);line-height:var(--text-label-leading);color:var(--color-snow)}.card-org,.card-race-numbers{flex-direction:column}.card-org--horizontal{flex-direction:row}.card-org--horizontal .card-org-media{width:33%;height:auto;min-height:120px}.card-org--horizontal .card-org-body{min-width:0}.card-org-media{position:relative;width:100%;height:180px;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-org-media--dark{background:var(--white)}.card-org-media--light{background:var(--color-midnight)}.card-org-media--photo{background:var(--color-deep-black)}.card-org-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card-org-logo{width:80%;height:80%;object-fit:contain;display:block}.card-org-body{flex:1;background:var(--color-midnight);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.card-org-name{margin:0;font-family:var(--font-sans);font-weight:500;font-size:18px;line-height:1.3;color:var(--color-snow);word-break:break-word}.card-org-desc{margin:0;font-family:var(--font-roboto);font-size:16px;line-height:1.45;color:rgba(var(--color-snow-rgb),.6)}.card-org-states{display:flex;flex-wrap:wrap;gap:6px}.card-route{flex-direction:column;max-width:100%}.card-route--vertical{width:100%;max-width:600px}.card-route--horizontal{flex-direction:row;width:100%;min-height:104px;align-items:stretch}.card-route--horizontal .card-route-thumb{width:132px;height:auto;min-height:0;flex-shrink:0;align-self:stretch}.card-route--horizontal .card-route-thumb>.card-route-thumb-img,.card-route--horizontal .card-route-thumb>.card-route-thumb-locked,.card-route--horizontal .card-route-thumb>.track-thumb-empty,.card-route--horizontal .card-route-thumb>.track-thumb-svg{position:absolute;inset:0;width:100%;height:100%}.card-route--horizontal .card-route-body{min-width:0;flex:1;justify-content:center;gap:var(--space-1);padding:var(--space-3);overflow:hidden}.card-route--horizontal .card-route-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-route-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.card-route-headline .card-route-title{flex:1;min-width:0}.card-route-badge-corner{flex-shrink:0}.card-route-thumb{position:relative;width:100%;height:160px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-grey);flex-shrink:0}.card-route-thumb-img{width:100%;height:100%;display:block;object-fit:cover}.card-route-thumb-locked{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-grey),var(--color-deep-black))}.card-route-thumb-lock{width:32px;height:32px;color:var(--color-snow);opacity:.45}.card-route--horizontal .card-route-thumb-lock{width:22px;height:22px}.card-route-badge-slot{position:absolute;top:var(--space-2);left:var(--space-2)}.card-route-condition{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0}.card-route-condition-label{font-family:var(--font-roboto);font-weight:500;font-size:12px;line-height:1.2;white-space:nowrap}.card-route-body{flex:1;background:var(--color-midnight);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.card-route-title{margin:0;font-family:var(--font-sans);font-weight:500;font-size:18px;line-height:1.25;color:var(--color-snow);word-break:break-word}.card-route-shape{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card-route-stats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-4)}.card-route-stat{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-roboto);font-weight:500;font-size:14px;color:var(--color-snow)}.card-route-stat-icon{color:var(--color-primary)}.card-route-location-row{display:flex;align-items:center;gap:var(--space-2)}.card-route-location-row .card-route-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-route-location-row .card-route-condition{margin-left:auto}.card-route-meta{margin:0;font-family:var(--font-roboto);font-size:12px;color:var(--color-muted-foreground)}.card-route--locked{cursor:default}.card-activity{flex-direction:column;max-width:100%;container:activity-card/inline-size}.card-activity--vertical{width:100%;max-width:600px}.card-activity--horizontal{width:100%}.card-activity--horizontal:not(:has(.card-activity-main)){flex-direction:row;min-height:104px;align-items:stretch}.card-activity--horizontal .card-activity-main{flex-direction:row;min-height:104px;align-items:stretch}.card-activity--horizontal .card-activity-media{display:flex;gap:var(--space-2);flex-shrink:0;align-self:stretch}.card-activity--horizontal .card-activity-thumb{width:132px;height:auto;min-height:0;flex-shrink:0;align-self:stretch}.card-activity--horizontal .card-activity-thumb>.card-activity-cover,.card-activity--horizontal .card-activity-thumb>.track-thumb-empty,.card-activity--horizontal .card-activity-thumb>.track-thumb-svg{position:absolute;inset:0;width:100%;height:100%}.card-activity--horizontal .card-activity-thumb--route{width:96px}@container activity-card (max-width: 499.98px){.card-activity--horizontal .card-activity-thumb{width:112px}.card-activity--horizontal .card-activity-thumb--route{display:none}.card-activity--horizontal .card-activity-stats{grid-template-columns:repeat(2,1fr)}}.card-activity--horizontal .card-activity-body{min-width:0;flex:1;justify-content:center;overflow:hidden}.card-activity--horizontal .card-activity-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-activity-main{display:flex;flex-direction:column;gap:var(--space-2)}.card-activity-detail{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit}a.card-activity-detail{cursor:pointer}.card-activity:has(a.card-activity-detail:hover){border-color:var(--color-primary);box-shadow:var(--shadow-card)}a.card-activity-detail:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--color-midnight)}.card-activity-authorline{display:flex;align-items:center;gap:var(--space-2)}.card-activity-authorline-privacy{margin-left:auto}.card-activity-author{display:flex;align-items:center;gap:var(--space-2);padding:2px var(--space-1);width:fit-content;text-decoration:none;border-radius:var(--radius-md)}.card-activity-author-name{font-family:var(--font-sans);font-weight:500;font-size:14px;color:var(--color-snow)}.card-activity-author:hover .card-activity-author-name{color:var(--color-primary)}.card-activity-author:focus-visible{outline:2px solid var(--color-focus-ring);box-shadow:0 0 0 5px var(--color-midnight);outline-offset:2px}.card-activity-thumb{position:relative;width:100%;height:160px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-midnight);flex-shrink:0}.card-activity-cover{width:100%;height:100%;object-fit:cover;display:block}.card-activity-type{position:absolute;top:var(--space-2);left:var(--space-2)}.card-activity-privacy{position:absolute;top:var(--space-2);right:var(--space-2)}.card-activity-source{position:absolute;bottom:var(--space-2);left:var(--space-2)}.card-activity-track{position:absolute;right:var(--space-2);bottom:var(--space-2);width:56px;height:56px;padding:var(--space-1);border-radius:var(--radius-md);background:rgba(var(--color-midnight-rgb),.65);border:1px solid rgba(var(--color-snow-rgb),.15);box-shadow:var(--shadow-card);backdrop-filter:blur(2px);overflow:hidden}.card-activity-body{flex:1;background:var(--color-midnight);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);container:activity-card-body/inline-size}.card-activity-like{display:flex;justify-content:flex-end}.card-activity-title{margin:0;font-family:var(--font-sans);font-weight:500;font-size:18px;line-height:1.25;color:var(--color-snow);word-break:break-word}.card-activity-badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.card-activity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.card-activity-stats--quad{grid-template-columns:repeat(2,1fr)}@container activity-card-body (min-width: 440px){.card-activity-stats--quad{grid-template-columns:repeat(4,1fr)}}.card-activity-stat{display:flex;flex-direction:column;gap:2px;min-width:0}.card-activity-stat-icon{color:var(--color-primary);margin-bottom:2px}.card-activity-stat-value{font-family:var(--font-roboto);font-weight:500;font-size:15px;line-height:1.2;color:var(--color-snow)}.card-activity-stat-label{font-family:var(--font-roboto);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-snow-rgb),.4)}.card-activity-meta{margin:0;font-family:var(--font-roboto);font-size:12px;color:var(--color-muted-foreground)}.track-thumb-svg{width:100%;height:100%;display:block}.track-thumb-empty{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-grey),var(--color-deep-black))}.card-trail{flex-direction:column;max-width:100%}.card-trail-photo{position:relative;width:100%;height:200px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-grey);flex-shrink:0}.card-trail-photo-img{width:100%;height:100%;object-fit:cover;display:block}.card-trail-badge-slot{position:absolute;top:var(--space-2);left:var(--space-2)}.card-trail-track{position:absolute;right:var(--space-2);bottom:var(--space-2);width:60px;height:60px;padding:var(--space-1);border-radius:var(--radius-md);background:rgba(var(--color-midnight-rgb),.65);backdrop-filter:blur(2px);overflow:hidden}.card-trail-body{flex:1;background:var(--color-midnight);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.card-trail-title{margin:0;font-family:var(--font-sans);font-weight:500;font-size:18px;line-height:1.25;color:var(--color-snow);word-break:break-word}.card-trail-blurb{margin:0;font-family:var(--font-roboto);font-size:13px;line-height:1.4;color:var(--color-muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-trail-shape{display:flex}.card-trail-stats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.card-trail-stat{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-roboto);font-weight:500;font-size:14px;color:var(--color-snow)}.card-trail-stat-icon{color:var(--color-primary)}.card-trail-meta{margin:0;font-family:var(--font-roboto);font-size:12px;color:var(--color-muted-foreground)}.card-gear{flex-direction:column}.card-gear--horizontal{flex-direction:row}.card-gear-media{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;background:var(--color-deep-black)}.card-gear--horizontal .card-gear-media{width:33%;aspect-ratio:1/1;align-self:flex-start}.card-gear-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card-gear-body{flex:1;min-width:0;background:var(--color-midnight);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.card-gear-brand-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--space-7)}.card-gear-brand{gap:var(--space-2);min-width:0}.card-gear-brand,.card-gear-logo{display:inline-flex;align-items:center}.card-gear-logo{justify-content:center;inline-size:var(--space-7);block-size:var(--space-7);flex-shrink:0;padding:calc(var(--space-1) / 2);border-radius:var(--radius-sm);background:var(--white)}.card-gear-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.card-gear-brand-name{font-family:var(--font-roboto);font-size:var(--text-label-size);font-weight:500;color:var(--color-snow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-gear-name{margin:0;font-family:var(--font-sans);font-size:var(--text-h4-size);font-weight:var(--text-h4-weight);line-height:var(--text-h4-leading);color:var(--color-snow);word-break:break-word}.card-gear-meta{margin:0;font-family:var(--font-roboto);font-size:var(--text-label-size);color:var(--color-muted-foreground);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.card-gear-wear{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.card-gear-wear-row{flex-wrap:wrap;align-items:center;justify-content:space-between}.card-gear-wear-row,.wear-line{display:flex;gap:var(--space-2)}.wear-line{flex-direction:column;font-family:var(--font-roboto)}.wear-line-track{position:relative;block-size:var(--space-1);border-radius:var(--radius-full);background:var(--color-border);overflow:hidden}.wear-line-fill{position:absolute;inset-block:0;inset-inline-start:0;border-radius:var(--radius-full);transition:inline-size .2s ease}.wear-line-fill--success{background:var(--color-chip-success)}.wear-line-fill--warning{background:var(--color-warning)}.wear-line-fill--critical{background:var(--color-alert)}.wear-line-captions{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-label-size);color:var(--color-muted-foreground)}@media (prefers-reduced-motion:reduce){.wear-line-fill{transition:none}}