/* V7.273 · Nebelkarawane visual/UX overhaul */
#caravan.screen{
  padding:8px 0 30px!important;
  background:
    radial-gradient(circle at 50% 0,#24452d22,transparent 34%),
    linear-gradient(180deg,#020704,#000 72%)!important
}
.v7240-caravan{max-width:920px!important;margin:0 auto!important;padding:0 7px!important}
.v7245-caravan-banner{
  position:relative;overflow:hidden;min-height:170px;margin:0 0 9px;border:2px solid #5d4a29;border-radius:20px;
  background:
    linear-gradient(90deg,#060b08f2 0 44%,#060b08a8 63%,#060b0840),
    url("assets/v7195-base64/1fb10cd5477636707061.webp") 64% 44%/cover no-repeat;
  box-shadow:0 15px 38px #000d,inset 0 0 0 1px #b68b4144
}
.v7245-caravan-banner:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 48%,#040805dc 100%),radial-gradient(circle at 72% 28%,#b7d36a12,transparent 30%)
}
.v7245-caravan-brand{
  position:relative;z-index:2;padding:18px 16px 12px;max-width:61%
}
.v7245-caravan-brand small{
  display:block;color:#7ec76c;font-size:6px;font-weight:1000;letter-spacing:1.35px;text-transform:uppercase
}
.v7245-caravan-brand h2{
  margin:3px 0 5px;color:#f4d992;font:1000 clamp(25px,5.4vw,40px) Georgia,serif;line-height:1;
  text-shadow:0 3px 0 #000,0 0 22px #c9933730
}
.v7245-caravan-brand p{margin:0;color:#abb9a7;font-size:7.2px;line-height:1.42}
.v7245-banner-wallet{
  position:absolute;z-index:3;right:12px;top:12px;padding:8px 10px;border:1px solid #856831;border-radius:11px;
  background:#090d09e8;color:#f7d67d;font-size:9px;font-weight:1000;box-shadow:0 5px 14px #0009
}
.v7245-banner-stats{
  position:absolute;z-index:3;left:14px;right:14px;bottom:12px;display:flex;gap:6px;flex-wrap:wrap
}
.v7245-banner-stat{
  padding:5px 8px;border:1px solid #40553b;border-radius:999px;background:#08100ae6;color:#b8c8b4;font-size:6px;font-weight:900
}
.v7245-section{
  margin:0 0 9px;padding:11px;border:1px solid #344a34;border-radius:15px;
  background:linear-gradient(180deg,#0d160f,#060b08);box-shadow:0 9px 22px #0008,inset 0 1px #ffffff08
}
.v7245-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.v7245-section-title div>small{display:block;color:#6fa762;font-size:5.8px;font-weight:1000;letter-spacing:1px}
.v7245-section-title h3{margin:1px 0 0;color:#e8d39c;font:1000 17px Georgia,serif}
.v7245-rules{
  border:1px solid #3c4c36;border-radius:11px;background:#09110a;overflow:hidden
}
.v7245-rules summary{padding:8px 10px;color:#a9b9a3;font-size:6.8px;font-weight:900;cursor:pointer}
.v7245-rules p{margin:0;padding:0 10px 10px;color:#889486;font-size:6.3px;line-height:1.45}
.v7245-tier-list{display:grid;gap:9px}
.v7245-tier-card{
  position:relative;overflow:hidden;display:grid;grid-template-columns:78px minmax(0,1fr);gap:9px;
  min-height:145px;padding:9px;border:1px solid #3d5138;border-radius:15px;
  background:linear-gradient(135deg,#152019,#09100b 62%);box-shadow:0 8px 19px #0008,inset 0 1px #ffffff0a
}
.v7245-tier-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#86bf5b12,transparent 42%)}
.v7245-tier-card[data-tier="convoy"]{border-color:#5e5939;background:linear-gradient(135deg,#1c2114,#0d100a 62%)}
.v7245-tier-card[data-tier="kingpin"]{border-color:#765c31;background:linear-gradient(135deg,#2a2111,#100d08 62%)}
.v7245-tier-card.locked{filter:grayscale(.68);opacity:.58}
.v7245-tier-art{
  position:relative;z-index:1;display:grid;place-items:center;border:1px solid #45523b;border-radius:12px;
  background:
   radial-gradient(circle at 50% 40%,#4e73372c,transparent 48%),
   linear-gradient(180deg,#111810,#080c09);
  font-size:37px;box-shadow:inset 0 0 18px #0008
}
.v7245-tier-main{position:relative;z-index:1;min-width:0}
.v7245-tier-name{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:4px}
.v7245-tier-name b{color:#efe2bd;font-size:10px}.v7245-risk{
  padding:3px 6px;border-radius:999px;border:1px solid #4f5f45;background:#0b130d;color:#98ad91;font-size:5.5px;font-weight:1000
}
.v7245-risk.med{border-color:#7b682d;color:#d9bc67}.v7245-risk.high{border-color:#8a4930;color:#efa46c}
.v7245-tier-main>p{margin:0 0 7px;color:#8f9d8d;font-size:6.5px;line-height:1.38}
.v7245-tier-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:7px}
.v7245-metric{padding:5px 4px;border:1px solid #31402e;border-radius:8px;background:#080e09;text-align:center;min-width:0}
.v7245-metric small{display:block;color:#667762;font-size:4.8px;line-height:1.2}.v7245-metric b{display:block;margin-top:2px;color:#d9dccd;font-size:7px;white-space:nowrap}
.v7245-netloss{
  margin-bottom:7px;padding:6px 7px;border:1px solid #594825;border-radius:8px;background:#181208;color:#c7a965;font-size:5.8px;line-height:1.35
}
.v7245-tier-go{
  width:100%;min-height:39px;border:1px solid #668e50;border-radius:10px;background:linear-gradient(180deg,#47773a,#264722);
  box-shadow:0 3px 0 #132810;color:#efffe9;font-size:7.5px;font-weight:1000
}
.v7245-tier-card[data-tier="kingpin"] .v7245-tier-go,.v7245-tier-card[data-tier="convoy"] .v7245-tier-go{
  border-color:#af8438;background:linear-gradient(180deg,#9b6c26,#573a14);box-shadow:0 3px 0 #2d1d0a;color:#fff1bd
}
.v7245-run-top{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;margin-bottom:8px
}
.v7245-run-route{padding:8px 9px;border:1px solid #3e503a;border-radius:11px;background:#09100a}
.v7245-run-route small{display:block;color:#70836d;font-size:5px}.v7245-run-route b{display:block;color:#e8d6a6;font-size:9px;margin-top:1px}
.v7245-run-count{padding:8px 9px;border:1px solid #6b562d;border-radius:11px;background:#171207;color:#efcf7a;text-align:center;font-weight:1000;font-size:8px}
.v7245-path{
  display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 0 8px;padding:8px 9px;border:1px solid #344a33;border-radius:12px;background:#070e09
}
.v7245-path-node{position:relative;display:grid;place-items:center;min-height:39px}
.v7245-path-node:before{content:"";position:absolute;left:-50%;right:50%;height:3px;top:18px;background:#253326}
.v7245-path-node:first-child:before{display:none}
.v7245-path-node.done:before,.v7245-path-node.current:before{background:#6f9c4b}
.v7245-path-node span{
  position:relative;z-index:1;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;
  border:1px solid #3b4937;background:#101710;color:#657164;font-size:7px;font-weight:1000
}
.v7245-path-node.done span{border-color:#6c984e;background:#294522;color:#dff2cf;box-shadow:0 0 9px #65a34733}
.v7245-path-node.current span{border-color:#cf983d;background:#5a3c14;color:#ffe8ac;box-shadow:0 0 12px #d79b4355}
.v7245-path-node small{position:absolute;top:30px;color:#596758;font-size:4.5px}
.v7245-cargo-bar{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px
}
.v7245-cargo{
  padding:7px 5px;border:1px solid #344431;border-radius:10px;background:linear-gradient(180deg,#10180f,#080d09);text-align:center
}
.v7245-cargo small{display:block;color:#6f806b;font-size:4.8px;line-height:1.2}.v7245-cargo b{display:block;margin-top:2px;color:#e7dec0;font-size:8px}
.v7245-scene{
  position:relative;min-height:clamp(320px,47dvh,500px);overflow:hidden;margin-bottom:8px;border:2px solid #594929;border-radius:18px;
  background:#070b08;box-shadow:0 14px 34px #000c,inset 0 0 0 1px #95733b44
}
.v7245-scene-art{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:brightness(.68) saturate(.9)}
.v7245-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0001 0,#0002 46%,#040705ee 100%),radial-gradient(circle at 50% 15%,transparent,#0008 95%);pointer-events:none}
.v7245-scene-badge{
  position:absolute;z-index:3;left:11px;top:11px;padding:6px 9px;border:1px solid #5d754d;border-radius:999px;background:#07100ae8;
  color:#9ed97e;font-size:6px;font-weight:1000;letter-spacing:.6px
}
.v7245-scene-copy{
  position:absolute;z-index:3;left:11px;right:11px;bottom:11px;padding:11px 12px;border:1px solid #5a563d;border-radius:13px;
  background:#070c08ef;box-shadow:0 7px 18px #0009
}
.v7245-scene-copy h3{margin:0 0 4px;color:#f3d99d;font:1000 clamp(19px,4.4vw,29px) Georgia,serif}.v7245-scene-copy p{margin:0;color:#b9c1b2;font-size:7.5px;line-height:1.43}
.v7245-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:8px}
.v7245-decision{
  position:relative;overflow:hidden;padding:10px;border:1px solid #3e5139;border-radius:14px;background:linear-gradient(150deg,#152019,#09100b);
  box-shadow:0 8px 17px #0008,inset 0 1px #fff1
}
.v7245-decision.risk{border-color:#6c5732;background:linear-gradient(150deg,#241b0e,#0d0d08)}
.v7245-decision.cost{border-color:#625a31;background:linear-gradient(150deg,#1f2110,#0c0d08)}
.v7245-decision-tag{
  display:inline-flex;margin-bottom:6px;padding:3px 6px;border:1px solid #4a5b43;border-radius:999px;color:#92a88c;font-size:5px;font-weight:1000
}
.v7245-decision.risk .v7245-decision-tag{border-color:#855b35;color:#e9a66e}.v7245-decision.cost .v7245-decision-tag{border-color:#7c6b30;color:#e1c068}
.v7245-decision h4{margin:0;color:#e8e9dc;font-size:9.5px}.v7245-decision p{min-height:38px;margin:5px 0 8px;color:#8c9a88;font-size:6.5px;line-height:1.4}
.v7245-decision button{
  width:100%;min-height:39px;border:1px solid #63874f;border-radius:9px;background:linear-gradient(180deg,#477437,#284821);
  color:#effee9;font-size:7.4px;font-weight:1000;box-shadow:0 3px 0 #14260f
}
.v7245-decision.risk button{border-color:#a87736;background:linear-gradient(180deg,#875522,#4b2d10);box-shadow:0 3px 0 #281608}
.v7245-result{
  margin-bottom:8px;padding:13px;border:1px solid #6f5b31;border-radius:15px;background:radial-gradient(circle at 50% 0,#8f6c2430,transparent 48%),linear-gradient(180deg,#1d180d,#090b08);
  text-align:center;box-shadow:0 0 18px #b8872c22
}
.v7245-result .ico{font-size:35px}.v7245-result h3{margin:5px 0 4px;color:#f1d18b;font:1000 16px Georgia,serif}.v7245-result p{margin:0 0 9px;color:#b4af9d;font-size:7px;line-height:1.42}
.v7245-main-btn{
  width:100%;min-height:42px;border:1px solid #719955;border-radius:10px;background:linear-gradient(180deg,#518041,#2e5127);
  color:#efffe9;font-size:8px;font-weight:1000;box-shadow:0 3px 0 #162b12
}
.v7245-history{
  margin-top:8px;border:1px solid #32432f;border-radius:12px;background:#070d08;overflow:hidden
}
.v7245-history summary{padding:8px 10px;color:#9bab96;font-size:6.4px;font-weight:1000;cursor:pointer}
.v7245-history-list{padding:0 8px 8px;display:grid;gap:5px}
.v7245-history-row{display:grid;grid-template-columns:25px 1fr auto;gap:7px;align-items:center;padding:6px;border:1px solid #293729;border-radius:8px;background:#0a100b}
.v7245-history-row .num{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#192518;color:#9fbd8e;font-size:6px;font-weight:1000}
.v7245-history-row b{display:block;color:#c8d0bf;font-size:6.5px}.v7245-history-row small{display:block;color:#697667;font-size:5.3px;line-height:1.3;margin-top:1px}.v7245-history-row em{color:#d6bc72;font-size:5.7px;font-style:normal}
.v7245-finish{
  margin-bottom:9px;padding:14px;border:1px solid #735b30;border-radius:16px;
  background:radial-gradient(circle at 50% 0,#b28a3040,transparent 43%),linear-gradient(180deg,#251e0f,#090b08);
  box-shadow:0 10px 22px #0009;text-align:center
}
.v7245-finish .chest{font-size:50px;filter:drop-shadow(0 8px 5px #000)}.v7245-finish h3{margin:4px 0;color:#f1d17e;font:1000 20px Georgia,serif}
.v7245-finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}
.v7245-finish-grid div{padding:7px 4px;border:1px solid #4a432c;border-radius:9px;background:#0d0d08}.v7245-finish-grid small{display:block;color:#776f59;font-size:4.8px}.v7245-finish-grid b{display:block;color:#e8d7a6;font-size:8px;margin-top:2px}
.v7245-finish-note{color:#8f8975;font-size:6px;line-height:1.4}
@media(max-width:560px){
  .v7245-caravan-brand{max-width:72%}
  .v7245-tier-card{grid-template-columns:62px minmax(0,1fr)}
  .v7245-tier-art{font-size:29px}
  .v7245-tier-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v7245-decisions{grid-template-columns:1fr}
  .v7245-cargo-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v7245-scene{min-height:400px}
}