:root{--navy:#06182e;--cyan:#5bd9ff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#031427;color:#edf9ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,select,input{font:inherit}button{cursor:pointer}.app{width:100%;max-width:740px;margin:auto;height:100dvh;display:flex;flex-direction:column;gap:7px;background:linear-gradient(145deg,#06263f,#031427);padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom)}.top{flex:none;height:42px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:16px;font-weight:900;letter-spacing:1px}.brand em{color:#52cfff;font-style:normal}.sub{font-size:9px;letter-spacing:1.8px;color:#9dcce5}.tag{font-size:10px;color:#ffd2da;background:#632538;border-radius:18px;padding:5px 8px}.heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.heading strong{font-size:13px}.switch{background:#0a304f;border:1px solid #3682ae;border-radius:11px;color:white;padding:9px;font-size:11px}.pool{flex:0 0 39%;min-height:185px;max-height:400px;position:relative;border:1px solid #3b9cd5;border-radius:17px;overflow:hidden;background-image:linear-gradient(180deg,rgba(0,11,27,.40),rgba(0,16,38,.02) 40%,rgba(0,13,28,.46) 72%,rgba(0,13,28,.8)),url("/static/assets/3009384baad617893889e6de.jpg");background-size:cover;background-position:center;box-shadow:inset 0 0 30px #053859,0 0 18px #07527d55}.poolTop{position:absolute;top:11px;left:10px;right:10px;display:flex;gap:6px;flex-wrap:wrap}.pill{padding:8px 9px;border-radius:9px;background:#072743e8;border:1px solid #5cb7da8f;display:flex;align-items:center;gap:6px;font-size:11px;backdrop-filter:blur(8px)}.pill select{max-width:120px;background:transparent;color:white;border:none;font-weight:800;outline:none;font-size:12px}.pill select option{color:#08192b}.live{color:#ffcfda;font-weight:800;background:#8f1739df}.glowing{position:absolute;left:12px;right:12px;bottom:14px;min-height:70px;background:linear-gradient(100deg,#0877c9,#0669b5 72%,#00538e);border:2px solid #6ae6ff;border-radius:13px;padding:9px 11px;display:flex;align-items:center;gap:9px;box-shadow:0 0 20px #00baffba,0 0 15px #6ceaff77 inset;animation:breath 2.7s ease-in-out infinite}.glowing.pop{animation:pop .75s ease-out,breath 2.7s 0.75s ease-in-out infinite}@keyframes breath{50%{box-shadow:0 0 27px #00caffee,0 0 23px #9aeaff66 inset}}@keyframes pop{0%{filter:brightness(1)}35%{filter:brightness(1.9)}100%{filter:brightness(1)}}.place{font-size:30px;font-weight:900;min-width:42px}.person{flex:1;min-width:0}.person b{font-size:15px;display:block}.person small{display:block;color:#d0efff;font-size:10px}.timing{text-align:right;white-space:nowrap}.timing b{font-size:22px}.timing small{display:block;color:#c2eeff;font-size:10px}.status{position:absolute;top:50%;left:12px;right:12px;transform:translateY(-55%);text-align:center;pointer-events:none}.status span{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#d5f4ff;text-shadow:0 2px 10px black}.series{flex:none;background:#0b2a47;border:1px solid #255d84;border-radius:13px;padding:7px 9px;display:flex;align-items:center;gap:9px}.series button{background:#12466b;border:1px solid #327cab;color:white;border-radius:9px;height:34px;min-width:35px}.series button:disabled{opacity:.35}.sMiddle{flex:1;min-width:0}.sLine{display:flex;justify-content:space-between;align-items:center;gap:5px}.sLine strong{font-size:13px}.sLine span{font-size:10px;color:#acd1e5}input[type=range]{width:100%;accent-color:#48d6ff;height:11px;display:block;margin:3px 0 0}.tabs{flex:none;display:flex;gap:5px}.tabs button{flex:1;min-width:0;border-radius:10px;border:1px solid #29658b;padding:10px 3px;background:#0b304d;color:#bddbef;font-weight:750;font-size:11px;white-space:nowrap}.tabs .active{background:linear-gradient(#0bbbf5,#076ed3);color:white;border-color:#4de2ff;box-shadow:0 0 12px #0db2fc77}.pane{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid #245779;background:#082740;border-radius:13px;scrollbar-width:thin;scrollbar-color:#248bc4 transparent}.paneTitle{position:sticky;top:0;z-index:3;padding:10px;background:#0c304d;font-weight:800;font-size:12px;color:#b9e7fa}.resultrow{position:relative;display:flex;align-items:center;min-height:54px;padding:7px 9px;gap:10px;border-bottom:1px solid #245477;background:#092942;transition:background .3s}.rank{background:#195073;border-radius:8px;min-width:32px;height:35px;display:grid;place-items:center;font-size:16px}.resultrow .person b{font-size:13px}.resultrow .person small{color:#9ebfd5}.resultrow .time{font-size:14px;font-weight:850}.resultrow.my{background:linear-gradient(100deg,#0582d4,#075b96);border:2px solid #7deaff;border-radius:10px;box-shadow:0 0 13px #21bdff, inset 0 0 9px #54e4ff99;z-index:2}.resultrow.my .rank{background:#8ceeff;color:#063050;font-weight:900}.resultrow.flashing{animation:flash .7s ease-out}@keyframes flash{50%{filter:brightness(1.8)}}.empty,.desc{font-size:12px;color:#bad6e7;padding:12px}.hist{padding:12px}.hist svg{width:100%;height:auto;max-height:210px}.metric{display:flex;align-items:center;justify-content:space-between;padding:11px;border-bottom:1px solid #285777;font-size:12px}.metric b{font-size:15px}.analysisTabs{display:flex;gap:6px;padding:10px}.analysisTabs button{flex:1;padding:8px;background:#163c59;border:1px solid #31698d;color:white;border-radius:8px;font-size:11px}.analysisTabs .selected{background:#087fc7;border-color:#69d9ff}.analysisIntro{padding:2px 11px 9px;color:#b2d1e4;font-size:11px}.analysisRow{display:grid;grid-template-columns:32px 1fr 66px;gap:9px;align-items:center;padding:7px 12px;border-top:1px solid #225274;font-size:12px}.barTrack{height:8px;border-radius:10px;background:#204a6a;overflow:hidden}.barFill{height:100%;border-radius:10px;background:linear-gradient(90deg,#0b83e0,#83e5ff)}.aFoot{padding:10px;background:#114768;color:#e2f6ff;font-size:12px}.bottom{flex:none;height:38px;border-top:1px solid #245477;display:flex;justify-content:space-around;align-items:center;color:#c3d9ea;font-size:11px}.bottom .chosen{color:#6ee3ff;font-weight:900}.foot{flex:none;font-size:9px;color:#89adc3;text-align:center;padding-bottom:2px}@media(max-height:735px){.top{height:32px}.pool{flex-basis:35%;min-height:155px}.glowing{bottom:9px;min-height:58px;padding:6px 9px}.place{font-size:26px}.person b{font-size:13px}.timing b{font-size:19px}.resultrow{min-height:44px;padding:5px}.bottom{height:32px}.series{padding:4px}.tabs button{padding:7px 2px}}


.gate{position:relative;max-width:740px;margin:0 auto;height:100dvh;overflow:auto;background:linear-gradient(180deg,#05182c,#08243c 52%,#06182e);color:#fff;padding:16px 16px 30px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.gateHead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 2px 17px}.gateLogo{font-size:20px;letter-spacing:.8px}.gateLogo em,.gateText em{color:#64d6ff;font-style:normal}.gateHead small{color:#93b8d3;font-size:9px;letter-spacing:1px}.gateHero{min-height:235px;background:linear-gradient(0deg,#06172bc9,#06172b22),url('/static/assets/3009384baad617893889e6de.jpg') center 44%/cover;border:1px solid #3c89b0;border-radius:22px;display:flex;align-items:flex-end;padding:20px;box-shadow:0 10px 36px #0007}.gateText span{font-size:10px;color:#95e2ff;letter-spacing:2px;font-weight:700}.gateText h1{font-size:26px;line-height:1.15;margin:8px 0}.gateText p{font-size:12px;color:#cde2ef;line-height:1.5;margin:6px 0}.gateContent{padding:16px 0}.gateTitle{font-size:20px;font-weight:800;margin:8px 0 6px}.gateSubtitle{font-size:12px;color:#a9c9dc;margin-bottom:14px}.gateOption{width:100%;display:flex;align-items:center;gap:14px;text-align:left;color:#fff;background:#0f3552;border:1px solid #316c90;padding:17px 13px;margin:9px 0;border-radius:15px;cursor:pointer}.gateOption.primary{background:linear-gradient(115deg,#0763aa,#0296de);border-color:#56d2ff;box-shadow:0 0 20px #009cff33}.gateOption .gi{font-size:26px;width:34px;text-align:center}.gateOption strong{font-size:14px;display:block}.gateOption small{display:block;color:#bbd6e6;margin-top:3px;font-size:11px}.gateOption b.arr{margin-left:auto;color:#c9edff;font-size:19px}.gateOption:disabled{opacity:.8;cursor:not-allowed}.tagSoon{font-size:10px;color:#a8daee;margin-left:auto;white-space:nowrap}.gateBack{color:#bbd9ea;background:#123d5b;border:1px solid #3c7194;border-radius:10px;padding:10px 13px;margin:4px 0 10px}.gateSearch{width:100%;border-radius:12px;background:#f3f9ff;border:0;color:#10334f;padding:14px 12px;font-size:15px;margin:5px 0 12px}.years{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.years button{border-radius:12px;background:#123f5e;border:1px solid #3e7596;color:white;padding:18px 4px;font-weight:750}.gateNote{color:#9ebcd2;font-size:10px;text-align:center;margin-top:5px}.gateFooter{display:flex;align-items:center;gap:9px;color:#91d5ff;font-size:12px;margin-top:12px;padding:9px 4px}.gateOption:focus-visible,.gateBack:focus-visible,.years button:focus-visible{outline:3px solid #87f1ff}footer.bottom button{flex:1;background:none;border:0;color:#a8cadd;font-size:12px;font-weight:650}footer.bottom button.chosen{color:#65dfff}footer.bottom{gap:0} 

/* Layout retained from approved LIVE ARENA V10. Data binding only. */
select{cursor:pointer}.sLine .tiny{font-size:9px}.gateMode{display:flex;gap:8px;padding:10px 0}.gateMode button{flex:1;border:1px solid #31789c;background:#0b304d;color:#bde8fa;border-radius:12px;padding:10px}.gateMode .active{background:#087bc0;color:white}.gateOption strong{overflow-wrap:anywhere}.gateOption[disabled]{opacity:.6;cursor:not-allowed}.gateNote{line-height:1.5}.gateText p{max-width:400px}.switch{max-width:140px}.heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill select{max-width:170px}.pill.category{flex:1;min-width:110px}.pill.category select{width:100%;max-width:155px}.glowing .person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chartText{fill:#bbdcea;font:11px system-ui}.good{color:#80edb2}.bad{color:#ff9ca6}.neutral{color:#b5daec}.analysisIntro a,.metric a{color:#6ddcfe}.metric{gap:12px}.metric b{text-align:right}.stateNotice{padding:10px;color:#b7e3fa;background:#10354e;border-bottom:1px solid #29607c;font-size:11px}.glowing.waiting{box-shadow:none;animation:none}.bottom button{border:0;background:none;color:inherit;font:inherit;min-height:34px;cursor:pointer}.bottom button.chosen{color:#6ee3ff}.series #play{min-width:32px;font-size:13px}.importState{font-size:10px;line-height:1.4}.resultrow{will-change:transform}.resultrow .person{overflow:hidden}.resultrow .person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:370px){.gateHero{min-height:175px}.gateText h1{font-size:22px}.pill{padding:6px}.pill select{max-width:140px}.top .brand{font-size:14px}.person b{font-size:13px}.timing b{font-size:19px}.glowing{gap:6px;padding:6px}.place{min-width:32px}.heading strong{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #87f1ff;outline-offset:2px}.localDemoInfo{border:1px solid #31789c;border-radius:12px;background:#0b304d;padding:11px 13px;color:#bde8fa;font-size:12px;margin:10px 0;line-height:1.5}

/* V2: today's start list. The approved LIVE ARENA layout is unchanged. */
.todayBar{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #28769c;background:#082d48;border-radius:12px;padding:12px 14px;color:#bdeaff;font-size:13px;margin:12px 0 8px}
.todayBar b{color:#fff}.todayBar small{font-size:10px;color:#96bfd7}
.scheduleNotice{font-size:11px;line-height:1.55;color:#9dbed2;margin:8px 2px 14px}
.gateOption.startOption{gap:14px;padding:16px 14px;align-items:center;min-height:110px}
.startClock{flex:0 0 74px;text-align:center;border-right:1px solid #b1eaff35;padding-right:13px;color:#79eaff}
.startClock b{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
.gateOption .startClock small{font-size:10px;color:#c1e4f5;margin-top:4px;line-height:1.25}
.startInfo{flex:1;min-width:0}.gateOption .startInfo strong{font-size:17px;line-height:1.35}.gateOption .startInfo small{line-height:1.5}.gateOption .startMeet{color:#9fc7df;font-size:10px}
.startBadge{display:inline-block;color:#b6f7ff;font-size:9px;font-weight:750;letter-spacing:.2px;margin:0 5px 5px 0;white-space:normal}.startBadge.viewed{color:#dbeaf5;font-weight:500}
.scheduleHint{color:#9bbdd3;font-size:11px;line-height:1.55;margin:14px 2px 0}
.noStarts{border:1px solid #346983;background:#0e324c;border-radius:14px;padding:18px 15px;margin:12px 0;color:#c1dfea}.noStarts b{color:#fff;font-size:16px}.noStarts p{font-size:12px;line-height:1.6;margin-bottom:0}
@media(max-width:370px){.gateOption.startOption{gap:10px;padding:14px 10px}.startClock{flex-basis:64px;padding-right:8px}.startClock b{font-size:21px}.gateOption .startInfo strong{font-size:15px}}

/* Only the new compact probability control and its optional dialog. V2 rules retained. */
.pulseChance{display:block;max-width:100%;margin:2px 0 0 auto;border:1px solid #77edff99;border-radius:5px;background:#032b45;color:#d5fbff;font-size:10px;line-height:1.1;padding:4px 5px;min-height:24px;white-space:normal;cursor:pointer}
.pulseChance:focus-visible,#pulseDialog button:focus-visible{outline:2px solid #fff;outline-offset:2px}
#pulseDialog{color:#e7f9ff;background:#061b30;border:1px solid #4cbbde;border-radius:16px;width:min(620px,calc(100vw - 20px));max-height:88dvh;padding:0;box-shadow:0 0 35px #00baff33}
#pulseDialog::backdrop{background:#000b}#pulseDialog header{position:sticky;top:0;background:#09263d;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;z-index:1}
#pulseDialog h2{margin:0;font-size:16px;letter-spacing:1px}#pulseClose{width:44px;height:44px;border:1px solid #4b7899;background:#0b3653;border-radius:9px;color:white;font-size:25px}#pulseBody{padding:14px 18px;line-height:1.55;font-size:13px;overflow-wrap:anywhere}#pulseBody h3{font-size:27px;color:#80eeff;margin:8px 0}#pulseBody h4{font-size:14px;margin:20px 0 8px}.pulseEyebrow{font-size:10px;color:#8dd7ec}.pulseCounts{padding:10px;background:#103550;border-radius:8px}.pulseTable>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #22465d}.pulseTable b{text-align:right}.pulseTable span,.pulseTable b{min-width:0;flex:1}.pulseTrend{display:flex;gap:6px;flex-wrap:wrap}.pulseTrend span{background:#11374d;border-radius:5px;padding:5px;font-size:11px}.pulseAction,.pulseControls button{border:1px solid #49b8db;background:#0e4863;color:white;padding:10px;border-radius:7px;min-height:44px}.pulseAction{width:100%;margin-top:16px}.pulseControls{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.pulseControls button:disabled{opacity:.4}.pulseCheck{display:flex;align-items:center;gap:8px;min-height:44px}#pulseBody summary{cursor:pointer;min-height:44px;padding-top:10px;color:#83e8ff}
@media(max-width:420px){.pulseChance{font-size:9px;padding:4px}.pulseTable>div{font-size:12px}#pulseBody{padding:12px}}
.tag,.pool .live{animation:livePulse 2.2s ease-in-out infinite}
@keyframes livePulse{50%{box-shadow:0 0 12px #ff597b99;background-color:#a92a48}}
#navWatch{font-size:10px;line-height:1.2;padding:2px 4px;white-space:normal}
#watchDialog{color:#e7f9ff;background:#061b30;border:1px solid #4cbbde;border-radius:16px;width:min(540px,calc(100vw - 20px));max-height:85dvh;padding:0}
#watchDialog::backdrop{background:#000b}#watchDialog header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#09263d}#watchTitle{font-size:18px;margin:0}#watchClose{width:44px;height:44px;background:#0b3653;border:1px solid #4b7899;color:white;border-radius:9px;font-size:25px}#watchBody{padding:12px 16px;font-size:13px;line-height:1.5}.watchRow{display:flex;gap:8px;align-items:center;margin:10px 0}.watchOpen{flex:1;min-width:0;text-align:left;background:#0b3653;border:1px solid #4b7899;border-radius:10px;color:white;padding:12px;min-height:44px}.watchOpen b,.watchOpen small{display:block;overflow-wrap:anywhere}.watchOpen small,.watchNote{color:#abd2e6;font-size:11px}.watchRemove{min-height:44px;border:1px solid #4b7899;border-radius:8px;color:#ffd5df;background:#1b3047;padding:8px}.watchNote{display:block;margin-top:14px}

.gate{--welcome-photo:url('/static/assets/69b6b0974cad64ed8b897a6c.png')}
/* Approved welcome direction only; LIVE ARENA styles remain separate. */
.gate.welcome{display:flex;flex-direction:column;padding:clamp(18px,4vw,32px) clamp(20px,5vw,42px) 12px;background-color:#03182a;background-image:linear-gradient(180deg,#0015240a 0%,#00152400 23%,#00152455 40%,#00182ab0 65%,#001525b0 100%),var(--welcome-photo);background-size:cover,auto 76%;background-repeat:no-repeat;background-position:center,70% top;isolation:isolate}
.welcome .gateHead{flex:none;padding:0;min-height:60px;align-items:flex-start}.welcome .gateHead>small{display:none}.welcome .gateLogo{display:flex;gap:14px;align-items:center;font-size:clamp(22px,5vw,32px);letter-spacing:3px}.welcome .gateLogo svg{width:clamp(62px,14vw,94px);height:58px;flex:none}.welcome .gateLogo>span{display:block}.welcome .gateLogo b{font-weight:800}.welcome .gateLogo small{display:block;font-size:.57em;letter-spacing:7px;margin-top:1px;color:#fff}
.welcome .gateHero{flex:1 0 auto;min-height:clamp(210px,35dvh,380px);padding:0 0 20px;background:none;border:0;border-radius:0;box-shadow:none;align-items:flex-end}.welcome .gateText h1{font-size:clamp(36px,7vw,56px);line-height:1.03;margin:0 0 13px;font-weight:800;letter-spacing:-1px;text-shadow:0 2px 20px #00101f}.welcome .gateText h1 span{display:block;font-size:.76em;letter-spacing:.2px;line-height:1.2;color:#fff;margin-top:7px;font-weight:850}.welcome .gateText h2{font-size:clamp(22px,4.7vw,34px);line-height:1.15;margin:0 0 9px;font-weight:800}.welcome .gateText h2 em{font-style:normal;color:#19c9f1}.welcome .gateText p{color:#effaff;font-size:clamp(12px,2.8vw,17px);line-height:1.5;margin:0;max-width:none}
.welcome .gateContent{flex:none;padding:0}.welcome .gateOption{min-height:86px;padding:16px 18px;margin:12px 0;border-radius:24px;background:linear-gradient(125deg,#0c4b6daa,#06233ac9);border:1px solid #b2eaffb0;box-shadow:inset 0 1px 9px #b2eaff33;backdrop-filter:blur(5px);gap:18px}.welcome .gateOption.primary{min-height:99px;background:linear-gradient(115deg,#008cb1d9,#006d95bb);border:2px solid #a5ffff;box-shadow:0 0 15px #00d5ffb0,inset 0 0 18px #27e9ff66}.welcome .gateOption .gi{width:50px;flex:none;border-right:1px solid #caf4ff99;padding-right:13px;box-sizing:content-box;display:flex;align-items:center}.welcome .gi svg{width:48px;height:48px;color:#f3fcff;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.welcome .gateOption strong{font-size:clamp(17px,3.7vw,27px);line-height:1.2;letter-spacing:.1px}.welcome .gateOption.primary strong{font-size:clamp(25px,5vw,35px)}.welcome .gateOption small{font-size:clamp(12px,2.7vw,17px);color:#f2fcff;margin-top:5px}.welcome .gateOption:not(.primary) small{display:inline-block;background:#4b90b77a;border-radius:9px;padding:3px 10px;font-size:12px}.welcome .gateOption small .welcomeLive{display:inline;font-size:inherit;color:#ff304f;font-weight:900;text-shadow:0 0 8px #ff304f44}.welcome .gateOption .arr{font-size:35px;font-weight:400}.welcomeMotto{font-size:clamp(13px,2.7vw,18px);font-style:italic;text-align:center;margin:24px 0 10px;color:#effaff}.welcomeMotto:after{content:'';display:block;width:110px;height:2px;background:#15d4fc;margin:12px auto 0;transform:rotate(-4deg)}.welcome .gateNote{font-size:9px;color:#8eb4cd;margin-top:4px}
@media(min-width:700px){.welcome .gateHero{min-height:340px}.welcome .gateOption{min-height:96px}.welcome .gateOption.primary{min-height:112px}}
@media(max-width:370px){.welcome .gateLogo{font-size:22px;gap:10px}.welcome .gateLogo svg{width:58px}.welcome .gateOption{gap:12px;padding:13px 12px;border-radius:19px;min-height:78px}.welcome .gateOption .gi{width:38px;padding-right:10px}.welcome .gi svg{width:36px;height:40px}.welcome .gateText h1{font-size:34px}.welcome .gateText h2{font-size:23px}.welcome .gateOption strong{font-size:16px}.welcome .gateOption.primary strong{font-size:26px}.welcome .gateOption.primary{min-height:91px}}
@media(max-height:760px){.welcome .gateHero{min-height:195px;padding-bottom:12px}.welcome .gateOption{min-height:75px;padding-top:12px;padding-bottom:12px;margin:10px 0}.welcome .gateOption.primary{min-height:86px}.welcomeMotto{margin-top:17px}}

/* Geometry measured in the approved 1024x1536 design. Native HTML controls. */
.gate.welcome{--u:min(.09765625vw,.72265625px);position:relative;display:block;height:calc(var(--u)*1536);min-height:0;padding:0;overflow:visible;background:#001324 var(--welcome-photo) center top/100% 100% no-repeat;font-family:Arial,Helvetica,sans-serif;color:#f7fbff}
.welcome .gateHead{position:absolute;left:calc(var(--u)*64);top:calc(var(--u)*57);padding:0;min-height:0;display:block}.welcome .gateLogo{gap:calc(var(--u)*20);font:calc(var(--u)*48)/1.05 Arial,sans-serif;letter-spacing:calc(var(--u)*4)}.welcome .gateLogo svg{width:calc(var(--u)*155);height:calc(var(--u)*90)}.welcome .gateLogo b{font-weight:700}.welcome .gateLogo small{font:calc(var(--u)*33)/1 Arial,sans-serif;letter-spacing:calc(var(--u)*11);margin-top:calc(var(--u)*9)}
.welcome .gateHero{position:absolute;left:calc(var(--u)*73);top:calc(var(--u)*401);right:calc(var(--u)*35);height:calc(var(--u)*310);min-height:0;max-height:none;padding:0;margin:0;display:block}.welcome .gateText h1{font:700 calc(var(--u)*96)/1.08 Arial,Helvetica,sans-serif;letter-spacing:calc(var(--u)*-.5);margin:0 0 calc(var(--u)*20);text-shadow:0 2px 12px #00102055}.welcome .gateText h1 span{font:700 calc(var(--u)*80)/1.14 Arial,Helvetica,sans-serif;letter-spacing:calc(var(--u)*.5);white-space:nowrap;margin-top:calc(var(--u)*2)}.welcome .gateText h2{font:700 calc(var(--u)*53)/1.12 Arial,Helvetica,sans-serif;letter-spacing:0;margin:calc(var(--u)*17) 0 calc(var(--u)*12)}.welcome .gateText h2 em{color:#13c8ed}.welcome .gateText p{font:400 calc(var(--u)*34)/1.2 Arial,Helvetica,sans-serif;margin:0;white-space:nowrap;color:#f5f9fc}
.welcome .gateContent{position:absolute;top:calc(var(--u)*792);left:calc(var(--u)*61);right:calc(var(--u)*61);padding:0;margin:0}.welcome .gateOption{position:relative;gap:calc(var(--u)*38);height:calc(var(--u)*175);min-height:0;margin:0 0 calc(var(--u)*25);padding:calc(var(--u)*22) calc(var(--u)*45);border:calc(var(--u)*1.6) solid #b3dcee;border-radius:calc(var(--u)*57);background:linear-gradient(115deg,#0a405ed4,#00213ac4 75%,#0a3651cc);box-shadow:inset 0 2px 10px #acdfff66,inset -3px -3px 12px #b9e9ff33;backdrop-filter:none}.welcome .gateOption.primary{height:calc(var(--u)*184);min-height:0;margin-bottom:calc(var(--u)*26);border:calc(var(--u)*2.5) solid #b4ffff;background:linear-gradient(110deg,#00638ce6,#007db5c9 72%,#008eacc4);box-shadow:0 0 calc(var(--u)*13) #00e7ff,0 0 calc(var(--u)*24) #00c9ff66,inset 0 0 calc(var(--u)*24) #25e7ffb0}.welcome .gateOption .gi{width:calc(var(--u)*129);height:calc(var(--u)*95);padding-right:calc(var(--u)*40);border-right:calc(var(--u)*2) solid #d0f3ffbb;justify-content:center}.welcome .gi svg{width:calc(var(--u)*116);height:calc(var(--u)*93)}.welcome .gateOption>span:nth-child(2){min-width:0;flex:1}.welcome .gateOption strong{font:700 calc(var(--u)*46)/1.13 Arial,Helvetica,sans-serif;letter-spacing:calc(var(--u)*-.3);white-space:nowrap}.welcome .gateOption.primary strong{font-size:calc(var(--u)*56)}.welcome .gateOption small{font:400 calc(var(--u)*34)/1.1 Arial,Helvetica,sans-serif;white-space:nowrap;margin-top:calc(var(--u)*9)}.welcome .gateOption:not(.primary) small{font-size:calc(var(--u)*29);line-height:1.25;padding:calc(var(--u)*5) calc(var(--u)*20);margin-top:calc(var(--u)*8);background:linear-gradient(100deg,#427da0bb,#3a6c89d9);border-radius:calc(var(--u)*18)}.welcome .gateOption small .welcomeLive{font-size:inherit;font-weight:800;color:#ff304f;text-shadow:none;letter-spacing:0}.welcome .gateOption .arr{position:absolute;right:calc(var(--u)*44);top:50%;transform:translateY(-54%);font:400 calc(var(--u)*80)/1 Arial,sans-serif;margin:0}.welcomeMotto{font:italic 400 calc(var(--u)*34)/1.2 Arial,Helvetica,sans-serif;white-space:nowrap;margin:calc(var(--u)*39) 0 0;letter-spacing:0}.welcomeMotto:after{width:calc(var(--u)*285);height:calc(var(--u)*3);margin:calc(var(--u)*20) auto 0;background:#00d7ef}.welcome .gateNote{position:absolute;left:0;right:0;top:calc(var(--u)*1510);margin:0;padding:0;font:max(8px,calc(var(--u)*12))/1.1 Arial,sans-serif}
.gate.welcome{height:100dvh;overflow-x:hidden;overflow-y:auto;background-size:100% calc(var(--u)*1536)}
.gate{--approved-art:url('/static/assets/27f70fb8fb5547856692814d.png');background-image:var(--welcome-photo),var(--welcome-photo);background-size:100% calc(var(--u)*1536),100% max(100dvh,calc(var(--u)*1536));background-position:center top,center bottom;background-repeat:no-repeat,no-repeat}
.welcome .gateLogo .welcomeBrandOriginal{display:block;width:calc(var(--u)*460);height:calc(var(--u)*94);background-image:var(--approved-art);background-size:calc(var(--u)*1024) calc(var(--u)*1536);background-position:calc(var(--u)*-64) calc(var(--u)*-57);background-repeat:no-repeat}
.welcomeClubOriginal{display:block;flex:none;width:calc(var(--u)*116);height:calc(var(--u)*110);background-image:var(--approved-art);background-size:calc(var(--u)*1024) calc(var(--u)*1536);background-position:calc(var(--u)*-111) calc(var(--u)*-1238);background-repeat:no-repeat;mix-blend-mode:screen}

/* Exact user-supplied artwork. Semantic, keyboard-accessible click targets retain application routes. */
.welcomeArtwork{display:none}
.gate.welcome{display:block;position:relative;height:100dvh;min-height:0;max-width:740px;padding:0;margin:0 auto;background:none;overflow-x:hidden;overflow-y:auto;isolation:isolate;--u:min(.09765625vw,.72265625px)}
.welcome .welcomeArtwork{display:block;position:relative;width:100%;height:auto;max-width:none;margin:0;padding:0;pointer-events:none;user-select:none}
.welcome .gateHead,.welcome .gateHero,.welcome .gateNote,.welcome .welcomeMotto{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
.welcome .gateContent{position:absolute;top:0;left:0;right:0;height:calc(var(--u)*1536);padding:0;margin:0;pointer-events:none}
.welcome .gateContent .gateOption{position:absolute;left:calc(var(--u)*61);right:auto;top:calc(var(--u)*792);width:calc(var(--u)*902);height:calc(var(--u)*184);min-height:0;padding:0;margin:0;background:transparent;border:0;border-radius:calc(var(--u)*57);box-shadow:none;backdrop-filter:none;transform:none;pointer-events:auto;cursor:pointer;color:transparent}
.welcome .gateContent .gateOption:nth-of-type(2){top:calc(var(--u)*1004);height:calc(var(--u)*175)}
.welcome .gateContent .gateOption:nth-of-type(3){top:calc(var(--u)*1204);height:calc(var(--u)*175)}
.welcome .gateOption>*{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.welcome .gateContent .gateOption:focus-visible{outline:3px solid white;outline-offset:-6px;background:#ffffff10}

/* Screen 2: the approved welcome artwork's plate, logo and card palette. */
.gate.clubScreen{--u:min(.09765625vw,.72265625px);position:relative;max-width:740px;height:100dvh;min-height:0;padding:calc(var(--u)*57) calc(var(--u)*61) 24px;overflow-y:auto;background-color:#001324;background-image:var(--welcome-photo),var(--welcome-photo);background-size:100% calc(var(--u)*1536),100% max(100dvh,calc(var(--u)*1536));background-position:center top,center bottom;background-repeat:no-repeat;font-family:Arial,Helvetica,sans-serif}
.clubScreen .gateHead{padding:0;height:calc(var(--u)*94);display:block}.clubScreen .gateHead>small{display:none}.clubScreen .gateLogo{font-size:0}.clubScreen .welcomeBrandOriginal{display:block;width:calc(var(--u)*460);height:calc(var(--u)*94);background:var(--approved-art) calc(var(--u)*-64) calc(var(--u)*-57)/calc(var(--u)*1024) calc(var(--u)*1536) no-repeat}
.clubScreen .gateHero{height:calc(var(--u)*532);min-height:0;max-height:none;display:flex;align-items:flex-end;background:none;border:0;box-shadow:none;border-radius:0;padding:0 0 calc(var(--u)*36)}
.clubScreen .gateText h1{font:700 calc(var(--u)*84)/1.08 Arial,Helvetica,sans-serif;letter-spacing:calc(var(--u)*-.5);margin:0 0 calc(var(--u)*18);color:#f7fbff;text-shadow:0 2px 16px #00102066}.clubScreen .gateText h2{font:700 calc(var(--u)*46)/1.1 Arial,Helvetica,sans-serif;margin:0 0 calc(var(--u)*15);color:white}.clubScreen .gateText .clubLive{color:#ff304f;font-style:normal}.clubScreen .gateText p{max-width:none;font:400 calc(var(--u)*33)/1.35 Arial,Helvetica,sans-serif;margin:0;color:#f1f9ff}
.clubScreen .gateContent{position:relative;padding:0;margin:0}.clubScreen .gateContent>.gateTitle,.clubScreen .gateTitle+.gateSubtitle{display:none}.clubScreen .gateBack{position:absolute;top:calc(var(--u)*-363);left:0;border:1px solid #bbf2ff9c;border-radius:calc(var(--u)*24);background:#00203977;color:#f3fbff;font:400 max(12px,calc(var(--u)*28))/1.1 Arial,sans-serif;padding:calc(var(--u)*16) calc(var(--u)*22);min-height:36px;backdrop-filter:blur(5px);margin:0}
.clubScreen .gateSearch{display:block;width:100%;border:1px solid #a5e4f9c2;background:linear-gradient(110deg,#0c425ebd,#00223ac9);box-shadow:inset 0 1px 9px #b9e7ff33;border-radius:calc(var(--u)*28);color:white;font:400 max(16px,calc(var(--u)*32))/1.2 Arial,Helvetica,sans-serif;padding:calc(var(--u)*25) calc(var(--u)*31);min-height:48px;margin:0 0 calc(var(--u)*30)}.clubScreen .gateSearch::placeholder{color:#d4edf7;opacity:1}.clubScreen .gateSearch:focus-visible{outline:2px solid #9cfbff;outline-offset:3px}
.clubScreen .gateOption{min-height:calc(var(--u)*175);display:flex;align-items:center;gap:calc(var(--u)*32);padding:calc(var(--u)*26) calc(var(--u)*32);margin:0 0 calc(var(--u)*26);border:calc(var(--u)*1.6) solid #b3dcee;border-radius:calc(var(--u)*57);background:linear-gradient(115deg,#0a405ed4,#00213ac4 75%,#0a3651cc);box-shadow:inset 0 2px 10px #acdfff66,inset -3px -3px 12px #b9e9ff33;backdrop-filter:none;color:#f7fbff}
.clubScreen .gateOption:first-child{border:calc(var(--u)*2.5) solid #b4ffff;background:linear-gradient(110deg,#00638ce6,#007db5c9 72%,#008eacc4);box-shadow:0 0 calc(var(--u)*13) #00e7ff,0 0 calc(var(--u)*24) #00c9ff66,inset 0 0 calc(var(--u)*24) #25e7ffb0}
.clubScreen .gateOption .gi{display:flex;justify-content:center;align-items:center;width:calc(var(--u)*116);height:calc(var(--u)*104);flex:none;padding-right:calc(var(--u)*25);border-right:1px solid #c8edff99;font-size:0;box-sizing:content-box}.clubScreen .clubCardIcon{display:block;width:calc(var(--u)*116);height:calc(var(--u)*110);background:var(--approved-art) calc(var(--u)*-111) calc(var(--u)*-1238)/calc(var(--u)*1024) calc(var(--u)*1536) no-repeat;mix-blend-mode:screen}
.clubScreen .gateOption>span:nth-child(2){min-width:0;flex:1}.clubScreen .gateOption strong{font:700 calc(var(--u)*41)/1.18 Arial,Helvetica,sans-serif;letter-spacing:0;color:#f7fbff;overflow-wrap:anywhere}.clubScreen .gateOption small{font:400 max(10px,calc(var(--u)*26))/1.3 Arial,sans-serif;color:#e7f6ff;margin-top:calc(var(--u)*9)}.clubScreen .gateOption .arr{font:400 calc(var(--u)*72)/1 Arial,sans-serif;margin-left:auto;color:#f7fbff}.clubScreen .gateNote{font:400 max(10px,calc(var(--u)*20))/1.45 Arial,sans-serif;color:#bad9e9;margin:calc(var(--u)*30) 0 0;text-align:center}.clubScreen .empty{font:400 14px/1.5 Arial,sans-serif;color:#d5efff;background:#00243a99;border:1px solid #7cc7e577;border-radius:16px;padding:16px}

.gate{--club-approved-art:url('/static/assets/a08c4a52bdf0f52fc2eedcbf.png')}
/* Approved pool screen, unchanged artwork with native search/back/club controls. */
.clubApprovedArtwork{display:none}
.gate.clubScreen{padding:0;height:100dvh;background:none;overflow-x:hidden;overflow-y:auto}
.clubScreen .clubApprovedArtwork{display:block;position:relative;width:100%;height:auto;margin:0;pointer-events:none;user-select:none}
.clubScreen>.gateHead,.clubScreen>.gateHero,.clubScreen>.gateNote{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;clip-path:inset(50%)!important;overflow:hidden!important;pointer-events:none}
.clubScreen .gateContent{position:absolute;top:0;left:0;right:0;height:calc(var(--u)*1536);margin:0;padding:0;pointer-events:none}
.clubScreen .gateBack{position:absolute;left:calc(var(--u)*61);top:calc(var(--u)*172);width:calc(var(--u)*184);height:calc(var(--u)*70);min-height:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:transparent;border-radius:calc(var(--u)*40);pointer-events:auto}
.clubScreen .gateSearch{position:absolute;left:calc(var(--u)*215);top:calc(var(--u)*708);width:calc(var(--u)*686);height:calc(var(--u)*60);min-height:0;max-width:none;padding:0 calc(var(--u)*12);margin:0;border:0;border-radius:10px;background:transparent;box-shadow:none;pointer-events:auto;font:400 calc(var(--u)*39)/1.2 Arial,sans-serif;color:white;caret-color:#8bfbff}
.clubScreen .gateSearch::placeholder{color:transparent;opacity:0}.clubScreen .gateSearch:not(:placeholder-shown){background:#063249}
.clubScreen .gateSearch+div{position:absolute;top:calc(var(--u)*808);left:calc(var(--u)*61);width:calc(var(--u)*902);min-height:calc(var(--u)*558);pointer-events:auto}
.clubScreen .gateOption,.clubScreen .gateOption:first-child{position:relative;display:block;width:100%;height:calc(var(--u)*171);min-height:0;margin:0 0 calc(var(--u)*23);padding:0;border:0;border-radius:calc(var(--u)*55);background:transparent;box-shadow:none;backdrop-filter:none;color:transparent;pointer-events:auto}
.clubScreen .gateOption>*{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.clubScreen .gateBack:focus-visible,.clubScreen .gateOption:focus-visible{outline:3px solid white;outline-offset:-5px;background-color:#ffffff10}
.clubScreen.clubFiltering .gateSearch+div{background:linear-gradient(130deg,#00304eeF,#001b2ff5);border-radius:calc(var(--u)*55);min-height:calc(var(--u)*558)}
.clubScreen.clubFiltering .gateOption{background-image:var(--club-approved-art);background-size:calc(var(--u)*1024) calc(var(--u)*1536);background-position:calc(var(--u)*-61) calc(var(--u)*var(--card-y));background-repeat:no-repeat}
.clubScreen.clubFiltering .empty{margin:0;padding:20px;color:white;background:none;border:0}

.screenFill{display:none}.welcome>.screenFill,.clubScreen>.screenFill,.modernGate>.screenFill{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;z-index:0}
.gate.welcome,.gate.clubScreen{max-width:480px}.gate.clubScreen{--u:min(.09765625vw,.46875px)}.welcome .welcomeArtwork,.clubScreen .clubApprovedArtwork{z-index:1}.welcome .gateContent,.clubScreen .gateContent{z-index:2}
.gate.welcome{--hu:min(.1015228426vw,.48730964px)}.welcome .welcomeArtwork{mask-image:linear-gradient(#000 0%,#000 96%,transparent 100%)}.welcome .gateContent{height:calc(var(--hu)*1597)}.welcome .gateContent .gateOption{left:calc(var(--hu)*86);top:calc(var(--hu)*868);width:calc(var(--hu)*813);height:calc(var(--hu)*141);border-radius:calc(var(--hu)*45)}.welcome .gateContent .gateOption:nth-of-type(2){top:calc(var(--hu)*1034);height:calc(var(--hu)*128)}.welcome .gateContent .gateOption:nth-of-type(3){top:calc(var(--hu)*1182);height:calc(var(--hu)*128)}
.gate.modernGate{position:relative;isolation:isolate;max-width:480px;height:100dvh;overflow:auto;padding:18px 20px 24px;background:#00192b;font-family:Arial,Helvetica,sans-serif}.modernGate .welcomeArtwork,.modernGate .clubApprovedArtwork,.modernGate>.gateHead,.modernGate>.gateHero,.modernGate>.gateNote{display:none}.modernGate>.gateContent{position:relative;z-index:1;padding:0}.modernGate>.screenFill{position:fixed;left:50%;transform:translateX(-50%);width:min(480px,100vw);height:100dvh;opacity:.77}.modernTop{display:flex;align-items:center;justify-content:space-between;gap:14px}.modernBrand{width:175px;height:40px;display:block}.modernBack{min-height:40px;border:1px solid #a5e9ff9c;border-radius:24px;background:#06324bcc;color:#fff;padding:7px 13px;font:14px Arial,sans-serif}.modernHeading{margin:25px 0 21px}.modernHeading h1{font-size:clamp(25px,6.6vw,33px);line-height:1.08;margin:0 0 10px;color:white;letter-spacing:-.5px}.modernHeading p{font-size:13px;color:#e3f5ff;line-height:1.4;margin:0;text-shadow:0 1px 5px #000}.modernYears{grid-template-columns:1fr 1fr;gap:14px;padding:10px 0}.modernYears button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:93px;padding:14px 9px;border-radius:24px;border:1px solid #b6ecff;background:linear-gradient(120deg,#12547ad9,#002a48ce);box-shadow:inset 0 1px 8px #b1e9ff55;color:white}.modernYears button:first-child{border:2px solid #b8ffff;box-shadow:0 0 14px #06d7ff99,inset 0 0 14px #10d0ff66}.modernYears button:last-child:nth-child(odd){grid-column:1/-1}.modernYears svg{width:44px;height:46px}.modernYears b{font-size:32px;font-weight:700}.modernFoot{font-size:11px;line-height:1.5;color:#b6d8e9;text-align:center;margin:25px 0 0}.modernFoot:after{content:'';display:block;width:90px;height:2px;background:#15d4fc;margin:15px auto;transform:rotate(-4deg)}
.genderCards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.genderCards button{border-radius:24px;border:1px solid #a2d8ec;background:#06314c;overflow:hidden;padding:0;min-width:0;min-height:44px;opacity:.8}.genderCards svg{display:block;width:100%;height:auto;aspect-ratio:443/500}.genderCards button[aria-pressed=true]{opacity:1;border:2px solid #a8ffff;box-shadow:0 0 14px #03d6ff9c}.modernSearch{width:100%;min-height:47px;padding:12px 16px;border-radius:22px;border:1px solid #99d8ee;background:#052c43e8;color:white;font:16px Arial,sans-serif;margin:0 0 12px}.modernSearch::placeholder{color:#daeff8}.modernAthletes .gateOption{border-radius:23px;border:1px solid #91d7f4;background:linear-gradient(120deg,#07517ed9,#00304bd9);min-height:61px;padding:12px 14px;margin:10px 0;box-shadow:inset 0 1px 7px #98d7f133;gap:12px}.modernAthletes .gateOption:first-child{border-color:#9ffbff;box-shadow:0 0 11px #00cfff88}.modernAthletes .gateOption strong{font:700 18px Arial,sans-serif}.modernAthletes .gateOption small{font-size:11px}.modernAthletes .gi{width:25px;font-size:23px}.modernGate .empty{padding:18px;border-radius:20px;background:#062a43d9;color:#ddf5ff;border:1px solid #659fbe}
.modernDate{display:inline-block;border:1px solid #a7f5ff;padding:8px 14px;background:#005578be;border-radius:22px;box-shadow:0 0 12px #00cbff77;font-size:14px;font-weight:700;margin-bottom:18px}.modernEventCard{border:1px solid #b1f5ff;border-radius:25px;overflow:hidden;box-shadow:0 0 16px #08caff77;margin-bottom:20px}.modernEventCover{height:190px;position:relative;background:#002841}.modernEventCover>svg{width:100%;height:100%;object-fit:cover;display:block}.modernEventCover>div{position:absolute;inset:0;padding:16px;background:linear-gradient(transparent 25%,#001a2be8 100%);display:flex;flex-direction:column;justify-content:flex-end}.modernLive{align-self:flex-start;background:#fa1539;color:white;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:800;margin-bottom:auto}.modernEventCover h2{font-size:24px;margin:15px 0 6px;line-height:1.05;text-transform:uppercase;color:white}.modernEventCover p{margin:0;font-size:13px;color:#eefaff}.modernEventStarts{background:linear-gradient(120deg,#f5fcff,#e0f4ff);padding:16px 12px;color:#051b35}.modernEventStarts h3{font-size:18px;margin:0 0 13px;line-height:1.3}.modernEventStarts .startOption{display:flex;align-items:center;gap:12px;min-height:73px;padding:12px 10px;margin:10px 0 0;border-radius:20px;border:1px solid #abd6ee;background:#eefaff;color:#061c36;box-shadow:none}.modernEventStarts .startOption:first-of-type{border:2px solid #00c4ee;box-shadow:0 0 10px #00c8ef55;background:#e5f9ff}.modernClock{background:#c4edfc;color:#041c38;border-radius:13px;padding:11px 8px;font-size:19px;font-weight:800;flex:none}.modernEventStarts .startOption>span:nth-child(2){flex:1;min-width:0}.modernEventStarts .startOption strong{font-size:16px;color:#051b35}.modernEventStarts .startOption small{display:block;color:#245c7d;font-size:12px;line-height:1.4;margin-top:4px}.modernEventStarts .startOption>b{font-size:30px;color:#051b35}.modernHint{font-size:14px;line-height:1.5;text-align:center;color:white;font-style:italic}.modernGate button:focus-visible,.modernGate input:focus-visible{outline:3px solid white;outline-offset:3px}

.observeChoice{display:flex;align-items:center;gap:12px}.observeChoice>input{width:25px;height:25px;flex-shrink:0;accent-color:#03d7ed}.observeChoice>.gateOption{flex:1;min-width:0}.observeSave{width:100%;min-height:48px;margin:12px 0;border:1px solid #9deeff;border-radius:18px;background:linear-gradient(#087a9d,#054564);color:white;font-weight:700}.observeStatus{font-size:13px;color:#9deaff}#liveWatchPanel{padding:7px 9px;border:1px solid #2f718a;border-radius:12px;background:#06263a;max-height:110px;overflow:auto;flex-shrink:0}#liveWatchPanel>b{font-size:10px;color:#7fe4f5;display:block}#liveWatchPanel button{display:block;width:100%;border:0;background:transparent;color:white;font-size:10px;text-align:left;padding:6px 0;min-height:27px}

.observeAthlete{width:100%}.observeAthlete.observedSelected{border:2px solid #48e68c!important;background:linear-gradient(115deg,#104b40ed,#083746ef)!important;box-shadow:0 0 15px #37e88938,inset 0 0 15px #44e68a15!important}.observeSaveSticky{position:sticky;bottom:12px;z-index:5;box-shadow:0 5px 25px #001526dd}.modernMeets,.approvedLive{touch-action:pan-y}.swipeMessage{position:fixed;bottom:75px;left:5%;width:90%;z-index:3000;border:1px solid #55c8e0;border-radius:12px;padding:12px;background:#073047;color:white;font-size:12px;text-align:center}

.arenaSummary{font-size:12px;color:#acd9e8;line-height:1.5}.arenaPeople{display:flex;gap:7px;overflow-x:auto;padding:8px 0 15px;flex-shrink:0}.arenaPeople button{white-space:nowrap;min-height:40px;padding:8px 12px;border:1px solid #3e819d;border-radius:20px;background:#06334be8;color:#bfe1ed;font-size:11px}.arenaPeople button.active{background:#dffbff;color:#03283b;border-color:#b0f4ff;font-weight:700}.arenaStart .arenaAthlete{font-size:13px;display:block;color:#83e9f8;margin-bottom:5px}.arenaStart strong{font-size:15px}.arenaStart .arenaStatus{color:#83c8ad;font-size:9px}.arenaStart{min-height:100px}.arenaStart>span:nth-child(2){min-width:0;overflow-wrap:anywhere}

.modernYears button.observedYear{border:2px solid #48e68c;background:linear-gradient(120deg,#155745ed,#07372fe8);box-shadow:0 0 17px #30e98644,inset 0 0 12px #41db8422;color:#effff6}

/* Numbered phone flow, compact watched athletes without a scrollbar. */
.modernHeading h1{font-size:27px}.observeSave:disabled{opacity:.45;cursor:default}.arenaPeople{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:5px}.arenaPeople button{white-space:normal;overflow-wrap:anywhere;padding:7px 5px;min-height:42px;font-size:10px}.arenaPeople button:first-child{grid-column:1/-1;min-height:30px}.arenaStart{min-height:65px;padding:7px!important}.arenaStart .arenaAthlete{font-size:11px;margin-bottom:2px}.arenaStart strong{font-size:12px}.arenaStart small{font-size:9px}.modernMeets .modernEventCover{height:110px;min-height:110px}#liveWatchPanel{max-height:none;overflow:visible}#liveWatchPanel button{min-height:30px;font-size:10px;white-space:normal;line-height:1.3}.gate.welcome .viewerGreen{border:2px solid #4ce48a!important;box-shadow:0 0 18px #43e88688,inset 0 0 25px #32cc6b35!important;border-radius:24px}.gate.welcome .viewerGreen:after{content:'1';position:absolute;right:10px;top:8px;color:#b8ffd1;font-size:11px}

.gate.modernGate.yearPicker{background:#03162d;padding:20px 20px 24px}.yearPicker>.screenFill{opacity:.53;filter:saturate(.82) brightness(.63)}.yearPicker .modernTop{margin-bottom:75px}.yearPicker .modernHeading{margin:0 0 15px}.yearEyebrow{font-size:11px;letter-spacing:1px;border-left:3px solid #11d3f6;color:#b7efff;font-weight:700;padding-left:9px;margin-bottom:12px}.yearPicker .modernHeading h1{font-size:32px;font-weight:800;margin-bottom:8px}.yearPicker .modernHeading p{font-size:13px}.yearClub{display:inline-block;border:1px solid #83cce7;border-radius:20px;background:linear-gradient(#13405cdd,#082b47ee);padding:7px 17px;margin-bottom:19px;font-size:13px;font-weight:700;box-shadow:inset 0 1px 8px #a4e8ff33}.yearPanel{border:1px solid #8ed9f0;border-radius:24px;padding:16px 13px 13px;background:linear-gradient(130deg,#0a324be8,#041c35eb);box-shadow:inset 0 0 16px #98dfff22,0 9px 25px #0004}.yearPanel h2{font-size:13px;letter-spacing:.7px;margin:0 0 16px;padding-left:9px;border-left:3px solid #10d9f0}.yearPicker .modernYears{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:0}.yearPicker .modernYears button{position:relative;display:grid;place-items:center;min-height:65px;padding:12px 3px;border:1px solid #88d9f1;border-radius:15px;background:linear-gradient(145deg,#124365bb,#06233ce8);box-shadow:inset 0 1px 10px #75caff22}.yearPicker .modernYears button:last-child:nth-child(odd){grid-column:auto}.yearPicker .modernYears b{font-size:24px;font-weight:750}.yearCheck{display:none;position:absolute;right:4px;top:4px;width:17px;height:17px;line-height:17px;border:1px solid #a1f2b7;border-radius:50%;font-size:12px;color:#d8ffe6;background:#125238}.yearPicker .modernYears button.observedYear{border:1.5px solid #50df8b;background:linear-gradient(145deg,#0a4133dd,#062d2aee);box-shadow:inset 0 0 13px #3de18b22,0 0 10px #35db8422}.observedYear .yearCheck{display:block}.yearSummary{margin-top:16px;border-top:1px solid #6b9eb35c;padding-top:13px}.yearSummary>b{font-size:12px;color:#e6f6ff}.yearSummary>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.yearSummary button{border:1px solid #35bcdf;border-radius:16px;color:#e8fbff;background:#0b3f59;padding:5px 11px;font-size:12px;min-height:30px}.yearContinue{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:53px;margin-top:18px;border:1px solid #adf4ff;border-radius:25px;color:white;background:linear-gradient(#086a94,#063658);box-shadow:0 0 13px #12ceff66,inset 0 1px 10px #75ecff77;font-size:20px;font-weight:750}.yearContinue span{font-size:28px;font-weight:400}.yearContinue:disabled{opacity:.4;box-shadow:none}.yearHint{text-align:center;font-size:11px;line-height:1.5;color:#c0dce8;margin:11px 3px}.yearPicker .modernFoot{font-size:10px;margin-top:23px}.yearPicker button:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-height:740px){.yearPicker .modernTop{margin-bottom:40px}.yearPicker .modernHeading h1{font-size:29px}.yearPicker .modernYears button{min-height:58px}.yearPicker .modernYears b{font-size:22px}}

.meetReminders{margin-top:22px;border-top:1px solid #36627b;padding-top:15px}.meetReminders h3{font-size:18px;margin:5px 0}.meetReminders>p{font-size:12px;color:#9fc4d8;line-height:1.6}.reminderPreference label{display:flex;align-items:center;gap:12px;padding:15px 12px;border:1px solid #528ea9;border-radius:16px;background:#0a3048}.reminderPreference label input{width:23px;height:23px;accent-color:#42d68a;flex-shrink:0}.reminderPreference label b{font-size:13px}.reminderPreference label small{display:block;color:#a8cfe0;font-size:11px;margin-top:6px}.reminderSample{min-height:40px;border:1px solid #39738f;background:#0b3049;color:#bde7f6;border-radius:11px;padding:9px 12px;margin:12px 0;font-size:11px}.reminderMeet{padding:15px;border:1px solid #51b7ce;background:linear-gradient(130deg,#0b3d55,#071f37);border-radius:18px;margin:10px 0}.reminderMeet>small{display:block;font-size:9px;color:#86bbd0;line-height:1.5}.reminderMeet h4{font-size:17px;margin:12px 0}.reminderMeet>b{display:block;font-size:13px;color:#a6f6c9;line-height:1.5}.reminderMeet p{font-size:12px;color:#bddce9}.reminderEmpty,.reminderLimit{display:block;font-size:10px;color:#8cb2c6;line-height:1.6}

/* UX readability pass: consistent typography and touch targets. */
body,button,input,select,.gate.modernGate,.modernBack,.modernAthletes .gateOption strong{font-family:Arial,Helvetica,sans-serif}.modernHeading p,.arenaSummary,.modernHint{font-size:14px;line-height:1.5}.modernFoot,.yearHint,.yearPicker .modernFoot,.clubCaption{font-size:12px;line-height:1.5}.modernBack,.arenaPeople button,.yearSummary button{min-height:44px}.observeStatus{font-size:14px}.modernAthletes .gateOption small{font-size:12px}.modernGate>.screenFill{opacity:.55}.reminderLimit,.reminderEmpty,.reminderMeet>small,.reminderSample,.reminderPreference label small{font-size:12px;line-height:1.6}.reminderSample{min-height:44px}.reminderPreference label b{font-size:15px}.arenaStart .arenaAthlete{font-size:13px}.arenaStart strong{font-size:14px}.arenaStart small,.arenaStart .arenaStatus{font-size:11px;line-height:1.45}

/* Phone cards 1–4: shared type and spacing scale. */
.gate{--card-title:28px;--card-body:14px;--card-small:12px;font-family:Arial,Helvetica,sans-serif}.gate.modernGate{padding:18px 18px 24px}.modernHeading h1,.yearPicker .modernHeading h1{font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.5px}.modernHeading p,.yearPicker .modernHeading p{font-size:14px;line-height:1.5}.modernBack{font:12px Arial,Helvetica,sans-serif;min-height:44px}.modernBrand{width:145px;height:36px}.modernTop,.yearPicker .modernTop{margin-bottom:30px}.modernHeading{margin:0 0 16px}.yearEyebrow{font-size:10px}.yearClub{font-size:13px}.yearPanel h2{font-size:13px}.yearPicker .modernYears button{min-height:64px;gap:3px;padding:9px 3px}.yearPicker .modernYears b{font-size:23px}.yearCount{font-size:10px;line-height:1.3;color:#b8d7e6;font-weight:400}.yearContinue,.observeSave{font:700 16px Arial,Helvetica,sans-serif;min-height:48px}.modernAthletes .gateOption strong{font:700 16px Arial,Helvetica,sans-serif}.modernAthletes .gateOption small{font-size:12px}.modernAthletes .gateOption{min-height:64px}.genderCards{gap:10px}.genderCards button{min-height:44px;border-radius:18px}.genderCards svg{max-height:155px;object-fit:cover}.modernSearch{font-size:16px;min-height:48px}.modernFoot,.yearHint{font-size:12px;line-height:1.5}.yearPicker .modernFoot{font-size:12px}.gate.modernGate.yearPicker{padding:18px 18px 24px}@media(max-width:360px){.gate.modernGate,.gate.modernGate.yearPicker{padding-left:14px;padding-right:14px}.modernHeading h1,.yearPicker .modernHeading h1{font-size:26px}.yearPicker .modernYears{gap:8px}.yearPicker .modernYears b{font-size:21px}}@media(max-height:740px){.modernTop,.yearPicker .modernTop{margin-bottom:22px}}

.gate.modernGate,.gate.modernGate.yearPicker{padding-left:8.7%;padding-right:8.7%;--choice-height:56px;--choice-radius:14px}.modernAthletes .gateOption{height:auto;min-height:var(--choice-height);padding:8px 11px;border-radius:var(--choice-radius);margin:10px 0;border-width:1px}.modernAthletes .gateOption strong{font-size:14px;line-height:1.2}.modernAthletes .gateOption small{font-size:11px;line-height:1.2}.observeAthlete.observedSelected{border-width:1px!important}.yearPicker .modernYears button{min-height:56px;border-radius:14px}.yearContinue,.observeSave,.modernSearch{min-height:48px;border-radius:14px;font-size:14px}.modernBrand{width:130px}.yearPanel{border-radius:18px}.modernHeading h1,.yearPicker .modernHeading h1{font-size:27px}@media(max-width:360px){.gate.modernGate,.gate.modernGate.yearPicker{padding-left:8.7%;padding-right:8.7%}}

/* Back is in normal document flow, below the card actions. */
.sectionBack{display:flex;justify-content:flex-start;margin:14px 0 0}.sectionBack button{position:static;min-height:44px;min-width:88px;padding:8px 14px;font:12px Arial,Helvetica,sans-serif}

.gate.modernGate,.approvedLive{touch-action:pan-y pinch-zoom}

/* Athlete selection stays within the visible phone viewport, including the keyboard. */
.gate.modernGate.athletePicker{height:min(100dvh,var(--athlete-viewport,100dvh));min-height:0;overflow:hidden;padding-top:14px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-sizing:border-box}
.athletePicker>.gateContent{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.athletePicker .modernTop{flex:none;margin:0;height:36px}
.athletePicker .modernHeading{flex:none;margin:0}
.athletePicker .modernHeading h1{font-size:26px;line-height:1.15;margin:0 0 6px}
.athletePicker .modernHeading p{font-size:12px;line-height:16px;max-height:32px;overflow:hidden}
.athletePicker .athleteSearch{flex:none;box-sizing:border-box;height:48px;min-height:48px;margin:0;font-size:16px}
.athletePicker .athletePinned{flex:none;margin:0}
.athletePicker .athleteSearchResults{display:flex;flex-direction:column;flex:1;min-height:0;gap:6px;overflow:hidden}
.athletePicker .athleteSearchStatus{flex:none;height:32px;line-height:16px;font-size:12px;margin:0;color:#bad9ed}
.athletePicker .athleteSearchList{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:hidden}
.athletePicker .observeAthlete{flex:none;width:100%;height:56px;min-height:56px;max-height:56px;box-sizing:border-box;margin:0;padding:8px 10px;gap:8px;text-align:left}
.athletePicker .observeAthlete>span:nth-child(2){flex:1;min-width:0}
.athletePicker .observeAthlete strong,.athletePicker .observeAthlete small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.athletePicker .observeAthlete strong{font:700 14px/18px Arial,Helvetica,sans-serif}
.athletePicker .observeAthlete small{font-size:11px;line-height:16px;margin:1px 0 0}
.athletePicker .observeAthlete .gi{width:22px;flex:none;font-size:21px}
.athletePicker .observedSelected .arr{display:none}
.athletePicker .athleteActions{display:flex;gap:8px;flex:none;margin:0;align-items:stretch}
.athletePicker .athleteActions .modernBack{flex:none;min-width:74px;padding:8px 10px;min-height:48px;border-radius:14px}
.athletePicker .athleteActions .observeSave{flex:1;min-width:0;position:static;margin:0;min-height:48px;padding:8px;font:700 14px/18px Arial,Helvetica,sans-serif;box-shadow:inset 0 1px 8px #75ecff44}
.athletePicker .athleteActions .observeSave:disabled{opacity:.45;box-shadow:none}
.athletePicker .athleteDataNote{flex:none;text-align:center;font-size:11px;line-height:16px;color:#a3c4d8}
.athletePicker.compactAthlete{padding-top:8px;padding-bottom:8px}
.athletePicker.compactAthlete>.gateContent{gap:6px}
.athletePicker.compactAthlete .modernTop,.athletePicker.compactAthlete .modernHeading p,.athletePicker.compactAthlete .athleteDataNote{display:none}
.athletePicker.compactAthlete .modernHeading h1{font-size:21px;line-height:24px;margin:0}
.athletePicker.compactAthlete .athleteSearch{height:44px;min-height:44px;padding-top:8px;padding-bottom:8px}
.athletePicker.compactAthlete .athleteActions button{min-height:44px}
.athletePicker.compactAthlete .athletePinned .observeAthlete{height:44px;min-height:44px;max-height:44px;padding-top:4px;padding-bottom:4px}

/* Restore the earlier 155 px portrait cards; shrink only in a very short viewport. */
.athletePicker .athleteGenderCards{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.athletePicker .athleteGenderCards button{height:155px;min-height:44px;padding:0;overflow:hidden;min-width:0;border-radius:14px;border:0;background:transparent;opacity:.72;box-shadow:none}
.athletePicker .athleteGenderCards svg{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;pointer-events:none}
.athletePicker .athleteGenderCards .genderLabel{display:none}
.athletePicker .athleteGenderCards .genderOutline{stroke:#50df8b;stroke-width:7;opacity:0;filter:drop-shadow(0 0 9px #35db84);pointer-events:none}
.athletePicker .athleteGenderCards button[aria-pressed=true]{border:0;opacity:1;box-shadow:none}
.athletePicker .athleteGenderCards button[aria-pressed=true] .genderOutline{opacity:1}
.athletePicker .athleteGenderCards button:focus-visible{outline:none}
.athletePicker .athleteGenderCards button:focus-visible .genderOutline{opacity:1;stroke:white}
.athletePicker.smallAthleteViewport>.gateContent{gap:4px}
.athletePicker.smallAthleteViewport .modernHeading{display:none}
.athletePicker.smallAthleteViewport .athleteGenderCards button{height:44px;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px}
.athletePicker.smallAthleteViewport .athleteGenderCards svg{width:32px;height:36px;flex:none}
.athletePicker.smallAthleteViewport .athleteGenderCards .genderLabel{display:block;font:700 12px/16px Arial,Helvetica,sans-serif;color:white}
.athletePicker.smallAthleteViewport .athleteSearchStatus{height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.athletePicker.smallAthleteViewport .athleteSearchResults{gap:4px}

.app.approvedLive{max-width:480px;padding:8px 12px 5px;gap:7px;background:#001424;font-family:Arial,Helvetica,sans-serif}.approvedLive .top{height:48px;gap:12px;align-items:center}.approvedLive .heading{position:relative;flex:1;min-width:0;display:block;padding-left:38px}.approvedLive .heading strong{display:block;font-size:18px;line-height:1.2;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approvedLive #liveVenue{display:block;color:#a8cbe0;font-size:12px;margin-top:3px}.approvedLive #view{position:absolute;top:0;left:0;padding:0;width:30px;height:34px;border-radius:50%;font-size:28px;background:transparent;border:1px solid #285a76;color:white}.approvedLive .tag{background:#f10b22;color:white;border-radius:10px;font-size:12px;font-weight:800;padding:8px 10px;white-space:nowrap}
.liveContext{flex:none;display:flex;flex-direction:column;gap:6px}.liveContext>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.liveContext span{display:grid;place-items:center;min-width:0;height:28px;border-radius:17px;border:1px solid #285675;background:linear-gradient(#10364e,#08243a);color:#e7f6ff;font-size:11px;white-space:nowrap}.liveContext span.selected{background:#f6f7f8;border-color:white;color:#06172b;font-weight:700}
.approvedLive .series{position:relative;display:flex;flex-wrap:wrap;gap:5px;padding:0;background:none;border:0;border-radius:0}.liveCategory{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#eaf8ff}.liveCategory>b{font-size:12px}.liveCategory>span{display:block;text-align:right;color:#a6c7dd;font-size:10px}.liveCategory small{display:block;color:#20daf3;font-size:12px;font-weight:700;margin-top:2px}.approvedLive .series button{height:25px;min-width:25px;padding:0;border-radius:7px;background:#0d3049;font-size:16px}.approvedLive .sLine strong{font-size:15px}.approvedLive .sLine span{font-size:10px}.approvedLive .sMiddle{flex:1}.approvedLive input[type=range]{height:8px;margin-top:4px}.approvedLive .tabs{gap:4px}.approvedLive .tabs button{font-size:10px;padding:5px 2px;min-height:25px;border-radius:9px}
.approvedLive .pane{border:0;border-radius:9px;background:#001525;flex:1;min-height:145px}.approvedLive .rankColumns{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:25px minmax(70px,1fr) 35px 45px 49px;gap:5px;padding:6px 7px;border:1px solid #113a53;background:#001b2c;border-radius:9px;color:#aac4d6;font-size:9px;line-height:1.2;align-items:center}.rankColumns span:nth-child(n+3){text-align:right}.approvedLive .resultrow{display:grid;grid-template-columns:25px minmax(70px,1fr) 35px 45px 49px;gap:5px;min-height:31px;padding:3px 7px;border:1px solid #123950;border-radius:9px;background:#001a2a;margin:1px 0;align-items:center}.approvedLive .resultrow .rank{min-width:0;width:23px;height:23px;border-radius:50%;background:linear-gradient(#31596f,#173c53);font-size:13px;font-weight:700}.approvedLive .resultrow .person b{font-size:12px;font-weight:400;line-height:1.2}.approvedLive .resultrow .person small{display:none}.approvedLive .resultrow .time{font-size:12px;text-align:right}.approvedLive .birthYear{font-size:10px;text-align:right;color:#bfd6e7}.approvedLive .raceDelta{font-size:11px;font-weight:700;text-align:right}.approvedLive .resultrow .good{color:#0de365}.approvedLive .resultrow .bad{color:#ff6472}.approvedLive .resultrow.my{border:1px solid #12edff;background:linear-gradient(90deg,#0061aa,#043b72);box-shadow:0 0 6px #00d9ff44}.approvedLive .resultrow.my .person b{font-weight:700}.approvedLive .resultrow.my .rank{background:linear-gradient(#ffcc8d,#ed9b51);color:#051a2a}.approvedLive .resultrow[data-place="1"] .rank{background:linear-gradient(#ffe77e,#ffce35);color:#071729}.approvedLive .resultrow[data-place="2"] .rank{background:linear-gradient(#e2f7ff,#9edaf3);color:#071729}.approvedLive .resultrow[data-place="3"] .rank{background:linear-gradient(#ffdfb0,#e99d56);color:#071729}
.approvedLive .pool{position:relative;flex:0 0 27%;min-height:175px;max-height:290px;border:0;border-radius:0;background:#00223b;box-shadow:none;overflow:hidden}.approvedLive .poolTop,.approvedLive .status{display:none}.livePoolPhoto{position:absolute;inset:0;background:#00243b}.livePoolPhoto svg{display:block;width:100%;height:100%}.approvedLive .glowing.liveSummary{position:absolute;left:0;right:0;bottom:0;min-height:0;display:grid;grid-template-columns:1fr .95fr 1.15fr;gap:4px 10px;border:1px solid #3beeff;border-radius:20px;padding:9px 12px 7px;background:linear-gradient(100deg,#002036f2,#001323f5);box-shadow:none;animation:none}.summaryTitle{grid-column:1/-1;color:#f0f9ff;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summaryTitle #who{display:inline;font-size:12px}.summaryPosition{display:flex;align-items:baseline;gap:5px}.summaryPosition #place{font-size:40px;font-weight:800;min-width:0;color:#ffdb65;line-height:1.12}.summaryPosition small{font-size:10px;color:white}.summaryTime{border-left:1px solid #7894a76e;padding-left:12px;align-self:center}.summaryTime>small{display:block;color:#a8c3d6;font-size:11px}.summaryTime #time{font-size:24px;color:#f4faff;font-weight:700}.summaryPodium{border-left:1px solid #7894a76e;align-self:center;padding-left:9px;min-width:0}.approvedLive .pulseChance{font:700 14px/1.15 Arial,sans-serif;color:#00dff7;background:none;border:0;padding:4px 0;min-height:30px;margin:0;text-align:left;max-width:100%}.summaryPodium small{display:block;color:#99bed7;font-size:10px}.summaryMovement{grid-column:1/-1;color:#9fc4d9;font-size:9px;line-height:1.15}.approvedLive .bottom{height:31px;min-height:31px}.approvedLive footer.bottom button{font-size:10px;min-height:30px}.approvedLive #navWatch{font-size:9px}.approvedLive .foot{font-size:9px}
@media(max-height:740px){.approvedLive .top{height:40px}.approvedLive .heading strong{font-size:15px}.liveContext span{height:23px;font-size:10px}.approvedLive .tabs button{min-height:22px}.approvedLive .pool{min-height:163px;flex-basis:25%}.approvedLive .resultrow{min-height:28px}.approvedLive .glowing.liveSummary{padding:6px 10px}.summaryPosition #place{font-size:34px}.summaryTime #time{font-size:21px}.approvedLive .pulseChance{font-size:12px}}
.liveContext>div:first-child{grid-template-columns:repeat(5,minmax(0,1fr))}
.approvedLive .pane[data-kind="ranking"]{flex:0 1 auto;min-height:0;max-height:min(38dvh,305px)}
.approvedLive .pool.approvedPool{flex:1 1 0;min-height:185px;max-height:none}
.livePoolPhoto{overflow:hidden}.livePoolPhoto svg{overflow:hidden}
.approvedLive .glowing.liveSummary{background:linear-gradient(100deg,#002036,#001323);box-shadow:none}
@media(max-height:740px){.approvedLive .pool.approvedPool{min-height:165px}}

/* Red markers identify the registered distance and style. */
.approvedLive .liveContext .selected:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#ff2344;box-shadow:0 0 5px #ff234477;margin-right:4px;vertical-align:middle;flex-shrink:0}.approvedLive .liveContext>div{gap:4px}.approvedLive .liveContext>div:nth-child(2)>span{padding-left:4px;padding-right:4px;font-size:clamp(8px,2.3vw,11px);min-width:0;white-space:nowrap}

.approvedLive.analysisFullscreen>*:not(#pane){display:none!important}.approvedLive.analysisFullscreen #pane{display:block;flex:1;max-height:none;min-height:0;overflow:auto;margin:0;padding:16px 13px 28px;border:0;background:linear-gradient(160deg,#07304b,#03182b);border-radius:0}.analysisFullscreen{padding:0!important;gap:0!important}.comparisonHeader{display:flex;align-items:center;justify-content:space-between;color:#85bbd3;font-size:10px;letter-spacing:1px}.comparisonHeader button{min-height:44px;border:1px solid #3e7593;border-radius:14px;background:#0a334d;color:white;padding:8px 14px}.analysisFullscreen h1{font-size:32px;margin:25px 0 10px}.comparisonAthlete{font-size:21px;font-weight:700}.comparisonAthlete small{display:block;font-size:12px;color:#aad4e9;margin-top:8px;font-weight:400}.comparisonNotice{margin:18px 0;font-size:10px;color:#7fdbef}.comparisonFilters{display:flex;gap:5px;position:sticky;top:-16px;background:#06243a;padding:10px 0;z-index:2}.comparisonFilters button{flex:1;min-width:0;min-height:44px;border:1px solid #376b87;border-radius:13px;color:#d7edf7;background:#0a344d;font-size:12px}.comparisonFilters button.active{background:#e5f8ff;color:#05263d;border-color:white;font-weight:bold}#comparisonContent h2{font-size:17px;margin:20px 0}.comparisonRow{display:flex;align-items:center;gap:12px;padding:16px 12px;margin:9px 0;border:1px solid #315f78;border-radius:16px;background:#0a3047}.comparisonRow>span{flex:1;font-size:13px}.comparisonRow small{display:block;color:#9ebfd1;font-size:10px;line-height:1.5;margin-top:5px}.comparisonRow b{font-size:17px;color:#8eeaff;white-space:nowrap}.comparisonEmpty,.comparisonNote{color:#a4c4d6;font-size:12px;line-height:1.65}.comparisonNote{padding-top:18px;border-top:1px solid #2d5369;margin-top:24px}

.analysisHero{padding:19px 16px 8px;margin:18px 0;border:1px solid #3b9ab5;border-radius:23px;background:radial-gradient(at top right,#09627a88,transparent 70%),linear-gradient(150deg,#0d3e58,#062438);box-shadow:0 9px 25px #00101f66}.analysisHero>span{font-size:9px;letter-spacing:1.1px;color:#87d7e7}.analysisStats{display:flex;gap:12px;margin:20px 0 14px}.analysisStats>div{flex:1;min-width:0}.analysisStats small{display:block;font-size:10px;color:#a8cbdc;min-height:28px}.analysisStats b{display:block;font-size:27px;letter-spacing:-1px;color:#b6ffff}.analysisStats>div+div{border-left:1px solid #346078;padding-left:15px}.analysisHero>p{font-size:10px;color:#93bfd0}.analysisHero svg{width:100%;height:auto;margin-top:10px}.analysisFullscreen .comparisonNotice{display:inline-block;margin:10px 0 0;border:1px solid #366e87;border-radius:9px;padding:5px 8px;font-size:9px}.analysisFullscreen .comparisonAthlete{margin-bottom:5px}.analysisFullscreen .comparisonRow{background:linear-gradient(110deg,#0c3c54,#08283d);border-color:#2e6078}.selectedStart{border-color:#4de494!important;box-shadow:inset 3px 0 #4de494!important}

#confirmDemoFinish{flex-shrink:0;min-height:30px;border:1px solid #447d97;border-radius:10px;background:#0a3048;color:#afd9eb;font-size:10px;padding:6px 8px}#confirmDemoFinish[hidden]{display:none}.completedResult{border:1px solid #3d8da7;border-radius:18px;padding:14px;margin:11px 0;background:linear-gradient(130deg,#0a3751,#061f37)}#completedStartsAnalysis>h2{font-size:18px;margin-top:23px}#completedStartsAnalysis>p{color:#9cc4d6;font-size:11px;line-height:1.6}.completedResult header b{font-size:15px}.completedResult small{display:block;color:#8eb8cc;font-size:10px;margin-top:6px}.completedResult>div{display:flex;gap:10px;margin:17px 0}.completedResult>div>span{flex:1;color:#a5c9dc;font-size:10px}.completedResult span b{display:block;color:#a6f0ff;font-size:19px;margin-top:7px}

#raceNextClock{margin-left:auto;text-align:right;min-width:0;max-width:145px;padding:0 8px;color:#93e7ff;flex-shrink:1}#raceNextClock small{display:block;font-size:7px;letter-spacing:.2px;color:#94b8cb}#raceNextClock b{display:block;font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums}#raceNextClock>span{display:block;font-size:8px;line-height:1.3;color:#a8d5e8;white-space:normal}#raceNextClock.clockExpired b{color:#abc0cc}.approvedLive .top .heading{min-width:0;flex:1}.approvedLive .top .heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approvedLive .top{min-height:52px;height:auto}.approvedLive .liveContext .raceCurrent{position:relative;border-color:#ff6574!important;animation:raceCurrentPulse 1.7s ease-in-out infinite}.approvedLive .liveContext .raceCurrent:before{background:#ff2947!important;box-shadow:0 0 6px #ff2947bb}.approvedLive .liveContext .raceFinished{color:#a7f8c3!important;border-color:#43d985!important;background:#0b4335!important}.approvedLive .liveContext .raceFinished:before{content:'';display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#4ce88b!important;box-shadow:0 0 5px #4ce88b66}@keyframes raceCurrentPulse{0%,100%{box-shadow:inset 0 0 0 #ff294700}50%{box-shadow:inset 0 0 11px #ff29474d,0 0 5px #ff294733}}@media(prefers-reduced-motion:reduce){.approvedLive .liveContext .raceCurrent{animation:none}}

/* Keep the arena composition; enlarge actionable controls and supporting text. */
.approvedLive{font-family:Arial,Helvetica,sans-serif}.approvedLive #tabs button,.approvedLive .bottom button,.approvedLive .series button{min-height:40px}.approvedLive .bottom button{font-size:11px}.approvedLive #tabs button{font-size:12px}#confirmDemoFinish{min-height:40px;font-size:12px}#raceNextClock small{font-size:9px}#raceNextClock>span{font-size:10px}#raceNextClock b{font-size:20px}.comparisonRow small,.comparisonNote,.comparisonEmpty,.analysisHero>p,.analysisStats small,.completedResult small,#completedStartsAnalysis>p{font-size:12px;line-height:1.5}.comparisonRow>span{font-size:14px}.comparisonFilters button{font-size:13px;min-height:44px}.analysisFullscreen .comparisonNotice{font-size:11px}.comparisonHeader{font-size:11px}.completedResult>div>span{font-size:12px}.analysisHero>span{font-size:10px}.approvedLive .top{min-height:60px}

.approvedLive #tabs{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:5px}.approvedLive #tabs button{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:1.2;padding:7px 5px;min-height:40px;white-space:normal}
/* Today's results use the approved LIVE navy/cyan and gold position. */
#todayResults{margin:18px 0}#todayResults h2{font:700 20px Arial,sans-serif;margin:0 0 4px}.todayResultsDate{font-size:12px;color:#a4c4d6;margin:0 0 12px}.todayResultCard{border:1px solid #20d9ff;border-radius:14px;background:linear-gradient(110deg,#002036,#001323);box-shadow:0 0 12px #00cfff18;padding:14px;margin:10px 0}.todayResultCard header b{font-size:16px}.todayResultCard header small{display:block;font-size:12px;line-height:1.4;color:#a4c4d6;margin-top:5px}.todayResultMetrics{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px;align-items:center;margin:15px 0}.todayResultMetrics>div{min-width:0}.todayResultMetrics>div+div{border-left:1px solid #31566b;padding-left:10px}.todayResultMetrics span{display:block;font-size:12px;color:#b4d4e3}.todayResultMetrics b{display:block;font-size:23px;color:white;line-height:1.2;font-variant-numeric:tabular-nums}.todayResultMetrics .todayPlace b{font-size:40px;color:#ffd75b}.todayResultCard>p{font-size:11px;line-height:1.5;color:#9cc4d6;margin:0}@media(max-width:360px){.todayResultCard{padding:11px}.todayResultMetrics{gap:7px}.todayResultMetrics b{font-size:20px}.todayResultMetrics .todayPlace b{font-size:36px}}

/* Results use the accepted navy/cyan palette, typography and card geometry. */
.approvedLive.analysisFullscreen #pane{position:relative;isolation:isolate;box-sizing:border-box;padding:18px 8.7% 24px;background:#03162d;color:#f1f8ff;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif}
.analysisFullscreen .analysisArtwork{position:absolute;inset:0 0 auto;height:max(100dvh,850px);z-index:-1;overflow:hidden;pointer-events:none}
.analysisFullscreen .analysisArtwork svg{display:block;width:100%;height:100%;opacity:.5}
.analysisFullscreen .analysisArtwork:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03162d44 0%,#03162d99 32%,#03162def 74%,#03162d 100%)}
.analysisFullscreen .comparisonHeader{min-height:44px;gap:12px;margin:0 0 22px;letter-spacing:normal}
.analysisFullscreen .analysisBrand{display:block;width:130px;height:36px;flex:none}
.analysisFullscreen .comparisonHeader button{min-height:44px;padding:8px 14px;font:12px Arial,Helvetica,sans-serif;border:1px solid #85cce7;border-radius:14px;background:#062b45e8;box-shadow:inset 0 1px 6px #91ddff22}
.analysisFullscreen .analysisEyebrow{padding-left:9px;border-left:3px solid #18c4f0;color:#b8e5f8;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.8px}
.analysisFullscreen h1{font:700 27px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.5px;margin:10px 0 16px}
.analysisFullscreen .comparisonAthlete{margin:0;padding:12px;border:1px solid #6bb6d5;border-radius:14px;background:linear-gradient(115deg,#0b3153ed,#061d36ef);box-shadow:inset 0 1px 7px #a6e3ff22;color:#fff;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.analysisFullscreen .comparisonAthlete small{color:#b6d4e7;font-size:12px;line-height:1.4;margin-top:5px}
.analysisFullscreen .comparisonAthlete .comparisonClub{margin-top:7px}
.analysisFullscreen .comparisonNotice{display:block;width:fit-content;margin:10px 0 18px;padding:5px 8px;border:1px solid #376580;border-radius:8px;background:#031b30ce;color:#b4d5e7;font-size:11px;line-height:1.45}
.analysisFullscreen #todayResults{margin:0 0 20px}
.analysisFullscreen #todayResults h2,.analysisFullscreen #comparisonContent h2,.analysisFullscreen #completedStartsAnalysis h2{font:700 17px/1.3 Arial,Helvetica,sans-serif;margin:0 0 6px;color:#f4fbff}
.analysisFullscreen .todayResultsDate{font-size:12px;color:#aecfe3;margin-bottom:12px}
.analysisFullscreen .todayResultCard,.analysisFullscreen .analysisHero,.analysisFullscreen .completedResult{box-sizing:border-box;border:1px solid #71c9e6;border-radius:14px;background:linear-gradient(115deg,#0a2d4bee,#041b30f5);box-shadow:inset 0 1px 7px #a6e3ff22,0 0 12px #00bdf512;padding:13px;margin:10px 0}
.analysisFullscreen .todayResultCard{border-color:#22d9ff;box-shadow:0 0 10px #00cfff22,inset 0 1px 7px #a6e3ff22}
.analysisFullscreen .todayResultCard header b{display:block;font-size:16px;line-height:1.3}
.analysisFullscreen .todayResultCard header small{font-size:11px;line-height:1.4;color:#b9d8e9;margin-top:7px}
.analysisFullscreen .todayResultCard.resultFinal header small{color:#a3e7c3}
.analysisFullscreen .todayResultMetrics{grid-template-columns:.95fr 1.25fr .8fr;gap:8px;margin:15px 0;align-items:center}
.analysisFullscreen .todayResultMetrics>div+div{padding-left:8px;border-color:#52758d77}
.analysisFullscreen .todayResultMetrics span{font-size:11px;line-height:1.35;color:#b9d6e6}
.analysisFullscreen .todayResultMetrics b{font-size:clamp(18px,5.3vw,23px);line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.4px;white-space:nowrap}
.analysisFullscreen .todayResultMetrics .todayPlace b{color:#ffdb65;font-size:40px;letter-spacing:-1px}
.analysisFullscreen .todayResultCard>p{font-size:11px;line-height:1.5;color:#a6c7db}
.analysisFullscreen .analysisHero{margin:18px 0;padding-bottom:10px}
.analysisFullscreen .analysisHero>span{display:block;border-left:3px solid #16d6f1;padding-left:8px;font-size:10px;line-height:1.4;letter-spacing:.7px;color:#b4e8f8}
.analysisFullscreen .analysisStats{gap:10px;margin:15px 0 11px}
.analysisFullscreen .analysisStats>div+div{border-color:#52758d77;padding-left:10px}
.analysisFullscreen .analysisStats small{font-size:11px;line-height:1.4;min-height:31px;color:#b7d5e5}
.analysisFullscreen .analysisStats b{font-size:clamp(20px,5.5vw,25px);font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:#fff}
.analysisFullscreen .analysisHero>p{font-size:11px;line-height:1.5;color:#aacbde;margin:8px 0}
.analysisFullscreen .analysisHero svg{display:block;margin-top:8px}
.analysisFullscreen .analysisHero .historyHint{font-size:11px;text-align:center;margin:2px 0;color:#8fcbe5}
.analysisFullscreen .comparisonFilters{top:0;gap:6px;margin:0 0 14px;padding:8px 0;background:#03162df5;backdrop-filter:blur(10px)}
.analysisFullscreen .comparisonFilters button{border:1px solid #4284a6;border-radius:14px;background:linear-gradient(#0c3553,#06243e);font:700 12px/1.25 Arial,Helvetica,sans-serif;color:#e9f5ff;min-height:44px;padding:8px 4px}
.analysisFullscreen .comparisonFilters button.active{border-color:#6cecff;background:linear-gradient(#05aee4,#076caa);color:#fff;box-shadow:0 0 9px #00cfff44,inset 0 1px 5px #c0f9ff44}
.analysisFullscreen button:focus-visible{outline:2px solid white;outline-offset:2px}
.analysisFullscreen .comparisonRow{box-sizing:border-box;min-height:56px;gap:10px;padding:11px 12px;margin:9px 0;border:1px solid #5b9ebf;border-radius:14px;background:linear-gradient(115deg,#0b3153e8,#061d36ee);box-shadow:inset 0 1px 7px #a6e3ff16}
.analysisFullscreen .comparisonRow>span{min-width:0;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.analysisFullscreen .comparisonRow small{font-size:11px;line-height:1.45;color:#a8c9dc;margin-top:5px}
.analysisFullscreen .comparisonRow>b{flex:none;font:700 16px/1.2 Arial,Helvetica,sans-serif;color:#a2e9ff;font-variant-numeric:tabular-nums}
.analysisFullscreen .comparisonEmpty{padding:13px;border:1px solid #487a98;border-radius:14px;background:#06223cdd;font-size:12px;line-height:1.6;color:#bfd9e8}
.analysisFullscreen .comparisonNote{font-size:12px;line-height:1.6;color:#9ebfd3;margin:20px 0 0;padding:15px 0 0;border-top:1px solid #396783}
.analysisFullscreen .completedResult small,.analysisFullscreen #completedStartsAnalysis>p{font-size:11px;line-height:1.5;color:#a8c9dc}
.analysisFullscreen .completedResult>div{gap:8px}
.analysisFullscreen .completedResult>div>span{min-width:0;font-size:11px}
.analysisFullscreen .completedResult span b{font-size:18px;line-height:1.3;color:#e8f7ff}
@media(max-width:360px){.analysisFullscreen .todayResultCard,.analysisFullscreen .analysisHero{padding:11px}.analysisFullscreen .todayResultMetrics .todayPlace b{font-size:36px}.analysisFullscreen .comparisonRow{padding:10px}.analysisFullscreen .comparisonRow>b{font-size:15px}}

/* Shared viewport contract. Analysis alone has a vertical reading surface. */
[hidden]{display:none!important}
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
.gate,.app.approvedLive{height:var(--screen-height,100dvh);min-height:0;box-sizing:border-box}
.gate.welcome{overflow:hidden;--hu:calc(var(--home-width,100vw)/985)}
.welcome .welcomeArtwork{width:var(--home-width,100%);max-width:100%;margin:0 auto}
.welcome .gateContent{width:var(--home-width,100%);max-width:100%;left:50%;right:auto;transform:translateX(-50%)}
.gate.modernGate,.gate.modernGate.yearPicker{overflow:hidden;padding:12px clamp(14px,5vw,32px);background-color:#03162d}
.modernGate>.gateContent{height:100%;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.modernGate .modernTop,.yearPicker .modernTop{flex:none;height:32px;margin:0 0 4px}
.modernGate .modernHeading,.yearPicker .modernHeading{flex:none;margin:0}
.modernHeading h1,.yearPicker .modernHeading h1{font-size:27px;margin:0 0 5px}
.modernHeading p{font-size:13px;line-height:18px}
.modernGate .modernFoot{font-size:11px;line-height:15px;margin:0;flex:none}
.modernGate .modernFoot:after{display:none}
.modernGate .sectionBack{margin:0;flex:none}
.modernGate .observeSave,.modernGate .yearContinue{margin:0;min-height:44px;flex:none}
.yearClub{flex:none;margin:0;padding:6px 12px;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yearEyebrow{font-size:10px;line-height:12px;margin:0 0 7px}
.yearPanel{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px;gap:6px;overflow:hidden}
.yearPanel h2{flex:none;margin:0;font-size:12px;line-height:18px}
.yearPicker .modernYears{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:56px;align-content:start;gap:8px;overflow:hidden}
.yearPicker .modernYears button{height:56px;min-height:56px;padding:6px 2px}
.yearSummary{flex:none;margin:0;padding:5px 0 0;border-top:1px solid #6b9eb35c}
.yearSummary b{font-size:12px;display:block;line-height:18px}
.yearSummary>div{display:none} /* Selection is edited on the green year tiles themselves. */
.yearHint{flex:none;margin:0;font-size:11px;line-height:16px}
.fitPager{display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;min-height:40px;flex:none;margin:0;color:#b9dfef;font:12px Arial,sans-serif}
.fitPager button{width:44px;min-height:40px;border:1px solid #397c9f;border-radius:11px;background:#082d47;color:white;font:24px Arial,sans-serif;padding:0}
.fitPager button:disabled{opacity:.3;cursor:default}
.fitPager button:focus-visible{outline:2px solid white;outline-offset:-3px}
.arenaPlanner .arenaPeople{display:flex;padding:0;margin:0;flex:none;overflow:hidden}
.arenaPlanner .arenaPeople button{width:100%;min-height:34px;padding:5px 10px;font-size:13px}
.arenaPlanner .modernMeets{flex:1;min-height:0;overflow:hidden}
.arenaPlanner .modernEventCard{margin:0;border-radius:18px}
.arenaPlanner .modernEventCover{height:100px;min-height:100px}
.arenaPlanner .modernEventCover>div{padding:10px}
.arenaPlanner .modernEventCover h2{font-size:18px;line-height:20px;margin:5px 0 3px}
.arenaPlanner .modernLive{font-size:10px;padding:4px 8px}
.arenaPlanner .modernEventCover p{font-size:11px}
.arenaPlanner .modernEventStarts{padding:8px;background:linear-gradient(120deg,#f5fcff,#e0f4ff);color:#051b35}
.arenaPlanner .modernEventStarts h3{font-size:13px;line-height:18px;margin:0 0 5px}
.arenaPlanner .modernEventStarts .startOption{height:92px;min-height:92px;margin:6px 0 0;padding:6px!important;border-radius:12px;gap:8px}
.arenaPlanner .modernClock{font-size:17px;padding:8px 5px}
.arenaPlanner .arenaStart .arenaAthlete{color:#123653;font-size:12px}
.arenaPlanner .arenaStart strong{font-size:14px}
.arenaPlanner .arenaStart small{font-size:11px;line-height:14px;margin-top:2px}
.arenaPlanner .arenaStart .arenaStatus{color:#225845}
.arenaPlanner .modernHint{font-size:12px;margin:0;line-height:16px}
.arenaActions{display:flex;align-items:stretch;gap:8px;flex:none}
.arenaActions>.observeSave{flex:1;min-width:0;font-size:12px;padding:6px}
.arenaActions .sectionBack{flex:none}
.approvedLive #tabs{display:none!important} /* Results is the single bottom entry to Analysis. */
.app.approvedLive:not(.analysisFullscreen){padding:8px 12px;gap:5px;overflow:hidden}
.approvedLive:not(.analysisFullscreen) .pane[data-kind=ranking]{display:flex;flex-direction:column;flex:0 1 auto;height:calc(var(--rank-count,3)*32px + 64px);min-height:96px;max-height:min(42dvh,370px);overflow:hidden;border-radius:9px}
.approvedLive .rankColumns{position:static;flex:none;min-height:24px;padding:4px 6px}
.approvedLive #rankRows{flex:1;min-height:0;overflow:hidden}
.approvedLive .resultrow{height:32px;min-height:32px;margin:0;padding:3px 6px;grid-template-columns:23px minmax(0,1fr) 30px 42px 43px;gap:4px}
.approvedLive .rankColumns{grid-template-columns:23px minmax(0,1fr) 30px 42px 43px;gap:4px}
.approvedLive .resultrow .person b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
.approvedLive .resultrow .time{font-size:12px}.approvedLive .raceDelta{font-size:10px}
.approvedLive .pool.approvedPool{flex:1 1 0;min-height:clamp(120px,24dvh,210px);max-height:none}
.approvedLive .top{min-height:54px;gap:6px}.approvedLive .heading strong{font-size:15px}
.approvedLive .bottom{height:44px;min-height:44px}.approvedLive footer.bottom button{min-height:44px;font-size:11px}
.approvedLive .foot{font-size:10px;line-height:12px;max-height:24px;overflow:hidden}
.liveIndicator{display:flex;flex-direction:column;align-items:center;flex:none;gap:3px;max-width:100px}
.liveIndicator #liveSyncStatus{font-size:9px;line-height:11px;color:#b3d4e3;text-align:center}
.approvedLive .tag,.approvedLive .pool .live{animation:none}
.liveIndicator[data-sync=active] .tag{animation:livePulse 2.2s ease-in-out infinite}
.liveIndicator[data-sync=error] .tag{background:#7c4350}
#demoControls{color:#e7f9ff;border:1px solid #4cbbde;border-radius:16px;background:#061b30;width:min(400px,calc(100vw - 24px));padding:16px}
#demoControls header{display:flex;align-items:center;justify-content:space-between;gap:12px}#demoControls h2{font-size:19px;margin:0}
#demoControls header button{width:44px;min-height:44px;background:#0b3653;color:white;border:1px solid #4b7899;border-radius:10px;font-size:22px}
#demoControls p{font-size:13px;line-height:19px}#demoControls::backdrop{background:#000b}
#demoControls #confirmDemoFinish{font-size:12px;min-height:44px;margin:0;width:100%}
.liveIndicator:has(#demoControlsOpen)>small{display:none}
#demoControlsOpen{background:transparent;border:0;color:#b3d4e3;font-size:9px;line-height:12px;min-height:20px;padding:2px}
.approvedLive.analysisFullscreen{height:var(--screen-height,100dvh)}
.approvedLive.analysisFullscreen #pane{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.app.approvedLive.analysisFullscreen>footer.bottom:not(#pane){display:flex!important;flex:none;height:44px;min-height:44px}
dialog.pagedDialog[open]{display:flex;flex-direction:column;height:calc(var(--screen-height,100dvh) - 32px);max-height:calc(var(--screen-height,100dvh) - 32px);overflow:hidden}
dialog.pagedDialog>header{position:static!important;flex:none}
dialog.pagedDialog #watchBody,dialog.pagedDialog #pulseBody{min-height:0;flex:1;overflow:hidden;padding:12px 16px;box-sizing:border-box}
dialog.pagedDialog>.fitPager{padding:0 16px;margin:0 0 8px;flex:none}
.pagedDialog p,.pagedDialog small{font-size:12px;line-height:18px;margin:6px 0}
.pagedDialog h3,.pagedDialog h4{margin:8px 0;font-size:17px}
.pagedDialog label{display:flex;align-items:center;gap:9px;min-height:44px;font-size:13px}
.pagedDialog label input{flex:none;width:22px;height:22px;accent-color:#42d68a}
.pagedDialog label small{display:block}
.pulsePeerRow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #22465d;font-size:12px;line-height:18px}
.pulsePeerRow>*{min-width:0;flex:1}.pulsePeerRow b{text-align:right}
@media(max-height:659px){
 .gate.modernGate,.gate.modernGate.yearPicker{padding-top:8px;padding-bottom:8px}
 .modernGate>.gateContent{gap:6px}
 .modernGate .modernTop,.modernGate .modernHeading p,.modernGate .yearHint{display:none}
 .modernHeading h1,.yearPicker .modernHeading h1{font-size:23px;line-height:27px;margin:0}
 .yearEyebrow{margin-bottom:4px}.yearPanel{padding:9px}
 .arenaPlanner .modernFoot{font-size:10px;line-height:12px}
 .arenaPlanner .modernEventCover{height:80px;min-height:80px}
 .arenaPlanner .modernEventCover h2{font-size:16px}
 .app.approvedLive:not(.analysisFullscreen){gap:3px;padding:6px 10px}
 .approvedLive .top{min-height:46px}.approvedLive #liveVenue{display:none}
 .approvedLive .liveContext{display:flex;flex-direction:row;gap:6px}
 .approvedLive .liveContext>div{display:block;flex:1}
 .approvedLive .liveContext span:not(.selected){display:none}
 .approvedLive .liveContext span.selected{height:24px;font-size:11px}
 .approvedLive .liveCategory>span{display:none}.approvedLive .liveCategory{font-size:11px}
 .approvedLive .series{gap:3px}.approvedLive .series button{min-height:36px}
 .approvedLive .pool.approvedPool{flex-basis:0;min-height:120px}
 .summaryPosition #place{font-size:32px}.summaryTime #time{font-size:21px}
 #raceNextClock{padding:0 3px;max-width:110px}#raceNextClock small{font-size:8px}#raceNextClock b{font-size:17px}
 .approvedLive .glowing.liveSummary{padding:6px 8px;border-radius:14px}
}
@media(min-width:600px) and (max-height:539px){
 .gate.modernGate,.gate.modernGate.yearPicker,.app.approvedLive{max-width:960px}
 .modernGate>.screenFill{width:100vw}
 .yearPicker>.gateContent{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto 1fr auto auto;gap:8px 20px}
 .yearPicker .modernHeading{grid-area:1/1}.yearPicker .yearClub{grid-area:2/1}.yearPicker .yearPanel{grid-area:1/2/6/3}.yearPicker .yearContinue{grid-area:4/1}.yearPicker .sectionBack{grid-area:5/1}.yearPicker .modernFoot{grid-area:3/1}
 .arenaPlanner>.gateContent{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto 1fr auto auto;gap:6px 18px}
 .arenaPlanner .modernHeading{grid-area:1/1}.arenaPlanner .arenaPeople{grid-area:2/1}.arenaPlanner .modernMeets{grid-area:1/2/5/3}.arenaPlanner>.gateContent>.fitPager{grid-area:5/2}.arenaPlanner .arenaActions{grid-area:5/1}.arenaPlanner .modernFoot{grid-area:3/1;display:block}
 .app.approvedLive:not(.analysisFullscreen):not([style*="none"]){display:grid!important;grid-template-columns:1.2fr 1fr;grid-template-rows:50px 26px 64px 1fr 44px 12px;gap:4px 12px}
 .approvedLive .top{grid-area:1/1}.approvedLive .liveContext{grid-area:2/1}.approvedLive .series{grid-area:3/1;align-content:start}
 .approvedLive:not(.analysisFullscreen) #pane{grid-area:1/2/5/3;min-height:0;height:100%;max-height:none}
 .approvedLive .pool.approvedPool{grid-area:4/1;min-height:0;height:100%;max-height:none}
 .approvedLive .bottom{grid-area:5/1/6/3}.approvedLive .foot{grid-area:6/1/7/3}
}
@media(prefers-reduced-motion:reduce){.liveIndicator .tag{animation:none!important}}

.app.approvedLive .top{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:8px;min-height:56px}
.app.approvedLive .top.hasRaceClock{grid-template-columns:minmax(0,1fr) 88px 84px}
.approvedLive .top .heading{width:100%;min-width:0;padding-left:35px}
.approvedLive .top .heading strong{font-size:14px;line-height:18px}
.approvedLive .top #liveVenue{font-size:11px}
.approvedLive .top .liveIndicator{width:84px;max-width:84px;justify-self:end}
.approvedLive .top #raceNextClock{margin:0;padding:0;min-width:0;width:88px;max-width:88px;text-align:center}
.approvedLive #raceNextClock small{font-size:8px;line-height:11px;letter-spacing:0}
.approvedLive #raceNextClock b{font-size:18px;line-height:23px;font-variant-numeric:tabular-nums;white-space:nowrap}
.approvedLive #raceNextClock>span{font-size:10px;line-height:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.approvedLive #raceNextClock.clockUnknown b{font-size:11px}
.approvedLive .liveContext{display:flex;flex-direction:column;gap:5px}
.approvedLive .liveContext>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:5px}
.approvedLive .liveContext .registeredChoice{min-width:0;min-height:34px;padding:6px 5px;border:1px solid #285675;border-radius:13px;background:linear-gradient(#10364e,#08243a);color:#e7f6ff;font:700 11px/15px Arial,sans-serif;white-space:normal}
.approvedLive .liveContext .registeredChoice.selected{background:#f6f7f8;color:#06172b;border-color:white}
.approvedLive .liveContext .registeredChoice.raceCurrent:before,.approvedLive .liveContext .registeredChoice.raceFinished:before{content:'';display:inline-block;width:5px;height:5px;margin-right:4px;vertical-align:middle;border-radius:50%}
.approvedLive .liveContext .registeredChoice.raceCurrent:before{background:#ff2947}
.approvedLive .liveContext .registeredChoice.raceFinished:before{background:#4ce88b}
.approvedLive .liveContext .registeredChoice:focus-visible{outline:2px solid white;outline-offset:-3px}
.reminderSwitchRow{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 0;font-size:13px}
.reminderSwitchRow>span{flex:1;min-width:0}.reminderSwitchRow b{font-size:13px;line-height:18px}
.reminderSwitchRow small{display:block;font-size:11px;line-height:16px;margin-top:3px;color:#9fc4d8}
.pagedDialog label input.reminderToggle,.reminderSwitchRow input.reminderToggle{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 44px;width:44px;height:26px;border:1px solid #56849b;border-radius:20px;background:#25455d;cursor:pointer;margin:0;padding:0;transition:background .15s}
input.reminderToggle:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;left:3px;top:3px;background:#ecfaff;transition:transform .15s}
.pagedDialog label input.reminderToggle:checked,.reminderSwitchRow input.reminderToggle:checked{background:#12694d;border-color:#50df8b}
input.reminderToggle:checked:after{transform:translateX(18px);background:#b7ffd5}
input.reminderToggle:focus-visible{outline:2px solid white;outline-offset:3px}
.startReminderNotice{border:1px solid #50df8b;padding:9px;border-radius:12px;background:#0b3b3b}
#startPreparation{width:min(390px,calc(100vw - 24px));max-height:calc(var(--screen-height,100dvh) - 24px);padding:20px;border:1px solid #54dfff;border-radius:20px;background:linear-gradient(140deg,#09344c,#03172f);color:#f1fbff;box-sizing:border-box;overflow:hidden}
#startPreparation::backdrop{background:#000b}
#startPreparation h2{font:700 19px/24px Arial,sans-serif;margin:0 0 12px}
#startPreparation p{font:13px/19px Arial,sans-serif;color:#bad6e7;margin:8px 0 14px}
#startPreparation h3{font-size:19px;margin:12px 0}
#startPreparation small{font-size:12px;color:#b8ddea}
#preparationClock{display:block;font:700 34px/42px Arial,sans-serif;font-variant-numeric:tabular-nums;color:#62e4ff;margin:4px 0}
#startPreparation .preparationPlan{font-size:11px;line-height:16px}
#preparationConfirm{width:100%;min-height:44px;margin-top:8px;border:1px solid #8befff;border-radius:13px;background:linear-gradient(#086a94,#063658);color:white;font:700 15px Arial,sans-serif}
@media(max-height:659px){
 .approvedLive .liveContext{flex-direction:row}.approvedLive .liveContext>div{display:grid;flex:1;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}
 .approvedLive .liveContext .registeredChoice{min-height:32px;font-size:10px;padding:5px 3px}
}
@media(max-width:340px){.app.approvedLive .top.hasRaceClock{grid-template-columns:minmax(0,1fr) 72px 72px;gap:5px}.approvedLive .top #raceNextClock,.approvedLive .top .liveIndicator{width:72px;max-width:72px}.approvedLive .top .heading strong{font-size:12px}}
@media(max-height:440px){#startPreparation{padding:12px}#startPreparation h2{font-size:17px;line-height:20px;margin-bottom:6px}#startPreparation p{font-size:12px;line-height:16px;margin:6px 0}#startPreparation h3{margin:6px 0;font-size:16px}#preparationClock{font-size:25px;line-height:30px}#preparationConfirm{margin-top:4px}}
@media(prefers-reduced-motion:reduce){input.reminderToggle,input.reminderToggle:after{transition:none}}
.approvedLive .pane[data-kind=ranking]>.fitPager{display:none!important}
.approvedLive:not(.analysisFullscreen) .pane[data-kind=ranking]{height:calc(var(--rank-count,3)*32px + 24px);max-height:min(calc(42dvh - 40px),330px)}
.approvedLive #rankRows{touch-action:pan-x}
.approvedLive:not(.showReplayControls) .series>:not(.liveCategory){display:none!important}
.approvedLive .registeredChoice.distanceProgress{position:relative;padding-bottom:10px}
.approvedLive .distanceProgress progress{position:absolute;bottom:3px;left:8px;width:calc(100% - 16px);height:3px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#123d52}
.approvedLive .distanceProgress progress::-webkit-progress-bar{background:#123d52}
.approvedLive .distanceProgress progress::-webkit-progress-value{background:#48d9fa}
.approvedLive .distanceProgress progress::-moz-progress-bar{background:#48d9fa}
#resultDetail{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:18px;background:linear-gradient(145deg,#073149,#03162d);color:#eefaff;border:0;box-sizing:border-box;font:14px Arial;overflow:hidden}
#resultDetail[open]{display:flex;flex-direction:column;gap:14px}#resultDetail header{display:flex;align-items:center;gap:12px}#resultDetail button{padding:10px;border:1px solid #49bbdc;background:#08304b;color:white;border-radius:12px}#resultDetail p{margin:0;color:#a5cedf;font-size:12px}#detailSlider{width:100%;accent-color:#39d8f6}#detailReplay label{display:flex;justify-content:space-between}#detailMini{border:1px solid #258fb2;padding:12px;border-radius:14px;background:#07527777;line-height:1.5}.detailTableWrap{flex:1;min-height:0;overflow:auto}#resultDetail table{width:100%;border-collapse:collapse;font-size:13px}#resultDetail th{text-align:left;color:#95c4d9;font-size:11px;position:sticky;top:0;background:#06243a;padding:10px 5px}#resultDetail td{padding:12px 5px;border-bottom:1px solid #28516b}#resultDetail tr.selected{background:#07639a;font-weight:bold}.todayResultCard{cursor:pointer}.todayResultCard:focus-visible{outline:2px solid #6ee7ff}
.approvedLive .liveContext.singleRaceContext{display:grid!important;grid-template-columns:1fr 1.08fr;gap:8px}
.approvedLive .singleRaceContext>div{display:flex!important;min-height:56px;padding:9px 12px;box-sizing:border-box;border:1px solid #36a5c7;border-radius:14px;background:linear-gradient(145deg,#0a3652,#031b30);box-shadow:inset 0 1px 9px #3cdfff15;gap:5px}
.currentStyleTile{align-items:center;justify-content:space-between;flex-wrap:wrap}.currentStyleTile strong,.currentDistanceTile strong{font:700 14px Arial;color:#f1faff}.styleStatus{font:700 9px Arial;color:#a2c9da}.styleStatus.isLive{background:#f00836;color:white;padding:4px 6px;border-radius:6px;animation:styleLivePulse 1.6s infinite}.styleStatus.isDone{color:#50e997}
.currentDistanceTile{flex-direction:column;justify-content:center}.currentDistanceTile>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.currentDistanceTile small{font:11px Arial;color:#a8d3e7}.currentDistanceTile progress{display:block;width:100%;height:4px;appearance:none;border:0;border-radius:3px;overflow:hidden;background:#183a51}.currentDistanceTile progress::-webkit-progress-bar{background:#183a51}.currentDistanceTile progress::-webkit-progress-value{background:#30d7f5}.currentDistanceTile progress::-moz-progress-bar{background:#30d7f5}@keyframes styleLivePulse{50%{box-shadow:0 0 9px #ff204c88}}@media(prefers-reduced-motion:reduce){.styleStatus.isLive{animation:none}}
.observerPreview #raceNextClock{display:none!important}.observerPreview .app.approvedLive .top.hasRaceClock{grid-template-columns:minmax(0,1fr) 84px}
#nextRaceBanner{padding:10px 12px;border:1px solid #3bbad6;border-radius:14px;background:linear-gradient(120deg,#0b3c58,#041d32);color:#effaff}#nextRaceBanner small{font:10px Arial;color:#9acbdf;letter-spacing:.5px}#nextRaceBanner>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0}#nextRaceBanner b{font-size:14px}#nextRaceBanner strong{font-size:20px;color:#57e3ff;font-variant-numeric:tabular-nums}#nextRaceBanner>span{font:10px Arial;color:#9fc5d5}#nextRaceBanner.soon{border-color:#ff4661;box-shadow:0 0 12px #ff294744}#nextRaceBanner.soon strong{color:#ff647b}#bannerResults{background:#074663;border:1px solid #57dcf5;color:white;border-radius:9px;padding:9px;font-size:12px}
#raceWaiting{font-size:13px;color:#b7e1f0;text-align:center;padding:14px}.awaitingRace:not(.analysisFullscreen) #pane,.awaitingRace:not(.analysisFullscreen) #hero,.dayFinished:not(.analysisFullscreen) #pane,.dayFinished:not(.analysisFullscreen) #hero{display:none!important}.awaitingRace .pool.approvedPool,.dayFinished .pool.approvedPool{min-height:200px}.observerPreview .top .tag{font-size:10px}
#resultDetail{isolation:isolate;background:#001929;gap:10px!important;padding:14px!important}#resultDetail>.resultArenaArt{position:absolute;inset:135px 12px 14px;z-index:-1;pointer-events:none;overflow:hidden;border-radius:14px}.resultArenaArt svg{width:100%;height:100%;display:block}.resultArenaArt:after{content:'';position:absolute;inset:0;background:linear-gradient(#001a2bd9,#001a2b80 45%,#001a2b00 75%)}
#resultDetail header{flex-wrap:wrap;gap:8px}#resultDetail header>b{flex:1;font-size:14px}.resultReplayBadge{font-size:9px;color:#9beaff;border:1px solid #287795;padding:5px;border-radius:6px}#resultDetail .detailTableWrap{flex:0 1 auto;max-height:49%;min-height:80px;border-radius:10px}#resultDetail table{border-collapse:separate;border-spacing:0 3px}#resultDetail td{padding:8px 5px;background:#00283ba8;border-top:1px solid #2b69814d;border-bottom:1px solid #2b69814d}#resultDetail td:first-child{border-radius:10px 0 0 10px}#resultDetail td:last-child{border-radius:0 10px 10px 0;font-weight:bold}#resultDetail tr.selected td{background:#066ba7d9;border-color:#3de2ff}#resultDetail th{background:#002031de}#detailReplay{font-size:12px}#resultArenaSummary{margin-top:auto;border:1px solid #30d6f4;border-radius:18px;background:#001c30e8;padding:12px}#resultArenaSummary>small{font-size:12px;font-weight:bold}#resultArenaSummary>div{display:flex;align-items:baseline;gap:8px;margin-top:6px}#resultArenaSummary strong{font-size:36px;color:#ffce49}#resultArenaSummary b{font-size:24px;margin-left:auto}#resultArenaSummary span{font-size:10px;color:#badbe9}#resultDetail #detailMini{border:0;padding:0 5px;background:#001b2ccc;font-size:11px;line-height:16px;flex:none}
#nextRaceBanner .endOfDayMessage{font:14px/20px Arial;color:#d8edf6;margin:10px 0}#nextRaceBanner .endOfDayCongrats{display:block;color:#66edb0;font-size:22px;margin:12px 0 6px}#nextRaceBanner .endOfDayMotto{font:italic 14px/21px Arial;color:#d8f6ff;margin:6px 0 16px}#nextRaceBanner>.endOfDayMotto+#bannerResults{width:100%;min-height:44px;font-size:14px}
.finishEmblem{display:block;width:90px;height:72px;margin:0 auto 8px;filter:drop-shadow(0 0 10px #35d9fa55)}.dayFinished:not(.analysisFullscreen) #nextRaceBanner{text-align:center;background:linear-gradient(145deg,#063750e8,#021b2fe8);padding:18px}.dayFinished #nextRaceBanner>div{justify-content:center}.dayFinished:not(.analysisFullscreen) #liveContext,.dayFinished:not(.analysisFullscreen) .series{display:none!important}.analysisFullscreen #nextRaceBanner,.analysisFullscreen #raceWaiting{display:none!important}
/* Navigation remains at the bottom even when the main panel is empty or hidden. */
#liveApp.approvedLive{position:relative;padding-bottom:56px!important}
#liveApp.approvedLive>footer.bottom{position:absolute!important;left:12px;right:12px;bottom:6px;z-index:20!important;display:flex!important;height:44px;min-height:44px;margin:0;background:#001929f5;border-top:1px solid #245570;box-sizing:border-box}
#liveApp.approvedLive.analysisFullscreen{padding-bottom:50px!important}
#liveApp.approvedLive.analysisFullscreen>footer.bottom{left:0;right:0;bottom:0;padding:0 10px}
#liveApp.approvedLive>footer.bottom button{flex:1;min-width:0;min-height:44px}
#resultDetail[open]{width:100vw;height:var(--screen-height,100dvh);max-height:none;padding:8px 12px 52px!important;gap:7px!important}
#resultDetail .detailTableWrap{height:42dvh;max-height:42dvh;min-height:96px;flex:0 1 42dvh;overflow:hidden;touch-action:pan-x}#resultDetail table{border-spacing:0;table-layout:fixed}#resultDetail th{height:32px;padding:4px;font-size:10px}#resultDetail th:first-child{width:18%}#resultDetail th:last-child{width:23%}#resultDetail td{height:32px;padding:4px;font-size:12px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#resultDetail .detailTableWrap+.fitPager{display:none!important}
#resultDetail .resultBottom{position:absolute;bottom:0;left:0;right:0;height:46px;padding:0 10px;display:flex;align-items:center;background:#001929f5;border-top:1px solid #245570;z-index:4}#resultDetail .resultBottom button{flex:1;min-width:0;border:0;background:none;padding:4px 0;min-height:44px;border-radius:0;color:#8bdef4;font:bold 10px Arial}#resultDetail #detailMini{font-size:10px;line-height:14px}#resultDetail>.resultArenaArt{bottom:50px}#resultArenaSummary{flex:none}
#resultDetail #resultArenaSummary{display:none!important}
#resultDetail #detailMini{margin-top:auto;padding:8px 5px;background:#001b2cd9;border-radius:8px}
#resultDetail{touch-action:none}#resultDetail input[type=range]{touch-action:pan-y}
.clubGenderFilters{display:flex;gap:7px;margin:14px 0}.clubGenderFilters button{flex:1;min-height:42px;background:#082d48;border:1px solid #377f9e;border-radius:12px;color:#d6f5ff;font:12px Arial}.clubGenderFilters button.active{background:#075b82;border-color:#43dafa;box-shadow:inset 0 0 12px #38dfff33}.clubTableNote{font:12px/18px Arial;color:#a6cada}.clubPlaceSummary{padding:12px;border:1px solid #43dafa;border-radius:12px;background:#06476b;color:white;font-size:14px}.clubComparisonTable{width:100%;border-collapse:collapse;font:12px Arial;color:#e8f8ff}.clubComparisonTable th{text-align:left;font-size:10px;color:#8cc8dc;padding:9px 4px}.clubComparisonTable td{padding:12px 4px;border-bottom:1px solid #285875}.clubComparisonTable td:first-child{color:#6ae4fa}.clubComparisonTable small{display:block;font:10px/15px Arial;color:#a8cddd}.clubComparisonTable .observed{background:#075785;font-weight:bold}.clubComparisonTable td:nth-child(3),.clubComparisonTable td:nth-child(4){white-space:nowrap;font-variant-numeric:tabular-nums}

#liveApp:has(#nextRaceBanner:not([hidden])) #raceNextClock{display:none!important}
#liveApp:has(#nextRaceBanner:not([hidden])) .top.hasRaceClock{grid-template-columns:minmax(0,1fr) 84px}

.observerPreview .modernFoot,.observerPreview .athleteDataNote,.observerPreview .comparisonNotice,.observerPreview .watchNote,.observerPreview .foot,.observerPreview .reminderSample,.observerPreview #demoControlsOpen{display:none!important}
.observerPreview .liveIndicator:has(#demoControlsOpen)>small{display:block}
.observerPreview:not(.replayAllowed) #slider,.observerPreview:not(.replayAllowed) #prev,.observerPreview:not(.replayAllowed) #next,.observerPreview:not(.replayAllowed) #play{display:none!important}
.observerPreview .liveIndicator #liveSyncStatus{font-size:10px;line-height:12px}
.observerPreview #watchBody>.reminderEmpty{font-size:12px}

#arenaBackdrop{position:absolute;left:12px;right:12px;pointer-events:none;z-index:0;overflow:hidden;border-radius:10px}#arenaBackdrop svg{width:100%;height:100%;display:block}#arenaBackdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(#001626bb 0%,#00162685 45%,#00162600 80%)}#liveApp{position:relative;isolation:isolate}#liveApp> :not(#arenaBackdrop){position:relative;z-index:1}.approvedLive .pane[data-kind=ranking],.approvedLive #rankRows{background:transparent!important}.approvedLive .resultrow{background:#002239a8!important;backdrop-filter:blur(2px)}.approvedLive .resultrow.my{background:linear-gradient(90deg,#006fbaeb,#034c7fdd)!important}.approvedLive .pool.approvedPool{background:transparent!important}.approvedLive .livePoolPhoto{visibility:hidden}

.welcomeInstall{display:none}
.gate.welcome .welcomeInstall{display:flex;flex-direction:column;align-items:center;gap:5px;position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:min(280px,calc(100% - 36px));font-family:Arial,Helvetica,sans-serif;color:#eaf8ff;pointer-events:auto}
.welcomeInstall .installCaption{margin:0;font-size:11px;line-height:16px;text-shadow:0 1px 5px #001326}
.installPlatforms{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.welcomeInstall button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #56b4d5;border-radius:13px;background:linear-gradient(145deg,#0a3154ed,#03162de8);color:#f3fbff;font:600 13px/1.2 Arial,sans-serif;box-shadow:inset 0 1px 6px #75d9ff15;cursor:pointer}
.welcomeInstall svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.welcomeInstall small{font-size:10px;color:#b5d4e8;font-weight:400}
.welcomeInstall #shareApplication{border:0;background:none;box-shadow:none;font-size:11px;min-height:32px;padding:4px 12px;color:#aeeaff}
.welcomeInstall #shareApplication svg{width:14px;height:14px}
.welcomeInstall button:focus-visible,#appInstallDialog button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.welcomeInstall button:active{border-color:#3ce7ff;background-color:#0b3f64}
.installStatus{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#appInstallDialog{box-sizing:border-box;width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #4ac2e3;border-radius:18px;background:#061b32;color:#edf9ff;font:14px/1.5 Arial,sans-serif;box-shadow:0 0 24px #03c9ff26;overflow:auto}
#appInstallDialog::backdrop{background:#000b}
#appInstallDialog header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#0a2945}
#appInstallDialog h2{font:700 16px/1.35 Arial,sans-serif;margin:0}
#appInstallDialog .installClose{min-width:44px;min-height:44px;font-size:25px;background:#0b3653;border:1px solid #4b7899;border-radius:10px;color:white;cursor:pointer}
.installBody{padding:12px 18px}.installBody p{margin:4px 0 12px}.installBody ol{padding-left:20px;margin:12px 0}.installBody li{margin-bottom:10px}
.installLinkLabel{display:block;font-size:12px;color:#bbddeb}
#installLink{display:block;box-sizing:border-box;width:100%;margin:6px 0 10px;padding:10px;border:1px solid #447f9c;border-radius:10px;background:#02182c;color:#e9faff;font:16px Arial,sans-serif}
.installCopy{width:100%;min-height:44px;border:1px solid #58d9f4;border-radius:11px;background:#075080;color:#fff;font-weight:700;cursor:pointer}
.installFeedback{font-size:12px;color:#88e9b4;margin-top:8px!important}