/* Nitrox iNight: everything scoped to .ntx; no changes to world renderer. */
.ntx{--nx:#9f72ff;--nxc:#69e5e8;color:#f6f5ff;font:inherit;display:flex;flex-direction:column;min-height:100%;background:#0d1221;padding:0 0 20px;box-sizing:border-box}
.ntx *{box-sizing:border-box}
.ntx button,.ntx input{font:inherit}
.ntx button{cursor:pointer;touch-action:manipulation}
.ntx button:focus-visible,.ntx input:focus-visible{outline:2px solid #9aeaf1;outline-offset:2px}
.ntx-hero{padding:20px 17px 12px;background:radial-gradient(ellipse at top right,#342561 0%,#11192c 65%,#0d1221 100%)}
.ntx-hero small{color:#a8a4df;font-size:10px;letter-spacing:.16em;font-weight:800}
.ntx-hero h3{font-size:23px;letter-spacing:-.025em;line-height:1.18;margin:8px 0 4px;color:#fff}
.ntx-hero p{font-size:12px;margin:0 0 12px;color:#b3bfd0}
.ntx-demo{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.055em;color:#d9c6ff;background:#754fd533;border:1px solid #986ce088;border-radius:50px;padding:6px 9px}
.ntx-map-wrap{position:relative;min-height:178px;aspect-ratio:1.7/1;overflow:hidden;margin:9px 12px 11px;border:1px solid #304363;border-radius:16px;background:#0a1122}
.ntx-map{display:block;width:100%;height:100%;position:absolute;inset:0}
.ntx-roads{stroke:#263752;stroke-width:1;fill:none}
.ntx-ring{stroke:#25324d;stroke-width:1;fill:none}
.ntx-route{fill:none;stroke:#bd86ff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 1;filter:drop-shadow(0 0 2px #9b59ff)}
.ntx-pin circle{fill:#374763;stroke:#9cc5dc;stroke-width:.55}
.ntx-pin text{font-size:3px;fill:#e5d6ff}
.ntx-pin.selected circle{fill:#8051da;stroke:#eec9ff}
.ntx-self{fill:#6feaf4;stroke:#fff;stroke-width:1;filter:drop-shadow(0 0 2px #5ce3f6)}
.ntx-car circle{fill:#c58eff;stroke:#fff;stroke-width:.8;filter:drop-shadow(0 0 2px #b880fa)}
.ntx-car text{fill:#172340;font-size:4px}
.ntx-map-caption{position:absolute;bottom:6px;left:7px;background:#101829e8;border:1px solid #2e4163;border-radius:7px;padding:4px 7px;color:#9db2d2;font-size:8px;letter-spacing:.04em;font-weight:800}
.ntx-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 12px;border:1px solid #34405a;border-radius:12px;background:#172136;padding:3px;gap:3px}
.ntx-tabs button{background:none;border:0;border-radius:8px;color:#a6b5ce;font-size:11px;padding:10px 0;font-weight:700}
.ntx-tabs button[aria-current="page"]{background:#7147b9;color:#fff}
.ntx-list{display:flex;flex-direction:column;gap:9px;padding:15px 13px;min-width:0}
.ntx-list label{font-weight:800;font-size:11px;color:#b9c7db}
.ntx-list input{width:100%;border:1px solid #465578;background:#172238;color:white;padding:12px;border-radius:10px;font-size:13px}
.ntx-list input::placeholder{color:#8193ae}
.ntx-list h4{margin:3px 0 0;color:#fff;font-size:19px;line-height:1.25}
.ntx-list>p{color:#aab9d0;font-size:12px;margin:0 0 5px}
.ntx-place{position:relative;display:flex;border:1px solid #303d55;border-radius:13px;background:#162136;min-height:58px;overflow:hidden}
.ntx-place>button:first-child{border:0;background:none;color:inherit;display:grid;grid-template-columns:33px minmax(0,1fr) 16px;grid-template-rows:1fr 1fr;align-items:center;text-align:left;width:100%;gap:1px 8px;padding:10px 44px 10px 11px}
.ntx-place>button:first-child>span{grid-row:1/3;font-size:22px;color:#a8b6ef}
.ntx-place strong{grid-column:2;grid-row:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntx-place small{grid-column:2;grid-row:2;font-size:10px;color:#9baecc}
.ntx-place b{grid-column:3;grid-row:1/3;font-size:24px;color:#ccb5fd}
.ntx-fav{position:absolute;right:3px;top:6px;background:transparent;border:none;color:#e4bd81;font-size:22px;padding:7px}
.ntx-back{align-self:flex-start;color:#bba5ef;background:none;border:0;font-size:12px;padding:3px}
.ntx-category{display:grid;grid-template-columns:35px 1fr auto;grid-template-rows:1fr 1fr;align-items:center;gap:0 6px;text-align:left;background:#172237;color:#fff;border:1px solid #36445b;border-radius:12px;padding:10px}
.ntx-category.selected{border-color:#bf8aff;background:#39295b}
.ntx-category span{grid-row:1/3;font-size:21px}
.ntx-category strong{grid-row:1;grid-column:2;font-size:12px}
.ntx-category small{grid-row:2;grid-column:2;font-size:10px;color:#a3b3ca}
.ntx-category b{grid-row:1/3;grid-column:3;color:#e8d2ff;font-size:12px}
.ntx-primary,.ntx-secondary{padding:13px 11px;border-radius:12px;font-weight:800;font-size:12px;min-height:43px;width:100%}
.ntx-primary{background:linear-gradient(115deg,#6847d0,#9a5feb);color:white;border:none}
.ntx-secondary{color:#ffadbe;background:#642a383b;border:1px solid #b34d67}
.ntx-list>small,.ntx-hint{font-size:10px;color:#96abc3!important}
.ntx-pill{align-self:start;border:1px solid #8e72ca;color:#e1caff;background:#62439a3b;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}
.ntx-trip{background:#171f32;border:1px solid #2e3d5c;border-radius:14px;margin:0 12px;padding:15px}
.ntx-driver{display:flex;align-items:center;gap:12px;border:1px solid #3b4861;border-radius:12px;padding:10px;background:#202b42}
.ntx-driver span{font-size:27px}
.ntx-driver strong,.ntx-driver small{display:block}
.ntx-driver strong{font-size:12px}.ntx-driver small{font-size:10px;color:#a5b4c9}
.ntx-history{border:1px solid #33405a;border-radius:11px;background:#192237;padding:12px}
.ntx-history b,.ntx-history small{display:block}.ntx-history b{font-size:12px}
.ntx-history small{color:#9cacbf;font-size:10px;margin-top:5px}
.ntx-footer{margin-top:auto;color:#93a3b9;text-align:center;padding:14px 12px 4px;font-size:10px}
.ntx-footer button{border:0;background:none;color:#bd9bff;text-decoration:underline;padding:4px}
.ntx [hidden]{display:none!important}
@media(max-width:390px){.ntx-hero h3{font-size:21px}.ntx-map-wrap{min-height:144px}.ntx-list{padding:10px 12px}.ntx-demo{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ntx *{animation:none!important;transition:none!important}}
