/* Trang quan-ly-gara: phieu sua chua (hero), mo phong mot xe qua gara (.sim), sau cho mat tien (.gpc),
   man hinh tho (.tp), bang gia (.pr), khoi ket (.gr-fin). Mau: nen #050706, nhan lime, vang ho phach cho trang thai cho. */
.gr{--amb:#f2c46d;--card:#0f1311;--edge:rgba(255,255,255,.08);position:relative}
.gr-t{max-width:44rem;margin:0 auto var(--s5);text-align:center}
.gr-t p:not(.eye){margin-top:var(--s3);font-size:1.0625rem;color:var(--c-ink2)}

/* Bien so xe: nen trang, vien den nhu bien that */
.plt{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border:2px solid #121512;border-radius:5px;outline:1px solid #d9ddd3;outline-offset:-5px;background:#eef0ea;color:#0d100d;font:700 1.0625rem/1 var(--font-d);letter-spacing:.03em;white-space:nowrap;font-variant-numeric:tabular-nums}
.plt--s{padding:.2rem .45rem;border-width:1.5px;outline:0;font-size:.75rem;border-radius:4px}

/* Mo dau */
.gr-hero{position:relative;padding:var(--s6) 0 var(--s7);overflow:hidden}
.gr-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(40rem 26rem at 78% 40%,rgba(180,249,111,.10),transparent 70%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% 72px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/72px 100%;-webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent);pointer-events:none}
.gr-hero__g{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s6);align-items:center}
.gr-hero h1{font-size:clamp(2.375rem,1.5rem + 2.6vw,3.75rem)}
.gr-hero__n{margin-top:var(--s3);font-size:.875rem;color:var(--c-ink2)}
.gr-hero__f{position:relative;padding:0 var(--s4) 6rem 0}
.gr-hero__f figcaption{position:absolute;left:0;bottom:2rem;max-width:40%;font-size:.8125rem;color:var(--c-ink2)}
.tk{position:relative;padding:var(--s4);background:var(--card);border:1px solid var(--edge);border-radius:20px;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.tk--back{position:absolute;z-index:2;bottom:0;right:-.5rem;width:56%;padding:var(--s3) var(--s4);background:#141d11;border-color:rgba(180,249,111,.35);box-shadow:0 24px 60px rgba(0,0,0,.6);transform:rotate(-2deg)}
.tk--back b{display:block;margin-top:.25rem;font-size:.9375rem}.tk--back span{font-size:.8125rem;color:var(--c-ink2)}
.tk__k{font:500 .6875rem/1.4 var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ac)}
.tk__h{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s3);padding-bottom:var(--s3);border-bottom:1px dashed var(--c-line2)}
.tk__h b{display:block;margin-top:.25rem;font:600 1.375rem/1.2 var(--font-d);letter-spacing:-.02em}
.tk__h span:not(.plt){font-size:.875rem;color:var(--c-ink2)}
.tk__l li,.tk__t{display:flex;justify-content:space-between;gap:var(--s3);padding:.625rem 0;font-size:.9375rem;border-bottom:1px solid var(--c-line)}
.tk__l b{font-weight:500;font-variant-numeric:tabular-nums}
.tk__t{border:0;padding-top:var(--s3)}.tk__t b{font:700 1.5rem/1 var(--font-d);color:var(--c-ac)}
.tk__s{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);margin-top:var(--s2);padding-top:var(--s3);border-top:1px solid var(--c-line);font-size:.8125rem;color:var(--c-ink2)}
.tk__s p{display:flex;align-items:center;gap:.5rem}
.tk__s p span+span::before{content:"·";margin-right:.5rem}
.tk__s .ok{color:var(--c-ac)}
.tk__s svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2}

/* Mo phong */
.sim{padding:var(--s4);background:linear-gradient(180deg,#0d110e,#090c0a);border:1px solid var(--edge);border-radius:26px;box-shadow:0 40px 100px rgba(0,0,0,.45)}
.sim__st{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.375rem}
.sim__st li{display:flex;align-items:center;gap:.5rem;padding:.625rem 0 0;border-top:2px solid var(--c-line2);font-size:.8125rem;color:var(--c-ink2);transition:border-color .3s var(--ease),color .3s var(--ease)}
.sim__st i{font:500 .6875rem/1 var(--font-m);font-style:normal;color:var(--c-ink2)}
.sim__st .is-done{border-color:rgba(180,249,111,.45)}
.sim__st .on{border-color:var(--c-ac);color:var(--c-ink);font-weight:600}.sim__st .on i{color:var(--c-ac)}
.sim__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin:var(--s3) 0;padding:var(--s3) var(--s3) var(--s3) var(--s4);background:#121713;border:1px solid var(--c-line);border-radius:14px}
.sim__bar p{max-width:44rem;font-size:.9375rem;line-height:1.5;color:var(--c-ink)}
.sim__btns{display:flex;gap:var(--s1);flex:none}
.sim__btns .btn{min-height:2.75rem}
.sim__btns .btn:disabled{opacity:.55;cursor:default}
.sim__g{display:grid;grid-template-columns:minmax(0,1fr) 19.5rem;gap:var(--s3);align-items:start}
.sim__m{margin-top:var(--s3);font-size:.8125rem;color:var(--c-ink2)}

/* Man hinh gara */
.gapp{background:var(--card);border:1px solid var(--edge);border-radius:18px;overflow:hidden}
.app__h{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:.75rem var(--s3);border-bottom:1px solid var(--c-line);font-size:.875rem}
.app__h span{font:400 .75rem/1.3 var(--font-m);color:var(--c-ink2);text-align:right}
.app__b{display:grid;grid-template-columns:13.5rem minmax(0,1fr);min-height:25rem}
.bays{display:grid;gap:.5rem;align-content:start;padding:var(--s3);border-right:1px solid var(--c-line)}
.bay{display:grid;gap:.25rem;justify-items:start;padding:.625rem .75rem;border:1px solid var(--c-line);border-left:3px solid var(--c-line2);border-radius:10px;background:#0b0e0c;font-size:.75rem;line-height:1.35;transition:border-color .3s var(--ease),background .3s var(--ease)}
.bay__k{font:500 .625rem/1.3 var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink2)}
.bay b{font-size:.8125rem}.bay span:not(.plt){color:var(--c-ink2)}
.bay em{font-style:normal;font-weight:600;color:var(--c-ink2)}
.bay--run{border-left-color:var(--c-ac)}.bay--run em{color:var(--c-ac)}
.bay--wait{border-left-color:var(--amb)}.bay--wait em{color:var(--amb)}
.bay--done{border-left-color:#8fa38a}
.bay--off{border-style:dashed;border-left-width:1px;background:transparent}
.bay--me{border-color:rgba(180,249,111,.5);border-left-width:3px;background:#121a10}
.app__m{padding:var(--s4);min-width:0}
.app__m.nw>*{animation:gin .35s var(--ease)}
@keyframes gin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.m__k{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:var(--s3);font:600 1.0625rem/1.3 var(--font-d);letter-spacing:-.01em}
.m__hint{margin-top:var(--s3);font-size:.8125rem;color:var(--c-ink2)}
.m__ok{margin-bottom:.5rem;font:500 .6875rem/1.4 var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ac)}
.pl{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-bottom:var(--s3);font-size:.875rem;color:var(--c-ink2)}
.plt--in{min-width:10.5rem;min-height:2.75rem;font-size:1.375rem}
.car{display:inline-block;width:2px;height:1.2em;background:#0d100d;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.m__card{padding:var(--s3);background:#0b0e0c;border:1px solid var(--c-line);border-radius:12px}
.kv{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:var(--s2);padding:.375rem 0;font-size:.875rem;border-top:1px solid var(--c-line)}
.kv:first-of-type{border-top:0}
.kv span{color:var(--c-ink2)}.kv b{font-weight:500}
.ro li{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);border-bottom:1px solid var(--c-line)}
.ro label{display:flex;align-items:center;gap:.75rem;min-height:3rem;flex:1;cursor:pointer;font-size:.9375rem}
.ro input{position:absolute;opacity:0;width:1px;height:1px}
.ro label i{flex:none;width:1.25rem;height:1.25rem;border:1.5px solid var(--c-line2);border-radius:5px;transition:background .15s,border-color .15s}
.ro input:checked+i{background:var(--c-ac);border-color:var(--c-ac);box-shadow:inset 0 0 0 3px var(--c-ac);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%230a1204' stroke-width='2.4'/%3E%3C/svg%3E")}
.ro input:focus-visible+i{outline:2px solid var(--c-ac);outline-offset:2px}
.ro input:not(:checked)~span{color:var(--c-ink2)}
.ro b{font-weight:500;font-variant-numeric:tabular-nums;font-size:.9375rem}
.m__tot{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);margin-top:var(--s3);padding:var(--s3);background:var(--c-acsoft);border:1px solid rgba(180,249,111,.25);border-radius:12px;font-size:.875rem}
.m__tot b{font:700 1.375rem/1 var(--font-d);color:var(--c-ac);font-variant-numeric:tabular-nums}
.tl li{position:relative;display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:var(--s2);padding:.625rem 0 .625rem 1.25rem;font-size:.9375rem}
.tl li::before{content:"";position:absolute;left:0;top:1.05rem;width:.5rem;height:.5rem;border:1.5px solid var(--c-line2);border-radius:2px}
.tl li:not(:last-child)::after{content:"";position:absolute;left:.22rem;top:1.75rem;bottom:-.4rem;width:1px;background:var(--c-line)}
.tl b{font:500 .8125rem/1.6 var(--font-m);color:var(--c-ink2)}
.tl .ok::before{background:var(--c-ac);border-color:var(--c-ac)}
.tl .now::before{border-color:var(--amb);background:var(--amb);animation:blink 1.2s steps(1) infinite}
.tl .now span{color:var(--amb)}
.job li{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:.75rem .875rem;margin-bottom:.375rem;border:1px solid var(--c-line);border-radius:10px;font-size:.9375rem;color:var(--c-ink2)}
.job em{flex:none;font:400 .75rem/1.3 var(--font-m);font-style:normal}
.job .now{border-color:rgba(242,196,109,.45);color:var(--c-ink)}.job .now em{color:var(--amb)}
.job .ok{color:var(--c-ink)}.job .ok em{color:var(--c-ac)}
.pay{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:var(--s4);align-items:start}
.gqr{padding:.5rem;background:#f4f6f1;border-radius:10px}
.gqr svg{display:block;width:100%;height:auto}
.pay__s{margin:var(--s2) 0;padding:.5rem .75rem;border:1px solid var(--c-line2);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--c-ink2)}
.pay__s.now{border-color:rgba(242,196,109,.45);color:var(--amb)}
.pay__s.ok{border-color:rgba(180,249,111,.45);background:var(--c-acsoft);color:var(--c-ac)}
.stk{padding:var(--s3);border-top:1px solid var(--c-line)}
.stk__k{margin-bottom:.5rem;font:500 .625rem/1.3 var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink2)}
.stk ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.stk li{display:grid;gap:.125rem;padding:.5rem .75rem;border:1px solid var(--c-line);border-radius:10px;font-size:.75rem;line-height:1.35;transition:border-color .3s var(--ease),background .3s var(--ease)}
.stk li span{color:var(--c-ink2)}
.stk li b{font-size:.9375rem;font-variant-numeric:tabular-nums}
.stk li small{font-size:.6875rem;color:var(--c-ink2)}
.stk li.mv{border-color:rgba(180,249,111,.3)}
.stk li.low{border-color:rgba(242,196,109,.55);background:rgba(242,196,109,.07)}
.stk li.low b,.stk li.low small{color:var(--amb)}

/* Dien thoai khach, giao dien Zalo sang */
.ph{padding:.5rem;background:#1a1e1b;border:1px solid #2b302c;border-radius:2.25rem;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.ph__in{display:flex;flex-direction:column;height:35rem;border-radius:1.8rem;overflow:hidden;background:#e7ecf2;color:#14191f}
.ph__h{display:flex;align-items:center;gap:.625rem;padding:1.5rem .875rem .625rem;background:#0b6cf0;color:#fff}
.ph__h i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#fff;color:#0b6cf0;font:700 .6875rem/1 var(--font);font-style:normal}
.ph__h b{display:block;font-size:.875rem;line-height:1.2}.ph__h span{font-size:.6875rem;opacity:.85}
.ph__c{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.ph__c::-webkit-scrollbar{display:none}
.zd{align-self:center;padding:.125rem .625rem;border-radius:4px;background:rgba(20,25,31,.08);font-size:.6875rem;color:#566170}
.zm{align-self:flex-start;max-width:86%;padding:.5rem .75rem;border-radius:12px 12px 12px 4px;background:#fff;font-size:.8125rem;line-height:1.45}
.zm--me{align-self:flex-end;border-radius:12px 12px 4px 12px;background:#d5e6ff}
.zm .pad{display:block;width:100%;height:auto;margin-top:.375rem;border-radius:6px}
.zc{align-self:flex-start;width:90%;padding:.75rem;border-radius:12px;background:#fff;font-size:.8125rem;line-height:1.4}
.ph__c .nw{animation:gin .3s var(--ease)}
.zc__k{margin-bottom:.375rem;font-weight:700;font-size:.875rem;color:#0b5bd0}
.zc>p:not(.zc__k):not(.zc__ok):not(.zc__p){display:flex;justify-content:space-between;gap:.5rem;padding:.25rem 0;border-bottom:1px solid #edf0f4}
.zc>p b{font-weight:600;white-space:nowrap}
.zc__t{border:0!important;font-size:.9375rem}.zc__t b{color:#0b5bd0}
.zc__p{color:#2d3640}
.zc__b{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;margin-top:.625rem}
.zc__b button{min-height:2.5rem;padding:0 .5rem;border:0;border-radius:8px;background:#0b6cf0;color:#fff;font:600 .8125rem/1.2 var(--font);cursor:pointer}
.zc__b button:hover{background:#0a5fd4}
.zc__b button:focus-visible{outline:2px solid #0b6cf0;outline-offset:2px}
.zc__b .g{background:#eef2f7;color:#2d3640;cursor:default}.zc__b .g:hover{background:#eef2f7}
.zc__ok{margin-top:.5rem;font-weight:600;color:#14804a}
.zc__qr{width:8rem;margin:.25rem auto .5rem}
.zc__qr svg{display:block;width:100%;height:auto}
.js .zc__b button[data-z]{animation:nudge 1.8s var(--ease) infinite}
@keyframes nudge{0%,100%{box-shadow:0 0 0 0 rgba(11,108,240,.45)}60%{box-shadow:0 0 0 7px rgba(11,108,240,0)}}

/* Sau cho mat tien */
.gpc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.pc__i{display:flex;flex-direction:column;padding:var(--s4);background:var(--card);border:1px solid var(--edge);border-radius:20px;transition:border-color .2s var(--ease)}
.pc__i:hover{border-color:var(--c-line2)}
.pc__k{font:500 .6875rem/1.4 var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ac)}
.pc__i h3{margin-top:var(--s2);font-size:1.1875rem;line-height:1.3;text-wrap:balance}
.pc__i>p:not(.pc__k){margin-top:var(--s2);font-size:.9375rem;color:var(--c-ink2)}
.mv{margin-top:auto;padding-top:var(--s4)}
.mv>p,.mv>div:not(.mv__q){display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.25rem .75rem;padding:.5rem .75rem;margin-top:.375rem;border:1px solid var(--c-line);border-radius:8px;background:#0b0e0c;font-size:.8125rem}
.mv>p span{color:var(--c-ink2);font-size:.75rem}
.mv>p.no{border-style:dashed;color:var(--c-ink2)}.mv>p.no b{text-decoration:line-through;font-weight:500}.mv>p.no span{color:var(--amb)}
.mv>p.ok span{color:var(--c-ac)}.mv>p.wait span{color:var(--amb)}
.mv--h>div{display:grid!important;grid-template-columns:7rem minmax(0,1fr) auto;align-items:center!important}
.mv--h span{color:var(--c-ink2);font-size:.75rem}
.mv--h i{height:.5rem;border-radius:2px;background:var(--c-line2);width:var(--w)}
.mv--h .on i{background:var(--c-ac)}.mv--h .on b{color:var(--c-ac)}
.mv--h b{font-size:.75rem;white-space:nowrap}
.mv__q{display:flex;padding:.375rem 0}

/* Man hinh tho */
.gr-easy__g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:var(--s6);align-items:center}
.tp{justify-self:center;width:100%;max-width:20rem}
.tp__in{padding:var(--s4) var(--s3);background:var(--card);border:1px solid var(--edge);border-radius:2rem;box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 0 0 6px #151a16}
.tp__k{padding:0 .25rem;font:500 .6875rem/1.4 var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink2)}
.tp__c{display:grid;gap:.5rem;justify-items:start;margin:var(--s3) 0;padding:var(--s3);background:#121a10;border:1px solid rgba(180,249,111,.25);border-radius:14px}
.tp__l li{display:flex;justify-content:space-between;gap:.5rem;padding:.75rem .25rem;border-bottom:1px solid var(--c-line);font-size:.875rem}
.tp__l em{font-style:normal;font-size:.75rem;color:var(--c-ink2)}
.tp__l .is-done span{color:var(--c-ink2);text-decoration:line-through}.tp__l .is-done em{color:var(--c-ac)}
.tp__l li:not(.is-done) em{color:var(--amb)}
.tp__b{display:grid;gap:.5rem;margin-top:var(--s3)}
.tp__b span{display:grid;place-items:center;min-height:3.5rem;border-radius:12px;font-weight:600}
.tp__x{background:var(--c-ac);color:var(--c-acink);font-size:1.125rem}
.tp__y{border:1px solid var(--c-line2);font-size:.9375rem}
.tp figcaption{margin-top:var(--s2);text-align:center;font-size:.8125rem;color:var(--c-ink2)}
.rs{margin-top:var(--s4)}
.rs li{padding:var(--s3) 0;border-top:1px solid var(--c-line)}
.rs b{font-size:1.0625rem}.rs p{margin-top:.25rem;color:var(--c-ink2)}

/* Bang gia */
.pr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);max-width:62rem;margin:0 auto}
.pr__c{position:relative;display:flex;flex-direction:column;padding:var(--s4);background:var(--card);border:1px solid var(--edge);border-radius:20px}
.pr__c.hot{border-color:var(--c-ac);background:linear-gradient(180deg,rgba(180,249,111,.09),var(--card) 55%)}
.pr__c h3{font-size:1.125rem}
.pr__f{margin-top:.375rem;min-height:3em;font-size:.9375rem;color:var(--c-ink2)}
.pr__p{margin:var(--s3) 0;font:700 2rem/1.1 var(--font-d);letter-spacing:-.03em}.pr__p small{font:400 .875rem var(--font);color:var(--c-ink2);letter-spacing:0}
.pr__c ul{margin-top:var(--s4)}
.pr__c ul li{position:relative;padding:.375rem 0 .375rem 1.375rem;font-size:.9375rem}
.pr__c ul li::before{content:"";position:absolute;left:.125rem;top:.8rem;width:.6875rem;height:.3438rem;border-left:2px solid var(--c-ac);border-bottom:2px solid var(--c-ac);transform:rotate(-45deg)}

/* Khoi ket */
.gr-fin{padding:0 0 var(--s7)}
.gr-fin__in{text-align:center;padding:calc(var(--s6)*1.1) var(--s4);border-radius:28px;background:radial-gradient(50rem 22rem at 50% 115%,rgba(180,249,111,.2),transparent 65%),#0f1311;border:1px solid var(--edge)}
.gr-fin__in h2{max-width:36rem;margin:0 auto;font-size:clamp(1.75rem,1.3rem + 1.8vw,2.625rem);text-wrap:balance}
.gr-fin__in .btn{margin-top:var(--s4)}

@media (max-width:68rem){
  .sim__g{grid-template-columns:minmax(0,1fr) 17.5rem}
  .app__b{grid-template-columns:minmax(0,1fr)}
  .bays{grid-template-columns:repeat(4,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--c-line)}
  .gpc{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:60rem){
  .gr-hero{padding:var(--s4) 0 var(--s6)}
  .gr-hero__g,.gr-easy__g{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .gr-hero__f{padding:0 0 6.5rem}
  .tk--back{right:0;width:78%}
  .gr-hero__f figcaption{max-width:none;bottom:auto;top:calc(100% + .5rem)}
  .gr-t{text-align:left}
  .sim{margin:0 calc(var(--s3)*-.5);padding:var(--s3);border-radius:20px}
  .sim__st{display:flex;gap:.25rem}.sim__st li{flex:0 0 1.75rem;min-width:0}.sim__st span{display:none}
  .sim__st .on{flex:1 1 auto}.sim__st .on span{display:inline}
  .sim__bar{flex-direction:column;align-items:stretch;gap:var(--s2);padding:var(--s3)}
  .sim__btns{display:grid;grid-template-columns:auto 1fr}
  .sim__g{grid-template-columns:minmax(0,1fr)}
  .bays{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--s2)}
  .app__m{padding:var(--s3)}
  .app__b{min-height:0}
  .app__h{flex-direction:column;align-items:flex-start;gap:.125rem}.app__h span{text-align:left}
  .stk ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ph{width:100%;max-width:21rem;justify-self:center}
  .ph__in{height:27rem}
  .tk__h{flex-wrap:wrap}.tk__h .plt{order:-1}
  .pay{grid-template-columns:7rem minmax(0,1fr);gap:var(--s3)}
  .kv{grid-template-columns:5.5rem minmax(0,1fr)}
  .tl li{grid-template-columns:minmax(0,1fr);gap:0}
  .gpc,.pr{grid-template-columns:minmax(0,1fr)}
  .pr__f{min-height:0}
  .gr-easy__t{order:-1}
}
@media (prefers-reduced-motion:reduce){
  .app__m.nw>*,.ph__c .nw{animation:none}
  .js .zc__b button[data-z],.car,.tl .now::before{animation:none}
  .sim__st li,.bay,.stk li{transition:none}
}