:root{--bg:#f4f7fa;--panel:#fff;--line:#dce4eb;--muted:#566b7b;--mint:#087e7e;color-scheme:light}
body.homepage{color:#132b3c;background:#f4f7fa;font-size:16px;line-height:1.7}
.homepage main{max-width:1440px;padding:0 48px}.homepage .nav{background:#091c2b;color:#fff;border:0;height:86px;padding-inline:max(32px,calc((100vw - 1344px)/2));gap:24px}.homepage .wordmark{letter-spacing:.6px;font-size:18px}.homepage .wordmark strong{color:#74e2d5}.homepage .wordmark img{border-radius:50%;width:42px;height:42px}.homepage .nav nav{gap:24px;white-space:nowrap}.homepage .nav-play{border-color:#617685;color:#fff;font-size:14px}.homepage .language-picker select{background:#152e40;border-color:#435d70;color:white;width:143px}
.homepage #entry{padding:48px 0 44px}.homepage .entry-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.8fr);gap:48px;align-items:center}.homepage .race-intro{min-width:0}.homepage .eyebrow{font-size:12px;letter-spacing:1.8px;color:#087b7b}.homepage h1,.homepage html:not([lang=ko]) h1{font-size:clamp(36px,4.2vw,58px);letter-spacing:-2px;line-height:1.22;margin:12px 0 16px;overflow-wrap:anywhere}.homepage h1 em{font-style:normal;color:#087f80}.homepage .intro{font-size:16px;line-height:1.85;color:#556a7b;margin:0}.homepage .actions{margin:22px 0 26px;gap:26px;flex-wrap:wrap}.homepage .primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#0d807d;color:white;border-radius:7px;font-size:15px;padding:12px 20px;min-height:46px}.homepage .textlink{font-size:15px;font-weight:700}.homepage .race-feature{margin:0;position:relative;overflow:hidden;border-radius:12px;background:#142c3e}.homepage .race-feature img{display:block;width:100%;height:auto;aspect-ratio:1.95;object-fit:cover}.homepage .race-feature figcaption{padding:8px 14px;color:#d1dfe8;font-size:12px;background:#10283a}
.homepage #profile-form{padding:28px;background:white;border:1px solid #d7e2e9;border-radius:14px;box-shadow:0 16px 48px #132b3c0a}.homepage #profile-form>.eyebrow{margin-bottom:12px}.homepage #profile-state{font-size:21px;line-height:1.5;display:block;margin-bottom:22px}.homepage #profile-form label{font-size:14px;font-weight:600;margin:16px 0}.homepage #profile-form input,.homepage #profile-form select{background:#f7f9fb;border:1px solid #b6c8d4;color:#142f40;border-radius:6px;min-height:48px;font-size:16px}.homepage #profile-form input::placeholder{color:#667d8c;font-weight:400}.homepage #profile-form small{font-size:13px;color:#576c7a;margin-top:12px}.homepage #profile-save{background:#087e7e;color:white;min-height:48px;border-radius:6px;font-size:16px}.homepage #profile-save:hover,.homepage .primary:hover{background:#086567}.homepage input:focus-visible,.homepage select:focus-visible{outline:3px solid #5ac9bf;outline-offset:2px}
.homepage #lobby{padding:32px;background:#102a3d;color:white;border-radius:14px}.homepage #lobby .eyebrow{color:#77ddd4}.homepage #lobby .section-head{margin-bottom:16px}.homepage #lobby h2{font-size:26px}.homepage .league-rule{font-size:14px;color:#c3d2dd}.homepage .event-card{background:#1b394d;border-color:#3d596c;border-radius:8px;padding:22px}.homepage .event-card p{font-weight:600}.homepage .event-card strong{font-size:28px}.homepage .event-card span{color:#ccdae3;font-size:14px}.homepage .event-card button{background:#8de5d7;color:#0b3037;font-size:15px}.homepage .event-card button:not(:disabled):hover{background:#b2f4e8}.homepage .assignment-title{margin-top:30px}.homepage .assignment{border-color:#385164}.homepage .assignment p,.homepage .assignment>span,.homepage .empty{color:#c0d0db}.homepage .personal-records{border-top:1px solid #385164;margin-top:20px;padding-top:18px}.homepage .personal-records>summary{font-size:17px;font-weight:700;cursor:pointer;min-height:44px}.homepage .personal-records>summary span{float:right;color:#8de5d7}.homepage .records{border-color:#425b6d}.homepage th,.homepage td{border-color:#3d5669}.homepage th{color:#bbcedc}.homepage .record-grid h2{font-size:21px!important;margin-bottom:12px}.homepage #connection-state{color:#8ce6d6}
.homepage .ticker{margin-top:32px;font-size:14px;padding:17px 0;gap:24px}.homepage .ticker>span{font-size:12px}.homepage section[id]:not(#entry):not(#lobby){padding-top:64px}.homepage .section-head h2{font-size:32px}.homepage .section-head p:not(.eyebrow){font-size:16px;max-width:430px}.homepage .map-grid{gap:22px}.homepage .map-card{border-radius:12px;border-color:#dce5eb;box-shadow:0 5px 22px #17344705}.homepage .map-card:hover{border-color:#087e7e;transform:translateY(-3px)}.homepage .route{background:#102c40;padding:20px;min-height:218px}.homepage .route svg{margin:8px 0 0;max-height:150px}.homepage .map-id,.homepage .available{font-size:12px}.homepage .route-caption{font-size:12px;color:#c2d6e2;letter-spacing:.8px}.homepage .available{color:#a1ebdc}.homepage .available:before{content:none}.homepage .map-body{padding:24px}.homepage .map-body .eyebrow{color:#087e7e}.homepage .map-body h3{font-size:24px}.homepage .map-meta{font-size:14px;color:#4b6677;justify-content:start;gap:12px}.homepage .course-order{color:#586d7c;font-size:14px}.homepage .course-order summary{color:#0b7878;min-height:32px}.homepage .map-body>a{font-size:15px;padding-top:5px;color:#087e7e}.homepage .map-body>a b{color:#087e7e}.homepage #guide-map{background:white;color:#19364a;border-color:#adbfcc;font-size:15px;min-height:44px;margin:0 0 18px;min-width:220px}.homepage .filters{gap:8px}.homepage .filters button{font-size:14px;border-color:#bacbd6;color:#395464;min-height:42px;background:white}.homepage .filters button.active{background:#102f43;border-color:#102f43;color:#fff}.homepage .track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.homepage .track-card{background:white;border:1px solid #dae4eb;border-radius:10px;padding:24px}.homepage .track-top>span{font-size:30px;color:#9fb5c4;font-weight:500;line-height:1.2}.homepage .track-top small{font-size:13px;color:#087d7a;background:#e8f6f3;padding:3px 10px;border-radius:4px}.homepage .track-card h3{font-size:19px;margin:18px 0 10px}.homepage .track-card p{font-size:16px;min-height:82px}.homepage .zones{font-size:13px;color:#617887;display:flex;justify-content:space-between;align-items:center}.homepage .zones b{font-size:14px;color:#223f52;margin:0}
.homepage #broadcast.broadcast-panel{padding:42px!important;border:0;border-radius:14px;background:#102b3f;color:white;margin-top:64px;gap:40px}.homepage .broadcast-panel>div:first-child{padding-left:0}.homepage .broadcast-panel .eyebrow,.homepage .broadcast-features span,.homepage .broadcast-panel .textlink{color:#8ee6d8}.homepage .broadcast-panel p:not(.eyebrow){color:#c1d3df}.homepage .broadcast-features{padding-right:0}.homepage .broadcast-features article{border-color:#365064}.homepage .broadcast-features span{font-size:12px}.homepage .broadcast-features h3{font-size:18px}.homepage .broadcast-features p{font-size:16px!important}.homepage .news-item{padding:25px 0;grid-template-columns:120px 1fr 36px}.homepage .news-item time,.homepage .news-tag,.homepage .pill{font-size:14px}.homepage .news-item h3{font-size:22px}.homepage .news-item>a{color:#0a7778}.homepage .next{padding-bottom:48px;align-items:center}.homepage .next h2{font-size:28px}.homepage footer{background:#0a1e2e;color:white;padding:32px max(32px,calc((100vw - 1344px)/2));border:0}.homepage footer p,.homepage footer>a:last-child{font-size:13px;color:#b7c9d7}.homepage footer .wordmark strong{color:#81ded0}.homepage section{scroll-margin-top:22px}.homepage #records{scroll-margin-top:30px}.homepage .record-grid>div,.homepage .entry-grid>*{min-width:0}.homepage .nav a:focus-visible{outline-color:#8de5d7}
@media(min-width:1000px){.homepage .race-intro h1 br{display:none}}
@media(max-width:1200px){.homepage .nav{flex-wrap:wrap;height:auto;padding:16px 28px;gap:16px}.homepage .nav nav{order:3;width:100%;justify-content:center}.homepage .nav-play{display:none}.homepage .language-picker{margin-left:auto}.homepage .entry-grid{gap:26px;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.homepage main{padding:0 28px}.homepage .record-grid{grid-template-columns:1fr}.homepage .race-feature img{aspect-ratio:1.45}.homepage .map-grid{gap:14px}.homepage .map-body{padding:20px}.homepage .map-body h3{font-size:21px}}
@media(max-width:850px){.homepage .entry-grid{grid-template-columns:1fr;gap:28px}.homepage .race-intro h1{font-size:42px}.homepage .race-intro h1 br{display:none}.homepage .race-feature img{aspect-ratio:1.9}.homepage #profile-form{padding:24px}.homepage #profile-form label{margin:14px 0}.homepage .map-grid{grid-template-columns:1fr}.homepage .map-card{display:grid;grid-template-columns:.8fr 1.2fr}.homepage .route{height:100%;display:flex;flex-direction:column;justify-content:center}.homepage .available{margin-top:7px}.homepage .track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage #broadcast.broadcast-panel{grid-template-columns:1fr;padding:28px!important}.homepage .section-head{display:block}.homepage .section-head>p{margin-top:14px}.homepage #connection-state{display:block;margin-top:8px}.homepage .next{display:block}}
@media(max-width:650px){.homepage main{padding:0 18px}.homepage .nav{padding:14px 18px;gap:12px}.homepage .nav nav{gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:14px}.homepage .nav .wordmark{font-size:14px;letter-spacing:0}.homepage .wordmark img{width:30px;height:30px}.homepage .language-picker select{width:124px;font-size:14px}.homepage #entry{padding-top:28px;padding-bottom:28px}.homepage h1,.homepage .race-intro h1{font-size:36px!important;letter-spacing:-1.5px}.homepage .eyebrow{font-size:12px;letter-spacing:1px}.homepage .actions{gap:20px}.homepage .primary{font-size:14px}.homepage .race-feature{border-radius:8px}.homepage #lobby{padding:22px 18px;border-radius:10px}.homepage #events{grid-template-columns:1fr}.homepage .event-card{padding:18px}.homepage #lobby h2,.homepage .section-head h2{font-size:25px}.homepage .ticker{gap:10px}.homepage .ticker a{font-size:14px}.homepage section[id]:not(#entry):not(#lobby){padding-top:44px}.homepage .map-card{display:block}.homepage .route{min-height:220px}.homepage .available{position:absolute;right:20px;top:14px}.homepage .track-grid{grid-template-columns:1fr}.homepage .track-card p{min-height:0}.homepage .track-card{padding:22px}.homepage .news-item{grid-template-columns:1fr 30px;gap:8px 14px}.homepage .news-item time{grid-column:1/-1}.homepage .news-item h3{font-size:20px}.homepage .next h2{font-size:25px}.homepage footer{padding:28px 20px;display:block}.homepage footer p{margin-block:20px}.homepage .record-grid{gap:24px}.homepage .records{max-width:100%}.homepage .assignment .primary{white-space:normal}}
@media(prefers-reduced-motion:reduce){.homepage *{scroll-behavior:auto;transition:none!important}}