/* Native-resolution transparent illustrated symbols; the data stays live. */
#app.setup-reference #tracks-screen .course-stat .course-stat-art{
 display:block;position:relative;flex:none;width:54px;height:54px;min-height:0;
 background:url('../public/assets/course-stats-v1/icons.png') var(--icon-x) var(--icon-y)/400% 200% no-repeat;
 grid-column:1;grid-row:1 / -1;filter:drop-shadow(0 0 3px #00baff40);
}

#app.setup-reference #tracks-screen .course-stat strong{font-family:Rajdhani,'Arial Narrow',sans-serif;font-weight:700;font-style:italic;color:#e7faff;text-shadow:0 2px 2px #000,0 0 10px #59d9ff60}
#app.setup-reference #tracks-screen .course-stat small{font-family:Rajdhani,'Arial Narrow',sans-serif;font-style:italic;font-weight:700;color:#6bdbff;text-shadow:0 0 7px #00bfff50}
#app.setup-reference #tracks-screen .course-stat .course-stat-description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0}
#app.setup-reference #tracks-screen .course-stat .course-stat-description span{display:block;max-width:100%;white-space:normal}
#app.setup-reference #tracks-screen .course-stat .course-stat-description small{font-size:11px;letter-spacing:1.5px;line-height:1;padding:0;height:auto;background:none}
#app.setup-reference #tracks-screen .course-risk .course-stat-description>span{color:var(--course-accent,#ff4ec3);text-shadow:0 0 9px color-mix(in srgb,var(--course-accent,#ff4ec3) 45%,transparent)}
@media(orientation:landscape){
 #app.setup-reference #tracks-screen .track-feature-details{left:1209px;top:136px;width:226px;height:408px;padding:0;background:linear-gradient(135deg,#071b2b,#020a15 48%,#061626);clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 17px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px);overflow:hidden;border:0;box-shadow:inset 0 0 22px #007bd327}
 #app.setup-reference #tracks-screen .course-map{left:4px;top:0;width:218px;height:190px;padding:9px 12px;background:radial-gradient(ellipse at 50% 55%,#10324a80,transparent 68%),linear-gradient(#1d698b18 1px,transparent 1px),linear-gradient(90deg,#1d698b18 1px,transparent 1px),#020c18;background-size:auto,22px 22px,22px 22px,auto;box-shadow:inset 0 -1px #36d5ff8a;clip-path:none}
 #app.setup-reference #tracks-screen #preview-map{stroke:#a3f9ff;stroke-width:3.5;stroke-linejoin:round;filter:drop-shadow(0 0 3px #12dfff) drop-shadow(0 0 7px #008cff)}
 #app.setup-reference #tracks-screen .course-stat{position:absolute;left:3px;width:220px;height:54px;padding:0 10px 0 3px;display:grid;grid-template-columns:55px minmax(0,1fr) 52px;gap:6px;align-items:center;border:0;border-bottom:1px solid #20708b88;background:linear-gradient(105deg,#0c2c4166,#030d1900 55%);box-shadow:inset 2px 0 #1dc9ff55}
 #app.setup-reference #tracks-screen .course-stat:nth-child(2){top:190px}
 #app.setup-reference #tracks-screen .course-stat:nth-child(3){top:244px}
 #app.setup-reference #tracks-screen .course-stat:nth-child(4){top:298px}
 #app.setup-reference #tracks-screen .course-stat:nth-child(5){top:352px;border-bottom:0}
 #app.setup-reference #tracks-screen .course-stat strong{grid-column:2;height:auto;padding:0;margin:0;line-height:1;font-size:33px;letter-spacing:.4px;background:none;display:block}
 #app.setup-reference #tracks-screen .course-stat>small{grid-column:3;padding:0;height:auto;line-height:1;font-size:15px;letter-spacing:1.1px;background:none;display:block;text-align:right}
 #app.setup-reference #tracks-screen #track-weather,#app.setup-reference #tracks-screen #track-risk{grid-column:2 / 4;width:auto;height:100%;font-size:18px;line-height:1;letter-spacing:.2px;padding:0;display:flex}
 #app.setup-reference #tracks-screen .course-stat .course-stat-description small{font-size:10px}
}
@media(orientation:portrait){
 #app.setup-reference #tracks-screen .track-feature-details{inset:auto 10px 10px;width:auto;height:133px;display:grid;grid-template-columns:78px minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:4px 8px;padding:8px 10px;background:linear-gradient(135deg,#071b2bf7,#020a15fc);box-shadow:inset 0 0 0 1px #44dcff8a,inset 0 0 18px #078ac42c}
 #app.setup-reference #tracks-screen .course-map{grid-column:1;grid-row:1 / 3;width:78px;height:100%;min-height:0;padding:0 8px 0 0;border-bottom:0;border-right:1px solid #2b91c56e}
 #app.setup-reference #tracks-screen .course-map-finish{display:none}
 #app.setup-reference #tracks-screen .course-stat{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 5px;padding:2px 0;align-items:center;align-content:center;min-width:0;background:none}
 #app.setup-reference #tracks-screen .course-stat:nth-child(2){grid-column:2;grid-row:1}
 #app.setup-reference #tracks-screen .course-stat:nth-child(3){grid-column:3;grid-row:1}
 #app.setup-reference #tracks-screen .course-stat:nth-child(4){grid-column:2;grid-row:2}
 #app.setup-reference #tracks-screen .course-stat:nth-child(5){grid-column:3;grid-row:2}
 #app.setup-reference #tracks-screen .course-stat .course-stat-art{width:31px;height:31px;grid-row:1 / 3}
 #app.setup-reference #tracks-screen .course-stat strong{grid-column:2;grid-row:1;font-size:23px;line-height:1;margin:0;padding:0;background:none}
 #app.setup-reference #tracks-screen .course-stat>small{grid-column:2;grid-row:2;font-size:10px;line-height:1.2;letter-spacing:.9px}
 #app.setup-reference #tracks-screen #track-weather,#app.setup-reference #tracks-screen #track-risk{font-size:11px;line-height:1.1;letter-spacing:0;grid-row:1 / 3}
 #app.setup-reference #tracks-screen .course-stat .course-stat-description{gap:4px}
 #app.setup-reference #tracks-screen .course-stat .course-stat-description small{font-size:8px;letter-spacing:.6px}
}
@media(orientation:portrait) and (min-width:651px){
 #app.setup-reference #tracks-screen .track-feature-details{grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);gap:4px 14px;padding:8px 14px}
 #app.setup-reference #tracks-screen .course-map{width:110px;padding-right:14px}
 #app.setup-reference #tracks-screen .course-stat{grid-template-columns:46px minmax(0,1fr);gap:0 9px}
 #app.setup-reference #tracks-screen .course-stat .course-stat-art{width:46px;height:46px}
 #app.setup-reference #tracks-screen .course-stat strong{font-size:31px}
 #app.setup-reference #tracks-screen .course-stat>small{font-size:11px}
 #app.setup-reference #tracks-screen #track-weather,#app.setup-reference #tracks-screen #track-risk{font-size:17px}
 #app.setup-reference #tracks-screen .course-stat .course-stat-description small{font-size:10px;letter-spacing:1px}
}