:root{color:#173f3a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#173f3a;--muted:#5b726d;--cream:#fff9ea;--glass:#fffaecad;--glass-strong:#fffbf0e0;--glass-dark:#173f3ad1;--line:#173f3a24;--line-light:#ffffff94;--accent:#ef8750;--accent-dark:#b95b34;--green:#2f7b63;--shadow:0 18px 48px #1f372e29;--shadow-soft:0 10px 28px #1f372e21;background:#d6e9df;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:#d6e9df;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #175b779e}.app-shell,.world-stage{min-height:100svh}.app-shell{overflow:hidden}.world-stage{isolation:isolate;background:#c6ddd6;height:100svh;min-height:0;position:relative;overflow:hidden}.world-canvas{position:absolute;inset:0}.world-canvas canvas{touch-action:none;display:block}.webgl-fallback{min-height:100%;color:var(--ink);text-align:center;background:#d9eee6;place-items:center;padding:2rem;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool-dock{flex:none;align-items:center;gap:.12rem;display:flex}.camera-control,.language-control{display:grid;position:relative}.camera-menu{border:1px solid var(--line-light);background:var(--glass-strong);width:min(15rem,100vw - 1.3rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(1.1);border-radius:1rem;gap:.28rem;padding:.48rem;display:grid;position:absolute;top:calc(100% + .7rem);right:0}.language-menu{max-height:min(31rem,100svh - 5.5rem);overflow-y:auto}.language-option{min-height:2.7rem}.replay-hud .language-menu{top:auto;bottom:calc(100% + .7rem)}.camera-menu__heading{justify-content:space-between;align-items:baseline;gap:.75rem;padding:.32rem .42rem .38rem;display:flex}.camera-menu__heading strong{font-size:.76rem}.camera-menu__heading span{color:var(--muted);font-size:.59rem}.camera-option{min-height:3.25rem;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.78rem;grid-template-columns:2rem minmax(0,1fr) 1.1rem;align-items:center;gap:.58rem;padding:.42rem .5rem;display:grid}.camera-option:hover,.camera-option[aria-pressed=true]{border-color:var(--line);background:#ffffff8c}.camera-option__icon{width:2rem;height:2rem;color:var(--green);background:#2f7b631a;border-radius:.64rem;place-items:center;display:grid}.camera-option>span:nth-child(2){gap:.08rem;min-width:0;display:grid}.camera-option strong{font-size:.72rem}.camera-option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.camera-option>svg{color:var(--accent-dark)}.icon-button{width:2.65rem;min-width:2.65rem;height:2.65rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:.8rem;place-items:center;padding:0;transition:background .14s,color .14s,transform .14s;display:inline-grid;position:relative}.icon-button:hover,.icon-button[aria-pressed=true]{background:#173f3a1a}.icon-button:active{transform:scale(.96)}.icon-button--quiet{width:2.4rem;min-width:2.4rem;height:2.4rem}.tool-button--connected:after{content:"";background:#3b956b;border:2px solid #f5eedc;border-radius:50%;width:.46rem;height:.46rem;position:absolute;bottom:.34rem;right:.34rem}.tool-badge{background:var(--accent);color:#41271d;border:2px solid #f8f0dc;border-radius:999px;place-items:center;min-width:1.1rem;height:1.1rem;padding:0 .22rem;font-size:.58rem;font-weight:850;display:grid;position:absolute;top:-.16rem;right:-.16rem}.ride-hud{z-index:5;top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));border:1px solid var(--line-light);background:var(--glass);width:min(31rem,100vw - 2rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(1.12);border-radius:1.2rem;padding:.78rem;transition:width .18s,background .18s;position:absolute}.ride-hud--collapsed{background:#fffaec94;width:min(34rem,100vw - 2rem);padding:.58rem .65rem .65rem}.hud-heading{justify-content:space-between;align-items:center;gap:.6rem;min-height:2.25rem;display:flex}.hud-actions,.replay-header-actions{flex:none;align-items:center;gap:.12rem;display:flex}.ride-state{min-width:0;color:var(--muted);align-items:center;gap:.42rem;font-size:.69rem;display:flex}.ride-state strong{color:var(--ink);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.72rem;overflow:hidden}.ride-state>span:last-child{border-left:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;padding-left:.42rem;overflow:hidden}.ride-state__dot{background:#8b9a95;border-radius:50%;width:.5rem;min-width:.5rem;height:.5rem;box-shadow:0 0 0 .18rem #8b9a9529}.ride-state__dot--riding{background:#3d8c65;box-shadow:0 0 0 .18rem #3d8c6529}.ride-state__dot--paused{background:#d88a4d;box-shadow:0 0 0 .18rem #d88a4d29}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:.45rem;display:grid}.metric{background:#ffffff6e;border:1px solid #173f3a14;border-radius:.92rem;align-items:flex-start;gap:.5rem;min-width:0;min-height:4.8rem;padding:.62rem;display:flex}.metric>svg{min-width:1.05rem;color:var(--green);margin-top:.12rem}.metric-copy{min-width:0;display:block}.metric-label,.metric small,.metric strong{display:block}.metric-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.metric strong{font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin-top:.12rem;font-size:clamp(1rem,2vw,1.35rem)}.metric small{color:var(--muted);margin-top:.02rem;font-size:.56rem}.metric-estimate{color:var(--accent-dark);margin-right:.08rem}.device-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.45rem;display:grid}.device-metric-grid .metric{align-items:center;min-height:3.8rem}.device-metric-grid--compact{gap:.38rem;margin-top:.38rem}.compact-hud>.device-metric-grid--compact{grid-column:1/-1;margin-top:0}.device-metric-grid--compact .metric{min-height:3.1rem;padding:.45rem .5rem}.device-metric-grid--compact .metric strong{font-size:.96rem}.compact-hud{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:stretch;gap:.38rem;margin-top:.28rem;display:grid}.metric--compact{border-radius:.75rem;align-items:center;gap:.38rem;min-height:2.9rem;padding:.42rem .48rem}.metric--compact>svg{margin:0}.metric--compact .metric-label{display:none}.metric--compact strong{margin:0;font-size:.96rem;display:inline}.metric--compact small{margin-left:.18rem;font-size:.5rem;display:inline}.session-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.55rem;display:flex}.session-row>span{font-variant-numeric:tabular-nums;align-items:center;gap:.38rem;min-width:4.3rem;margin-right:auto;font-size:.85rem;font-weight:820;display:flex}.past-me-status{color:var(--muted);background:#265f571a;border:1px solid #265f572e;border-radius:.8rem;align-items:center;gap:.42rem;margin-top:.5rem;padding:.52rem .62rem;font-size:.7rem;display:flex}.past-me-status svg{min-width:1.05rem;color:var(--green)}.past-me-status strong{color:var(--ink)}.past-me-status span{font-variant-numeric:tabular-nums;text-align:right;margin-left:auto}.replay-hud{z-index:5;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));left:max(1rem, env(safe-area-inset-left));border:1px solid var(--line-light);background:var(--glass);width:min(48rem,100vw - 2rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(1.12);border-radius:1.2rem;margin:0 auto;padding:.78rem;position:absolute}.replay-hud>header,.replay-heading,.replay-header-actions{align-items:center;display:flex}.replay-hud>header{justify-content:space-between;gap:.7rem}.replay-heading{gap:.55rem;min-width:0}.replay-heading strong{font-size:.82rem}.replay-heading span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.replay-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:.5rem;display:grid}.replay-metrics>div{background:#ffffff6b;border-radius:.72rem;grid-template-columns:auto 1fr;column-gap:.35rem;min-width:0;padding:.48rem;display:grid}.replay-metrics svg{color:var(--green);grid-row:1/3}.replay-metrics span{color:var(--muted);font-size:.55rem}.replay-metrics strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.replay-timeline{color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:auto auto minmax(4rem,1fr) auto;align-items:center;gap:.5rem;margin-top:.55rem;font-size:.68rem;display:grid}.replay-timeline input{width:100%;accent-color:var(--accent-dark)}.replay-actions,.replay-rates{align-items:center;gap:.38rem;display:flex}.replay-actions{justify-content:space-between;margin-top:.55rem}.replay-play{min-width:6.2rem}.replay-rates .secondary-button{min-width:3.3rem;padding-inline:.7rem}.replay-rates .secondary-button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:.82rem;justify-content:center;align-items:center;gap:.48rem;min-height:2.7rem;padding:.6rem .9rem;font-size:.78rem;font-weight:800;transition:transform .14s,opacity .14s,background .14s;display:inline-flex}.primary-button{background:var(--accent);color:#40261b;box-shadow:0 8px 20px #bc5f372e}.secondary-button{color:var(--ink);background:#173f3a17}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.session-actions{gap:.38rem;display:flex}.session-button{min-width:2.7rem;padding-inline:.75rem}.session-button--icon,.session-button--compact{width:2.9rem;min-width:2.9rem;height:2.9rem;min-height:2.9rem;padding:0}.control-pad{z-index:6;bottom:max(1rem, env(safe-area-inset-bottom));border:1px solid var(--line-light);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(18px)saturate(1.1);background:#fffaec8a;border-radius:1.15rem;gap:.48rem;padding:.38rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.control-button{width:3.35rem;min-width:3.35rem;height:3.35rem;min-height:3.35rem;color:var(--ink);cursor:pointer;touch-action:none;background:#fffcf3c2;border:1px solid #ffffff85;border-radius:.9rem;place-items:center;padding:0;display:grid;box-shadow:0 8px 18px #233d331f}.control-button svg{width:1.3rem;height:1.3rem}.control-button--primary{background:var(--accent);color:#3f261a}.control-button:active{transform:translateY(2px)scale(.97);box-shadow:0 4px 10px #233d3324}.keyboard-hint{z-index:4;background:var(--glass-dark);color:#fffc;-webkit-backdrop-filter:blur(10px);border-radius:.8rem;align-items:center;gap:.4rem;padding:.55rem .7rem;font-size:.65rem;display:flex;position:absolute;bottom:1rem;right:1rem}.keyboard-hint strong{color:#fff;letter-spacing:.08em}.keyboard-hint>span{border-left:1px solid #ffffff3d;padding-left:.42rem}.drawer-layer{z-index:20;justify-content:flex-end;padding:.75rem;display:flex;position:fixed;inset:0}.drawer-backdrop{cursor:default;-webkit-backdrop-filter:blur(3px);background:#14262047;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.drawer{background:var(--glass-strong);-webkit-backdrop-filter:blur(24px)saturate(1.08);border:1px solid #ffffff9e;border-radius:1.35rem;flex-direction:column;width:min(26rem,100vw - 1.5rem);max-height:calc(100svh - 1.5rem);animation:.18s ease-out drawer-in;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #14262047}@keyframes drawer-in{0%{opacity:0;transform:translate(1rem)}}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1rem .9rem 1.15rem;display:flex}.drawer-header h2,.drawer-header p{margin:0}.drawer-header h2{letter-spacing:-.035em;font-size:1.25rem}.drawer-header p{max-width:20rem;color:var(--muted);margin-top:.24rem;font-size:.72rem;line-height:1.4}.drawer-content{overscroll-behavior:contain;padding:1rem;overflow-y:auto}.online-panel{gap:.85rem;display:grid}.account-panel,.account-form,.account-section{gap:.72rem;display:grid}.account-status{background:#ffffff80;border:1px solid #173f3a17;border-radius:1rem;align-items:center;gap:.7rem;padding:.82rem;display:flex}.account-status>svg{min-width:1.35rem;color:var(--green)}.account-status>div{gap:.08rem;min-width:0;display:grid}.account-status strong{font-size:.8rem}.account-status span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.account-status--signed{background:#2f7b631a}.account-form label{color:var(--muted);gap:.34rem;font-size:.68rem;font-weight:720;display:grid}.account-form input,.admin-form input,.admin-form textarea{border:1px solid var(--line);width:100%;min-height:2.7rem;color:var(--ink);background:#ffffff9e;border-radius:.78rem;padding:.62rem .72rem}.account-form input:disabled{opacity:.62}.account-link{color:var(--green);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.7rem;font-weight:760}.account-message,.account-privacy,.account-danger>p{color:var(--muted);margin:0;font-size:.7rem;line-height:1.48}.account-message{color:#275f4e;background:#2f7b631a;border-radius:.75rem;padding:.62rem .68rem}.account-message--error{color:#7c3f28;background:#b95b341a}.account-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.account-facts>div{background:#ffffff6b;border-radius:.78rem;padding:.66rem}.account-facts dt{color:var(--muted);font-size:.62rem}.account-facts dd{margin:.12rem 0 0;font-size:.76rem;font-weight:800}.account-section{border-top:1px solid var(--line);padding-top:.88rem}.account-section h3,.account-section summary{color:var(--ink);margin:0;font-size:.8rem;font-weight:800}.account-section summary{cursor:pointer}.account-section[open] summary{margin-bottom:.7rem}.account-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.account-actions button:last-child{grid-column:1/-1}.account-danger-button{color:#fff;cursor:pointer;background:#8c3f2d;border:0;border-radius:.82rem;min-height:2.7rem;padding:.6rem .9rem;font-size:.76rem;font-weight:800}.account-danger-button:disabled{cursor:not-allowed;opacity:.45}.online-status,.online-room,.online-room>span{align-items:center;display:flex}.online-status{background:#ffffff80;border:1px solid #173f3a17;border-radius:1rem;gap:.65rem;padding:.8rem}.online-status>div{gap:.08rem;display:grid}.online-status strong{font-size:.78rem}.online-status span:not(.online-status__dot){color:var(--muted);font-size:.68rem}.online-status__dot{background:#8b9a95;border-radius:50%;width:.62rem;height:.62rem;box-shadow:0 0 0 .2rem #8b9a9529}.online-status__dot--connected{background:#3d8c65;box-shadow:0 0 0 .2rem #3d8c6529}.online-status__dot--joining,.online-status__dot--reconnecting{background:#d88a4d;box-shadow:0 0 0 .2rem #d88a4d29}.online-issue,.online-privacy{color:var(--muted);margin:0;font-size:.7rem;line-height:1.45}.online-issue{color:#7c3f28;background:#b95b341a;border-radius:.75rem;padding:.62rem .68rem}.online-mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.online-mode{border:1px solid var(--line);min-height:5.2rem;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff61;border-radius:.9rem;align-items:flex-start;gap:.58rem;padding:.72rem;display:flex}.online-mode[aria-pressed=true]{background:#2f7b631a;border-color:#2f7b638c}.online-mode>svg{min-width:1.25rem;color:var(--green)}.online-mode>span{gap:.18rem;display:grid}.online-mode strong{font-size:.76rem}.online-mode small{color:var(--muted);font-size:.64rem;line-height:1.35}.online-panel>.primary-button,.online-panel>.secondary-button{width:100%}.online-room{background:#2f7b631a;border-radius:.82rem;justify-content:space-between;padding:.7rem .78rem}.online-room>span{color:var(--muted);gap:.45rem;font-size:.72rem}.online-room strong{font-variant-numeric:tabular-nums;font-size:.76rem}.online-race{background:#d88a4d1a;border:1px solid #d88a4d38;border-radius:.82rem;gap:.5rem;padding:.72rem .78rem;display:grid}.online-race>strong{font-size:.76rem}.online-race ol{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.online-race li{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:.7rem;font-size:.68rem;display:flex}.turnstile-slot{min-height:65px;overflow:hidden}.panel-note{color:var(--muted);margin:0;font-size:.78rem;line-height:1.5}.connection-status{background:#ffffff80;border:1px solid #173f3a17;border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.85rem;display:flex}.connection-status>svg{min-width:1.35rem;color:var(--muted);margin-top:.12rem}.connection-status--connected>svg{color:var(--green)}.connection-status--error>svg,.connection-status--limited>svg{color:var(--accent-dark)}.connection-status div{gap:.15rem;display:grid}.connection-status strong{font-size:.86rem}.connection-status span{color:var(--muted);font-size:.72rem;line-height:1.4}.keiser-recovery{background:#f7844e14;border:1px solid #bc5f3733;border-radius:1rem;gap:.65rem;margin-top:.75rem;padding:.85rem;display:grid}.keiser-recovery>p,.keiser-recovery>small,.keiser-recovery ol{color:var(--muted);margin:0;font-size:.72rem;line-height:1.5}.keiser-recovery ol{gap:.3rem;padding-left:1.15rem;display:grid}.keiser-recovery>.primary-button{width:100%}.chrome-setting-address{gap:.5rem;display:grid}.chrome-setting-address code{color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#ffffff85;border:1px solid #173f3a17;border-radius:.65rem;padding:.6rem;font-size:.66rem;line-height:1.4}.chrome-setting-address button{width:100%}.keiser-recovery .copy-status{color:var(--accent-dark)}.connected-profiles{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.connected-profiles span,.estimate-badge{color:#275f4e;background:#2f7b631f;border-radius:999px;padding:.27rem .48rem;font-size:.62rem;font-weight:760}.panel-actions{gap:.5rem;margin-top:.7rem;display:grid}.panel-actions button{width:100%}.connection-section{margin-top:1.25rem}.section-heading{align-items:center;gap:.45rem;display:flex}.section-heading svg{color:var(--green)}.section-heading h3{margin:0;font-size:.87rem}.connection-section>p{color:var(--muted);margin:.42rem 0 0;font-size:.72rem;line-height:1.5}.profile-list,.live-data-grid{gap:.45rem;margin-top:.65rem;display:grid}.live-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-list article,.live-data-grid article{background:#ffffff6b;border:1px solid #173f3a14;border-radius:.85rem;align-items:flex-start;gap:.65rem;padding:.7rem;display:flex}.profile-list article>svg,.live-data-grid article>svg{min-width:1.1rem;color:var(--accent-dark);margin-top:.06rem}.profile-list article div,.live-data-grid article div{gap:.12rem;min-width:0;display:grid}.profile-list strong,.live-data-grid strong{font-size:.74rem}.live-data-grid strong{font-variant-numeric:tabular-nums}.profile-list span,.live-data-grid span{color:var(--muted);font-size:.66rem;line-height:1.35}.number-field{color:var(--muted);justify-content:space-between;align-items:center;gap:.8rem;margin-top:.65rem;font-size:.72rem;display:flex}.number-field__input{border:1px solid var(--line);background:#ffffff85;border-radius:.75rem;align-items:center;display:flex;overflow:hidden}.number-field input{width:5.7rem;min-height:2.65rem;color:var(--ink);background:0 0;border:0;padding:.55rem .2rem .55rem .7rem;font-weight:760}.number-field__input>span{padding-right:.65rem;font-size:.65rem}.connection-guide{color:var(--muted);margin:.65rem 0 0;padding-left:1.25rem;font-size:.72rem;line-height:1.45}.connection-guide li+li{margin-top:.35rem}.appearance-panel{gap:1.05rem;display:grid}.rider-gender-group,.color-group{border:0;min-width:0;margin:0;padding:0}.rider-gender-group legend,.color-group legend{align-items:center;gap:.42rem;margin-bottom:.55rem;font-size:.8rem;font-weight:800;display:flex}.rider-gender-group legend svg,.color-group legend svg{color:var(--green)}.rider-gender-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.rider-gender-choice{border:1px solid var(--line);min-height:3.5rem;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff61;border-radius:.85rem;grid-template-columns:2.35rem minmax(0,1fr) 1.1rem;align-items:center;gap:.55rem;padding:.5rem .6rem;display:grid}.rider-gender-choice:hover,.rider-gender-choice[aria-pressed=true]{background:#2f7b631a;border-color:#2f7b6347}.rider-gender-choice__icon{width:2.35rem;height:2.35rem;color:var(--green);background:#fff9;border-radius:.72rem;place-items:center;display:grid}.rider-gender-choice strong{font-size:.75rem}.rider-gender-choice>svg{color:var(--accent-dark)}.color-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;display:grid}.color-choice{min-width:0;min-height:4.4rem;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.82rem;place-items:center;gap:.32rem;padding:.45rem .25rem;font-size:.61rem;display:grid}.color-choice:hover,.color-choice[aria-pressed=true]{border-color:var(--line);color:var(--ink);background:#ffffff7a}.color-swatch{color:#fff;border:2px solid #ffffffc7;border-radius:50%;place-items:center;width:2.15rem;height:2.15rem;display:grid;box-shadow:0 0 0 1px #173f3a29}.local-note{color:var(--muted);background:#2f7b6317;border-radius:.85rem;align-items:flex-start;gap:.55rem;padding:.7rem;font-size:.7rem;line-height:1.4;display:flex}.local-note svg{min-width:1.1rem;color:var(--green)}.history-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.7rem;display:grid}.history-summary>div{background:#ffffff73;border:1px solid #173f3a14;border-radius:.85rem;gap:.08rem;min-width:0;padding:.65rem;display:grid}.history-summary svg{color:var(--accent-dark);margin-bottom:.15rem}.history-summary span{color:var(--muted);font-size:.6rem}.history-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.export-button{width:100%;margin-top:.65rem}.history-empty{min-height:12rem;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:.35rem;display:grid}.history-empty strong{color:var(--ink);font-size:.86rem}.history-empty span{max-width:16rem;font-size:.72rem;line-height:1.4}.history-list{gap:.6rem;margin-top:.8rem;display:grid}.history-card{border:1px solid var(--line);background:#ffffff7a;border-radius:.95rem;padding:.8rem}.history-card header{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.history-card header>div{gap:.12rem;display:grid}.history-card header strong{font-size:.78rem}.history-card header span{color:var(--muted);font-size:.65rem}.history-card .estimate-badge{color:#275f4e}.history-card dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:.7rem 0 0;display:grid}.history-card dt{color:var(--muted);font-size:.57rem}.history-card dd{margin:.1rem 0 0;font-size:.67rem;font-weight:800}.history-actions{flex-wrap:wrap;gap:.4rem;margin-top:.72rem;display:flex}.history-actions>button{flex:auto;min-height:2.35rem;padding:.48rem .62rem}.replay-unavailable{min-height:2.35rem;color:var(--muted);align-items:center;margin-right:auto;font-size:.66rem;display:inline-flex}@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.language-menu,.ride-hud,.replay-hud,.control-pad,.drawer{background:#fffaecf0}}@media (width<=700px){.tool-dock{gap:.08rem}.language-menu{top:calc(max(.65rem, env(safe-area-inset-top)) + 3.35rem);right:max(.65rem, env(safe-area-inset-right));position:fixed}.replay-hud .language-menu{top:calc(max(.65rem, env(safe-area-inset-top)) + 3.35rem);bottom:auto}.icon-button{width:2.45rem;min-width:2.45rem;height:2.45rem}.ride-hud,.ride-hud--collapsed{top:max(.65rem, env(safe-area-inset-top));right:max(.65rem, env(safe-area-inset-right));left:max(.65rem, env(safe-area-inset-left));width:auto}.replay-hud{right:max(.65rem, env(safe-area-inset-right));bottom:max(.65rem, env(safe-area-inset-bottom));left:max(.65rem, env(safe-area-inset-left));width:auto;padding:.65rem}.replay-metrics,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:4rem}.metric strong{font-size:1.1rem}.device-metric-grid .metric{min-height:3.25rem;padding:.45rem}.device-metric-grid .metric>svg{display:none}.device-metric-grid .metric strong{font-size:.96rem}.compact-hud{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.metric--compact{min-height:2.75rem;padding:.38rem .4rem}.metric--compact>svg{display:none}.metric--compact strong{font-size:.88rem}.control-pad{bottom:max(.75rem, env(safe-area-inset-bottom))}.control-button{width:3.1rem;min-width:3.1rem;height:3.1rem;min-height:3.1rem}.keyboard-hint{display:none}.drawer-layer{align-items:flex-end;padding:0}.drawer{border-bottom:0;border-left:0;border-right:0;border-radius:1.35rem 1.35rem 0 0;width:100%;max-height:min(84svh,46rem);animation-name:drawer-up}@keyframes drawer-up{0%{opacity:0;transform:translateY(1rem)}}.drawer-content{padding-bottom:max(1rem, env(safe-area-inset-bottom))}}@media (width<=360px){.brand-lockup{padding-right:.36rem}.brand-lockup h1{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ride-state>span:last-child{display:none}.online-mode-list{grid-template-columns:1fr}}@media (height<=600px){.ride-hud,.ride-hud--collapsed{top:max(.45rem, env(safe-area-inset-top));width:min(27rem,100vw - 2rem);padding:.55rem}.replay-hud{right:max(.75rem, env(safe-area-inset-right));bottom:max(.55rem, env(safe-area-inset-bottom));width:min(31rem,100vw - 1.5rem);left:auto}.replay-metrics{display:none}.hud-heading{min-height:1.9rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-height:3.6rem;padding:.45rem}.metric-label,.metric small{font-size:.52rem}.session-row{margin-top:.4rem}.control-pad{right:max(.75rem, env(safe-area-inset-right));bottom:max(.55rem, env(safe-area-inset-bottom));left:auto;transform:none}.control-button{width:3rem;min-width:3rem;height:3rem;min-height:3rem}}@media (width<=380px){.ride-state>span:last-child{display:none}.hud-heading{gap:.25rem}.hud-heading .icon-button{width:2.25rem;min-width:2.25rem;height:2.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (pointer:coarse) and (width<=900px){.language-menu,.ride-hud,.replay-hud,.control-pad,.keyboard-hint,.drawer-backdrop,.drawer{-webkit-backdrop-filter:none}}
