/* The road occupies the frame. Chrome is confined to its two edges. */
.tr2 .tr2Stage{overflow:hidden;color:#f3eee3}
.tr2 .tr2Shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,9,14,.72) 0,rgba(5,9,14,.14) 31%,rgba(5,9,14,0) 55%,rgba(5,9,14,.12) 67%,rgba(5,9,14,.9) 100%)}
.tr2 .s2-latch{left:16px;top:16px}.tr2 .s2-snd{left:66px;top:16px}
.tr2Head{position:absolute;left:126px;top:15px;z-index:6;width:480px;text-shadow:0 2px 5px rgba(0,0,0,.7)}
.tr2Head .tr2Phase{display:block;color:#cbd3d6;font-size:12px;line-height:1;letter-spacing:.11em}
.tr2Head h1{margin:5px 0 0;color:#f5f0e5;font-family:var(--s2-hwy);font-size:35px;line-height:.95;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}
.tr2Head p{margin:7px 0 0;color:#d7dedf;font-family:var(--s2-hwy);font-size:12px;line-height:1;letter-spacing:.08em}.tr2Head p strong{color:#fff}
.tr2Goal{position:absolute;right:20px;top:17px;z-index:6;width:270px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:4px 12px;text-shadow:0 2px 4px rgba(0,0,0,.7)}
.tr2Goal span{font:700 24px/1 var(--s2-hwy);color:#fff}.tr2Goal b{grid-column:1/-1;font:700 12px/1 var(--s2-hwy);letter-spacing:.08em;color:#c7d0d2}
.tr2Goal i{display:block;height:7px;background:rgba(5,9,14,.7);border:1px solid rgba(255,255,255,.35);overflow:hidden}.tr2Goal i u{display:block;height:100%;background:#29d474}
.tr2Vitals{position:absolute;left:18px;top:104px;z-index:6;width:126px;display:flex;flex-direction:column;gap:7px}
.tr2Stat{display:block}.tr2StatTop{display:flex;align-items:baseline;justify-content:space-between;gap:8px;text-shadow:0 2px 3px #000}.tr2StatTop b{font:700 12px/1 var(--s2-hwy);letter-spacing:.07em;text-transform:uppercase;color:#d0d8d9}.tr2StatTop strong{font:700 14px/1 var(--s2-hwy);font-variant-numeric:tabular-nums;color:#fff}
.tr2Stat>i,.tr2Person>i{display:block;height:4px;margin-top:3px;background:rgba(5,9,14,.72);overflow:hidden}.tr2Stat>i>u,.tr2Person>i>u{display:block;height:100%;background:#31d784}.tr2Stat.hot>i>u{background:#df7658}.tr2Stat.money>i>u{background:#d7ae58}
.tr2Alert{position:absolute;left:50%;top:93px;z-index:7;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:560px;padding:7px 12px;border:1px solid rgba(255,196,120,.55);border-radius:3px;background:rgba(22,17,13,.88);box-shadow:0 7px 18px rgba(0,0,0,.42)}.tr2Alert span{width:8px;height:8px;border-radius:50%;background:#f3a446}.tr2Alert b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 12px/1 var(--s2-hwy);letter-spacing:.06em;text-transform:uppercase}
.tr2Use{position:absolute;left:18px;top:224px;z-index:7;width:126px;min-height:54px;
  display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #f0b65e;border-radius:3px;
  background:linear-gradient(180deg,rgba(91,54,14,.96),rgba(45,27,9,.98));color:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.45);cursor:pointer;text-align:left;
  transition:transform 150ms cubic-bezier(.16,1,.3,1),border-color 150ms ease-out,background-color 150ms ease-out}
.tr2Use svg{flex:0 0 23px;width:23px;height:23px;fill:none;stroke:#ffd48e;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}.tr2Use span{font:700 12px/1 var(--s2-hwy);
  letter-spacing:.03em;text-transform:uppercase}.tr2Use b{display:block;margin-top:5px;color:#ffd48e;
  font-size:10px;line-height:1;letter-spacing:.05em}.tr2Use:hover,.tr2Use:focus-visible{
  border-color:#ffe0a8;background:linear-gradient(180deg,rgba(113,68,18,.98),rgba(57,34,10,.99));
  transform:translateY(-2px)}
.tr2 .truck.wide{left:279px;top:147px;width:394px;height:197px}.tr2 .s2-crew.wide{left:347px;top:184px}
.tr2Dock{position:absolute;left:18px;right:18px;bottom:15px;height:74px;z-index:8;display:grid;grid-template-columns:1fr 344px;gap:12px}
.tr2Tools{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tr2Tools button,.tr2Drive,.tr2DetailActions button,.tr2Details header button{border:1px solid rgba(231,224,209,.28);border-radius:3px;background:rgba(8,13,19,.91);box-shadow:0 9px 20px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);color:#eee9de;cursor:pointer;transition:transform 150ms cubic-bezier(.16,1,.3,1),border-color 150ms ease-out,background-color 150ms ease-out}
.tr2Tools button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px}.tr2Tools svg,.tr2DetailActions svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#b8c6ca}.tr2Tools span{font:700 12px/1 var(--s2-hwy);text-align:left;text-transform:uppercase}.tr2Tools b{display:block;margin-top:4px;color:#aebabc;font-size:12px;letter-spacing:.04em}
.tr2Drive{position:relative;padding:11px 54px 9px 18px;border-color:#5ee99b;background:#0d7540;color:#fff;text-align:left}.tr2Drive span{display:block;font:700 20px/.95 var(--s2-hwy);text-transform:uppercase}.tr2Drive b{display:block;margin-top:7px;font:700 12px/1 var(--s2-hwy);letter-spacing:.08em;color:#fff}.tr2Drive svg{position:absolute;right:17px;top:16px;width:33px;height:40px;fill:none;stroke:#fff;stroke-width:1.5}
.tr2Tools button:hover,.tr2Tools button:focus-visible,.tr2DetailActions button:hover,.tr2DetailActions button:focus-visible{border-color:#f1eadb;background:#1c2731;transform:translateY(-2px)}.tr2Drive:hover,.tr2Drive:focus-visible{background:#0f8248;transform:translateY(-2px)}
.tr2 button:focus-visible{outline:3px solid #f3c873;outline-offset:3px}.tr2 ::selection{background:#d8a34d;color:#0a1016}
.tr2Details{position:absolute;left:18px;right:18px;bottom:14px;z-index:12;height:174px;padding:13px 15px;border:1px solid rgba(235,227,211,.38);border-radius:4px;background:#0b121a;box-shadow:0 -12px 30px rgba(0,0,0,.56)}
.tr2Details header{display:flex;align-items:center;justify-content:space-between}.tr2Details h2{margin:0;font:700 21px/1 var(--s2-hwy);text-transform:uppercase}.tr2Details header button{width:50px;height:50px;padding:13px}.tr2Details header svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}
.tr2All{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-top:10px}.tr2Crew{display:flex;gap:18px;margin-top:13px}.tr2Person{display:grid;grid-template-columns:auto 58px 22px;align-items:center;gap:6px;min-width:130px}.tr2Person b,.tr2Person em{font:700 12px/1 var(--s2-hwy);font-style:normal;text-transform:uppercase}.tr2Person>i{margin:0}.tr2DetailActions{position:absolute;right:15px;bottom:12px;display:flex;gap:7px}.tr2DetailActions button{display:flex;align-items:center;gap:7px;min-height:50px;padding:10px 12px;font:700 12px/1 var(--s2-hwy);text-transform:uppercase}
.tr2Panel .tr2Dock{visibility:hidden}
.tr2Decision{position:absolute;left:154px;right:18px;bottom:14px;z-index:13;
  padding:10px;border:1px solid rgba(243,200,115,.48);border-radius:4px;
  background:linear-gradient(180deg,rgba(17,21,27,.97),rgba(7,11,16,.98));
  box-shadow:0 -14px 34px rgba(0,0,0,.58)}
.tr2Decision .askbox{padding:7px 9px 8px;gap:5px;background:none;box-shadow:none;clip-path:none}
.tr2Decision .askhd{gap:7px}.tr2Decision .askx{margin:0;font-size:13px;line-height:1.3}
.tr2Decision .askrow{margin-top:1px;gap:7px}
.tr2Decision .choice.ask{min-height:58px;padding:7px 10px 7px 14px;border:1px solid rgba(240,177,60,.27);
  border-radius:3px;background:linear-gradient(180deg,rgba(42,31,17,.96),rgba(19,14,8,.98))}
.tr2Decision .choice.ask.keep{border-color:rgba(160,181,199,.25);
  background:linear-gradient(180deg,rgba(24,33,43,.96),rgba(11,17,24,.98))}
.tr2Decision .askdone{min-height:58px;padding:10px 12px;clip-path:none;border:1px solid rgba(150,205,255,.2)}
.tr2DecisionDone{display:block;margin:8px 0 0 auto;min-width:190px;min-height:44px;padding:9px 14px;
  border:1px solid #75e6a7;border-radius:3px;background:#0d7540;color:#fff;cursor:pointer;
  font:700 15px/1 var(--s2-hwy);letter-spacing:.05em;text-align:center;text-transform:uppercase}
.tr2DecisionDone[hidden]{display:none}.tr2DecisionDone:focus-visible{outline:3px solid #f3c873;outline-offset:3px}
.tr2 .pxDeparting .tr2Dock button,.tr2Stage.pxDeparting .tr2Dock button{opacity:.14;pointer-events:none}
@media(max-height:520px) and (min-width:601px){
  .tr2Decision{left:150px;right:14px;bottom:10px;padding:6px}
  .tr2Decision .askbox{padding:4px 6px 5px;gap:3px}
  .tr2Decision .askx{font-size:11px;line-height:1.25;max-height:2.5em;overflow:hidden}
  .tr2Decision .choice.ask{min-height:52px;padding:5px 8px 6px 11px}
  .tr2Decision .askdone{min-height:52px;padding:7px 9px}
  .tr2DecisionDone{margin-top:5px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.tr2 button{transition:none}.tr2 button:hover,.tr2 button:focus-visible{transform:none}}
