/* PRAKTYKA — graphite, porcelain, cobalt. Shared across all five destinations. */
:root{--ink:#172432;--blue:#2466ec;--line:#e2e6e9;--nav:86px;color:var(--ink);background:#dfe5e9}#app{background:#f1f3f5;box-shadow:0 0 90px #1b334c1c}body[data-surface=dashboard] .sheet{background:#f1f3f5;padding:calc(22px + env(safe-area-inset-top)) 22px 27px}.page-eyebrow{margin-bottom:24px;color:#647685;font-size:11px;font-weight:650;letter-spacing:.6px}.brand-line{display:flex;align-items:center;gap:8px}.brand-line svg{width:24px;height:26px;fill:none;stroke:#2466ec;stroke-width:2.7;stroke-linejoin:round}.country-badge{font-size:9px;background:#fff9;border-color:#d7dfe6;letter-spacing:.6px;color:#6e7b87;padding:6px 9px}h1{font-size:34px;line-height:1.09;letter-spacing:-1.4px;font-weight:750}h1 em{font-style:normal;color:#718393;font-weight:450}.page-description{font-size:12px;color:#73818e;line-height:1.6;margin-top:12px}.route-card{position:relative;margin-top:24px;border-radius:24px;overflow:hidden;background:#162634;color:#fff;box-shadow:0 12px 25px #17334817}.route-overview{margin:0;padding:19px 20px 14px;align-items:center}.route-overview>span:first-child{display:block}.route-overview small{display:block;margin:0 0 6px;color:#829aaa;font-size:8px;letter-spacing:1.6px;font-weight:550}.route-overview b{font-size:19px;letter-spacing:-.4px;color:#eef4f7;font-weight:550}.route-counter{display:block!important;color:#fff;font-size:27px;font-weight:550;letter-spacing:-1px}.route-counter i{font-size:14px;font-weight:400;color:#7f94a4;letter-spacing:0;font-style:normal;margin-left:3px}.city-map{border-radius:0;box-shadow:none;margin:0 10px;overflow:visible}.city-map>svg{border-radius:13px}.map-pin{width:33px;height:33px;border:3px solid #193244;background:#7fb4ff;color:#122b40;font-size:12px;box-shadow:0 3px 12px #06111a88}.map-pin.selected{outline:5px solid #81baff30;box-shadow:0 0 0 10px #81baff12}.map-pin.visited{background:#86d9b8;color:#183c33}.map-pin.locked{color:#90a4b2;background:#314959}.map-pin svg{width:14px;height:14px}.map-label{left:9px;bottom:9px;color:#b1c3cf;background:#162a39c4;font-size:8px;border:1px solid #40566580;border-radius:6px;padding:4px 6px}.route-card-foot{display:flex;justify-content:space-between;padding:14px 20px 16px;color:#93a8b7;font-size:9px}.route-card-foot span{display:flex;gap:6px;align-items:center}.route-card-foot i{width:4px;height:4px;display:inline-block;background:#7fb4ff;border-radius:50%}.location-detail{padding-top:18px;gap:12px}.location-number{background:#e5ebf1;color:#527086;border-radius:12px;font-size:13px;width:37px;height:40px;font-variant-numeric:tabular-nums}.location-detail h3{font-size:14px;font-weight:650}.location-detail p{font-size:10px;color:#798a99}.eyebrow{color:#7c8d9a;font-size:9px}.primary{background:#2466ec;min-height:52px;border-radius:15px;font-size:14px;box-shadow:0 5px 12px #2466ec15}.primary:hover{background:#1556d7}.primary>span{width:27px;height:27px;display:grid;place-items:center;background:#ffffff1f;border-radius:50%;font-size:18px}.map-help{color:#84939f;font-size:10px}.route-help{font-size:9px}.section-heading{margin-top:23px}.section-heading h3{font-size:15px;font-weight:650}.section-heading .text-button{font-size:11px;color:#507695}.garage-link{padding:7px 14px;border:1px solid #e4e9ec;border-radius:17px;background:#fdfdfd}.garage-link small{color:#82929e}.coming-next{margin-top:18px;border-top:1px solid #dee5e9;padding:17px 0 0;gap:11px}.feature-icon{background:#1b2d3d;color:#bcd5fc;border-radius:11px;font-size:24px;width:35px;height:38px}.coming-next b{font-size:12px}.coming-next p{color:#7b8e9e;font-size:10px}.soon{background:#e5eaee;color:#7f91a0;font-size:8px;letter-spacing:.2px;padding:6px 8px;border:1px solid #d9e2e9}.tab-bar{bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;height:65px;padding:7px 5px;background:#ffffffee;border:1px solid #e0e7ec;border-radius:22px;box-shadow:0 8px 35px #243d5020;backdrop-filter:blur(24px)}.tab-bar button{font-size:9px;font-weight:550;gap:5px;color:#8a99a6;border-radius:15px}.tab-bar button svg{width:20px;height:20px;stroke-width:1.65}.tab-bar button.selected{color:#2466ec;background:#eaf0fd}.tab-bar button[data-tab=tests].selected{color:white;background:#2466ec;box-shadow:0 3px 10px #2466ec25}.tab-bar button[data-tab=tests] svg{width:23px;height:23px}body[data-surface=dashboard] #app::after{content:'';position:absolute;bottom:0;left:0;right:0;height:90px;pointer-events:none;background:linear-gradient(0deg,#f1f3f5 25%,#f1f3f500);z-index:4}.garage-preview{background:#dfe6ec;border-radius:24px;margin-top:25px;height:225px;border:1px solid #d6dfe6}.garage-preview:after{content:'01 — 03';position:absolute;bottom:16px;left:18px;color:#8195a4;font-size:9px;letter-spacing:2px}.showroom-label{position:absolute;top:17px;left:17px;font-size:8px;letter-spacing:1.7px;color:#718695}.car-selected-badge{top:13px;right:13px;background:#eef7f2;color:#53816f;font-size:9px;padding:5px 8px}.car-name{margin-top:22px}.car-name h2{font-size:23px;font-weight:650}.car-name>span{font-size:11px;color:#8495a3}.car-card{background:#fdfdfd;border-radius:15px;border-width:1px;font-size:11px}.car-card.selected{border-color:#2466ec;background:#ebf1fc;box-shadow:inset 0 0 0 1px #2466ec}.colors{background:#fcfdfd;border:1px solid #e5e9ee;padding:17px;border-radius:15px}.swatch{border-color:#fcfdfd}.swatch.selected{box-shadow:0 0 0 2px #2466ec}.skills-orbit{background:#e9eef2;border-radius:50%;margin:22px 9px 24px;padding:7px;box-shadow:inset 0 0 0 1px #dde5eb}.orbit-car{top:28%}.orbit-car>b{font-size:27px;color:#1c3347}.orbit-car>span{font-size:9px;color:#7a8c9a}.grouped-list{border-radius:17px;border:1px solid #e3e8ed;background:#fcfdfd}.skill-row,.history-row,.topic-row{background:#fcfdfd;border-bottom-color:#e9eef2}.skill-row{padding:18px 15px}.skill-row b,.topic-row b{font-size:12px}.skill-row div>span{color:#7c8f9f}.skill-row strong{font-variant-numeric:tabular-nums;color:#3b5970}.theory-hero{position:relative;overflow:hidden;background:#182b3b;border:1px solid #263f51;padding:24px 21px;border-radius:22px;margin:25px 0 22px;min-height:190px}.theory-hero>span{color:#7896ab;font-size:7px;letter-spacing:1.5px}.theory-hero h2{position:relative;z-index:1;color:#eff5fa;font-size:22px;font-weight:500;margin-top:29px;line-height:1.23;letter-spacing:-.6px}.theory-hero p{font-size:10px;color:#92aabd;position:relative;z-index:1;margin-top:12px}.theory-hero>svg{position:absolute;right:-10px;bottom:-18px;width:140px;height:140px;stroke:#426484;stroke-width:1;fill:none;opacity:.4}.topic-number{background:#eaf0f7;color:#506f8c;font-size:11px;padding:9px}.topic-row{padding:20px 15px;min-height:82px}.topic-row small{color:#8193a1;font-size:9px}.topic-row>span:last-child{color:#718da6}.profile-identity{margin-top:30px}.avatar{background:#1f3445;color:#deebf6;font-weight:400;border:4px solid #e0e8ee;width:59px;height:59px}.stats-grid>div{border:1px solid #dfe6ec;background:#fcfdfd;border-radius:19px;padding:23px 16px}.stats-grid b{font-size:37px;font-weight:500;color:#1e3c54}.stats-grid span{color:#8094a4}.history-icon{background:#e9f0f8;color:#567c9a}.history-row strong{color:#285374}.local-badge{color:#768d9e;border-color:#d5e0e8}.about-pilot{padding-top:9px;border-top:1px solid #dae3ea}.about-pilot b{color:#627b8f}.about-pilot p{color:#8798a6}.sheet{border:1px solid #ffffffcc;box-shadow:0 10px 40px #0d233625;border-radius:23px}.sheet .kicker{color:#6c8498;letter-spacing:.55px}.answer{background:#f0f3f7;border:1px solid #e7ecf1;border-radius:11px}.answer b{background:#fff;color:#698197;border-radius:7px;font-weight:550;box-shadow:0 1px 2px #243d5010}.answer:hover{background:#e9f0ff;border-color:#b9cefa}.answer:hover b{background:#2466ec;color:white}.answer span{color:#354b5d}.description,.explanation{color:#718393}.outcome-tag{letter-spacing:.2px}.secondary{background:#eaf0f6;color:#4b6f90}.branch{background:#edf2f7;color:#63829c}.branch.active{background:#244f77;color:white}.rule-link{color:#4a79a3}.icon-button{background:#ffffffeb;color:#3b5a70;box-shadow:0 4px 15px #12273715}.route-hud span{font-size:10px;letter-spacing:.3px}.route-progress i{height:3px}.notice{border:1px solid #ffffffcc;border-radius:14px;backdrop-filter:blur(10px)}.bookmark-button{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#edf2f7;color:#6e889f;padding:6px}.bookmark-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.bookmark-button.saved{background:#e2edff;color:#2466ec}.bookmark-button.saved svg{fill:#2466ec;stroke:#2466ec}.question-tools{display:flex;align-items:center;gap:7px;white-space:nowrap}.library-tabs{display:grid;grid-template-columns:1fr 1.25fr 1.1fr;gap:4px;background:#e2e8ed;padding:4px;border-radius:12px;margin-bottom:17px}.library-tabs button{background:none;border-radius:9px;color:#6b8294;font-size:10px;min-height:35px;font-weight:550;white-space:nowrap}.library-tabs button[aria-pressed=true]{background:#fff;color:#284965;box-shadow:0 1px 5px #203b5310}.library-tabs small{margin-left:5px;font-size:9px;opacity:.7}.empty b{color:#49677e;font-size:13px}.empty p{color:#7f95a7;font-size:11px}.sheet.hidden{visibility:hidden}dialog{color:#243b4d;background:#f9fbfc}dialog p{color:#627d90}#close-dialog{z-index:2}.kicker:has(.bookmark-button){padding-right:20px}body[data-surface=dashboard] .sheet{border:0}
@media(max-height:740px){:root{--nav:82px}body[data-surface=dashboard] .sheet{padding-top:17px}.page-eyebrow{margin-bottom:18px}h1{font-size:30px}.route-card{margin-top:20px}.route-overview{padding:15px 18px 11px}.route-overview b{font-size:18px}.route-card-foot{padding:11px 18px 13px}.sheet{max-height:58dvh}.sheet .kicker{font-size:8px}.question-tools{gap:5px}.bookmark-button{width:26px;height:26px;padding:5px}.tab-bar{height:61px;bottom:10px}.answer{font-size:11px;min-height:41px}.location-detail{padding-top:15px}.garage-preview{height:207px}}
body[data-surface=dashboard] #world{visibility:hidden}
@media(max-height:740px){.route-card .city-map{width:190px;max-width:calc(100% - 20px);margin:auto}.route-overview{padding-top:12px;padding-bottom:8px}.route-card-foot{font-size:8px}.tab-bar{bottom:calc(10px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:no-preference){.tab-bar button{transition:background .18s,color .18s,transform .18s}.map-route{animation:route-flow 12s linear infinite}@keyframes route-flow{to{stroke-dashoffset:-110}}}