.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:23px 0 0}.category-tabs button{background:#e5ebf0;color:#718697;border-radius:12px;padding:11px 2px;min-height:61px}.category-tabs b{display:block;font-size:19px;font-weight:600}.category-tabs span{display:block;font-size:8px;margin-top:5px}.category-tabs [aria-pressed=true]{background:#2466ec;color:white;box-shadow:0 4px 10px #2466ec20}.category-car-grid{grid-template-columns:repeat(2,1fr);margin:22px 0 16px}.category-car-grid .car-card{padding:12px 4px}.category-focus{background:#e4ecf3;padding:20px 16px;border-radius:16px;margin-top:20px}.category-focus>span{font-size:9px;letter-spacing:1.3px;color:#778f9f}.category-focus h3{margin:9px 0;font-size:16px}.category-focus p{font-size:11px;line-height:1.6;color:#6b8396}.category-focus .secondary{background:#f5f8fb;font-size:12px;margin-top:13px}.daily-missions{background:#fff;border:1px solid #e1e7ec;border-radius:17px;overflow:hidden}.mission{display:flex;gap:11px;align-items:center;background:none;width:100%;padding:17px 14px;text-align:left;border-bottom:1px solid #e9eef2}.mission:last-child{border:0}.mission>span{width:32px;height:34px;background:#eaf0fa;border-radius:10px;color:#467eb4;display:grid;place-items:center;flex-shrink:0;font-size:20px}.mission>div{flex:1}.mission b{font-size:12px;display:block;font-weight:600}.mission small{font-size:9px;display:block;color:#8198a9;margin-top:5px}.mission strong{font-size:12px;color:#66859e;font-weight:550}.mission i,.chapter-row i{display:block;width:100%;height:3px;background:#e6edf2;border-radius:3px;margin-top:9px;overflow:hidden}.mission em,.chapter-row em{display:block;height:100%;background:#4d8de9;border-radius:3px}.mission.complete>span{background:#e6f3ed;color:#439778}.mission.complete em{background:#62b18e}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:8px}.mode-cards button{background:#1b3142;color:#fff;border-radius:18px;min-height:116px;padding:15px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.mode-cards button>span{font-size:25px;color:#8fb9f1;line-height:1}.mode-cards b{font-size:13px;font-weight:550;margin-top:13px}.mode-cards small{font-size:9px;color:#92aaba;margin-top:7px}.learning-counts{display:flex;justify-content:space-around;margin:0 0 20px;padding:14px;border-block:1px solid #dde6ed;font-size:10px;color:#8297a8}.learning-counts b{font-size:14px;color:#2b506e;margin-right:4px}.chapter-list{border:1px solid #e0e7ed;border-radius:17px;overflow:hidden;background:white}.chapter-row{display:flex;align-items:center;gap:12px;width:100%;background:#fff;padding:16px 13px;text-align:left;border-bottom:1px solid #e9eef3}.chapter-row:last-child{border:0}.chapter-code{display:grid;place-items:center;width:33px;height:37px;border-radius:10px;background:#eef3f7;box-shadow:inset 3px 0 var(--chapter);font-size:13px;color:#69869e;flex-shrink:0}.chapter-row>div{flex:1}.chapter-row b{display:block;font-size:12px;line-height:1.4;font-weight:550}.chapter-row small{display:block;font-size:9px;color:#8296a6;margin-top:6px}.chapter-row>span:last-child{color:#93a7b7}.chapter-orbit{margin:20px 0 16px}.chapter-orbit .orbit-car{top:29%}.chapter-orbit .orbit-car>span{font-size:8px;white-space:nowrap}.mode-intro{background:#192f41;color:#edf5fa;border-radius:22px;padding:25px 21px;margin:24px 0}.large-symbol{font-size:44px;font-weight:350;color:#8bb7f3;line-height:1.2;display:block;margin-bottom:27px}.mode-intro h2{font-size:23px;font-weight:550}.mode-intro p{font-size:12px;line-height:1.7;color:#9db4c5;margin-top:14px}.timer-options{display:flex;gap:10px}.timer-options button{flex:1;min-height:48px;border-radius:12px;background:#e3ebf3;color:#527692;font-size:16px}.timer-options [aria-pressed=true]{background:#2466ec;color:#fff}.source-link{display:block;margin:17px 0;text-align:center;font-size:12px;color:#4380ad;text-decoration:none}.timer-line{display:flex;align-items:center;gap:11px;margin:9px 0 15px}.timer-line>div{flex:1;height:5px;background:#e0e9f3;overflow:hidden;border-radius:5px}.timer-line i{display:block;width:100%;height:100%;background:#2878ec}.timer-line b{font-variant-numeric:tabular-nums;font-size:23px;color:#2b5c82;min-width:28px;text-align:center}.timer-line button{width:34px;height:34px;background:#eef3f8;color:#5481a5;border-radius:10px}.quiz-note{padding-top:11px}.mode-score{padding:30px 20px;text-align:center}.mode-score>b{font-size:72px;letter-spacing:-3px;color:#254d6c;font-weight:500}.mode-score small{font-size:28px;color:#8ca4b7;letter-spacing:0}.mode-score>span{display:block;color:#8197a8;font-size:12px;margin:9px 0 14px}.mode-summary .history-row b{font-size:11px}#pause-overlay{position:absolute;inset:0;background:#f8fafdf7;backdrop-filter:blur(6px);z-index:3;border-radius:23px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px}#pause-overlay[hidden]{display:none}#pause-overlay>b{font-size:27px;font-weight:600}#pause-overlay .primary{max-width:250px;margin-top:25px}.hazard-choices{display:flex;gap:10px;margin:12px 0 3px}.hazard-choices button{background:#e8f0fc;color:#3874b8;flex:1;border-radius:10px;min-height:42px;font-weight:600}#hazard-layer{position:absolute;inset:0;pointer-events:none;z-index:2}#hazard-layer button{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#ffffffd9;border:2px solid #4b87d2;color:#356ca4;font-weight:650;font-size:15px;box-shadow:0 0 0 5px #6fafff22,0 2px 10px #10263526;backdrop-filter:blur(4px)}#hazard-layer button:active{transform:translate(-50%,-50%) scale(.95)}#hazard-layer .target-correct{background:#d9fae8;border-color:#3aa677;color:#1d6a49}#hazard-layer .target-wrong{background:#ffe0e6;border-color:#c74b63;color:#a82e46}body[data-state=hazard] .sheet,body[data-state=hazard-result] .sheet{z-index:3;max-height:34dvh}body[data-state=hazard] .route-progress,body[data-state=hazard-result] .route-progress,body[data-state=training] .route-progress,body[data-state=training-result] .route-progress{display:none}body[data-state=training] #motion,body[data-state=training-result] #motion,body[data-state=hazard] #camera,body[data-state=hazard-result] #camera{display:none}body[data-state=mode-summary] #mode-skills{width:100%;margin-top:12px}body[data-state=training] .sheet{max-height:55dvh}
@media(max-height:740px){.category-tabs{margin-top:18px}.mode-intro{padding:21px 18px;margin-top:22px}.mode-intro h2{font-size:21px}.large-symbol{margin-bottom:19px}.chapter-row{padding:14px 12px}.chapter-orbit{margin-top:13px}.mode-score{padding:18px}.mode-score>b{font-size:62px}body[data-state=training] .sheet{max-height:57dvh}.timer-line{margin:4px 0 10px}.mode-cards b{font-size:12px}}

.garage-preview:after{content:"ТВІЙ ТРАНСПОРТ"}#hazard-layer button:after{content:"";position:absolute;left:50%;top:100%;height:21px;border-left:2px solid #4b87d2;transform:translateX(-50%)}body[data-state=hazard] .driving-hud,body[data-state=hazard-result] .driving-hud{display:none}

body[data-state=training] #camera{display:none}