.live-page{background:#f3f0e9;color:#111b30}.live-header{min-height:92px;padding:14px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#06142f;color:#fff}.live-header .brand{position:static}.live-header nav{display:flex;gap:24px;font-weight:700}.live-shell{width:min(1500px,100%);margin:auto;padding:clamp(26px,5vw,70px)}.live-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.live-hero h1{margin:.15em 0;font-size:clamp(42px,7vw,92px);line-height:.95}.live-hero p{max-width:820px;font-size:clamp(16px,1.4vw,21px);color:#596274}.environment-badge{padding:14px 20px;background:#15803d;color:#fff;font:900 16px Arial,sans-serif;letter-spacing:.18em}.environment-badge.test,.live-test-warning{background:#6d28d9}.live-test-warning{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 0;padding:16px 20px;color:#fff}.live-test-warning strong{font-family:Arial,sans-serif;letter-spacing:.1em}.live-routes{display:flex;gap:8px;margin:34px 0 18px}.live-routes button{min-width:110px;border:1px solid #071631;background:#fff;color:#071631;padding:13px 20px;font-weight:800}.live-routes button.active{background:#ff5a1f;border-color:#ff5a1f;color:#fff}.live-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.live-summary article{padding:18px;background:#fff;border:1px solid #dfe3ea}.live-summary span{display:block;color:#6b7280;font-size:14px}.live-summary strong{display:block;margin-top:7px;font-size:clamp(18px,2vw,27px)}.live-map-card,.leaderboard-section,.runner-table-section{margin-top:18px;padding:clamp(18px,3vw,34px);background:#fff;border:1px solid #dfe3ea}.live-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.live-section-heading h2,.runner-table-section h2{margin:.2em 0;font-size:clamp(27px,3vw,44px)}.live-section-heading>p{max-width:550px;color:#6b7280}.live-legend{display:flex;gap:18px;flex-wrap:wrap}.live-legend span{display:flex;align-items:center;gap:7px;font-size:14px}.live-legend i{width:11px;height:11px;border-radius:50%;background:#0c2352}.live-legend i.estimated{background:#ff5a1f}.live-canvas-wrap{position:relative;margin-top:18px;background:linear-gradient(145deg,#edf1f4,#f8f5ed)}[data-live-map]{display:block;width:100%;height:clamp(420px,55vw,720px);touch-action:pan-y}.live-empty{position:absolute;inset:0;display:grid;place-items:center;color:#657084;pointer-events:none}.checkpoint-strip{display:flex;gap:12px;overflow:auto;padding-top:16px}.checkpoint-strip span{min-width:max-content;padding:8px 12px;background:#eef1f5;font-size:14px}.leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.leaderboard-grid article{border:1px solid #dfe3ea}.leaderboard-grid h3{margin:0;padding:16px 20px;background:#06142f;color:#fff;font-size:25px}.leader-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid #e4e7ec}.leader-row:first-child{border-top:0}.leader-row .rank{font:900 23px Arial,sans-serif}.leader-row.podium .rank{color:#ff5a1f}.leader-row small{display:block;color:#6b7280}.leader-row .distance{text-align:right;font-weight:800}.runner-table-section table{width:100%;border-collapse:collapse}.runner-table-section th,.runner-table-section td{padding:13px 12px;border-bottom:1px solid #e1e5ea;text-align:left}.runner-table-section small{display:block;color:#6b7280}.status-estimated{color:#b74412}.status-confirmed{color:#08783e}@media(max-width:850px){.live-summary{grid-template-columns:1fr 1fr}.leaderboard-grid{grid-template-columns:1fr}.live-section-heading{display:block}.live-legend{margin-top:12px}}@media(max-width:560px){.live-header{min-height:76px}.live-shell{padding:24px 14px}.live-hero{display:block}.environment-badge{display:inline-block;margin-top:14px}.live-routes button{min-width:0;flex:1;padding:12px 5px}.live-summary{grid-template-columns:1fr 1fr}.live-summary article{padding:13px}.live-map-card,.leaderboard-section,.runner-table-section{padding:14px}[data-live-map]{height:430px}.live-legend{display:grid;gap:6px}.leader-row{grid-template-columns:36px 1fr auto}.runner-table-section{overflow:hidden}}
