:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f6f7ef;--panel:#fff;--panel-strong:#edf7f3;--ink:#17231f;--muted:#65736d;--line:#d8ded6;--teal:#177e89;--green:#2f7d57;--coral:#e85d3f;--amber:#f2b63d;--road:#3a3f3b;--shadow:0 16px 44px #17231f21;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page)}body{background:linear-gradient(#f6f7ef 0%,#eef7f4 44%,#f7f3ea 100%);min-width:320px;min-height:100vh;margin:0}button{cursor:pointer;font:inherit;touch-action:manipulation;border:0}button:disabled{cursor:default}h1,h2,h3,p{margin:0}.appShell{width:min(1120px,100%);min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));margin:0 auto}.dashboardShell{gap:18px;display:grid}.topPanel,.practiceSection,.methodStrip,.attemptsPanel,.resultHero,.reviewSection{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffdb;border-radius:8px}.topPanel{gap:18px;padding:18px;display:grid}.brandRow{grid-template-columns:52px 1fr;align-items:center;gap:12px;display:grid}.brandMark{color:#fff;background:#17231f;border-radius:8px;place-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:grid}.eyebrow,.cardKicker{color:var(--teal);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}h1{margin-top:3px;font-size:28px;line-height:1.05}h2{font-size:20px;line-height:1.15}h3{font-size:17px;line-height:1.2}.lead{color:#33423b;font-size:17px;line-height:1.45}.heroGrid,.heroCopy{gap:14px;display:grid}.quickStats{grid-template-columns:1fr;gap:8px;display:grid}.quickStats span,.thresholdPill,.lastScore{color:#254139;background:#edf7f3;border:1px solid #cbded8;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:750}.examCard{color:#fff;background:#17231f;border-radius:8px;align-content:space-between;gap:18px;padding:16px;display:grid}.examCard p:not(.cardKicker){color:#dbe9e4;margin-top:8px;line-height:1.45}.primaryButton,.secondaryButton,.ghostButton{border-radius:8px;min-height:48px;padding:12px 16px;font-weight:850}.primaryButton{background:var(--coral);color:#fff;box-shadow:0 10px 24px #e85d3f3d}.secondaryButton{color:var(--ink);background:#fff;border:1px solid #bfd5ce}.ghostButton{color:var(--ink);background:#ffffffb8;border:1px solid #cadad4}.mobileBand{gap:10px;display:grid}.thresholdPill{justify-content:space-between;gap:12px;display:flex}.thresholdPill span{color:var(--muted)}.practiceSection,.attemptsPanel,.reviewSection{gap:14px;padding:16px;display:grid}.sectionHeader{gap:10px;display:grid}.sectionHeader h2{margin-top:4px}.practiceGrid{gap:10px;display:grid}.practiceCard{min-height:72px;color:var(--ink);text-align:left;background:#fff;border:1px solid #d9ded4;border-radius:8px;justify-items:start;gap:5px;padding:14px;display:grid}.practiceCard span{font-weight:850}.practiceCard small{color:var(--muted);font-size:13px}.methodStrip{gap:0;display:grid;overflow:hidden}.methodItem{border-bottom:1px solid var(--line);padding:15px}.methodItem:last-child{border-bottom:0}.methodItem p{color:var(--muted);margin-top:6px;line-height:1.42}.attemptList{gap:8px;display:grid}.attemptRow{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding-top:10px;font-size:14px;display:grid}.attemptRow strong{color:var(--ink)}.examShell,.resultShell{align-content:start;gap:14px;display:grid}.examHeader{z-index:20;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f7eff0;border-bottom:1px solid #d8ded6e6;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-inline:-16px;display:grid;position:sticky;top:0}.examHeader h1{font-size:23px}.examStatus{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.progressBlock{gap:7px;display:grid}.progressText{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;font-weight:750;display:flex}.progressText strong{color:var(--ink)}.progressTrack{background:#dfe7dc;border-radius:8px;height:9px;overflow:hidden}.progressFill{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--green));height:100%;transition:width .18s}.timerPill{color:#5a4012;background:#fff8e5;border:1px solid #d6d9c9;border-radius:8px;place-items:center;min-width:78px;min-height:54px;padding:8px;display:grid}.timerPill span{text-transform:uppercase;font-size:11px;font-weight:800}.timerPill strong{font-size:18px}.timerPill.danger{color:#9d2d19;background:#fff0ec;border-color:#efb1a2}.questionLayout{gap:14px;display:grid}.sceneFrame{background:var(--panel);border:1px solid #d4dbd2;border-radius:8px;gap:10px;margin:0;display:grid;overflow:hidden}.sceneMeta{color:var(--muted);justify-content:space-between;gap:10px;padding:12px 12px 0;font-size:12px;display:flex}.sceneMeta span{color:var(--teal);text-transform:uppercase;font-weight:850}.sceneMeta strong{color:var(--ink);text-align:right}.roadScene{background:#b9dcd6;border-radius:8px;height:220px;margin:0 12px;position:relative;overflow:hidden}.sceneSky{background:linear-gradient(#b9dcd6 0 42%,#0000 42%),linear-gradient(90deg,#ffffff8c,#0000 46%);position:absolute;inset:0}.sceneRoad{background:linear-gradient(90deg, transparent 0 47%, #ffffffb3 47% 49%, transparent 49%), var(--road);position:absolute;inset:42% -8% -18%;transform:skewY(-4deg)}.laneLine{opacity:.86;background:#f6f7ef;border-radius:8px;width:6px;height:38px;position:absolute;left:48%}.laneLineOne{top:22%}.laneLineTwo{top:58%}.egoVehicle,.trafficObject{border-radius:8px;display:block;position:absolute;box-shadow:0 9px 18px #17231f38}.egoVehicle{background:#e85d3f;width:54px;height:78px;bottom:12%;right:18%}.trafficObject{background:#f2b63d}.objectOne{width:42px;height:58px;bottom:36%;left:16%}.objectTwo{background:#177e89;width:34px;height:44px;top:35%;right:22%}.objectThree{background:#fff;width:62px;height:30px;top:18%;left:52%}.scene-crosswalk .sceneRoad{background:repeating-linear-gradient(90deg, #f6f7ef 0 14px, transparent 14px 30px), var(--road)}.scene-motorway .sceneRoad{inset:36% -20% -20%;transform:skewY(-2deg)}.scene-roundabout .sceneRoad{background:radial-gradient(circle at center, #77a56f 0 32%, transparent 33%), var(--road);border-radius:50%;inset:28% 8% 4%;transform:none}.scene-residential .roadScene{background:#c6dfcc}.scene-sign .objectThree{background:#fff;border:8px solid #e85d3f;border-radius:8px;width:54px;height:54px}.scene-weather .roadScene{background:linear-gradient(#ffffff73,#ffffff14),#9cc3c7}.scene-weather .sceneRoad{background:repeating-linear-gradient(120deg,#ffffff40 0 3px,#0000 3px 12px),#505955}.scene-tram .sceneRoad{background:linear-gradient(90deg, transparent 0 38%, #c9d0ca 38% 41%, transparent 41% 58%, #c9d0ca 58% 61%, transparent 61%), var(--road)}figcaption{gap:6px;padding:0 12px 12px;display:flex;overflow-x:auto}figcaption span{color:#24443c;background:#edf7f3;border-radius:8px;flex:none;padding:6px 8px;font-size:12px;font-weight:750}.questionPanel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:16px;display:grid}.topicRow{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:12px;font-size:12px;font-weight:800;display:flex}.topicRow strong{color:var(--teal)}.questionPanel h2{font-size:22px;line-height:1.2}.answerGrid{gap:9px;display:grid}.answerButton{min-height:60px;color:var(--ink);text-align:left;background:#fff;border:2px solid #d8ded6;border-radius:8px;justify-items:start;gap:4px;padding:13px 14px;display:grid}.answerButton span{font-size:16px;font-weight:850}.answerButton small{color:var(--muted);font-size:12px;line-height:1.25}.answerButton.correct{background:#e9f7ef;border-color:#2f7d57}.answerButton.wrong{background:#fff0ec;border-color:#e85d3f}.answerButton.muted{opacity:.58}.feedbackPanel{border:1px solid #d7ded1;border-radius:8px;gap:11px;padding:14px;line-height:1.45;display:grid}.feedbackPanel.isCorrect{background:#e9f7ef}.feedbackPanel.isWrong{background:#fff0ec}.feedbackTitle{font-weight:900}.memoryTip{border-left:4px solid var(--amber);gap:5px;padding-left:10px;display:grid}.memoryTip strong{text-transform:uppercase;color:#725315;font-size:12px}.memoryTip span{color:#2e3f37}.resultHero{gap:10px;padding:18px;display:grid}.resultHero h1{font-size:36px}.resultHero.passed{background:#e9f7ef}.resultHero.failed{background:#fff0ec}.thresholdNote{color:var(--muted);line-height:1.4}.scoreGrid{gap:10px;display:grid}.scoreCard{border:1px solid var(--line);background:#fff;border-radius:8px;gap:5px;padding:14px;display:grid}.scoreCard span,.scoreCard small{color:var(--muted)}.scoreCard strong{font-size:26px}.resultActions{gap:9px;display:grid}.secondaryButton.compact{min-height:40px;padding:9px 12px}.emptyReview{background:#f8faf4;border:1px dashed #bccbc5;border-radius:8px;padding:16px}.emptyReview p{color:var(--muted);margin-top:6px}.reviewList{gap:14px;display:grid}.reviewItem{border-top:1px solid var(--line);gap:12px;padding-top:14px;display:grid}.reviewItem .sceneFrame{box-shadow:none}.reviewBody{gap:12px;display:grid}.answerSummary{gap:8px;margin:0;display:grid}.answerSummary div{background:#f5f8f3;border-radius:8px;gap:3px;padding:10px;display:grid}.answerSummary dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.answerSummary dd{margin:0;font-weight:850}@media (width<=760px){.questionPanel:not(:has(.feedbackPanel)) .answerGrid{z-index:14;bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #d8ded6f2;border-radius:8px;margin:0 -8px -6px;padding:8px;position:sticky;box-shadow:0 16px 34px #17231f2e}}@media (width>=680px){.appShell{padding-inline:24px}.heroGrid,.questionLayout,.reviewItem{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}.mobileBand,.practiceGrid,.scoreGrid,.resultActions{grid-template-columns:repeat(3,minmax(0,1fr))}.practiceGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.methodStrip{grid-template-columns:repeat(3,minmax(0,1fr))}.methodItem{border-right:1px solid var(--line);border-bottom:0}.methodItem:last-child{border-right:0}.sectionHeader{grid-template-columns:1fr auto;align-items:end}.quickStats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=980px){.appShell{padding-top:34px}h1{font-size:38px}.topPanel{padding:24px}.roadScene{height:300px}}