.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-lime);box-shadow:var(--shadow-card)}a.card-tile:focus-visible{outline:2px solid var(--color-witchy);outline-offset:3px;box-shadow:0 0 0 4px rgba(var(--color-witchy-rgb),.2)}.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-lime);box-shadow:var(--shadow-card)}a.card:focus-visible{outline:2px solid var(--color-witchy);outline-offset:3px;box-shadow:0 0 0 4px rgba(var(--color-witchy-rgb),.2)}.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-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--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-activity{flex-direction:column;max-width:100%}.card-activity--vertical{width:320px}.card-activity--horizontal{width:100%}.card-activity--horizontal:not(:has(.card-activity-main)){flex-direction:row}.card-activity--horizontal .card-activity-main{flex-direction:row}.card-activity--horizontal .card-activity-thumb{width:33%;height:auto;min-height:120px}.card-activity--horizontal .card-activity-body{min-width:0}.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-lime);box-shadow:var(--shadow-card)}a.card-activity-detail:focus-visible{outline:2px solid var(--color-witchy);outline-offset:3px;box-shadow:0 0 0 4px rgba(var(--color-witchy-rgb),.2)}.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-lime)}.card-activity-author:focus-visible{outline:2px solid var(--color-witchy);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-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-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-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.card-activity-stat{display:flex;flex-direction:column;gap: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-route{flex-direction:column;max-width:100%}.card-route--vertical{width:320px}.card-route--horizontal{flex-direction:row;width:100%}.card-route--horizontal .card-route-thumb{width:33%;height:auto;min-height:120px}.card-route--horizontal .card-route-body{min-width:0}.card-route-thumb{position:relative;width:100%;height:160px;overflow:hidden;flex-shrink:0}.card-route-body,.card-route-thumb{border-radius:var(--radius-md);background:var(--color-midnight)}.card-route-body{flex:1;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-stats{display:flex;align-items:center;gap: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-lime)}.card-route-meta{margin:0;font-family:var(--font-roboto);font-size:12px;color:var(--color-muted-foreground)}