:root{color:#26332f;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.58}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.02em}.eyebrow{color:#728079;letter-spacing:.13em;margin-bottom:7px;font-size:11px;font-weight:800}.primary,.secondary,.sidebar-button,.text-button{border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:750;display:inline-flex}.primary{color:#fff;background:#176b55;padding:0 18px}.primary:hover{background:#0e5b47}.secondary{color:#34453f;background:#fff;border:1px solid #cbd4ce;padding:0 16px}.full{width:100%}.text-button{color:#bbcbc5;background:0 0;padding:0}.text-button.dark{color:#42514b}.text-button:hover{text-decoration:underline}label{color:#4f5e58;gap:7px;font-size:13px;font-weight:700;display:grid}input{color:#26332f;background:#fff;border:1px solid #cbd4ce;border-radius:5px;outline:none;width:100%;min-height:44px;padding:0 12px}input:focus{border-color:#176b55;box-shadow:0 0 0 3px #176b551f}label small{color:#7b8781;font-weight:500}.form-error,.patient-error{color:#a52b2b;font-size:13px;font-weight:700}.login-page{grid-template-columns:minmax(320px,480px) minmax(0,1fr);min-height:100vh;display:grid}.login-panel{background:#fdfbf6;flex-direction:column;justify-content:center;padding:clamp(36px,8vw,84px);display:flex}.brand-mark{color:#d9eee6;background:#176b55;border-radius:13px;place-items:center;width:54px;height:54px;margin-bottom:28px;font-size:29px;display:grid}.brand-mark.small{vertical-align:middle;border-radius:9px;width:36px;height:36px;margin:0;font-size:20px;display:inline-grid}.login-panel h1{margin-bottom:13px;font-size:clamp(40px,5vw,53px);line-height:1.02}.login-copy{color:#66756f;max-width:330px;margin-bottom:35px;line-height:1.55}.login-panel form{gap:18px;display:grid}.login-context{color:#fff;background:radial-gradient(circle at 75% 16%,#d6e9bd 0,#0000 18%),linear-gradient(145deg,#264a45,#143630);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-context p{z-index:2;color:#dce9df;letter-spacing:.04em;margin:370px 0 0;font-size:clamp(17px,2vw,24px);font-weight:700}.focus-orbit{aspect-ratio:1;border:1px solid #edfcdb45;border-radius:50%;width:min(53vw,620px);position:absolute}.orbit-two{border-color:#edfcdb5c;width:min(32vw,370px)}.focus-dot{z-index:1;color:#e8f4d8;background:#8dbf70;border:12px solid #e8f4d8;border-radius:50%;place-items:center;width:104px;height:104px;font-size:42px;display:grid;box-shadow:0 0 0 25px #bbdd9a1a,0 0 80px #d0f6a599}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#203d36;flex-direction:column;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:11px;margin-bottom:34px;font-weight:800;display:flex}.nav-heading{color:#aebfb9;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin:0 8px 8px;font-size:11px;font-weight:800;display:flex}.patient-nav{min-height:0;overflow-y:auto}.patient-nav button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;padding:10px;display:flex}.patient-nav button:hover,.patient-nav button.active{background:#315249}.patient-nav button.active{box-shadow:inset 3px 0 #b8d785}.patient-nav strong,.patient-nav small{display:block}.patient-nav small{color:#acc0b8;text-overflow:ellipsis;white-space:nowrap;max-width:165px;margin-top:3px;font-size:11px;overflow:hidden}.avatar{color:#24453c;background:#d7e4df;border-radius:7px;flex:0 0 36px;place-items:center;height:36px;font-weight:800;display:grid}.sidebar-actions{gap:8px;margin-top:auto;display:grid}.sidebar-button{color:#fff;background:#315249;border:1px solid #58736b;padding:0 12px}.sidebar-button:hover{background:#3a5b51}.sidebar-button.muted{color:#bfcec8;background:0 0;border-color:#0000;justify-content:flex-start}.therapist-main{min-width:0;padding:0 38px 48px}.topbar{border-bottom:1px solid #d9dfdb;justify-content:space-between;align-items:center;min-height:112px;display:flex}.topbar h1{margin:0;font-size:30px}.connection{color:#68766f;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.connection i{background:#2a9c70;border-radius:50%;width:9px;height:9px}.connection.busy i{background:#d29a3b}.workspace{gap:24px;max-width:1120px;margin:32px auto 0;display:grid}.config-section,.history-section{background:#fff;border:1px solid #d8dfda;border-radius:7px;overflow:hidden}.section-accent{color:#175a48;background:#d9eee6;padding:9px 24px;font-size:12px;font-weight:800}.section-heading{border-bottom:1px solid #e2e7e4;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:20px 24px;display:flex}.section-heading h2{margin:0 0 5px;font-size:23px}.section-heading p{color:#6f7c76;margin:0;font-size:13px}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 36px;padding:28px 24px;display:grid}.input-suffix{display:block;position:relative}.input-suffix input{padding-right:38px}.input-suffix em{color:#77847f;font-size:13px;font-style:normal;font-weight:500;position:absolute;top:14px;right:12px}.toggle{cursor:pointer;white-space:nowrap;grid-template-columns:auto 1fr;align-items:center;gap:11px;min-height:44px;display:inline-grid}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:#bfc9c3;border-radius:12px;width:42px;height:24px;padding:3px;transition:all .15s;display:block}.toggle-track i{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .15s;display:block}.toggle input:checked+.toggle-track{background:#176b55}.toggle input:checked+.toggle-track i{transform:translate(18px)}.source-note{color:#59655f;background:#f7faef;border-left:3px solid #b8d785;margin:0 24px 24px;padding:15px 17px;line-height:1.5}.section-footer{justify-content:flex-end;padding:0 24px 24px;display:flex}.metric-row{border-bottom:1px solid #e2e7e4;grid-template-columns:repeat(4,1fr);display:grid}.metric{border-right:1px solid #e2e7e4;padding:22px 24px}.metric:last-child{border-right:0}.metric span{color:#738079;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.metric strong{font-size:25px}.history-empty{color:#77847f;text-align:center;padding:38px 24px}.history-chart{border-bottom:1px solid #e2e7e4;align-items:end;gap:16px;height:210px;padding:30px 30px 22px;display:flex}.chart-column{text-align:center;flex:1;grid-template-rows:22px 1fr 18px;align-items:end;height:100%;display:grid}.chart-column strong,.chart-column small{color:#6f7b75;font-size:11px}.chart-column span{background:#77a66a;border-radius:3px 3px 0 0;width:min(34px,70%);min-height:10px;margin:0 auto}.session-list article{border-bottom:1px solid #edf0ee;grid-template-columns:1.3fr 1fr .8fr 1fr;gap:18px;padding:15px 24px;font-size:13px;display:grid}.session-list article:last-child{border:0}.flash{border-radius:6px;justify-content:space-between;align-items:center;max-width:1120px;margin:18px auto 0;padding:13px 16px;font-weight:700;display:flex}.flash.success{color:#185844;background:#dcefe7}.flash.error{color:#8f2927;background:#f7e1df}.flash button{color:inherit;background:0 0;border:0;font-size:18px}.empty-state{color:#66736d;text-align:center;align-content:center;place-items:center;gap:14px;min-height:360px;display:grid}.empty-state h2{color:#2d3b36;margin:0}.dialog-backdrop{z-index:10;background:#142a2380;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:10px;gap:17px;width:min(100%,440px);padding:30px;display:grid;position:relative;box-shadow:0 24px 70px #0a1e164d}.dialog h2{margin:-8px 0 5px}.dialog-close{color:#66756f;background:0 0;border:0;font-size:24px;position:absolute;top:15px;right:17px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.patient-page{background:#f3f5f2;min-height:100vh}.patient-header{background:#fff;border-bottom:1px solid #d9dfdb;justify-content:space-between;align-items:center;min-height:76px;padding:0 clamp(24px,6vw,88px);display:flex}.patient-header>div{align-items:center;gap:11px;display:flex}.patient-header>div:last-child{color:#69766f;gap:22px;font-size:13px}.patient-hero{background:linear-gradient(115deg,#e5f0dc,#f8fbf3 66%,#e1eee8);padding:clamp(48px,8vw,94px) clamp(24px,6vw,88px) 48px}.patient-hero h1{margin-bottom:11px;font-size:clamp(37px,5vw,59px)}.patient-hero>p:last-child{color:#5e6d65;max-width:530px;margin:0;font-size:18px;line-height:1.5}.patient-content{max-width:1080px;margin:-5px auto 0;padding:0 28px 70px}.patient-error{text-align:center;padding:0 28px}.patient-empty{color:#617068;text-align:center;background:#fff;border:1px solid #d8dfda;border-radius:8px;margin-top:38px;padding:50px 30px}.patient-empty h2{color:#273a33}.exercise-card{background:#fff;border:1px solid #d5dfd3;border-radius:10px;grid-template-columns:112px 1fr 250px;gap:34px;margin-top:38px;padding:38px;display:grid;box-shadow:0 13px 30px #203d360f}.exercise-number{color:#285443;background:#dceccf;border-radius:15px;place-items:center;width:70px;height:70px;font-size:23px;font-weight:800;display:grid}.exercise-copy h2{margin-bottom:10px;font-size:29px}.exercise-copy>p:not(.eyebrow){color:#64726b;max-width:560px;line-height:1.55}.exercise-copy dl{gap:38px;margin:24px 0;display:flex}.exercise-copy dl div{min-width:105px}.exercise-copy dt{color:#7a8880;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.exercise-copy dd{color:#2f453d;margin:0;font-weight:750}.exercise-preview{color:#53715e;background:#edf5e7;border-radius:8px;align-content:center;justify-items:center;gap:16px;font-size:13px;font-weight:700;display:grid}.preview-ring{background:#f9fcf6;border:10px solid #d2e7c5;border-radius:50%;place-items:center;width:115px;height:115px;display:grid}.preview-ring i{background:#78ad62;border-radius:50%;width:48px;height:48px;display:block;box-shadow:0 0 0 10px #e7f2df}.patient-stats{margin-top:30px}.patient-stats h2{font-size:20px}.patient-stats>div{background:#fff;border:1px solid #d8dfda;border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.patient-settings-login{min-height:36px;font-size:12px}.dialog-copy{color:#66756f;margin:-5px 0 0;font-size:13px;line-height:1.5}.pin-dialog>small{color:#78857f;margin-top:-13px;font-size:11px}.pin-input{letter-spacing:.55em;text-align:center;height:58px;padding-left:.55em;font-size:27px;font-weight:800}.patient-settings-content{max-width:1180px;padding-top:30px}.patient-settings-content .config-section{margin-top:20px}.settings-access-note{color:#345548;background:#edf6f0;border:1px solid #cfe0d5;border-radius:8px;justify-content:space-between;align-items:center;gap:22px;padding:14px 18px;font-size:13px;display:flex}.settings-access-note span{color:#62756c}.patient-settings-content>.flash{margin-top:16px}.quick-reaction-settings{border-bottom:0}.training-page{background:#f7faf5;grid-template-rows:76px 1fr;min-height:100vh;display:grid}.training-header{color:#66756e;background:#fff;border-bottom:1px solid #d9e0d8;justify-content:space-between;align-items:center;padding:0 clamp(24px,6vw,88px);font-size:13px;display:flex}.training-stage{text-align:center;align-content:center;place-items:center;min-height:0;padding:38px 24px;display:grid}.training-intro{max-width:520px}.training-intro h1,.result-card h1{margin-bottom:13px;font-size:clamp(38px,6vw,58px)}.training-intro p:not(.eyebrow){color:#64726a;line-height:1.6}.training-intro .primary{margin-top:20px}.reaction-target{aspect-ratio:1;background:#cdd5d0;border:0;border-radius:50%;place-items:center;width:min(48vw,310px);min-width:210px;transition:transform 80ms,background .14s,box-shadow .14s;display:grid;box-shadow:inset 0 -16px #21332a17,0 19px 38px #203d3626}.reaction-target span{aspect-ratio:1;border:8px solid #ffffff8a;border-radius:50%;width:38%}.reaction-target:hover{transform:scale(1.015)}.reaction-target.active{background:#6ba953;box-shadow:inset 0 -16px #1b532529,0 0 0 19px #d9efce,0 20px 47px #3d82374d}.reaction-target.feedback{background:#e8cb83}.reaction-notice{color:#53635b;min-height:28px;margin:34px 0 16px;font-size:17px;font-weight:700}.trial-progress{flex-wrap:wrap;justify-content:center;gap:8px;max-width:390px;display:flex}.trial-progress i{background:#d1d9d3;border-radius:50%;width:9px;height:9px}.trial-progress i.current{background:#a5c389;box-shadow:0 0 0 3px #e0edda}.trial-progress i.success{background:#4d9a68}.trial-progress i.correct-rejection{background:#668aa2}.trial-progress i.miss{background:#bd5951}.trial-progress i.false-alarm,.trial-progress i.early{background:#c8794c}.result-card{background:#fff;border:1px solid #d7e2d4;border-radius:13px;width:min(100%,650px);padding:clamp(28px,5vw,48px);box-shadow:0 18px 44px #203d3617}.result-card>p:not(.eyebrow){color:#617068;margin:28px 0}.result-grid{text-align:left;border:1px solid #dce4da;border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-context{display:none}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;min-height:0;padding:16px;position:static}.sidebar-brand{margin-bottom:14px}.patient-nav{display:flex;overflow-x:auto}.patient-nav button{flex:none;width:auto}.sidebar-actions{margin-top:14px;display:flex}.therapist-main{padding:0 20px 34px}.topbar{min-height:90px}.field-grid{grid-template-columns:1fr;gap:17px}.exercise-card{grid-template-columns:72px 1fr;gap:18px;padding:26px}.exercise-preview{display:none}.settings-access-note{flex-direction:column;align-items:flex-start;gap:4px}}@media (width<=560px){.login-panel{padding:38px 28px}.topbar h1{font-size:24px}.connection{display:none}.section-heading{flex-direction:column;align-items:flex-start}.metric-row{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #e2e7e4}.history-chart{gap:5px;padding:22px 12px}.session-list article{grid-template-columns:1fr 1fr;gap:9px}.patient-header{min-height:68px;padding:8px 14px}.patient-header>div:last-child span{display:none}.patient-header>div:last-child{gap:8px}.patient-header>div:first-child strong{display:none}.patient-settings-login{padding-inline:10px}.patient-content{padding:0 16px 50px}.patient-settings-content{padding-top:18px}.exercise-card{grid-template-columns:1fr;margin-top:26px}.exercise-copy dl{gap:20px}.patient-stats>div,.result-grid{grid-template-columns:1fr}.patient-stats .metric,.result-grid .metric{border-bottom:1px solid #e2e7e4;border-right:0}.patient-stats .metric:last-child,.result-grid .metric:last-child{border-bottom:0}.reaction-target{width:70vw;min-width:0}}.driving-config-block{border-bottom:1px solid #e2e7e4}.driving-config-heading{justify-content:space-between;align-items:end;gap:20px;padding:23px 24px 0;display:flex}.driving-config-heading>div{gap:4px;display:grid}.driving-config-heading strong{color:#2c4038;font-size:16px}.driving-config-heading small{color:#74817b;font-size:12px;font-weight:500}.driving-config-heading>label{min-width:170px}.driving-config-heading select{min-height:38px}.difficulty-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 24px 24px;display:grid}.difficulty-level-grid button{color:#43554e;text-align:left;background:#fafcfb;border:1px solid #d7dfda;border-radius:9px;grid-template-columns:32px 1fr;align-content:center;gap:3px 10px;min-height:94px;padding:13px;display:grid;position:relative}.difficulty-level-grid button>span{color:#567168;background:#e8efeb;border-radius:8px;grid-row:1/3;place-items:center;width:31px;height:31px;font-size:12px;font-weight:850;display:grid}.difficulty-level-grid button strong{align-self:end;font-size:13px}.difficulty-level-grid button small{color:#77847e;font-size:10px;line-height:1.25}.difficulty-level-grid button.active{background:#edf7f1;border-color:#277258;box-shadow:0 0 0 2px #27725817}.difficulty-level-grid button.active>span{color:#fff;background:#277258}.difficulty-level-grid button.outside-range{opacity:.52}.level-selectors{align-items:end;gap:10px;display:flex}.level-selectors label{min-width:132px;font-size:11px}.level-selectors select{color:#26332f;min-height:38px;font:inherit;background:#fff;border:1px solid #cbd4ce;border-radius:6px;padding:0 30px 0 10px}.difficulty-level-grid.thirty-levels{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;padding-bottom:14px}.difficulty-level-grid.thirty-levels button{grid-template-columns:1fr;place-items:center;min-height:44px;padding:5px}.difficulty-level-grid.thirty-levels button>span{grid-row:auto;width:32px;height:32px}.difficulty-level-summary{border-top:1px solid #e2e7e4;grid-template-columns:minmax(0,1fr) auto;gap:24px;margin:0 24px 24px;padding-top:16px;display:grid}.difficulty-level-summary>div{gap:3px;display:grid}.difficulty-level-summary span{color:#738078;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.difficulty-level-summary strong{color:#31463e;font-size:14px}.difficulty-level-summary small{color:#6d7b74;max-width:620px;font-size:11px;line-height:1.4}.driving-config-block .field-grid{padding-top:20px}.speed-config-example{color:#286147;white-space:nowrap;background:#e7f3eb;border-radius:7px;padding:8px 11px;font-size:12px;font-weight:750}.speed-config .input-suffix em{font-size:11px}@media (width<=820px){.difficulty-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-level-grid.thirty-levels{grid-template-columns:repeat(6,minmax(0,1fr))}.difficulty-level-summary{grid-template-columns:1fr}.driving-config-heading{flex-direction:column;align-items:stretch}.driving-config-heading>label{min-width:0}.speed-config-example{white-space:normal}}@media (width<=560px){.difficulty-level-grid{grid-template-columns:1fr}.difficulty-level-grid.thirty-levels{grid-template-columns:repeat(5,minmax(0,1fr))}.driving-config-heading,.difficulty-level-grid{padding-inline:16px}.difficulty-level-summary{margin-inline:16px}.level-selectors{grid-template-columns:1fr;display:grid}.level-selectors label{min-width:0}}.training-stage{position:relative;overflow:hidden}.reaction-target{width:clamp(140px,min(48vw,42vh),310px);min-width:0}.trial-progress{z-index:2;background:#f7faf5e0;border-radius:999px;width:max-content;max-width:calc(100vw - 32px);padding:8px 12px;position:fixed;bottom:clamp(18px,4vh,36px);left:50%;transform:translate(-50%)}@media (width<=560px){.trial-progress{gap:6px;padding:7px 10px}.trial-progress i{width:8px;height:8px}}@media (height<=520px){.training-header{min-height:58px}.training-stage{padding-block:16px}.reaction-target{width:clamp(120px,min(44vw,38vh),230px)}.trial-progress{bottom:12px}}.field-grid select{color:#26332f;background:#fff;border:1px solid #cbd4ce;border-radius:5px;width:100%;min-height:44px;padding:0 36px 0 12px}.field-grid select:focus{border-color:#176b55;outline:none;box-shadow:0 0 0 3px #176b551f}.adaptive-toggle{align-self:end}.exercise-tabs{border-bottom:1px solid #e2e7e4;flex-wrap:wrap;gap:8px;padding:14px 24px;display:flex}.exercise-tabs button{color:#486057;background:#fff;border:1px solid #cbd7d0;border-radius:5px;min-height:36px;padding:0 12px;font-size:13px;font-weight:700}.exercise-tabs button span{color:#84928b;margin-right:7px;font-size:11px}.exercise-tabs button.active{color:#145940;background:#e1f0e8;border-color:#176b55}.config-section>.field-grid:not(.selective-settings)>label:first-child{display:none}.exercise-card-list{gap:22px;display:grid}.reaction-time-chart{background:#fff;border:1px solid #d6e3d2;border-radius:14px;width:min(88vw,880px);height:min(48vh,390px);padding:18px;box-shadow:0 18px 42px #203d3617}.reaction-time-chart svg{width:100%;height:100%;overflow:visible}.reaction-time-chart path{fill:none;stroke:#e1e8df;stroke-width:1px}.reaction-time-chart polyline{fill:none;stroke:#4c9867;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.reaction-time-chart circle{fill:#4c9867;stroke:#fff;stroke-width:2px}.reaction-time-chart text{fill:#617068;font-size:13px;font-weight:700}.exercise-result{text-align:left;width:min(92vw,920px)}.result-heading{justify-content:space-between;align-items:end;gap:22px;margin-bottom:18px;display:flex}.result-heading h1{color:#26332f;margin:0;font-size:clamp(28px,4vw,42px)}.result-heading .eyebrow{margin:0 0 5px}.result-heading>strong{color:#176b55;font-size:clamp(30px,5vw,48px)}.result-metric-grid{border:1px solid #d6e3d2;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;display:grid;overflow:hidden}.result-metric-grid .metric{background:#fff;border-bottom:1px solid #e2eae0;border-right:1px solid #e2eae0;min-height:82px;padding:13px 15px}.result-metric-grid .metric:nth-child(4n){border-right:0}.result-metric-grid .metric:nth-last-child(-n+4){border-bottom:0}.result-metric-grid .metric span{color:#6a7a71;font-size:12px;display:block}.result-metric-grid .metric strong{color:#26332f;margin-top:6px;font-size:20px;display:block}.chart-note{color:#64726a;margin:11px 2px 0;font-size:13px;line-height:1.45}.progress-legend{color:#56675e;flex-wrap:wrap;gap:10px 18px;margin-top:13px;font-size:12px;display:flex}.progress-legend span{align-items:center;gap:6px;display:inline-flex}.progress-legend i{border-radius:50%;width:9px;height:9px}.progress-legend .success{background:#4d9a68}.progress-legend .correct-rejection{background:#668aa2}.progress-legend .miss{background:#bd5951}.progress-legend .false-alarm{background:#c8794c}.login-context{padding:clamp(30px,7vw,100px)}.login-context-visual{background:#ffffff1a;border:1px solid #ebf9dc52;border-radius:26px;width:min(100%,820px);padding:11px;position:relative;box-shadow:0 28px 70px #081e1b47}.login-context-visual img{border-radius:17px;width:100%;display:block}.patient-actions{gap:9px;margin-left:auto;margin-right:18px;display:flex}.danger{color:#9a3831;background:#fff;border:1px solid #d9aaa4;border-radius:6px;min-height:42px;padding:0 16px;font-weight:750}.danger:hover{background:#fbedeb}.selective-stimulus{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:min(86vw,980px);height:min(68vh,630px);padding:clamp(18px,4vw,44px);display:grid}.selective-item{aspect-ratio:1;background:#6ba953;border:7px solid #ffffff8c;border-radius:50%;width:clamp(70px,13.5vw,172px);display:block;box-shadow:inset 0 -8px #1b532529,0 8px 17px #203d3621}.selective-item.neutral{background:#cdd5d0}.selective-item.distractor.color_only.low{background:#c77d55}.selective-item.distractor.color_only.medium{background:#c7a85a}.selective-item.distractor.color_only.high{background:#7fa766}.selective-item.distractor.shape_only{background:#6ba953}.selective-item.distractor.shape_only.low{border-radius:10%}.selective-item.distractor.shape_only.medium{border-radius:28%}.selective-item.distractor.shape_only.high{border-radius:42%}.selective-item.distractor.color_and_shape.low{background:#c77d55;border-radius:10%}.selective-item.distractor.color_and_shape.medium{background:#c7a85a;border-radius:28%}.selective-item.distractor.color_and_shape.high{background:#7fa766;border-radius:42%}.reaction-target.no-go-color.active{background:#d2a15d}.training-page .reaction-target:hover{transform:none}.reaction-target.active,.reaction-target.feedback,.reaction-target.done,.reaction-target.no-go-color.active{box-shadow:inset 0 -16px #21332a17,0 19px 38px #203d3626}@media (width<=560px){.exercise-tabs{padding-inline:16px}.exercise-tabs button{flex:100%}.reaction-time-chart{width:94vw;height:min(42vh,310px)}.exercise-result{width:94vw}.result-heading{align-items:start}.result-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-metric-grid .metric:nth-child(4n){border-right:1px solid #e2eae0}.result-metric-grid .metric:nth-last-child(-n+4){border-bottom:1px solid #e2eae0}.result-metric-grid .metric:nth-child(2n){border-right:0}.result-metric-grid .metric:nth-last-child(-n+2){border-bottom:0}.patient-actions{order:3;width:100%;margin:-10px 0 10px}.topbar{flex-wrap:wrap;padding-block:16px}.selective-stimulus{width:min(96vw,540px);height:min(58vh,440px);padding:12px}.selective-item{border-width:5px;width:clamp(52px,22vw,105px)}}@media (height<=520px){.selective-stimulus{height:min(54vh,320px);padding:8px}.selective-item{border-width:4px;width:clamp(48px,12vw,90px)}}.driving-page{background:#17272b;grid-template-rows:72px 1fr;min-height:100vh;display:grid;overflow:hidden}.driving-header{z-index:4;color:#52635e;background:#fff;justify-content:space-between;align-items:center;gap:18px;padding:0 clamp(18px,5vw,70px);font-size:13px;display:flex}.driving-header>div{align-items:center;gap:10px;display:flex}.driving-header>div:nth-child(2){color:#243d37}.driving-header>div:nth-child(2) span{color:#346851;background:#e3efe6;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:800}.driving-intro,.driving-result{text-align:center;background:#fff;border-radius:18px;place-self:center;width:min(92vw,660px);padding:clamp(28px,5vw,54px);box-shadow:0 24px 70px #00000038}.driving-intro h1,.driving-result h1{color:#263a35;margin:7px 0 13px;font-size:clamp(32px,5vw,50px)}.driving-intro>p:not(.eyebrow){color:#65736d;max-width:500px;margin-inline:auto;line-height:1.55}.driving-audio-note{font-size:13px}.key-guide,.controls{justify-content:center;gap:7px;display:flex}.key-guide{margin:22px 0}.key-guide kbd,.controls kbd{color:#315546;background:#f9fcf9;border:1px solid #c2d0c8;border-bottom-width:3px;border-radius:5px;place-items:center;min-width:34px;height:30px;font:700 13px/1 system-ui;display:grid}.driving-stage{min-height:0;position:relative;overflow:hidden}.road-scene{background:linear-gradient(#92c9e4 0 47%,#a7c881 47%);position:absolute;inset:0 0 24%;overflow:hidden}.sky{background:radial-gradient(at 75% 8%,#fff7c9 0 4%,#0000 5%),linear-gradient(#81bfdf,#d3eff4);position:absolute;inset:0 0 53%}.horizon{clip-path:polygon(0 68%,14% 42%,29% 65%,43% 22%,57% 60%,72% 32%,87% 57%,100% 36%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#587a5c 0 4%,#416945 4% 6%,#77975d 6% 11%);height:16%;position:absolute;bottom:44%;left:-5%;right:-5%}.road{clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(90deg,#59656b 0 4%,#374147 4% 96%,#59656b 96%);width:min(116vw,1420px);height:62%;position:absolute;bottom:-7%;left:50%;transform:translate(-50%)}.road span{background:#fff7d1;width:2%;height:16%;animation:1.25s linear infinite road-marks;position:absolute;left:50%;transform:translate(-50%)}.road span:first-child{top:7%}.road span:nth-child(2){animation-delay:-.31s;top:31%}.road span:nth-child(3){animation-delay:-.62s;top:56%}.road span:nth-child(4){animation-delay:-.93s;top:81%}@keyframes road-marks{0%{opacity:.4;transform:translate(-50%)scaleX(.45)}to{opacity:1;transform:translate(-50%)scaleX(3)}}.roadside{background:repeating-linear-gradient(165deg,#0000 0 32px,#fff6 33px 36px,#0000 37px 70px);width:30%;height:51%;position:absolute;bottom:0}.roadside.left{left:0;transform:skewY(-18deg)}.roadside.right{right:0;transform:skewY(18deg)}.driving-stimulus{z-index:2;color:#202c2a;text-align:center;background:#f8fbf8;border:4px solid #fff;border-radius:12px;place-items:center;gap:4px;min-width:92px;max-width:min(68vw,320px);padding:10px 13px;animation:2.6s ease-out approach;display:grid;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #1425254d}.driving-stimulus strong{font-size:12px}.driving-stimulus small{color:#516461;font-size:11px}.stimulus-symbol{color:#1f2e31;border-radius:50%;place-items:center;width:48px;height:48px;font-size:25px;font-weight:900;display:grid}.speed_limit .stimulus-symbol{background:#fff;border:5px solid #d6443d;font-size:18px}.traffic_light .stimulus-symbol{color:#fff;background:#df4b43;border:4px solid #1c2528}.crosswalk .stimulus-symbol{color:#fff;background:repeating-linear-gradient(0deg,#20456e 0 7px,#fff 7px 12px);border-radius:3px}.nav_left,.nav_right,.traffic_report{background:#edf8fa;border-color:#e3eff2;bottom:26%}.nav_left .stimulus-symbol,.nav_right .stimulus-symbol,.traffic_report .stimulus-symbol{color:#fff;background:#2c7585;border-radius:10px}.phone_call{background:#fff8df;border-color:#e7d5a3;bottom:28%}.phone_call .stimulus-symbol{color:#fff;background:#e5aa35}.text_message{background:#f6fbff;border-color:#c8dbe4;max-width:170px;bottom:42%;left:auto;right:5%;transform:none}.text_message .stimulus-symbol{color:#fff;background:#4c8eb4;border-radius:10px}@keyframes approach{0%{opacity:0;transform:translate(-50%)scale(.28)translateY(-200px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.driving-stimulus.text_message{animation-name:message-in}@keyframes message-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.ring{border:3px solid #e3aa35a6;border-radius:15px;animation:1s ease-out infinite ring;position:absolute;inset:-8px}@keyframes ring{to{opacity:0;transform:scale(1.25)}}.cockpit{z-index:3;background:linear-gradient(160deg,#2a383c,#111d21);height:31%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -12px 34px #00000040}.steering-wheel{aspect-ratio:1;border:clamp(13px,2vw,24px) solid #1b2326;border-radius:50%;width:min(30vw,310px);position:absolute;bottom:-28%;left:12%;box-shadow:inset 0 0 0 5px #546166,0 0 0 6px #101719}.steering-wheel i{background:#303d42;border-radius:50%;position:absolute;inset:39%}.dashboard{color:#e4eee6;grid-template-columns:84px 1fr auto;align-items:center;gap:clamp(10px,2vw,25px);display:grid;position:absolute;bottom:12%;left:38%;right:max(5%,36px)}.speedometer{text-align:center;background:#162026;border:3px solid #70b17c;border-radius:50%;place-content:center;width:78px;height:78px;display:grid}.speedometer span{color:#89a59a;font-size:9px;font-weight:800}.speedometer strong{color:#e5f8e6;font-size:25px}.dashboard-message{color:#d5e1d7;gap:5px;font-size:clamp(12px,1.6vw,16px);font-weight:700;display:grid}.dashboard-message b{color:#82d49b;letter-spacing:.12em;font-size:9px}.dashboard-message b.auditory{color:#91d5ed}.controls{justify-content:end}.controls kbd{color:#ecf5ee;background:#243137;border-color:#5c7470 #5c7470 #879f9a}.driving-progress{z-index:5;color:#ecf3ee;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:16px;left:20px;right:20px}.driving-progress i{background:#8bc89a;border-radius:99px;height:5px;transition:width .25s;display:block}.driving-progress:after{z-index:-1;content:"";background:#ffffff59;border-radius:99px;height:5px;position:absolute;left:0;right:0}.driving-score{color:#176b55;margin:12px 0 24px;font-size:clamp(48px,9vw,80px);display:block}.driving-metrics{text-align:left;border:1px solid #d5e2d7;border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.driving-metrics span{color:#6b7c73;font-size:11px;display:block}.driving-metrics strong{color:#2b4138;margin-top:5px;font-size:19px;display:block}.driving-result-note{color:#65746d;margin:18px 0 0;font-size:13px}@media (width<=620px){.driving-page{grid-template-rows:62px 1fr}.driving-header{padding-inline:14px}.driving-header>div:nth-child(2) span{display:none}.road-scene{bottom:29%}.cockpit{height:36%}.steering-wheel{width:48vw;bottom:-12%;left:-5%}.dashboard{grid-template-columns:64px 1fr;gap:10px;bottom:14%;left:34%;right:12px}.speedometer{width:62px;height:62px}.speedometer strong{font-size:20px}.controls{grid-column:1/-1;justify-content:start}.text_message{right:3%}.driving-metrics{grid-template-columns:repeat(2,1fr)}.driving-metrics div:nth-child(2){border-right:0}.driving-metrics div:nth-child(-n+2){border-bottom:1px solid #dce7df}}.traffic_light.green-light .stimulus-symbol{background:#55a95f}:root{--drive-ink:#14211f;--drive-muted:#697874;--drive-mint:#85d6b0;--drive-accent:#37a47c;--drive-night:#111a1c;--drive-glass:#ffffffc2}.driving-page{min-height:100svh;color:var(--drive-ink);background:#e9efeb;grid-template-rows:68px 1fr;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;overflow:hidden}.driving-header{z-index:30;color:#485954;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fbf9eb;border-bottom:1px solid #12292214;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:68px;padding:0 clamp(18px,4.2vw,68px);display:grid;position:relative;box-shadow:0 1px 18px #1628220d}.drive-back,.drive-finish{color:#465853;background:0 0;border:0;border-radius:999px;width:max-content;min-height:38px;padding:0 13px;font-weight:720}.drive-back{align-items:center;gap:8px;display:inline-flex}.drive-back span{font-size:18px;transition:transform .18s}.drive-back:hover{background:#edf2ee}.drive-back:hover span{transform:translate(-2px)}.drive-finish{color:#176247;background:#e4f1e9}.drive-finish:disabled{opacity:.42}.drive-title{align-items:center;gap:10px;display:flex}.drive-logo{color:#fff;background:linear-gradient(145deg,#2c8568,#65b994);border-radius:9px;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:18px;font-style:italic;font-weight:700;display:grid;box-shadow:0 5px 13px #2e856838}.drive-title strong{letter-spacing:-.01em;font-size:15px}.drive-title em{color:#5b6e66;letter-spacing:.05em;text-transform:uppercase;background:#e8f0eb;border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:800}.drive-session-status{justify-content:end;align-items:baseline;gap:8px;font-size:11px;display:flex}.drive-session-status>span{color:#74827d}.drive-session-status>strong{color:#263d36;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:19px}.drive-pause{color:#315b4c;background:#edf4f0;border:1px solid #d7e2dc;border-radius:999px;align-items:center;gap:7px;min-height:36px;margin-right:8px;padding:0 13px;font:760 11px/1 inherit;display:inline-flex}.drive-pause:hover{background:#e3f0e9;border-color:#b9d2c5}.drive-pause span{color:#23805f;text-align:center;width:12px;font-size:12px}.save-error{font-weight:750;color:#a3453f!important}.driving-intro{width:auto;box-shadow:none;text-align:left;background:#f7f9f7;border:0;border-radius:0;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);place-self:stretch stretch;padding:0;display:grid;overflow:hidden}.intro-copy{z-index:2;flex-direction:column;justify-content:center;max-width:680px;padding:clamp(44px,6vw,92px);display:flex}.drive-kicker{color:#398064;letter-spacing:.16em;margin:0 0 15px;font-size:clamp(12px,1vw,14px);font-weight:850}.intro-copy h1,.driving-result-copy h1{color:#172824;letter-spacing:-.055em;margin:0;font-size:clamp(48px,5.8vw,82px);font-weight:720;line-height:.98}.intro-lead{color:#304941;max-width:560px;margin:20px 0 0;font-size:clamp(20px,1.8vw,25px);font-weight:620;line-height:1.42}.intro-speed-rule{background:#eef6f1;border:1px solid #cfe0d6;border-radius:12px;grid-template-columns:auto 1fr;gap:3px 14px;max-width:520px;margin-top:18px;padding:13px 15px;display:grid}.intro-speed-rule span{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#286f58;border-radius:7px;grid-row:1/3;align-self:center;padding:7px 10px;font-size:clamp(10px,.9vw,12px);font-weight:850}.intro-speed-rule strong{color:#244b3e;font-size:clamp(15px,1.25vw,18px)}.intro-speed-rule small{color:#637970;font-size:clamp(12px,1vw,14px)}.intro-mirror-rule{background:#f7f5ea;border:1px solid #d9d8c8;border-radius:12px;grid-template-columns:auto 1fr;gap:3px 14px;max-width:520px;margin-top:12px;padding:13px 15px;display:grid}.intro-mirror-rule span{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#6a684d;border-radius:7px;grid-row:1/3;align-self:center;padding:7px 10px;font-size:clamp(10px,.9vw,12px);font-weight:850}.intro-mirror-rule strong{color:#4d4b34;font-size:clamp(15px,1.25vw,18px)}.intro-mirror-rule small{color:#74715c;font-size:clamp(12px,1vw,14px);line-height:1.35}.intro-route-rule{background:#eef5f7;border:1px solid #c9dbe3;border-radius:12px;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;max-width:520px;margin-top:12px;padding:12px 14px;display:grid}.intro-route-rule span{color:#60747c;text-transform:uppercase;letter-spacing:.07em;font-size:clamp(11px,.9vw,13px);font-weight:780}.intro-route-rule strong{color:#fff;background:#24687d;border-radius:8px;place-items:center;min-width:43px;min-height:34px;font-size:16px;display:grid}.intro-route-rule p{color:#405b65;margin:0;font-size:clamp(12px,1vw,14px);font-weight:650;line-height:1.35}.intro-meta{color:#667771;flex-wrap:wrap;gap:11px 24px;margin-top:22px;font-size:clamp(13px,1vw,15px);font-weight:650;display:flex}.intro-meta span{align-items:center;gap:7px;display:inline-flex}.audio-dot{background:#4cab82;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4cab821f}.key-guide{justify-content:flex-start;gap:8px;margin:27px 0 29px;display:flex}.key-guide:not(.compact){flex-wrap:wrap;gap:12px 20px}.key-command{align-items:center;gap:9px;display:inline-flex}.key-command small{color:#62736d;max-width:138px;font-size:clamp(12px,1vw,14px);font-weight:680;line-height:1.3}.key-guide kbd{color:#314a42;background:#fff;border:1px solid #d0d9d4;border-bottom-width:2px;border-radius:8px;place-items:center;min-width:44px;height:43px;padding:0 10px;font:750 clamp(14px,1.05vw,16px)/1 inherit;display:grid;box-shadow:0 4px 10px #1831280d}.key-guide kbd:first-child{min-width:64px}.drive-start{color:#fff;background:#1f6f55;border:0;border-radius:999px;align-items:center;gap:28px;width:max-content;min-height:56px;padding:0 20px 0 23px;font-size:15px;font-weight:780;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 28px #1f6f5533}.drive-start span{background:#ffffff26;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.drive-start:hover{transform:translateY(-2px);box-shadow:0 16px 34px #1f6f5540}.intro-visual{background-color:#75935f;background-image:var(--driving-environment,url(/driving/road-environment-l01-05-v1.webp));clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;min-height:480px;position:relative;overflow:hidden}.intro-preview-shade{z-index:8;background:linear-gradient(90deg,#0f1e1b14,#0000 35%),linear-gradient(0deg,#0a12136b 0 24%,#0000 48%);position:absolute;inset:0;box-shadow:inset 0 0 50px #0d1c1a2e}.intro-preview-cockpit{z-index:11;background:linear-gradient(165deg,#303c3e,#11191b 60%);border-radius:48% 48% 0 0/22% 22% 0 0;height:27%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 35px #0c181747}.intro-preview-wheel{aspect-ratio:1;border:18px solid #172022;border-radius:50%;width:clamp(170px,19vw,280px);position:absolute;bottom:-54%;left:9%;box-shadow:inset 0 0 0 3px #586466}.intro-preview-wheel i{background:linear-gradient(#4a5658,#232d2f);width:84%;height:14%;position:absolute;top:45%;left:8%}.intro-preview-wheel span{color:#84d5ae;background:#243538;border-radius:50%;place-items:center;font:italic 700 24px Georgia,serif;display:grid;position:absolute;inset:35%}.intro-preview-speed,.intro-preview-target{color:#fff;text-align:center;background:#111a1ce8;border:1px solid #465457;border-radius:13px;align-content:center;min-height:75px;display:grid;position:absolute;top:20%;box-shadow:0 10px 22px #00000038}.intro-preview-speed{width:82px;left:40%}.intro-preview-target{border-color:#4f9278;width:112px;left:calc(40% + 92px)}.intro-preview-speed small,.intro-preview-target small{color:#718d84;letter-spacing:.1em;font-size:7px;font-weight:850}.intro-preview-speed strong{font-size:29px}.intro-preview-target strong{color:#8ce0b7;font-size:22px}.intro-preview-speed span,.intro-preview-target span{color:#7e918c;font-size:8px}.intro-sun{background:#fff1b5;border-radius:50%;width:150px;height:150px;position:absolute;top:12%;right:17%;box-shadow:0 0 90px 38px #fff3bb61}.intro-land{clip-path:polygon(0 72%,12% 38%,25% 64%,38% 20%,51% 58%,67% 31%,82% 63%,100% 33%,100% 100%,0 100%);background:#52775d;height:24%;position:absolute;bottom:41%;left:-8%;right:-8%}.intro-road{clip-path:polygon(44% 0,56% 0,91% 100%,9% 100%);background:linear-gradient(90deg,#7c8787 0 2%,#313b3d 2% 98%,#7c8787 98%);width:120%;height:59%;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.intro-road:after{content:"";opacity:.78;background:repeating-linear-gradient(#fff 0 11%,#0000 11% 24%);width:3px;position:absolute;top:0;bottom:0;left:50%}.intro-road i{transform-origin:bottom;background:#f5f0c5;width:2px;height:100%;position:absolute;bottom:0}.intro-road i:first-child{left:10%;transform:rotate(19deg)}.intro-road i:last-child{right:10%;transform:rotate(-19deg)}.intro-dash{color:#fff;text-align:center;background:linear-gradient(#253033,#12191b);border-radius:55% 55% 0 0/32% 32% 0 0;height:25%;padding-top:34px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 45px #0f1b1d47}.intro-dash span{background:#11191b;border:2px solid #526163;border-radius:85px 85px 18px 18px;width:165px;height:72px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.intro-dash strong,.intro-dash em{z-index:1;display:block;position:relative}.intro-dash strong{font-size:38px;font-weight:450;line-height:1}.intro-dash em{color:#8da09a;letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:10px;font-style:normal}.driving-stage{background:#162023;min-height:0;position:relative;overflow:hidden}.windshield{background:#8dbbcd;position:absolute;inset:0 0 26%;overflow:hidden}.windshield.photographic-road{isolation:isolate;background-color:#75935f;background-image:var(--driving-environment,url(/driving/road-environment-l01-05-v1.webp));background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.driving-road-canvas{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.drive-sky{background:linear-gradient(#72abc4 0%,#b9dce2 75%,#e2ece5 100%);position:absolute;inset:0 0 45%}.drive-sky .sun{background:#fff2bd;border-radius:50%;width:clamp(70px,8vw,126px);height:clamp(70px,8vw,126px);position:absolute;top:8%;right:19%;box-shadow:0 0 80px 28px #fff5c661}.cloud{filter:blur(2px);background:#ffffff52;border-radius:50%;width:12vw;height:2vw;position:absolute}.cloud-one{top:18%;left:12%}.cloud-two{top:28%;right:35%;transform:scale(.7)}.distant-land{clip-path:polygon(0 75%,10% 48%,19% 68%,31% 32%,43% 66%,55% 43%,67% 72%,79% 35%,91% 63%,100% 45%,100% 100%,0 100%);background:linear-gradient(#6f9071,#57755d);height:23%;position:absolute;bottom:40%;left:-5%;right:-5%}.distant-land:after{content:"";background:#69866a;position:absolute;inset:55% 0 0}.tree-line{z-index:2;justify-content:space-around;align-items:end;width:29%;display:flex;position:absolute;bottom:8%}.tree-line.left{left:-2%}.tree-line.right{right:-2%}.tree-line i{background:linear-gradient(90deg,#0000 46%,#4d5140 46% 54%,#0000 54%);width:clamp(22px,3.6vw,58px);height:clamp(80px,13vw,205px);display:block}.tree-line i:before{content:"";background:linear-gradient(135deg,#426f52,#719060);border-radius:52% 48% 45% 55%;width:100%;height:68%;display:block;box-shadow:inset -9px -10px 24px #1c462d29}.tree-line i:nth-child(2n){opacity:.82;transform:scale(.72)}.tree-line i:nth-child(3n){opacity:.68;transform:scale(.52)}.road-surface{z-index:3;clip-path:polygon(43.7% 0,56.3% 0,100% 100%,0 100%);background:linear-gradient(90deg,#858d8d 0 1.4%,#41494b 1.4% 98.6%,#858d8d 98.6%);width:min(112vw,1500px);height:61%;position:absolute;bottom:-4%;left:50%;transform:translate(-50%);box-shadow:inset 0 8px 40px #0f181b24}.road-surface:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0a 48%,#0000 60%);position:absolute;inset:0}.lane-motion{transform-origin:top;opacity:.92;background:repeating-linear-gradient(#f8f4d8 0 8%,#0000 8% 18%);width:.5%;animation:1.45s linear infinite lane-flow;position:absolute;top:-70%;bottom:0;left:50%;transform:translate(-50%)}.road-edge{opacity:.78;background:#f1f0db;width:.45%;position:absolute;top:0;bottom:0}.edge-left{transform-origin:bottom;left:3%;transform:rotate(-7.5deg)}.edge-right{transform-origin:bottom;right:3%;transform:rotate(7.5deg)}@keyframes lane-flow{to{translate:0 18%}}.guardrail{z-index:4;opacity:.8;background:#c7ceca;width:34%;height:5px;position:absolute;bottom:18%;box-shadow:0 4px #6f7774,0 8px 14px #1f302c29}.rail-left{left:-3%;transform:rotate(9deg)}.rail-right{right:-3%;transform:rotate(-9deg)}.windshield-shade{z-index:10;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 10px 24px #0a171b3d,inset 55px 0 50px -48px #0a121499,inset -55px 0 50px -48px #0a121499}.windshield-reflection{z-index:9;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1c,#0000);width:22%;height:115%;position:absolute;top:-25%;right:7%;transform:rotate(18deg)}.side-mirror-pair{z-index:18;pointer-events:none;position:absolute;inset:0}.side-mirror{aspect-ratio:1.72;filter:drop-shadow(0 10px 10px #060d0e6b);width:clamp(180px,20vw,300px);position:absolute;bottom:31%}.side-mirror.left{left:clamp(-38px,-2vw,-17px)}.side-mirror.right{right:clamp(-38px,-2vw,-17px)}.mirror-shell{background:linear-gradient(155deg,#465256,#131b1d 60%,#080d0e);border:1px solid #536063;padding:clamp(5px,.55vw,8px);position:absolute;inset:0 0 12%;box-shadow:inset 0 2px 2px #ffffff1a,inset 0 -4px 8px #00000073}.side-mirror.left .mirror-shell{border-radius:48% 22% 28% 50%/45% 25% 35% 52%;transform:perspective(320px)rotateY(7deg)rotate(-1deg)}.side-mirror.right .mirror-shell{border-radius:22% 48% 50% 28%/25% 45% 52% 35%;transform:perspective(320px)rotateY(-7deg)rotate(1deg)}.mirror-glass{background:linear-gradient(#a9c4ca 0 48%,#6c806c 48% 58%,#434a4b 58%);border:1px solid #d6e4e659;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 16px #0d1c1f3d}.side-mirror.left .mirror-glass{border-radius:46% 18% 24% 47%/43% 21% 31% 49%}.side-mirror.right .mirror-glass{border-radius:18% 46% 47% 24%/21% 43% 49% 31%}.mirror-glass:after{z-index:5;content:"";background:linear-gradient(120deg,#ffffff38,#0000 31% 72%,#050e1026);position:absolute;inset:0}.mirror-horizon{clip-path:polygon(0 72%,12% 39%,27% 67%,42% 31%,58% 65%,74% 37%,89% 62%,100% 44%,100% 100%,0 100%);background:#516b55;height:20%;position:absolute;bottom:40%;left:-6%;right:-6%}.mirror-road{clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(90deg,#767d7b 0 4%,#42494a 4% 96%,#767d7b 96%);width:92%;height:61%;position:absolute;bottom:-12%;left:50%;transform:translate(-50%)}.mirror-road:after{content:"";opacity:.75;background:repeating-linear-gradient(#f2efd7 0 12%,#0000 12% 27%);width:2px;animation:1.2s linear infinite mirror-lane-flow;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@keyframes mirror-lane-flow{to{translate:0 27%}}.mirror-glass>small{z-index:6;color:#e8f3f1c4;letter-spacing:.09em;background:#0d191b7a;border-radius:3px;padding:2px 4px;font-size:clamp(6px,.48vw,8px);font-weight:820;position:absolute;bottom:8%;right:9%}.side-mirror.left .mirror-glass>small{left:9%;right:auto}.mirror-object{z-index:4;place-items:end center;width:58%;height:94%;animation:1.35s cubic-bezier(.18,.75,.2,1) both mirror-object-approach;display:grid;position:absolute;bottom:-12%;right:13%}.side-mirror.left .mirror-object{left:13%;right:auto}.mirror-object img{object-fit:contain;filter:drop-shadow(0 5px 4px #09101157);max-width:100%;max-height:100%;display:block}.mirror-object.car{width:76%;height:76%;bottom:2%;right:7%}.side-mirror.left .mirror-object.car{left:7%;right:auto}.mirror-object.cyclist{width:48%;height:94%;bottom:-7%}.side-mirror.has-hazard .mirror-shell{box-shadow:inset 0 2px 2px #ffffff1a,inset 0 -4px 8px #00000073,0 0 0 1px #e0aa537a}.side-mirror.has-hazard .mirror-glass:before{z-index:7;content:"";border:2px solid #ffbe52;border-radius:2px 7px 7px;width:9px;height:9px;position:absolute;top:10%;transform:rotate(45deg);box-shadow:0 0 8px #ffbe52b8}.side-mirror.left.has-hazard .mirror-glass:before{left:10%}.side-mirror.right.has-hazard .mirror-glass:before{right:10%}.mirror-arm{background:linear-gradient(#273235,#0d1416);border-radius:30% 30% 5px 5px;width:34%;height:18%;position:absolute;bottom:1%;box-shadow:inset 0 1px #ffffff14}.side-mirror.left .mirror-arm{left:20%;transform:skew(-24deg)}.side-mirror.right .mirror-arm{right:20%;transform:skew(24deg)}@keyframes mirror-object-approach{0%{opacity:.2;translate:0 -12%;scale:.58}to{opacity:1;translate:0;scale:1}}.crosswalk-marking{z-index:4;justify-content:space-between;display:flex;position:absolute;bottom:6%;left:14%;right:14%;transform:perspective(240px)rotateX(52deg)}.crosswalk-marking i{background:#f6f6ebe6;width:10%;height:clamp(40px,7vw,82px)}.photographic-road .crosswalk-marking{transform-origin:bottom;bottom:-1%;left:27%;right:27%;transform:perspective(420px)rotateX(61deg)}.photographic-road .crosswalk-marking i{width:9%;height:clamp(62px,9vw,120px);box-shadow:0 3px 5px #00000021}.road-sprite{z-index:8;object-fit:contain;filter:drop-shadow(0 12px 9px #13211940);pointer-events:none;width:auto;max-width:none;animation:2.6s cubic-bezier(.18,.72,.2,1) both sprite-approach;position:absolute}.speed-limit-sprite,.stop-sign-sprite{height:min(48vh,410px);bottom:-3%;right:6%}.traffic-light-sprite{height:min(52vh,450px);bottom:-3%;right:5.5%}.pedestrian-sprite{height:min(39vh,330px);bottom:-2%;right:14%}@keyframes sprite-approach{0%{opacity:.3;transform-origin:bottom;transform:translateY(-24%)scale(.28)}to{opacity:1;transform-origin:bottom;transform:translateY(0)scale(1)}}.road-object,.pedestrian-scene{z-index:7;animation:2.6s cubic-bezier(.18,.72,.2,1) both object-approach;position:absolute}@keyframes object-approach{0%{opacity:.25;translate:0 -18%;scale:.3}to{opacity:1;translate:0;scale:1}}.speed-sign{justify-items:center;display:grid;bottom:14%;right:20%}.speed-sign>div{aspect-ratio:1;color:#1d2323;background:#fbfaf4;border:clamp(6px,.65vw,9px) solid #d73f38;border-radius:50%;place-items:center;width:clamp(66px,8vw,108px);font-size:clamp(23px,3vw,39px);font-weight:780;display:grid;box-shadow:0 5px 15px #15222038}.speed-sign>i,.stop-sign>i{background:linear-gradient(90deg,#959f9e,#d3d8d5 55%,#7b8583);width:clamp(5px,.55vw,8px);height:clamp(60px,10vw,138px);box-shadow:3px 3px 7px #16221f29}.stop-sign{justify-items:center;display:grid;bottom:13%;right:19%}.stop-sign>div{aspect-ratio:1;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);color:#fff;letter-spacing:.02em;background:#c93431;place-items:center;width:clamp(72px,8.5vw,116px);font-size:clamp(15px,1.8vw,24px);font-weight:900;display:grid;box-shadow:inset 0 0 0 5px #fff}.traffic-signal{justify-items:center;display:grid;bottom:12%;right:20%}.traffic-signal>div{background:#313a39;border:3px solid #222b2b;border-radius:12px;gap:clamp(5px,.5vw,8px);padding:clamp(7px,.7vw,11px);display:grid;box-shadow:0 7px 18px #0e191847}.traffic-signal i{aspect-ratio:1;background:#1e2726;border-radius:50%;width:clamp(22px,2.7vw,38px);display:block;box-shadow:inset 0 2px 5px #0009}.traffic-signal i.red.lit{background:#f04a46;box-shadow:0 0 18px #f04a46bf,inset 0 2px 4px #ffffff40}.traffic-signal i.green.lit{background:#48c778;box-shadow:0 0 18px #48c778bf,inset 0 2px 4px #ffffff40}.traffic-signal>span{background:#4b5452;width:clamp(7px,.65vw,10px);height:clamp(65px,9vw,125px)}.pedestrian-scene{align-items:end;gap:17px;display:flex;bottom:9%;right:16%}.pedestrian{width:clamp(30px,4vw,58px);height:clamp(85px,12vw,165px);position:relative}.pedestrian i{aspect-ratio:1;background:#263834;border-radius:50%;width:42%;position:absolute;top:0;left:30%}.pedestrian span{background:#d88f52;border-radius:18px 18px 8px 8px;width:48%;height:41%;position:absolute;top:23%;left:27%;transform:rotate(-4deg)}.pedestrian b{border-left:7px solid #263834;border-right:7px solid #263834;width:22%;height:42%;position:absolute;top:58%;left:38%}.crossing-sign{justify-items:center;display:grid}.crossing-sign span{aspect-ratio:1;color:#fff;background:#3075b5;border:5px solid #fff;place-items:center;width:clamp(52px,6vw,82px);font-size:clamp(25px,3vw,40px);display:grid}.crossing-sign i{background:#899492;width:6px;height:clamp(54px,8vw,105px)}.drive-hud{z-index:14;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:18px;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px)}.drive-controls-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f191ba3;border:1px solid #fff6;border-radius:13px;align-items:center;gap:11px;min-height:43px;padding:6px 9px 6px 13px;transition:border-color .16s,background .16s;display:flex;box-shadow:0 8px 22px #0c18191a}.drive-controls-hud>span{color:#ffffffad;letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:830}.drive-controls-hud .key-guide{margin:0}.drive-controls-hud.correct{background:#144e3abd;border-color:#70e1a6ad}.drive-controls-hud.error{background:#692b27c7;border-color:#ffaea0b8}.event-count{color:#fff;font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 2px 8px #0f1e1f66;font-size:21px}.event-count small{color:#ffffffad;letter-spacing:.12em;text-transform:uppercase;margin-top:-2px;font-size:9px;font-weight:750;display:block}.modern-cockpit{--wheel-size:clamp(180px, min(24vw, 34vh), 330px);--wheel-left:clamp(16px, 4vw, 64px);z-index:20;background:linear-gradient(165deg,#293437 0%,#131b1d 55%,#0e1517 100%);height:33%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -22px 52px #0b171847}.cockpit-top{background:linear-gradient(#3b4748,#212b2e);border-radius:50% 50% 0 0;height:42px;position:absolute;top:-17px;left:-4%;right:-4%;box-shadow:inset 0 2px 1px #ffffff12}.modern-wheel{z-index:4;top:clamp(22px,4vh,42px);left:var(--wheel-left);width:var(--wheel-size);aspect-ratio:1;border:clamp(16px,1.75vw,24px) solid #303a3c;border-color:#303a3c #20292b #101719 #151d1f;border-radius:50%;position:absolute;box-shadow:inset 0 0 0 3px #4e595b,inset 0 0 14px #00000094,0 16px 30px #00000057}.modern-wheel:before{content:"";border:2px solid #7e8e8e57;border-radius:50%;position:absolute;inset:-7px;box-shadow:inset 0 3px 3px #ffffff14}.modern-wheel:after{content:"";border:1px dashed #adb9b547;border-radius:50%;position:absolute;inset:6px}.modern-wheel>span{z-index:3;background:radial-gradient(circle at 38% 29%,#596466,#293336 62%,#1c2527);border:7px solid #12191b;border-radius:50%;place-items:center;display:grid;position:absolute;inset:31%;box-shadow:inset 0 2px 2px #ffffff17,0 8px 18px #0000006b}.modern-wheel>span:before{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);content:"";background:linear-gradient(90deg,#1b2325,#556063 50%,#1b2325);width:34%;height:88%;position:absolute;top:72%;left:33%}.modern-wheel>span b{z-index:2;aspect-ratio:1;color:#9de0bf;background:radial-gradient(circle at 35% 30%,#3f5b53,#203d34);border:1px solid #6b7775;border-radius:50%;place-items:center;width:clamp(38px,3vw,46px);font-family:Georgia,serif;font-size:25px;font-style:italic;display:grid;box-shadow:inset 0 1px 2px #ffffff1f,0 3px 8px #00000057}.wheel-spoke{z-index:2;background:linear-gradient(#626d6f,#2a3436 58%,#182123);border:1px solid #465154;width:39%;height:18%;position:absolute;top:43%;box-shadow:inset 0 1px 1px #ffffff1c}.wheel-spoke.left{clip-path:polygon(0 22%,100% 0,100% 100%,0 78%);left:8%;transform:rotate(12deg)}.wheel-spoke.right{clip-path:polygon(0 0,100% 22%,100% 78%,0 100%);right:8%;transform:rotate(-12deg)}.instrument-cluster{z-index:3;top:clamp(17px,3vh,30px);left:calc(var(--wheel-left) + var(--wheel-size) + clamp(14px, 2vw, 34px));background:linear-gradient(#0b1214,#151f21);border:1px solid #455153;border-radius:78px 78px 18px 18px;align-items:center;gap:12px;padding:10px 15px 9px;display:flex;position:absolute;box-shadow:0 8px 22px #00000059,inset 0 1px 1px #ffffff0f}.speed-arc{aspect-ratio:1;text-align:center;background:radial-gradient(circle,#192426 55%,#11191b 56%);border:2px solid #526360;border-top-color:#86caa8;border-radius:50%;place-content:center;width:clamp(164px,15vw,204px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #00000047}.speed-arc:after{content:"";border:1px dashed #8eb8a44f;border-radius:50%;position:absolute;inset:8px}.speed-scale{border:5px dotted #84a19742;border-bottom-color:#0000;border-radius:50%;position:absolute;inset:14px}.speed-needle{z-index:1;width:2px;height:38%;transform:rotate(var(--needle-angle));transform-origin:50% 100%;background:linear-gradient(#ff8d77,#d74d3f);border-radius:3px;transition:transform .2s cubic-bezier(.2,.75,.25,1);position:absolute;bottom:50%;left:calc(50% - 1px);box-shadow:0 0 7px #ff705b59}.needle-cap{z-index:2;background:#1b2527;border:2px solid #6f807b;border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 5px);left:calc(50% - 5px)}.speed-arc span{z-index:3;color:#f4faf7;font-variant-numeric:tabular-nums;background:#080e0fd6;border-radius:8px;margin-top:22%;padding:4px 10px;font-size:clamp(52px,5.2vw,74px);font-weight:610;line-height:.88}.speed-arc small{z-index:3;color:#aec2bb;letter-spacing:.1em;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:740}.speed-arc.over-limit{border-color:#ff8f7f #b45a50 #b45a50;box-shadow:0 0 20px #e05b4b26,inset 0 0 22px #00000047}.speed-arc.over-limit span{color:#ffb0a5}.cluster-side{gap:10px;min-width:136px;display:grid}.cluster-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.gear{color:#8fe0b7;background:#214f40;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:850;display:grid}.current-route{color:#e8f7ff;background:linear-gradient(145deg,#183c4d,#102c3a);border:1px solid #365d70;border-radius:8px;align-items:center;gap:7px;min-height:31px;padding:4px 9px;display:flex;box-shadow:inset 0 1px #ffffff0f}.current-route small{color:#8fb0bd;letter-spacing:.09em;text-transform:uppercase;font-size:7px;font-weight:820}.current-route b{letter-spacing:.02em;font-size:16px;font-weight:820}.speed-target-readout{text-align:center;background:#0c1416;border:1px solid #3d4b4d;border-radius:10px;min-width:136px;padding:10px 12px 12px;display:grid;position:relative}.speed-target-readout small{color:#91a69f;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850}.speed-target-readout strong{color:#f0f6f3;font-variant-numeric:tabular-nums;font-size:30px;font-weight:740;line-height:1.1}.speed-target-readout em{color:#8da09a;font-size:8px;font-style:normal}.speed-target-readout.in-range{border-color:#419a74;box-shadow:0 0 14px #3fa17526}.speed-target-readout.in-range strong{color:#8ce4b8}.speed-target-readout.too-fast{border-color:#a27b43}.speed-target-readout.too-slow{border-color:#6e7b84}.speed-target-readout.inactive{opacity:.62}.speed-target-track{background:#263235;border-radius:99px;height:7px;margin-top:7px;position:relative;overflow:visible}.speed-target-track span{top:0;bottom:0;left:var(--target-start);width:var(--target-width);border-radius:inherit;background:#4db081;position:absolute}.speed-target-track i{top:-3px;left:var(--current-speed);background:#f2f5f3;border-radius:2px;width:3px;height:13px;position:absolute;transform:translate(-1px);box-shadow:0 0 5px #ffffff59}.speed-arc.in-range{border-color:#8ce4b8 #4aaa7d #4aaa7d}.speed-arc.too-fast:not(.over-limit){border-top-color:#d6a45e}.speed-arc.too-slow{border-top-color:#71858e}.infotainment{color:#e8f0ed;background:#182427;border:5px solid #0d1416;border-radius:14px;width:clamp(250px,30vw,430px);height:clamp(120px,15vw,180px);position:absolute;bottom:14%;right:clamp(20px,4vw,64px);overflow:hidden;box-shadow:0 12px 24px #0000003d,inset 0 0 0 1px #ffffff0d}.infotainment.speaking{box-shadow:0 0 0 1px #4da481,0 12px 24px #0000003d}.screen-top{color:#728682;background:#ffffff08;justify-content:end;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:8px;display:flex}.screen-top span{margin-right:auto}.screen-top i{background:#638079;border-radius:50%;width:3px;height:3px}.map-screen{background:linear-gradient(145deg,#253a3d,#172a2d);position:absolute;inset:22px 0 0;overflow:hidden}.map-screen:before{content:"";background:repeating-linear-gradient(24deg,#0000 0 29px,#ffffff0a 30px 32px);position:absolute;inset:-20%}.map-road{transform-origin:0;background:#617570;border-radius:99px;width:150%;height:3px;position:absolute}.map-road.one{top:45%;left:-20%;transform:rotate(-9deg)}.map-road.two{top:60%;left:15%;transform:rotate(28deg)}.position-marker{background:#3ab07f;border:3px solid #e5fff0;border-radius:50%;width:11px;height:11px;position:absolute;top:47%;left:48%;box-shadow:0 0 0 5px #3ab07f29}.map-screen span{color:#7e9690;text-transform:uppercase;font-size:8px;font-weight:750;position:absolute;bottom:7px;right:8px}.nav-screen,.radio-screen,.phone-screen,.message-screen{background:linear-gradient(135deg,#1e3538,#182629);align-items:center;gap:12px;padding:12px 15px;display:flex;position:absolute;inset:22px 0 0}.nav-screen>span{aspect-ratio:1;background:#2e8b72;border-radius:15px;place-items:center;width:clamp(42px,5vw,62px);font-size:clamp(27px,3vw,40px);display:grid;box-shadow:0 7px 18px #1d735938}.nav-screen div,.radio-screen div,.phone-screen div,.message-screen div{gap:3px;min-width:0;display:grid}.nav-screen small,.radio-screen small,.phone-screen small,.message-screen small{color:#8ea9a2;letter-spacing:.1em;font-size:clamp(8px,.75vw,10px);font-weight:850}.nav-screen strong,.radio-screen strong,.phone-screen strong,.message-screen strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,1.25vw,18px);overflow:hidden}.route-line{background:linear-gradient(90deg,#3dae83 0 70%,#536561 70%);border-radius:99px;width:30%;height:2px;position:absolute;bottom:10px;right:10px}.radio-screen>span{letter-spacing:.08em;background:#b44b48;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:850}.wave{flex:1;justify-content:end;align-items:center;height:38px;gap:3px!important;display:flex!important}.wave i{background:#69bf9d;border-radius:99px;width:2px;height:55%;animation:.75s ease-in-out infinite alternate sound-wave}.wave i:nth-child(2n){height:88%;animation-delay:-.2s}.wave i:nth-child(3n){height:35%;animation-delay:-.4s}@keyframes sound-wave{to{opacity:.5;height:24%}}.phone-screen>span,.message-screen>span{aspect-ratio:1;color:#fff;background:#d99c4b;border-radius:50%;place-items:center;width:44px;font-size:21px;display:grid}.message-screen>span{color:#cce9f8;background:#498cad;font-size:14px}.key-guide.compact{justify-content:end;gap:5px;margin:0}.key-guide.compact kbd{min-width:34px;height:32px;box-shadow:none;color:#eef6f2;background:#202a2d;border-color:#526264 #526264 #738285;padding:0 8px;font-size:12px}.key-guide.compact kbd:first-child{min-width:51px}.key-guide.compact kbd:nth-child(2){min-width:76px}.ambient-light{opacity:.65;background:linear-gradient(90deg,#0000,#3b9e79,#0000);height:2px;position:absolute;bottom:4px;left:33%;right:8%;box-shadow:0 0 12px #3b9e79}.remaining-mobile{display:none}.drive-pause-overlay{z-index:28;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1314a3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.drive-pause-overlay>div{color:#243a33;text-align:center;background:#f5f9f6f5;border:1px solid #ffffff21;border-radius:24px;width:min(90vw,390px);padding:32px;box-shadow:0 24px 70px #0000004d}.drive-pause-overlay small{color:#328263;letter-spacing:.13em;font-size:9px;font-weight:850}.drive-pause-overlay h2{letter-spacing:-.04em;margin:8px 0 7px;font-size:30px}.drive-pause-overlay p{color:#667970;margin:0;font-size:13px}.drive-pause-overlay button{color:#fff;background:#236f55;border:0;border-radius:999px;align-items:center;gap:9px;min-height:46px;margin-top:23px;padding:0 19px;font-weight:760;display:inline-flex}.driving-result{text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #17392e14;border-radius:28px;grid-template-columns:250px 1fr;place-self:center;align-items:center;gap:clamp(34px,6vw,80px);width:min(90vw,980px);padding:clamp(34px,5vw,66px);display:grid;box-shadow:0 28px 80px #1e39301f}.result-score-ring{aspect-ratio:1;background:conic-gradient(#51ae86 var(--score), #e3ebe6 0);border-radius:50%;place-items:center;width:220px;display:grid;box-shadow:0 15px 34px #2f6e5421}.result-score-ring:before{aspect-ratio:1;content:"";background:#f9fbf9;border-radius:50%;width:178px;position:absolute}.result-score-ring span{z-index:1;align-items:baseline;display:flex}.result-score-ring strong{color:#1f604a;letter-spacing:-.06em;font-size:63px;font-weight:650}.result-score-ring small{color:#71827a;margin-left:4px;font-size:16px}.driving-result-copy h1{font-size:clamp(38px,5vw,62px)}.driving-result-copy>p:not(.drive-kicker){color:#687771;margin:17px 0 26px}.driving-metrics{text-align:left;background:#fff;border:1px solid #dae3dd;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.driving-metrics div{border-right:1px solid #e3e9e5;padding:14px}.driving-metrics div:last-child{border:0}.driving-metrics span{color:#75847d;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:720;display:block}.driving-metrics strong{color:#263d35;white-space:nowrap;margin-top:5px;font-size:18px;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=1180px){.driving-intro{grid-template-columns:1fr}.intro-copy{max-width:none;overflow-y:auto}.intro-visual{display:none}}@media (width<=1100px) and (width>=701px){.instrument-cluster{transform-origin:0 0;transform:scale(.9)}}@media (width<=850px) and (width>=701px){.instrument-cluster{transform-origin:0 0;transform:scale(.72)}.infotainment{width:220px;right:2%}}@media (width<=980px){.infotainment{right:3%}.driving-result{grid-template-columns:180px 1fr}.result-score-ring{width:170px}.result-score-ring:before{width:136px}.result-score-ring strong{font-size:49px}}@media (width<=700px){.driving-page{grid-template-rows:60px 1fr}.driving-header{grid-template-columns:1fr auto auto;gap:8px;min-height:60px;padding-inline:13px}.drive-title{justify-self:end}.drive-title em,.drive-title strong{display:none}.drive-session-status{display:flex}.drive-session-status>span,.drive-session-status>strong{display:none}.drive-pause{min-height:34px;margin-right:0;padding-inline:10px}.drive-back{padding-inline:8px}.intro-copy{justify-content:flex-start;padding:34px 24px 42px;overflow-y:auto}.intro-copy h1{font-size:clamp(46px,13vw,64px)}.intro-lead{font-size:clamp(19px,5vw,23px)}.intro-speed-rule,.intro-mirror-rule{grid-template-columns:1fr;gap:6px}.intro-speed-rule span,.intro-mirror-rule span{grid-row:auto;width:max-content}.intro-route-rule{grid-template-columns:auto auto}.intro-route-rule p{grid-column:1/-1}.intro-meta{font-size:13px}.windshield{bottom:32%}.drive-hud{top:11px;left:13px;right:13px}.event-count{display:none}.drive-controls-hud{align-items:flex-start;gap:6px;max-width:min(72vw,310px);padding:7px}.drive-controls-hud>span{display:none}.tree-line{width:36%}.speed-sign,.traffic-signal,.stop-sign{right:11%}.pedestrian-scene{right:6%}.road-sprite{width:auto}.speed-limit-sprite,.stop-sign-sprite{height:min(43vh,340px);bottom:-4%;right:3%}.traffic-light-sprite{height:min(46vh,365px);bottom:-4%;right:3%}.pedestrian-sprite{height:min(34vh,270px);bottom:-4%;right:11%}.photographic-road .crosswalk-marking{left:19%;right:19%}.modern-cockpit{--wheel-size:clamp(170px, 44vw, 230px);--wheel-left:-4vw;height:38%}.modern-wheel{top:clamp(42px,8vh,60px)}.instrument-cluster{transform-origin:100% 0;padding:7px 9px;top:10px;left:auto;right:8px;transform:scale(.76)}.speed-arc{width:134px}.speed-arc span{font-size:44px}.infotainment{width:49vw;min-width:180px;height:104px;top:clamp(112px,18vh,132px);bottom:auto;right:3%}.screen-top{height:17px}.map-screen,.nav-screen,.radio-screen,.phone-screen,.message-screen{inset-block-start:17px}.nav-screen,.radio-screen,.phone-screen,.message-screen{gap:7px;padding:8px}.nav-screen>span,.phone-screen>span,.message-screen>span{border-radius:10px;width:34px}.drive-controls-hud .key-guide.compact{flex-wrap:wrap;justify-content:start;max-width:245px}.drive-controls-hud .key-guide.compact kbd{height:29px;font-size:11px}.side-mirror{width:clamp(145px,36vw,205px);bottom:37%}.side-mirror.left{left:-9vw}.side-mirror.right{right:-9vw}.ambient-light{left:28%}.remaining-mobile{z-index:25;color:#82938d;font-variant-numeric:tabular-nums;font-size:11px;display:block;position:absolute;bottom:10px;right:14px}.driving-result{text-align:center;grid-template-columns:1fr;justify-items:center;gap:26px;width:92vw;padding:30px 22px}.driving-result-copy h1{font-size:40px}.driving-result-copy>p:not(.drive-kicker){margin-inline:auto}.driving-metrics{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr))}.driving-metrics div:nth-child(2){border-right:0}.driving-metrics div:nth-child(-n+2){border-bottom:1px solid #e3e9e5}}@media (height<=620px) and (width>=701px){.driving-page{grid-template-rows:56px 1fr}.driving-header{min-height:56px}.windshield{bottom:30%}.modern-cockpit{height:36%}.modern-wheel{top:14px}.instrument-cluster{transform-origin:0 0;top:10px;transform:scale(.76)}.infotainment{height:105px;top:9px;bottom:auto;right:2%}.side-mirror{width:clamp(160px,19vw,230px);bottom:34%}}@media (prefers-reduced-motion:reduce){.lane-motion,.road-object,.pedestrian-scene,.road-sprite,.road-depth-motion,.wave i,.mirror-road:after,.mirror-object{animation:none}.drive-start,.drive-back span{transition:none}}