/* ПДР Практика — visual edition. Semantic controls, no screenshot UI. */
:root{--ink:#142824;--blue:#008a80;--green:#008d76;--red:#c64150;--paper:#f5f9f6;--line:#e2e9e5;--nav:76px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;color:var(--ink);background:#eaf2ee;font-synthesis:none}
*{box-sizing:border-box}body{background:radial-gradient(ellipse at 20% 20%,#daf2e7,transparent 48%),radial-gradient(ellipse at 80% 70%,#e0ecee,transparent 45%),#edf3ef}button,input,textarea,select{font:inherit}button{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #007c72;outline-offset:3px}button:disabled{opacity:.48}#app{max-width:460px;height:100dvh;background:var(--paper);box-shadow:0 20px 110px #25483b1a}h1,h2,h3{color:var(--ink);letter-spacing:-.65px}h1{font-size:31px;font-weight:760;line-height:1.12}h2{font-size:23px;line-height:1.2;font-weight:720}h3{font-size:17px;font-weight:660}p{line-height:1.5}.ui-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ui-icon.chevron{width:18px;height:18px;color:#87948f;stroke-width:1.7}.primary{background:linear-gradient(135deg,#009c91,#00827c);color:white;min-height:56px;border-radius:17px;padding:15px 18px;font-size:17px;font-weight:670;display:flex;justify-content:center;gap:12px;margin-top:18px;box-shadow:0 3px 6px #006c6310;letter-spacing:-.2px}.primary:hover{background:#007d73}.secondary{background:#e9f3ed;color:#00796e;font-size:15px;border-radius:15px;min-height:48px;padding:12px}.text-button{color:#007e73;font-size:14px;font-weight:550;min-height:44px}.fine-print,.map-help{font-size:12px;color:#64786f;line-height:1.55;margin:18px 4px}.fine-print a{color:#007e73}.primary:disabled{background:#9eafa8}.section-heading{margin:23px 2px 12px}.section-heading span{font-size:13px;color:#6b7d74}.gap-top{margin-top:20px}
body[data-surface=dashboard] .sheet{inset:0 0 calc(var(--nav) + env(safe-area-inset-bottom));max-height:none;max-width:none;border:0;border-radius:0;background:var(--paper);box-shadow:none;padding:calc(24px + env(safe-area-inset-top)) 20px 26px;overflow:auto;scrollbar-width:none;transform:none}body[data-surface=dashboard] .hud,body[data-surface=dashboard] .driving-hud,body[data-surface=dashboard] .vignette,body[data-surface=dashboard] #world{visibility:hidden}body[data-surface=dashboard] .sheet::-webkit-scrollbar{display:none}.page-header{display:flex;align-items:center;min-height:44px;margin-bottom:18px}.page-header h1{font-size:31px}.page-header.with-back{justify-content:center;position:relative;margin-inline:-3px}.page-header.with-back h1{font-size:22px;text-align:center;padding:0 38px}.round-plain{position:absolute;left:-5px;top:0;background:transparent;color:var(--ink);width:44px;height:44px;display:grid;place-items:center}.page-eyebrow{display:none}.page-description{font-size:15px;color:#697d73;line-height:1.5;margin:9px 0 20px}body[data-state=home] h1{font-size:31px;color:var(--ink)}
.tab-bar{position:absolute;z-index:9;bottom:0;left:0;right:0;height:calc(var(--nav) + env(safe-area-inset-bottom));border:0;border-top:1px solid #dbe6df8a;border-radius:0;background:#ffffffee;backdrop-filter:blur(20px);box-shadow:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:8px 10px calc(10px + env(safe-area-inset-bottom));width:auto;transform:none}.tab-bar button{background:transparent;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#65716e;font-size:11px;min-width:0;min-height:52px;padding:5px 0}.tab-bar button .ui-icon{width:24px;height:24px;stroke-width:1.9}.tab-bar button.selected{color:#00887d;background:transparent}.tab-bar button.selected .ui-icon{stroke-width:2.5}.tab-bar button[data-tab=tests].selected .ui-icon{background:#008a80;color:white;border-radius:50%;padding:5px;width:31px;height:31px;margin:-4px 0 -3px}.tab-bar button span{font-size:11px;font-weight:500}body[data-surface=drive] .tab-bar,body[data-state=exam] .tab-bar{display:none}
.visual-hero{position:relative;overflow:hidden;border-radius:20px;height:clamp(340px,53dvh,505px);background:#b8d4c8;isolation:isolate}.visual-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 48%;inset:0}.hero-shade{position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#102d28b0 65%,#103f38ed)}.hero-copy{position:absolute;bottom:18px;left:16px;right:16px;color:white;text-align:center}.hero-copy h2{color:white;font-size:26px;font-weight:740;letter-spacing:-.55px}.hero-copy p{font-size:16px;color:#f0f9f4;margin:7px 0 0}.hero-copy .primary{margin-top:17px;border:1px solid #46c5b67d;background:linear-gradient(135deg,#06a69d,#00817e);box-shadow:none}.home-rows{display:grid;gap:9px;margin-top:15px}.native-row{width:100%;display:flex;align-items:center;text-align:left;gap:14px;padding:15px 15px;background:white;min-height:62px;border-radius:14px;border:1px solid #e3ebe6;box-shadow:0 2px 7px #22423604;color:var(--ink)}.native-row>.row-icon{display:grid;place-items:center;color:#008c81;width:30px;flex-shrink:0}.native-row>span:nth-child(2){flex:1;min-width:0}.native-row b{font-size:16px;font-weight:560;display:block;line-height:1.32}.native-row small{display:block;margin-top:5px;font-size:13px;color:#6b7d74;line-height:1.4}.native-row em{font-size:15px;color:#789085;font-style:normal}.native-group{overflow:hidden;background:white;border:1px solid #e2eae5;border-radius:20px}.native-group .native-row{border:0;border-bottom:1px solid #eaf0ec;border-radius:0;box-shadow:none;min-height:68px}.native-group .native-row:last-child{border-bottom:0}.static{cursor:default}.native-note{display:flex;align-items:center;gap:15px;padding:22px 3px;color:#57726a}.native-note p{font-size:15px}
body[data-edition=map] .sheet{padding:0;overflow:hidden}.map .page-header{background:#f5f9f6}body[data-edition=map] .page-header{position:absolute;z-index:3;top:0;left:0;right:0;margin:0;background:#f7fbf8f5;height:calc(67px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}body[data-edition=map] .round-plain{top:calc(12px + env(safe-area-inset-top));left:12px}.full-map{position:absolute;top:calc(62px + env(safe-area-inset-top));bottom:110px;left:0;right:0;overflow:hidden}.full-map>img{width:100%;height:100%;object-fit:cover}.route-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 4px #14392d)}.route-path path{fill:none;stroke:white;stroke-width:4;stroke-linecap:round;stroke-dasharray:4 10}.route-pin{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;min-height:46px;border:3px solid white;border-radius:50%;background:#52655f;color:white;font-size:22px;font-weight:650;box-shadow:0 3px 12px #1c3e3c66;display:grid;place-items:center;z-index:2}.route-pin.active{background:#00978a;box-shadow:0 0 0 7px #8ce6d272,0 3px 14px #123b3366}.route-pin.locked{opacity:1;background:#53605ed9}.route-pin .ui-icon{width:20px}.route-pin:active:not(:disabled){transform:translate(-50%,-50%) scale(.94)}.map-bottom{position:absolute;bottom:0;left:0;right:0;padding:12px 22px 20px;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -8px 22px #17372b13}.sheet-grabber{width:48px;height:5px;border-radius:6px;background:#d3ddda;margin:0 auto 16px}.map-bottom h2{font-size:23px}.map-bottom p{font-size:15px;margin-top:5px;color:#6a7a73}.map-bottom .primary{margin-top:15px}
.showroom{background:radial-gradient(ellipse at 50% 50%,#fff 15%,#e6f5ed 90%);border:1px solid white;border-radius:24px;overflow:hidden}.showroom-top{display:flex;justify-content:space-between;align-items:center;padding:14px 17px 0}.showroom-top>span{font-size:10px;font-weight:650;letter-spacing:1.2px;color:#69867a}.category-pill{display:flex;gap:3px;align-items:center;background:#ffffffa6;border:1px solid #dcebe2;border-radius:20px;padding:5px 10px;color:#476b5b;font-size:12px;min-height:35px}.category-pill svg{width:13px;height:13px}.live-car{height:clamp(220px,32dvh,330px);width:100%;position:relative}.live-car canvas{display:block;max-width:100%}.showroom-name{padding:0 20px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.showroom-name h2{font-size:23px}.paint-button{background:#fff9;border-radius:30px;display:flex;align-items:center;gap:7px;padding:6px 9px;min-height:40px}.paint-button i{width:24px;height:24px;border-radius:50%;border:1px solid #bbcfc3}.paint-button .ui-icon{width:14px}.vehicle-picker{display:flex;gap:9px;overflow:auto;margin:16px -2px 0;padding:2px}.vehicle-picker>button{min-width:calc(33.33% - 6px);flex:1;border:1px solid #e0e9e3;border-radius:16px;background:white;padding:8px 3px 12px}.vehicle-picker>button.active{background:#e7f5ee;border:1.5px solid #009788}.vehicle-picker b{display:block;font-size:13px;font-weight:560}.vehicle-thumb{display:block;height:63px}.vehicle-thumb img{width:100%;height:100%;object-fit:contain}.paint-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:30px 0}.paint-swatches button{background:none;padding:5px;display:grid;gap:12px;place-items:center}.paint-swatches i{width:44px;height:44px;border-radius:50%;border:1px solid #dce3df}.paint-swatches [aria-pressed=true] i{outline:2px solid #00887d;outline-offset:4px}.paint-swatches span{font-size:11px}.category-choices button{display:flex;align-items:center;gap:18px;background:transparent;width:100%;padding:16px 8px;border-bottom:1px solid #e4ece6}.category-choices button strong{font-size:25px;color:#00877b;width:38px}.category-choices button span{flex:1;text-align:left;font-size:16px}.category-choices [aria-pressed=true]{background:#ecf8f1;border-radius:12px}
.skills-card{background:white;border-radius:25px;border:1px solid #e4ede6;padding:12px 18px 20px;text-align:center}.skills-wheel{position:relative;width:100%;height:320px;max-width:390px;margin:auto}.skills-wheel>svg{width:100%;height:100%}.wheel-center{position:absolute;top:27%;left:27%;right:27%;bottom:25%;display:flex;align-items:center;justify-content:center;flex-direction:column}.wheel-center img{width:160px;max-width:150%;height:90px;object-fit:cover;mix-blend-mode:multiply;margin:-8px 0 -5px}.wheel-center strong{font-size:33px;letter-spacing:-1px}.wheel-center small{font-size:10px;color:#6e867a;white-space:nowrap}.wheel-label{position:absolute;background:#fff;padding:5px;color:#57756a;font-size:12px;font-weight:560}.wheel-label.top{top:4%;left:50%;transform:translateX(-50%)}.wheel-label.bottom{bottom:4%;left:50%;transform:translateX(-50%)}.wheel-label.left{left:-4%;top:46%}.wheel-label.right{right:-4%;top:46%}.skills-card h2{font-size:20px}.skills-card p{font-size:14px;color:#718277;margin:10px 0}.skill-topic{display:flex;align-items:center;gap:12px;width:100%;background:#fff;padding:17px 17px;border-bottom:1px solid #e9efeb;text-align:left}.skill-topic:last-child{border:0}.skill-topic>span{flex:1}.skill-topic b{font-size:15px;font-weight:550}.skill-topic small{display:block;color:#6e8377;font-size:12px;margin-top:5px}.skill-topic i{display:block;height:4px;background:#eaf1ed;border-radius:5px;margin-top:9px}.skill-topic em{display:block;background:#34af93;height:100%;border-radius:5px}.skill-topic svg{width:17px;color:#81958a}
.focus-card{background:#e6f6ee;border:1px solid #daece2;border-radius:25px;padding:27px 21px 23px;text-align:center;min-height:clamp(330px,49dvh,450px);display:flex;flex-direction:column;align-items:center;justify-content:center}.focus-card .primary{margin-top:auto;flex-shrink:0}.focus-symbol{display:grid;place-items:center;margin:9px auto 24px;width:74px;height:74px;border-radius:23px;background:#ffffffac;color:#008b7a}.focus-symbol svg{width:40px;height:40px;stroke-width:1.5}.focus-card h2{font-size:24px;max-width:280px;margin-inline:auto}.focus-card p{font-size:15px;color:#5e7d6b;margin:13px 0 22px}.big-count{font-size:78px;font-weight:730;line-height:1.1;letter-spacing:-3px;color:#008d7b}.repeat-focus .focus-symbol{width:58px;height:58px;margin-bottom:12px}.repeat-focus h2{font-size:22px;margin:9px 0}.exam-numbers{display:flex;justify-content:space-around;gap:26px;margin:18px 0 24px;width:100%}.exam-numbers b{display:block;font-size:42px;font-weight:740;letter-spacing:-1.5px;color:#174c3d}.exam-numbers span{font-size:13px;color:#597766;display:block;margin-top:5px}.category-label{display:inline-block;font-size:13px;color:#466e5c;padding:8px 13px;border-radius:20px;background:#ffffff95;margin-bottom:10px}.segmented{display:flex;padding:4px;background:#e3ece6;border-radius:14px;gap:3px}.segmented button{flex:1;background:transparent;border-radius:10px;color:#5b7366;font-size:14px;min-height:43px}.segmented button[aria-pressed=true]{background:white;color:#007e70;box-shadow:0 2px 5px #284c3710}.district-visual{height:45dvh;border-radius:23px;overflow:hidden;margin-bottom:18px}.district-visual img{width:100%;height:100%;object-fit:cover}.search-entry{width:100%;background:#e8efea;color:#769084;border-radius:13px;display:flex;align-items:center;gap:10px;padding:10px 13px;min-height:45px;text-align:left;margin:0 0 17px;font-size:15px}.search-entry svg{width:20px;height:20px}body[data-edition=theory] .visual-hero{height:41dvh;min-height:300px}.rule-visual{position:relative;height:34dvh;border-radius:20px;overflow:hidden}.rule-visual img{width:100%;height:100%;object-fit:cover}.rule-visual>span{position:absolute;bottom:15px;left:15px;display:flex;align-items:center;gap:8px;background:#fffffff2;padding:10px;border-radius:13px;font-size:13px;color:#176c57}.rule-copy{padding:22px 1px}.rule-copy>p{margin-top:14px;font-size:16px;color:#546e60;line-height:1.65}.rule-copy h2{font-size:25px}.rule-more{margin-top:20px;border-top:1px solid #dbe7de;padding:5px 0}.rule-more summary{padding:15px 3px;color:#567568;font-size:14px;cursor:pointer;line-height:1.4}.rule-more p{color:#6e8477;font-size:14px;line-height:1.6;padding:8px 3px}
.profile-card{background:#e5f4eb;border:1px solid #d7e9dd;border-radius:24px;padding:23px 19px;text-align:center;min-height:40dvh}.profile-label{display:flex;align-items:center;gap:13px;text-align:left;margin-bottom:24px}.profile-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#cee9da;color:#2b7858;font-size:24px}.profile-label h2{font-size:20px}.profile-label p{font-size:13px;color:#6c8375;margin-top:4px}.week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:25px 0 30px}.week-dots div{display:grid;place-items:center;gap:9px}.week-dots i{display:grid;place-items:center;border:2px solid #cce0d4;width:31px;height:31px;border-radius:50%;background:#f1faf5}.week-dots i.done{background:#008b7a;border-color:#008b7a;color:white}.week-dots svg{width:18px;height:18px}.week-dots span{font-size:12px;color:#6e8778}.profile-card>h2{font-size:22px}.profile-card>p{font-size:14px;margin-top:12px;color:#658271}.group-label{font-size:11px;color:#698374;letter-spacing:.9px;margin:27px 15px 10px}.setting-row{min-height:62px;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6eee8;font-size:15px}.setting-row:last-child{border:0}.switch{background:#d8e0dc;border-radius:24px;width:51px;height:32px;min-height:32px;flex-shrink:0;padding:3px;transition:background .15s}.switch>i{display:block;width:26px;height:26px;background:white;border-radius:50%;box-shadow:0 2px 3px #344e3420;transition:transform .15s}.switch[aria-checked=true]{background:#00a987}.switch[aria-checked=true]>i{transform:translateX(19px)}.setting-row select{border:0;color:#658775;font-size:14px;background:transparent;min-height:40px;max-width:120px}.file-import{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;margin-top:18px;min-height:54px;color:#008276;border:1px solid #d9e9df;border-radius:15px;background:white;cursor:pointer;font-size:16px}.file-import input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.support-intro{padding:10px 15px 20px;text-align:center}.support-intro p{margin-top:12px;color:#6b8074;font-size:15px}.support-intro .focus-symbol{background:#e6f4ec}.field-label{display:block;color:#647d6e;font-size:13px;margin:17px 0}.field-label select,.field-label textarea{display:block;width:100%;border:1px solid #dbe6df;border-radius:14px;background:white;color:#284737;padding:15px;margin-top:9px;font-size:16px;line-height:1.5}.field-label textarea{min-height:140px;resize:vertical}.offer-card{padding:25px 8px}.offer-card h2{font-size:22px}.offer-card>strong{font-size:35px;display:block;margin-top:15px}.offer-card small{font-size:12px;color:#748d7c;font-weight:500}.offer-card p{font-size:15px;color:#64826e;margin:15px 0}.concept-label{font-size:12px;color:#769384}
body[data-edition=welcome] .sheet{bottom:0;padding:0}body[data-edition=welcome] .tab-bar{display:none}body[data-edition=welcome] .page-header{display:none}.welcome-art{height:52dvh;position:relative;overflow:hidden}.welcome-art:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,var(--paper))}.welcome-art img{width:100%;height:100%;object-fit:cover}.welcome-copy{text-align:center;padding:0 26px 25px;margin-top:-12px;position:relative}.wordmark{font-size:11px;letter-spacing:2px;color:#5a8671;font-weight:650}.welcome-copy h1{font-size:31px;line-height:1.2;margin:15px 0 12px;letter-spacing:-1px}.welcome-copy>p:not(.fine-print){font-size:14px;color:#6c8476;margin-bottom:12px}.welcome-copy .primary{margin-top:10px}.welcome-copy .text-button{width:100%;font-size:14px}.welcome-copy .fine-print{margin:5px 0;font-size:11px}
.tab-bar button[data-tab=tests].selected{background:transparent;color:#00887d;box-shadow:none}
.wheel-center img{mask-image:radial-gradient(ellipse at center,#000 40%,transparent 74%)}
.vehicle-picker{scrollbar-width:none}.vehicle-picker::-webkit-scrollbar{display:none}
.studio-mode{background:transparent;color:#557b67;font-size:12px;font-weight:600;min-height:35px;padding:4px 0}.studio-art{height:clamp(245px,34dvh,350px);overflow:hidden}.studio-image{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.lineup-car{display:block;width:100%;height:100%;background-image:url('./assets/car-lineup.png');background-size:300% auto;background-repeat:no-repeat;mix-blend-mode:multiply}.vehicle-thumb .lineup-car{background-size:300% auto}.studio-art .lineup-car{background-size:300% auto}
.studio-image{object-fit:cover;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.category-pill{margin-left:auto}
.switch{height:44px;min-height:44px;background:transparent;position:relative}.switch:before{content:'';position:absolute;inset:6px 0;background:#d8e0dc;border-radius:24px}.switch>i{position:relative}.switch[aria-checked=true]{background:transparent}.switch[aria-checked=true]:before{background:#00a987}.icon-button{width:44px;height:44px;min-height:44px}
body[data-state=question] .sheet .kicker{margin-bottom:5px}body[data-state=question] .description{font-size:12px;line-height:1.4;margin:8px 0}body[data-state=question] .small-row{margin-top:3px}body[data-state=question] .small-row #hint{min-height:30px}body[data-state=question] .answer{min-height:49px}body[data-state=question] .sheet:before{margin-bottom:10px}
/* Active road: fixed focal point, no navigation competing with an answer. */
body[data-surface=drive] .sheet{position:absolute;left:0;right:0;bottom:0;border:0;border-radius:26px 26px 0 0;padding:18px 20px calc(20px + env(safe-area-inset-bottom));max-height:55dvh;background:#fffffff8;box-shadow:0 -5px 35px #102c2820;scrollbar-width:thin}body[data-surface=drive] .sheet:before{content:'';display:block;width:45px;height:5px;border-radius:4px;background:#d3ddda;margin:-7px auto 16px}body[data-surface=drive] h2{font-size:23px;letter-spacing:-.6px;line-height:1.17}.answers{display:grid;gap:7px;margin-top:16px}.answer{min-height:54px;padding:10px 12px;background:white;border:1px solid #dfe6e2;border-radius:13px;gap:13px;font-size:15px;line-height:1.3;font-weight:500;color:#182d23}.answer b{border-radius:50%;height:32px;min-width:32px;color:#263b30;background:#edf2ef;font-size:15px;display:grid;place-items:center;box-shadow:none}.answer span{color:#20372b}.answer:hover{background:#edf9f2;border-color:#9dcdb6}.answer:hover b{background:#dbefe3;color:#147150}.answer.chosen{border-color:#008b78;background:#e1f5e8}.description{font-size:13px;color:#627568;line-height:1.45;margin:9px 0}.explanation{font-size:16px;color:#566f60;line-height:1.55;margin:12px 0}.kicker{font-size:10px;color:#6f8778;letter-spacing:.5px;margin-bottom:9px}.sheet .kicker{font-size:10px}.question-tools{gap:5px}.bookmark-button{border-radius:50%;width:35px;min-width:35px;height:35px;min-height:35px;background:#edf6f0;color:#749080}.bookmark-button svg{width:17px;height:17px}.small-note{font-size:11px;color:#748d7b}.small-row{margin-top:10px}.small-row #hint{font-size:12px;min-height:32px}.small-row .small-note{font-size:10px}.hud{top:calc(15px + env(safe-area-inset-top));left:16px;right:16px;z-index:4;gap:12px}.route-hud{flex:1;color:#fff;text-shadow:0 1px 7px #152d26}.route-hud span{font-size:13px;letter-spacing:0}.route-progress{gap:5px;margin:8px auto 0;max-width:160px}.route-progress i{height:4px;background:#ffffff90}.route-progress i.active,.route-progress i.done{background:#41d4bb}.icon-button{background:#faffffdd;color:#264d3e;box-shadow:0 2px 9px #173b351a;width:42px;height:42px;min-height:42px}.driving-hud{top:calc(68px + env(safe-area-inset-top));left:20px;right:20px;font-size:10px}.driving-hud>div{max-width:270px}#motion{min-height:32px;background:#f3fff6eb;color:#426453}#motion[aria-pressed=true]{background:#00897b;color:white}.vignette{background:linear-gradient(#173b3152,transparent 22%,transparent)}#caption{bottom:28px;left:25px;right:25px;color:white;text-shadow:0 1px 8px #152d25}#caption b{font-size:23px}#caption span{font-size:14px}.notice{font-size:13px;max-width:90%;border-radius:15px;z-index:6}.outcome-tag{color:#0b856c;font-size:12px;font-weight:650;letter-spacing:.2px;margin-bottom:11px}.outcome-tag.bad{color:#b63c49}.result-actions .primary{margin-top:10px;min-height:54px}.result-actions .secondary{background:transparent;color:#007d70}.alternative-actions{margin-top:10px;border-top:1px solid #e3eee6}.alternative-actions summary{font-size:14px;padding:15px 0;color:#647e6c;cursor:pointer}.branches{display:flex;gap:9px}.branch{flex:1;background:#e9f4ec;color:#417f5d;border-radius:12px;min-height:44px}.branch.active{background:#008c77;color:#fff}.result-note{font-size:10px;margin-top:10px}.score-ring{width:210px;height:210px;border:15px solid #d4ebdd;border-top-color:#00917c;border-right-color:#00917c;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:30px auto}.score-ring b{font-size:59px;letter-spacing:-3px;color:#087661}.score-ring b small{font-size:27px;color:#8bafa0;letter-spacing:0}.score-ring>span{font-size:13px;color:#668e78}.summary-card{text-align:center;background:white;border-radius:25px;padding:15px 20px 23px;margin-top:22px}.summary-card h2{font-size:24px}.summary-card p{font-size:14px;color:#69836f;margin-top:12px}.review-row{border-bottom:1px solid #e4ece5;padding:16px 0;font-size:14px}.review-row strong{font-size:14px}.review-row button{font-size:13px;color:#008270}.correct{color:#00876b}.incorrect{color:#bc4254}
/* Existing learning engine, matched to the same component language. */
.grouped-list,.daily-missions,.chapter-list{background:white;border:1px solid #e2ebe5;border-radius:20px;overflow:hidden;box-shadow:none}.history-row,.topic-row,.mission{background:white;border-bottom:1px solid #e7eee8;padding:17px 14px}.topic-row b,.mission b,.history-row b{font-size:15px;line-height:1.4;font-weight:550;color:#284a36}.topic-row small,.mission small,.history-row small{font-size:12px;color:#759180}.history-row div>span{font-size:12px;color:#77907f}.mission>span,.topic-dot{background:#e8f5ec;color:#088967;border-radius:50%;width:32px;height:32px}.mission i,.chapter-row i{background:#e4ede7}.mission em,.chapter-row em{background:#22aa84}.mission strong{color:#527e63;font-size:14px}.library-search{background:#e7efe9;border-radius:14px;border:0;margin:19px 0 14px}.library-search input{font-size:15px;color:#385a45;padding:14px;background:transparent}.library-search button{color:#23855a}.filter-scroll{gap:7px;padding-bottom:12px}.filter-scroll button{min-height:42px;border-radius:24px;border:1px solid #dce8e0;color:#63826f;background:white;padding:9px 13px;font-size:13px}.filter-scroll [aria-pressed=true]{background:#008878;color:white;border-color:#008878}.filter-scroll small{font-size:11px;color:inherit}.library-controls select{min-height:44px;border:1px solid #dbe8df;border-radius:12px;font-size:14px;color:#4a735a}.library-controls button{min-width:44px;min-height:44px;color:#237a53;background:#e1f1e6;border-radius:12px}.empty{padding:28px 20px;text-align:center}.empty b{font-size:16px;color:#365d44}.empty p{font-size:14px;color:#708776;line-height:1.6;margin-top:10px}.source-link{display:flex;align-items:center;justify-content:center;min-height:44px;color:#00866f;font-size:13px}.question-flags button{min-height:40px;border:1px solid #dce9df;border-radius:22px;background:white;color:#64856d;font-size:12px}.question-flags [aria-pressed=true]{color:#008066;background:#e0f2e5}.mode-score{background:white;border:1px solid #dfece2;border-radius:25px;margin:24px 0;padding:32px;text-align:center}.mode-score>b{font-size:68px;letter-spacing:-3px;color:#00866f}.mode-score small{font-size:30px;color:#8cb69f}.mode-score>span{font-size:14px;color:#698871}.mode-intro,.exam-intro{background:#e6f4eb;border-radius:25px;color:#2f694b;padding:25px;margin:20px 0}.mode-intro p,.exam-intro p{font-size:15px;color:#63846c}.large-symbol{color:#078a6b}.ticket-grid button{background:white;border:1px solid #dce9df;border-radius:17px}.ticket-grid b{font-size:30px;color:#00876b}.timer-options{gap:8px}.timer-options button{border-radius:15px;min-height:45px;color:#5c8169;background:#fff}.timer-options [aria-pressed=true]{background:#008c76;color:white}.timer-line{margin:8px 0 12px}.timer-line>div{background:#e2ece6}.timer-line i{background:#009d83}.timer-line>b{color:#007f69;font-size:26px}.timer-line button{width:40px;min-height:40px;border-radius:50%;color:#008269;background:#e2f4e8}#pause-overlay{background:#f7fdf9fa;z-index:6;border-radius:25px}#pause-overlay[hidden]{display:none}.hazard-choices button{min-height:44px;border-radius:12px;background:#e3f3e9;color:#117953}#hazard-layer button{border:2px solid #00a781;background:#f8fff9;color:#147d59;box-shadow:0 0 0 6px #fff6;min-width:44px;min-height:44px}body[data-state=exam] .sheet{padding-top:22px}body[data-state=exam] .tab-bar{display:none}body[data-state=exam] .sheet{bottom:0}.exam-header>b{color:#00866e;font-size:21px}.exam-header>span{color:#51745e;font-size:14px}.exam-header>button{width:44px;min-height:44px;border-radius:50%;background:#e5f4e9;color:#287249}.exam-progress{height:5px;background:#e1ece5;margin:16px 0}.exam-progress i{background:#009578}.exam-grid button{background:#e7f0e9;color:#64886e;border-radius:10px;min-height:42px;font-size:13px}.exam-grid button.current{border-color:#00987a;color:#007357;background:white}.exam-grid button.answered{background:#c9ebd8;color:#197248}.exam-actions{margin:14px 0}.finish-link{color:#a64760;font-size:13px;min-height:44px;background:none}.finish-confirm{padding:20px;border:1px solid #dbe6de;border-radius:18px;background:white;margin:12px 0}.finish-confirm[hidden]{display:none}.answer-review{padding:17px;border-bottom:1px solid #e4ece6}.answer-review summary{font-size:14px;line-height:1.45}.answer-review p{font-size:14px;line-height:1.6;color:#65816c}.answer-review a{color:#00836c}.activity-chart{border-color:#dae9df;background:#fff;border-radius:20px}.activity-chart i{background:#23af86}.profile-identity,.about-pilot{color:#698572}.small-note.quiz-note{font-size:11px}.training-diagram{background:#e7f2ec}
dialog{width:min(440px,calc(100% - 20px));max-height:85dvh;border:0;border-radius:28px;padding:24px 22px 22px;background:#fff;color:var(--ink);box-shadow:0 20px 90px #13352d44;margin:auto auto 12px;overflow:auto}dialog::backdrop{background:#16342a66;backdrop-filter:blur(6px)}#close-dialog{position:absolute;top:16px;right:14px;background:#edf3ef;color:#5e776a;border-radius:50%;height:34px;width:34px;min-height:34px;padding:4px}.modal-title{font-size:24px;padding:8px 30px 22px 0}.topic-modal{text-align:center;padding:8px 0}.topic-modal h3{font-size:22px}.topic-modal p{font-size:15px;color:#718779;margin:14px 0;line-height:1.65}.large-outline{display:block;margin:20px 0 24px;color:#008b75}.large-outline svg{width:65px;height:65px}.topic-modal .primary{margin-top:25px}#loader{background:#edf7f0;color:#0a795d;font-size:17px}#loader.hidden{display:none}
@media(min-width:700px){#app{border-inline:1px solid #fff9}.sheet{scrollbar-width:thin}dialog{margin:auto}}
@media(max-height:740px){:root{--nav:65px}.tab-bar{padding-top:5px;padding-bottom:6px}.tab-bar button{min-height:48px}.tab-bar button span{font-size:10px}body[data-surface=dashboard] .sheet{padding-top:18px}.page-header{margin-bottom:13px}.page-header h1,body[data-state=home] h1{font-size:29px}.visual-hero{height:48dvh;min-height:300px}.hero-copy h2{font-size:23px}.hero-copy p{font-size:14px}.hero-copy .primary{min-height:50px;font-size:16px}.home-rows{gap:7px;margin-top:12px}.home-rows .native-row{min-height:56px;padding:12px}.native-row b{font-size:15px}body[data-surface=drive] .sheet{max-height:59dvh;padding:15px 16px calc(15px + env(safe-area-inset-bottom))}body[data-surface=drive] h2{font-size:20px}.answer{min-height:46px;padding:8px 10px;font-size:13px;gap:10px}.answer b{height:28px;min-width:28px;font-size:13px}.answers{gap:5px;margin-top:11px}.description{font-size:11px;margin:6px 0}.skills-wheel{height:275px}.focus-card{min-height:330px}.welcome-art{height:46dvh}.welcome-copy h1{font-size:27px}.welcome-copy .primary{min-height:51px}.live-car{height:220px}.showroom-name h2{font-size:21px}}
@media(max-width:360px){body[data-surface=dashboard] .sheet{padding-inline:15px}.page-header h1{font-size:28px}.hero-copy h2{font-size:22px}.hero-copy{left:13px;right:13px}.native-row{gap:10px}.native-row b{font-size:14px}.skills-wheel{height:270px}.wheel-label{font-size:10px}.wheel-center strong{font-size:29px}.exam-numbers{gap:18px}.exam-numbers b{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.reduce-motion *{animation:none!important;transition:none!important}

body[data-state^="marathon-"] .tab-bar{display:none}body[data-state=marathon-question] .sheet{bottom:0;max-height:51dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom))}body[data-state=marathon-result] .sheet{bottom:0;max-height:43dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}body[data-state=marathon-summary] .sheet{inset:0;max-height:none;border-radius:0;overflow:auto;padding:24px}
#marathon-hud{position:absolute;top:110px;right:16px;z-index:6;background:#163b39d9;backdrop-filter:blur(12px);border:1px solid #ffffff50;border-radius:16px;padding:9px 13px;color:white;text-align:center;pointer-events:none}#marathon-hud span{display:block;font-size:10px;letter-spacing:1px}#marathon-time{font-size:24px;font-variant-numeric:tabular-nums}.marathon-pause{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:#102a2999;backdrop-filter:blur(12px);padding:24px}.marathon-pause section{width:100%;background:#f6fbf8;border-radius:27px;padding:30px;text-align:center}.marathon-pause strong{display:block;font-size:60px;font-variant-numeric:tabular-nums;color:#008c7f;margin:20px 0}.marathon-pause p{color:#526f68;font-size:16px}.marathon-pause .secondary{width:100%;margin-top:12px}.marathon-explanation{margin-top:12px;font-size:15px;line-height:1.5}.marathon-explanation summary{padding:8px 0;color:#007d70}.marathon-explanation p{color:#4b665f}.blitz-focus .secondary{width:100%;margin-top:12px}.studio-mode:disabled{opacity:1;color:#497265}.home-rows .native-row{min-height:58px}

.garage-controls{display:flex;gap:8px;margin-top:14px}.garage-controls button{flex:1;font-size:13px;padding:9px;line-height:1.3}

.map-review{display:block;margin:8px auto 0;min-height:44px;color:#45665e}