@import url('data:text/css,');
:root{--ink:#252820;--paper:#fff9e9;--muted:#bdbeb0;--lime:#def468;--stroke:#ffffff26;--red:#f39268;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:#8f9c91;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button:disabled{cursor:wait;opacity:.6}button{color:inherit}button,a{touch-action:manipulation}#stadium,.scrim{position:fixed;inset:0}#stadium canvas{display:block;width:100%;height:100%}.scrim{pointer-events:none;background:linear-gradient(90deg,rgba(23,29,24,.94),rgba(23,29,24,.74) 28%,rgba(23,29,24,.08) 62%,transparent),linear-gradient(0deg,rgba(18,27,22,.70),transparent 22%);transition:opacity .6s}body[data-screen="race"] .scrim{background:linear-gradient(0deg,rgba(12,24,21,.85),transparent 31%),linear-gradient(180deg,rgba(12,24,21,.7),transparent 24%)}.masthead{height:104px;position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 4.4vw;border-bottom:1px solid #ffffff17}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--paper);font-size:19px;font-weight:900;letter-spacing:-.6px;line-height:1.04}.brand small{display:block;color:var(--lime);font-size:12px;letter-spacing:3px;margin-top:6px}.brand svg{width:41px;fill:none;stroke:var(--lime);stroke-width:2}.mast-right{display:flex;align-items:center;gap:14px}.build-pill{font:700 10px monospace;letter-spacing:1.3px;display:flex;align-items:center;gap:8px}.build-pill i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.build-pill b{border:1px solid var(--stroke);padding:6px;font-weight:400;margin-left:6px}.icon-button{height:35px;width:35px;border:1px solid #fff5;border-radius:50%;font-size:20px;background:#2228;display:grid;place-items:center}.screen{position:absolute;z-index:2}.hidden{display:none!important}.menu{inset:104px 0 0;pointer-events:none}.menu button{pointer-events:auto}.hero-copy{position:absolute;left:4.4vw;top:4.6vh;width:min(460px,39vw)}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:800;color:var(--lime);margin:0 0 20px;line-height:1.5;display:flex;align-items:center;gap:8px}.eyebrow>span{display:inline-block;width:19px;height:2px;background:var(--lime)}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(58px,6.65vw,105px);font-weight:900;line-height:.93;letter-spacing:-1.5px;margin:0 0 20px}h1 em{font-style:normal;color:var(--lime)}.intro{font-size:14px;color:#d5d5c9;line-height:1.6;margin:0 0 24px}.event-list{display:grid;gap:0;margin-bottom:22px;border-top:1px solid var(--stroke)}.event-card{display:flex;align-items:center;gap:17px;text-align:left;border:0;border-bottom:1px solid var(--stroke);background:transparent;padding:14px 10px 14px 0;min-height:69px;width:100%;transition:background .2s,padding .2s}.event-card:hover{background:#ffffff0a}.event-card.selected{background:#e4f7750b;padding-left:12px;border-left:3px solid var(--lime)}.event-card.selected strong,.event-card.selected .event-number{color:var(--lime)}.event-number{font:11px monospace;color:#a4a998}.event-card strong{display:block;font-size:16px;font-weight:900;letter-spacing:.4px}.event-card small{display:block;font-size:10px;color:#c1c6b8;margin-top:5px}.event-arrow{margin-left:auto;font-size:24px;font-weight:400;color:#c6cdb6}.menu-actions{display:flex;gap:10px}.primary,.secondary{height:51px;border:0;padding:0 20px;font-size:11px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:transform .15s,filter .15s}.primary{background:var(--lime);color:var(--ink);flex:1}.primary:hover{filter:brightness(1.07);transform:translateY(-2px)}.primary span{font-size:23px;font-weight:400}.secondary{background:#fff1;border:1px solid #fff5;justify-content:center;white-space:nowrap;font-size:9px}.secondary:hover{background:#fff2}.control-summary{display:flex;align-items:center;gap:6px;margin:14px 0 0;color:#acb3a6;font-size:9px;white-space:nowrap}.control-summary b{font-weight:400}.control-summary>span{margin:0 4px}kbd{font:700 10px monospace;background:#ffffff12;border:1px solid #ffffff42;border-bottom:2px solid #ffffff64;padding:4px 6px;min-width:22px;text-align:center;border-radius:3px;color:#fff7e6}.hero-tag{position:absolute;bottom:17%;right:8%;display:flex;gap:18px;align-items:center;text-shadow:0 2px 15px #28362d}.tag-number{font:80px Impact,sans-serif;color:#ffffff2b;border-right:1px solid #ffffff69;padding-right:20px;line-height:1}.hero-tag small{font:8px monospace;letter-spacing:2px}.hero-tag strong{display:block;font:37px Impact,sans-serif;margin-top:6px;letter-spacing:1px}.hero-tag p{font-size:10px;margin:8px 0 0}.bottom-meta{position:absolute;left:4.4vw;right:4.4vw;bottom:22px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.3px;color:#ccd3c5}.lobby,.results{top:20%;left:4.4vw;width:min(440px,42vw)}h2{font:52px/.98 Impact,'Arial Narrow',Arial,sans-serif;margin:0 0 16px;letter-spacing:-.5px}.muted{font-size:13px;color:#c9cfc1;line-height:1.6}.compact{font-size:11px}.room-code{display:flex;align-items:center;gap:15px;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:16px 0;margin:22px 0}.room-code small{font-size:8px;letter-spacing:1.2px;max-width:40px;line-height:1.5;color:#aeb8a7}.room-code strong{font:29px monospace;letter-spacing:5px;color:var(--lime)}.small-button{font-size:9px;font-weight:700;background:transparent;border:1px solid var(--stroke);padding:9px 12px;margin-left:auto}.roster{margin:12px 0 22px}.roster-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #fff1;padding:12px 0;font-size:12px}.roster-row i{height:8px;width:8px;border-radius:50%;background:var(--lime)}.roster-row span{margin-left:auto;font:9px monospace;color:#b2bba7}.field{display:block;font-size:9px;font-weight:800;letter-spacing:1px;margin:19px 0;color:var(--lime)}.field span{color:#8e9a86}input,select{display:block;width:100%;margin-top:10px;border:1px solid #ffffff40;background:#1c261f;color:var(--paper);padding:13px;font-size:14px;letter-spacing:0;border-radius:0}input::placeholder{color:#a0a693}.text-button{background:transparent;border:0;padding:18px 0;color:#bac4af;font-size:9px;font-weight:700;letter-spacing:1px}.lobby>.primary,.results>.primary{width:100%}.race{inset:124px 4.4vw 4.6vh;pointer-events:none}.race button{pointer-events:auto}.race-top{display:flex;justify-content:space-between;gap:15px}.event-label .eyebrow{margin-bottom:7px;font-size:10px}.event-label>strong{font:24px Impact,sans-serif;letter-spacing:.6px}.event-label>span{display:block;font:9px monospace;margin-top:9px;color:#d3dbca}.race-numbers{display:flex;gap:29px;align-items:start}.race-numbers small{display:block;font:9px monospace;letter-spacing:1px;color:#c7d0be;margin:3px 0 6px}.race-numbers strong{font:38px Impact,sans-serif;font-variant-numeric:tabular-nums}.race-numbers em{font:17px Arial;color:#c6ceba;font-style:normal;margin-left:3px}.countdown{position:absolute;top:29%;left:50%;transform:translate(-50%,-50%);display:grid;text-align:center;justify-items:center;text-shadow:0 3px 25px #17302266}.countdown small{font:9px monospace;letter-spacing:3px;background:#202d24cf;padding:11px 16px}.countdown strong{font:150px/.95 Impact,sans-serif;letter-spacing:-4px;color:var(--lime);margin-top:18px}.race-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:25px}.telemetry{width:310px}.speed{display:flex;align-items:baseline;gap:10px}.speed strong{font:68px/.9 Impact,sans-serif;font-variant-numeric:tabular-nums}.speed span{font-size:10px;font-weight:700;letter-spacing:1px}.distance-row{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.5px;margin:16px 0 9px}.distance-row span{color:var(--lime)}.progress{height:3px;background:#ffffff37}.progress i{display:block;height:100%;background:var(--lime);width:0;transition:width .1s}.rhythm{display:flex;align-items:center;gap:10px;font:8px monospace;margin-top:15px;white-space:nowrap}.rhythm>span{color:#b6c2ad}.rhythm strong{font-weight:400;color:var(--lime);min-width:40px}#rhythm-meter{flex:1;height:6px;position:relative;background:#ffffff1e}#rhythm-meter i{position:absolute;left:35%;width:30%;top:0;bottom:0;background:#d8f65b66}#rhythm-meter b{position:absolute;height:12px;width:2px;top:-3px;left:0;background:white}.input-panel{text-align:right}.input-panel>p{font:9px monospace;letter-spacing:1px;margin:0 0 10px;color:#e0e6d3}.input-buttons{display:flex;gap:8px}.input-buttons button{min-width:98px;height:70px;background:#243526c7;border:1px solid #ffffff54;display:grid;place-content:center;justify-items:center;gap:7px;user-select:none;touch-action:none}.input-buttons button.active{background:#dff464;color:#1f2b1d;border-color:#edffad;transform:translateY(2px)}.input-buttons button.active kbd{color:#22311c;border-color:#22311c44;background:#22311c12}.input-buttons span{font:8px monospace;letter-spacing:1px}.input-buttons .action-button{min-width:115px;border-color:#e4f77c88;background:#555c29be;margin-left:8px}.result-list{margin:24px 0}.result-row{display:flex;align-items:center;gap:15px;padding:17px 3px;border-bottom:1px solid var(--stroke)}.result-row.self{background:#dff56810;border-left:3px solid var(--lime);padding-left:12px}.result-rank{font:27px Impact,sans-serif;color:#b3bfa8;min-width:24px}.result-row:first-child .result-rank{color:var(--lime)}.result-name{font-size:13px;font-weight:700}.result-name small{display:block;margin-top:5px;font:8px monospace;color:#b3bea7}.result-score{margin-left:auto;font:23px Impact,sans-serif}.result-score small{font:10px Arial;color:#b7c2ac;margin-left:4px}dialog{color:var(--paper);background:#233126;border:1px solid #dff46344;box-shadow:0 20px 80px #0008;padding:38px;width:min(480px,calc(100% - 32px));max-height:88dvh;overflow:auto}dialog::backdrop{background:#102018a8;backdrop-filter:blur(8px)}dialog h2{font-size:43px}dialog .primary{width:100%;margin-top:22px}.dialog-close{position:absolute;top:12px;right:15px;background:transparent;border:0;font-size:25px;color:#bfcab0}.help-grid>div{margin:22px 0}.help-grid strong{display:block;font-size:14px;margin:12px 0 8px}.help-grid p{font-size:12px;color:#c7cfbd;line-height:1.6;margin:0}.notice{position:fixed;z-index:12;bottom:26px;left:50%;transform:translateX(-50%);background:#eff8da;color:#253222;border:1px solid #bed271;padding:14px 22px;font-size:12px;max-width:min(600px,90vw);box-shadow:0 10px 30px #0003}.load-status{position:fixed;right:4.4vw;bottom:22px;z-index:6;color:var(--lime);font:9px monospace;letter-spacing:1px}.load-status span{margin-left:12px;font-size:8px}body[data-screen="race"] .masthead{height:90px}body[data-screen="race"] .build-pill{opacity:.6}
@media(min-height:950px){.hero-copy{top:8vh}.event-card{min-height:77px}}
@media(max-height:780px) and (min-width:801px){.masthead{height:80px}.menu{top:80px}.hero-copy{top:3vh}h1{font-size:clamp(51px,6vw,80px);margin-bottom:14px}.eyebrow{margin-bottom:14px}.intro{margin-bottom:16px;font-size:12px}.event-card{padding-top:11px;padding-bottom:11px;min-height:58px}.event-list{margin-bottom:15px}.primary,.secondary{height:45px}.bottom-meta{bottom:15px}.lobby,.results{top:18%}.race{top:106px}h2{font-size:44px}.result-row{padding-top:14px;padding-bottom:14px}}
@media(max-width:800px){.masthead{padding:0 22px;height:80px}.brand{font-size:15px}.brand svg{width:32px}.brand small{font-size:9px}.mast-right{gap:8px}.build-pill{font-size:8px;letter-spacing:0}.build-pill b{display:none}.menu{top:80px}.hero-copy{left:22px;top:30px;width:calc(100% - 44px);max-width:390px}h1{font-size:68px;line-height:.92}.intro{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.5px}.scrim{background:linear-gradient(90deg,#17221bea,#17221bb0 40%,#17221b36),linear-gradient(0deg,#17221bee,transparent 80%)}.hero-tag{right:25px;bottom:65px;opacity:.7}.hero-tag small,.hero-tag p,.tag-number{display:none}.hero-tag strong{font-size:23px}.bottom-meta{left:22px;right:22px;font-size:7px}.bottom-meta span:last-child{display:none}.event-list{max-width:370px}.menu-actions{max-width:370px}.lobby,.results{left:22px;top:140px;width:calc(100% - 44px);max-width:440px}.race{inset:104px 20px 24px}.race-numbers{gap:15px}.race-numbers strong{font-size:29px}.race-top .eyebrow{font-size:8px}.event-label>strong{font-size:18px}.race-bottom{gap:15px}.telemetry{width:210px}.input-buttons{gap:5px}.input-buttons button{min-width:65px;height:64px}.input-buttons .action-button{min-width:78px;margin-left:0}.input-buttons span{font-size:7px}.speed strong{font-size:52px}.rhythm{gap:5px;font-size:7px}.input-panel>p{font-size:7px}.distance-row{font-size:8px}.event-label>span{font-size:8px}.countdown strong{font-size:120px}.race-numbers small{font-size:8px}.race-numbers .icon-button{height:28px;width:28px}.notice{bottom:14px}}
@media(max-width:550px){.mast-right .build-pill{display:none}.hero-copy{top:27px}h1{font-size:61px}.hero-copy .eyebrow{margin-bottom:17px;font-size:7px}.intro{margin-bottom:18px}.event-card{min-height:65px;background:#18271d55}.event-card.selected{background:#d8f56613}.event-card small{font-size:9px}.event-card strong{font-size:14px}.control-summary{font-size:8px}.hero-tag{display:none}.event-list{margin-top:22px}.race-top{display:block}.race-numbers{margin-top:18px;justify-content:space-between;max-width:290px}.race-bottom{flex-direction:column;align-items:stretch;gap:18px}.telemetry{width:100%;max-width:360px}.speed{float:left;margin-right:18px}.speed strong{font-size:40px}.distance-row{padding-top:4px}.rhythm{clear:both;padding-top:8px}.input-panel{text-align:center}.input-buttons{justify-content:stretch}.input-buttons button{flex:1}.input-buttons .action-button{flex:1.25}.input-panel>p{margin-bottom:8px}.countdown{top:36%}.results,.lobby{top:119px}.result-list{margin-top:19px}.result-row{padding-top:14px;padding-bottom:14px}.load-status{bottom:8px;font-size:7px}}
@media(max-height:600px){.menu{overflow:auto}.hero-copy{position:relative;top:22px;padding-bottom:50px}.bottom-meta{display:none}.lobby,.results{top:95px;max-height:calc(100% - 115px);overflow:auto}.masthead{height:70px}.menu{top:70px}.race{top:88px;bottom:15px}.race-bottom{flex-direction:row}.telemetry{width:240px}.race-top .race-numbers{margin-top:0}.race-top{display:flex}.input-buttons button{height:58px}.race-numbers strong{font-size:27px}.race-bottom .speed strong{font-size:40px}.hero-tag{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.hero-tag{top:35px;bottom:auto;right:4.4vw}.tag-number{display:none}.hero-tag strong{font-size:30px}.hero-tag p{font-size:10px}body[data-screen="race"] .scrim{background:linear-gradient(0deg,rgba(12,24,21,.9),transparent 34%),linear-gradient(180deg,rgba(12,24,21,.8),rgba(12,24,21,.34) 25%,transparent 44%)}
@media(max-width:800px){.hero-tag{display:none}}
/* Twelve-event festival: compact event grid with a persistent selected-event briefing. */
.hero-copy{width:min(530px,43vw);top:3.5vh;bottom:65px;display:flex;flex-direction:column}.hero-copy h1{font-size:clamp(53px,5.5vw,82px);flex-shrink:0}.hero-copy .eyebrow{margin-bottom:15px;flex-shrink:0}.hero-copy .intro{font-size:12px;margin-bottom:18px;flex-shrink:0}.event-list{display:grid;grid-template-columns:1fr 1fr;gap:1px 10px;overflow:auto;min-height:130px;max-height:368px;flex:1;margin-bottom:10px;scrollbar-width:thin;scrollbar-color:#def46855 transparent;pointer-events:auto}.event-card{min-height:53px;padding:10px 8px 10px 0;gap:10px}.event-card.selected{padding-left:8px}.event-card strong{font-size:12px;letter-spacing:.3px}.event-card small{font:7px monospace;letter-spacing:1.1px;color:#a6b19d;text-transform:uppercase}.event-number{font-size:9px}.event-arrow{font-size:16px}.selection-detail{min-height:63px;flex-shrink:0;padding:9px 0 12px}.selection-detail strong{font:10px monospace;color:var(--lime);letter-spacing:1px;text-transform:uppercase}.selection-detail p{font-size:11px;line-height:1.5;color:#c2caba;margin:6px 0 0;max-width:480px}.menu-actions,.control-summary{flex-shrink:0}.control-summary{white-space:normal;line-height:1.5;font-size:9px;min-height:27px;margin:10px 0 0}.hero-tag{top:25px}.hero-tag strong{font-size:28px}#race-instructions{font-size:11px;max-width:430px;line-height:1.6;color:#dee5d3;margin:12px 0 0;text-shadow:0 1px 4px #0008}.event-label>strong{font-size:21px}.skill-meter{margin-top:12px}.skill-meter>div:first-child{display:flex;justify-content:space-between;font:9px monospace;margin-bottom:7px}.skill-meter small{font-size:9px;letter-spacing:1px;color:#c9d7bf}.skill-meter strong{font-weight:500;color:var(--lime)}.skill-track{position:relative;height:9px;background:#ffffff28}.skill-track i{display:block;background:var(--lime);height:100%;width:0}.skill-track b{position:absolute;top:-3px;height:15px;width:10%;margin-left:-5%;border:1px solid #fff;background:#ffffff38}.skill-meter p{font:8px/1.6 monospace;letter-spacing:.4px;min-height:13px;margin:8px 0 0;color:#d8e1ca}.input-buttons{gap:7px}.input-buttons button{min-width:82px;max-width:135px;padding:8px;flex:1}.input-buttons .action-button{min-width:102px;max-width:160px}.input-buttons span{font-size:7px;letter-spacing:.4px;max-width:100px;line-height:1.4}.input-panel{max-width:590px}#action-hint{max-width:580px;line-height:1.6;letter-spacing:.3px}.telemetry{width:320px;flex-shrink:0}.distance-row{gap:12px;line-height:1.5}.distance-row span{max-width:170px;text-align:right;font-size:8px}.speed strong{font-size:56px}.race-bottom{gap:24px}.race-numbers{gap:20px}.lobby{max-height:calc(100vh - 180px);overflow:auto;padding-right:6px}.lobby #lobby-instructions{font-size:11px;border-left:2px solid var(--lime);padding-left:12px}.results .muted{font-size:12px}
@media(max-height:780px) and (min-width:801px){.hero-copy{top:18px;bottom:37px}.hero-copy h1{font-size:53px;margin-bottom:12px}.hero-copy .eyebrow{margin-bottom:10px}.hero-copy .intro{margin-bottom:11px}.event-card{min-height:44px;padding-top:7px;padding-bottom:7px}.event-list{max-height:288px}.selection-detail{min-height:55px;padding-top:5px;padding-bottom:8px}.selection-detail p{font-size:10px}.hero-copy .primary,.hero-copy .secondary{height:43px}.control-summary{font-size:8px;margin-top:6px;min-height:22px}#race-instructions{font-size:10px;max-width:340px}.event-label>strong{font-size:18px}}
@media(max-width:1000px){.telemetry{width:245px}.input-buttons button{min-width:62px}.input-buttons .action-button{min-width:80px}.input-panel{max-width:480px}.event-label>strong{font-size:19px}#race-instructions{max-width:330px}.hero-copy{width:43vw}.event-card strong{font-size:11px}.event-card{gap:7px}.event-arrow{display:none}}
@media(max-width:800px){.hero-copy{left:22px;top:22px;bottom:47px;width:calc(100% - 44px);max-width:390px}.hero-copy h1{font-size:57px}.event-list{max-height:360px}.event-card{min-height:47px}.selection-detail{min-height:64px}.race-bottom{gap:16px}.telemetry{width:220px}.input-buttons button{min-width:53px;height:65px;padding:6px}.input-buttons .action-button{min-width:72px;margin-left:0}.input-buttons span{font-size:6px}.input-panel{max-width:400px}#race-instructions{font-size:10px;max-width:300px}.race-numbers{gap:13px}.race-numbers strong{font-size:27px}.hero-tag{display:none}}
@media(max-width:550px){.hero-copy h1{font-size:49px;margin-bottom:13px}.hero-copy .intro{font-size:10px;margin-bottom:13px}.hero-copy .eyebrow{margin-bottom:11px}.event-card{min-height:44px}.event-list{max-height:none;min-height:180px}.event-card strong{font-size:10px}.selection-detail p{font-size:10px}.control-summary{font-size:8px}.selection-detail{min-height:58px}.race-bottom{flex-direction:column;gap:13px}.telemetry{width:100%;max-width:100%}.input-panel{max-width:none}.input-buttons button{min-width:48px;max-width:none;height:61px}.input-buttons .action-button{min-width:65px;max-width:none}.input-buttons{gap:5px}.speed strong{font-size:38px}.skill-meter{clear:both;padding-top:4px;margin-top:5px}.skill-meter p{font-size:7px;margin-bottom:0}.rhythm{padding-top:8px}.event-label>strong{font-size:17px}#race-instructions{font-size:9px;max-width:310px;line-height:1.5;margin-top:8px}.race-numbers{margin-top:12px}.distance-row span{max-width:155px;font-size:7px}.race{inset:103px 20px 17px}.input-panel>p{font-size:7px}.lobby{max-height:calc(100dvh - 140px)}}
@media(max-height:600px){.hero-copy{position:relative;height:auto;bottom:auto;padding-bottom:40px}.event-list{flex:none;max-height:230px;min-height:150px}.hero-copy h1{font-size:45px}.race-bottom{flex-direction:row}.telemetry{width:230px}.race-top{display:flex}.race-numbers{margin-top:0}.race-instructions{max-width:260px}.skill-meter p{display:none}}