.caravan-event{position:fixed;inset:0;z-index:260;background:#0a1822;color:#fff2d4;font-family:inherit;display:flex;flex-direction:column;overflow:hidden}.caravan-sky{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 72% 16%,#53696b 0,transparent 38%),linear-gradient(#101e32,#334747 65%,#aa7850)}.caravan-event header{position:relative;text-align:center;padding:5vh 70px 0;z-index:4}.caravan-event header>span{font-size:12px;letter-spacing:.23em;color:#d8b77e}.caravan-event h1{font-size:clamp(30px,4vw,64px);margin:12px 0;font-weight:900;color:#ffe4a7}.caravan-event header p{font-size:clamp(14px,1.5vw,23px);color:#dae3dc;margin:0}.caravan-close{position:absolute;z-index:8;right:24px;top:24px;border:1px solid #ffffff35;background:#102331aa;color:#fff0cc;border-radius:50%;width:42px;height:42px;font-size:26px;cursor:pointer}.caravan-moon{position:absolute;right:16%;top:14%;width:11vw;max-width:130px;aspect-ratio:1;background:#ffe8b9;border-radius:50%;box-shadow:0 0 90px #f6d29166}.caravan-ridge{position:absolute;left:-5%;width:110%;height:50%;bottom:12%;clip-path:polygon(0 60%,12% 34%,20% 48%,34% 5%,46% 53%,59% 28%,72% 58%,83% 18%,100% 65%,100% 100%,0 100%);background:#263d43}.caravan-ridge.back{bottom:17%;opacity:.6;transform:scaleX(-1)}.caravan-ridge.front{background:#193439;bottom:3%;height:40%}.caravan-road{position:absolute;bottom:0;left:0;right:0;height:20%;background:repeating-linear-gradient(174deg,#776041 0 5px,#8b704a 5px 8px,#917a50 8px 45px);border-top:5px solid #b69b66;box-shadow:0 -20px 60px #081c2570}.caravan-convoy{position:absolute;z-index:3;bottom:5%;left:14%;width:75%;display:flex;align-items:end;justify-content:space-around;animation:caravanTravel 180s linear forwards}.caravan-cart{position:relative;width:28%;max-width:310px;animation:cartBounce 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--cart)*-.3s)}.caravan-cart>img{display:block;height:clamp(100px,19vh,210px);max-width:100%;width:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #061a2299)}.caravan-cart>span{display:block;text-align:center;font-size:clamp(11px,1.1vw,17px);font-weight:800;margin-bottom:-4px;color:#ffdda4}.caravan-wagon{position:relative;width:100%}.caravan-wagon svg{width:100%;display:block;filter:drop-shadow(0 15px 10px #09182070)}.caravan-wagon .wheel{position:absolute;width:20%;aspect-ratio:1;border-radius:50%;bottom:3%;border:6px solid #3c302b;background:repeating-conic-gradient(#b18a50 0 12deg,#483c32 12deg 45deg);box-shadow:inset 0 0 0 3px #e2b879;animation:wheelTurn 2s linear infinite}.caravan-wagon .left{left:17%}.caravan-wagon .right{right:13%}.caravan-clock{position:absolute;left:4%;top:36%;z-index:5;font-size:clamp(26px,4vw,60px);font-variant-numeric:tabular-nums;font-weight:900;color:#ffdd91}.caravan-total{position:absolute;left:4%;top:49%;z-index:5;display:grid;gap:8px;max-width:21%}.caravan-total small{font-size:10px;letter-spacing:.15em;color:#c2ccc2}.caravan-total strong{font-size:clamp(24px,3vw,48px)}.caravan-total span{font-size:13px;color:#d5dcca}.caravan-rewards{position:absolute;right:3%;top:29%;z-index:5;list-style:none;text-align:right;padding:0;max-width:33%;pointer-events:none}.caravan-rewards li{padding:7px 12px;margin:6px 0;background:#13322ee0;border:1px solid #b8d58b55;border-radius:12px;color:#deffac;font-size:clamp(12px,1.3vw,20px);animation:coinArrive .35s ease-out}.caravan-event footer{position:relative;display:flex;gap:5vw;align-items:center;padding:22px 5vw;background:#101f26;border-top:1px solid #dcb57255;z-index:6}.caravan-chest{flex:1;display:grid;gap:8px}.caravan-chest b{font-size:clamp(16px,1.5vw,23px);color:#ffd98b}.caravan-chest progress{width:100%;height:14px;accent-color:#f5c461}.caravan-chest span{font-size:12px;color:#b5c9c3}.caravan-rules{display:grid;gap:8px;max-width:40%}.caravan-rules b{font-size:clamp(16px,1.8vw,26px)}.caravan-rules span{font-size:12px;color:#b5c9c3}.caravan-event.unlocked .caravan-wagon{filter:drop-shadow(0 0 22px #ffcf53aa)}.caravan-event.empty .caravan-chest span:after{content:' · Запас каравана закончился'}.caravan-dock{position:fixed;right:20px;bottom:18px;z-index:80;max-width:min(420px,90vw);padding:12px 18px;border:1px solid #f2c77877;background:#142a31f0;box-shadow:0 10px 30px #0004;border-radius:15px;color:#f8e5bb;display:grid;gap:5px;font-size:12px;pointer-events:none}.caravan-dock strong{color:#d4f5a6}.caravan-dock button{pointer-events:auto;background:#ebc67f;color:#15303b;border:0;border-radius:8px;padding:7px;cursor:pointer}.caravan-dock[hidden]{display:none}.caravan-event.finished .caravan-convoy{animation:caravanExit 8s ease-in forwards}.caravan-event.finished .caravan-clock{display:none}@keyframes caravanTravel{to{transform:translateX(6%)}}@keyframes cartBounce{to{transform:translateY(-4px)}}@keyframes wheelTurn{to{transform:rotate(360deg)}}@keyframes coinArrive{from{opacity:0;transform:translateY(10px)}}@keyframes caravanExit{to{transform:translateX(140%);opacity:0}}@media(max-width:700px){.caravan-event header{padding:48px 18px 0}.caravan-event header>span{font-size:8px}.caravan-event header p{font-size:12px}.caravan-event footer{padding:14px;gap:12px;flex-direction:column}.caravan-rules{max-width:100%;text-align:center}.caravan-chest{width:100%}.caravan-total{top:34%;max-width:45%}.caravan-total strong{font-size:24px}.caravan-clock{top:24%;font-size:28px}.caravan-convoy{left:3%;width:94%;bottom:7%}.caravan-rewards{top:32%;max-width:48%}.caravan-cart>img{height:110px}.caravan-cart>span{font-size:9px}.caravan-wagon .wheel{border-width:3px}.caravan-close{top:8px;right:8px;width:32px;height:32px}.caravan-dock{right:8px;bottom:8px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.caravan-event *{animation:none!important}}

.caravan-projectiles{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}.caravan-personal-progress{width:100%;height:8px;accent-color:#f3cf79}.caravan-confirmation{color:#c9d9d3;font-size:11px}.caravan-coin-pop{color:#e0ffa7;font-size:18px;animation:coinArrive .25s ease-out}.caravan-coin-pop[hidden],.caravan-personal-progress[hidden]{display:none}

.caravan-grand-opening{position:absolute;inset:20% 10% 12%;z-index:12;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;animation:caravanTreasureScene 5.2s both;text-align:center;isolation:isolate}.caravan-grand-opening svg{width:min(360px,65vw);filter:drop-shadow(0 0 28px #ffc74f);overflow:visible}.caravan-grand-opening strong{font-size:clamp(24px,3vw,46px);color:#fff1b2;text-shadow:0 3px 16px #06111f,0 1px 4px #000}.caravan-grand-opening span{margin-top:8px;padding:10px 16px;border-radius:12px;background:#112431ed;color:#fff0c4;font-size:clamp(12px,1.5vw,19px)}.caravan-treasure-rays{position:absolute;z-index:-1;width:min(600px,90vw);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#ffe9a655 0deg 12deg,transparent 12deg 28deg);mask-image:radial-gradient(#000,transparent 70%);animation:caravanRays 12s linear infinite}.caravan-treasure-lid{transform-origin:55px 110px;animation:caravanLid 1s .3s cubic-bezier(.2,.8,.2,1) both}.caravan-burst-coin{position:absolute;top:45%;left:50%;font-style:normal;font-size:28px;color:#ffe496;text-shadow:0 0 14px #ffb500;animation:caravanCoinBurst 2.3s calc(.7s + var(--delay)) ease-out both}@keyframes caravanLid{to{transform:translateY(-20px) rotate(-24deg)}}@keyframes caravanRays{to{transform:rotate(360deg)}}@keyframes caravanCoinBurst{0%{opacity:0;transform:translate(0,0) scale(.2)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(240deg)}}@keyframes caravanTreasureScene{0%{opacity:0;transform:scale(.8)}12%,85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.caravan-grand-opening{animation:none}.caravan-burst-coin,.caravan-treasure-rays{display:none}.caravan-treasure-lid{transform:translateY(-20px) rotate(-24deg)}}
/* A walking desert caravan. Movement is transform-only and does not poll the server. */
.caravan-sky{background:radial-gradient(ellipse at 72% 26%,#efbb8870 0,transparent 40%),linear-gradient(#26374f 0%,#7e6972 44%,#d6a176 77%,#b98456)}
.caravan-moon{background:#ffe4ab;box-shadow:0 0 90px #ffca8166;right:20%;top:26%;width:8vw;max-width:105px}
.caravan-ridge{clip-path:polygon(0 56%,8% 53%,20% 64%,35% 41%,48% 39%,61% 55%,76% 33%,86% 42%,100% 61%,100% 100%,0 100%);background:#a07769;border-radius:40% 60% 0 0;height:35%;bottom:18%}
.caravan-ridge.back{background:#9b7c79;bottom:24%;opacity:.7;transform:scaleX(-1)}
.caravan-ridge.front{background:#bd916c;bottom:7%;height:35%;clip-path:ellipse(77% 62% at 42% 100%)}
.caravan-road{height:23%;border-top:0;background:repeating-linear-gradient(176deg,transparent 0 35px,#e9c79b45 36px 38px,transparent 39px 80px),linear-gradient(#c69c70,#ddbb88);background-size:480px 160px,100% 100%;box-shadow:none;animation:sandDrift 18s linear infinite}
.caravan-convoy{left:1%;width:97%;bottom:3%;padding-right:7%;gap:0;justify-content:space-between;animation:camelJourney 180s linear forwards}
.caravan-cart{width:34%;max-width:490px;flex-shrink:0;animation:none}
.caravan-pack-animal{position:relative;width:100%}.caravan-camel{width:100%;display:block;overflow:visible;filter:drop-shadow(0 5px 3px #67442e22)}
.caravan-cart>img{position:absolute;z-index:2;left:36%;top:-24%;width:27%;height:32%;max-height:120px;filter:drop-shadow(0 5px 8px #281e3155)}
.caravan-cart>span{position:absolute;z-index:3;top:7%;left:13%;width:66%;font-size:clamp(9px,1vw,16px);color:#fff0c9;text-shadow:0 2px 4px #302b39;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.camel-body{animation:camelSway 1.65s ease-in-out infinite;animation-delay:calc(var(--cart)*-.47s)}
.camel-leg{transform-box:view-box;animation:camelStride 1.65s ease-in-out infinite;animation-delay:calc(var(--cart)*-.47s)}
.camel-leg.back{transform-origin:117px 177px}.camel-leg.fore{transform-origin:240px 177px}
.camel-leg.far.back,.camel-leg.near.fore{animation-direction:reverse}
.camel-leg.near{stroke-linejoin:round}.camel-dust{position:absolute;left:10%;right:15%;height:14%;bottom:5%;pointer-events:none}
.camel-dust i{position:absolute;width:14%;aspect-ratio:2;border-radius:50%;background:#f9dcb272;bottom:0;left:calc(var(--dust)*18%);animation:camelDust 2.3s ease-out infinite;animation-delay:calc(var(--dust)*-.46s + var(--cart)*-.3s)}
.caravan-guide{position:absolute;width:8%;right:-1%;bottom:1%;max-width:105px}.caravan-guide svg{display:block;width:100%;overflow:visible}
.guide-foot{transform-origin:48px 178px;animation:guideWalk 1.2s ease-in-out infinite}.guide-foot.two{animation-direction:reverse}.guide-scarf{transform-origin:27px 58px;animation:guideScarf 2s ease-in-out infinite alternate}
.caravan-event.unlocked .camel-treasure{filter:drop-shadow(0 0 10px #ffda61)}
.caravan-total{top:39%;max-width:22%;padding:12px 16px;border-left:2px solid #f3ce9255;background:linear-gradient(90deg,#29374680,transparent);border-radius:0 12px 12px 0}.caravan-clock{top:27%;text-shadow:0 2px 10px #44364244}
.caravan-event header p{color:#f1e3d5}.caravan-total small,.caravan-total span{color:#f1e1cb}.caravan-rewards{top:27%}
@keyframes camelStride{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@keyframes camelSway{0%,100%{transform:translateY(0) rotate(.4deg)}50%{transform:translateY(-3px) rotate(-.4deg)}}
@keyframes camelDust{0%{transform:translate(0,0) scale(.3);opacity:0}25%{opacity:.7}100%{transform:translate(-35px,-12px) scale(1.8);opacity:0}}
@keyframes guideWalk{0%,100%{transform:rotate(-13deg)}50%{transform:rotate(13deg)}}
@keyframes guideScarf{to{transform:rotate(12deg)}}
@keyframes sandDrift{to{background-position:-480px 0,0 0}}
@keyframes camelJourney{from{transform:translateX(-2%)}to{transform:translateX(2%)}}
@media(min-width:1800px){.caravan-convoy{bottom:0;left:4%;width:90%}.caravan-cart{max-width:650px}}
@media(max-width:700px){.caravan-event h1{font-size:27px}.caravan-clock{top:27%}.caravan-total{top:36%;padding:9px;max-width:48%}.caravan-rewards{top:30%}.caravan-convoy{left:-8%;width:114%;bottom:9%;padding-right:5%;transform:none}.caravan-cart{width:35%}.caravan-cart>img{top:-32%;height:35%;width:30%;left:35%}.caravan-cart>span{top:0%;font-size:8px;left:6%;width:81%}.caravan-guide{width:7%;right:-1%}.caravan-road{height:28%}.caravan-moon{width:65px;top:23%;right:23%}}
@media(prefers-reduced-motion:reduce){.caravan-road,.caravan-convoy,.camel-body,.camel-leg,.camel-dust i,.guide-foot,.guide-scarf{animation:none!important}.camel-dust{display:none}}
@media(min-width:701px){.caravan-total{top:28%;left:23%;max-width:53%;display:flex;align-items:center;gap:18px;padding:8px 14px}.caravan-total small{max-width:80px}.caravan-total strong{font-size:clamp(22px,2.4vw,36px);white-space:nowrap}.caravan-total span{max-width:210px;font-size:12px}.caravan-cart{width:32.5%}}
@media(max-width:700px){.caravan-convoy{left:1%;width:97%;padding-right:8%;bottom:10%}.caravan-cart{width:32.5%}.caravan-guide{right:0;width:8%}.caravan-cart>span{font-size:7px}}

/* Opaque desert colors keep the shared letter festival readable in every app theme. */
.caravan-event.caravan-event{color-scheme:dark;background:#132338;color:#fff2d4}
.caravan-event .caravan-sky{isolation:isolate;background:radial-gradient(ellipse at 77% 25%,#f6c49455,transparent 39%),linear-gradient(#192d48 0%,#606277 44%,#c19479 77%,#b98456)}
.caravan-sky::before{content:'';position:absolute;inset:0 0 35%;pointer-events:none;background:radial-gradient(circle at 16% 15%,#fff6d977 0 1px,transparent 2px),radial-gradient(circle at 31% 27%,#fff6d955 0 1px,transparent 2px),radial-gradient(circle at 54% 12%,#fff6d966 0 1px,transparent 2px),radial-gradient(circle at 82% 9%,#fff6d999 0 1px,transparent 2px),radial-gradient(circle at 92% 32%,#fff6d955 0 1px,transparent 2px)}
.caravan-event .caravan-projectiles{z-index:4;display:block;contain:strict}
.caravan-event header{z-index:6;text-shadow:0 2px 14px #15223c66}
.caravan-event h1{letter-spacing:-.025em;color:#ffebbd;text-shadow:0 2px 24px #e4b56d22}
.caravan-event header>span{color:#ecd0a1}
.caravan-event header p{color:#fff0de;line-height:1.5}
.caravan-event [data-caravan-sound]{margin-top:12px;background:#14293bca;color:#fff0d2;border-color:#ecd0a14d;border-radius:20px;font-size:12px}
.caravan-event [data-caravan-sound][hidden]{display:none}
.caravan-event .caravan-clock{padding:5px 15px;border:1px solid #f3ce9238;border-radius:18px;background:#172b3be8;box-shadow:0 8px 25px #14213815}
.caravan-event .caravan-total{background:#1c3040ed;border:1px solid #f3ce9245;border-radius:16px;box-shadow:0 8px 26px #14213818;color:#fff2d4}
.caravan-event .caravan-total small{color:#eacb98}
.caravan-event .caravan-total span{color:#f1e1cb}
.caravan-event .caravan-rewards{top:43%;max-width:25%}
.caravan-event .caravan-rewards li{background:#163633ed;color:#e8ffd2;border:1px solid #c4e19c70;box-shadow:0 5px 20px #14213815}
.caravan-event.caravan-event footer{background:#132735;color:#fff2d4;border-top-color:#dfc28d66;box-shadow:0 -4px 26px #12253822}
.caravan-event .caravan-chest b{color:#ffe2a5}
.caravan-event .caravan-chest span,.caravan-event .caravan-rules span{color:#c6d6d5;line-height:1.5}
.caravan-event .caravan-chest progress{accent-color:#f4cb72}
.caravan-event .caravan-close{background:#162a3beb;color:#fff0cf;border-color:#f3ce9255}
@media(min-width:701px){.caravan-event .caravan-total{padding:12px 18px;gap:20px}.caravan-event footer{gap:6vw;padding:24px 5vw}.caravan-event .caravan-chest{gap:9px}}
@media(max-width:700px){.caravan-event .caravan-clock{padding:5px 11px;border-radius:12px}.caravan-event .caravan-total{padding:10px;gap:6px;border-radius:12px}.caravan-event .caravan-total span{font-size:11px;line-height:1.45}.caravan-event .caravan-rewards{top:42%;max-width:45%;margin-top:0}.caravan-event .caravan-rewards li{padding:6px 8px;font-size:11px}.caravan-event header p{font-size:12px;max-width:330px;margin-inline:auto}.caravan-event [data-caravan-sound]{margin-top:9px;font-size:11px;padding:6px 10px}.caravan-event .caravan-rules b{font-size:16px}}

/* Reserved rows keep the HUD, desert scene and footer from overlapping. */
.caravan-event.caravan-event {
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;line-height:1.4;
}
.caravan-event *, .caravan-event *::before, .caravan-event *::after {box-sizing:border-box}
.caravan-event .caravan-heading {
  position:relative;z-index:6;padding:max(18px,env(safe-area-inset-top)) clamp(16px,4vw,76px) 16px;
  background:linear-gradient(120deg,#15283d,#263c52);border-bottom:1px solid #eac98e30;
}
.caravan-event .caravan-heading header {position:relative;padding:0 42px;text-align:center;text-shadow:none}
.caravan-event header>span {display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#e5c78f}
.caravan-event h1 {margin:8px 0 5px;font-size:clamp(26px,3.2vw,56px);font-weight:900;line-height:1.12;letter-spacing:-.025em;color:#ffebbd}
.caravan-event header p {margin:0;font-size:clamp(13px,1.12vw,19px);line-height:1.45;color:#e8eff1;max-width:none}
.caravan-event .caravan-close {
  position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:10;
  display:inline-grid;place-items:center;padding:0;width:44px;height:44px;border:1px solid #edcf9559;
  border-radius:14px;background:#172c40;color:#fff0d0;cursor:pointer;
}
.caravan-event .caravan-close svg {display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.caravan-event .caravan-close::before,.caravan-event .caravan-close::after {content:none!important;display:none!important}
.caravan-event .caravan-close:hover {background:#2b435b}
.caravan-event .caravan-close:focus-visible,.caravan-event [data-caravan-sound]:focus-visible {outline:3px solid #ffe19b;outline-offset:3px}
.caravan-event [data-caravan-sound] {
  position:static;margin:6px 0 0;min-height:32px;padding:6px 12px;
  border:1px solid #ecd0a14d;border-radius:20px;background:#122538;color:#fff0d2;font-size:11px;
}
.caravan-event .caravan-hud {display:grid;grid-template-columns:minmax(108px,160px) minmax(0,1fr);gap:12px;max-width:1020px;margin:16px auto 0}
.caravan-event .caravan-clock {
  position:static;display:flex;flex-direction:column;justify-content:center;align-items:center;
  min-height:78px;padding:8px 18px;border:1px solid #edcf953d;border-radius:16px;
  background:#102333;color:#ffdc94;font-size:clamp(28px,3vw,44px);font-weight:900;
  font-variant-numeric:tabular-nums;line-height:1.12;text-shadow:none;box-shadow:none;
}
.caravan-event .caravan-clock::before {content:'ДО УХОДА';margin-bottom:4px;color:#c1d0d6;font-size:9px;font-weight:800;letter-spacing:.12em}
.caravan-event .caravan-total {
  position:static;min-width:0;max-width:none;display:grid;grid-template-columns:auto auto minmax(0,1fr);
  gap:14px;align-items:center;padding:12px 20px;border:1px solid #edcf953d;border-radius:16px;
  background:#102333;color:#fff2d4;box-shadow:none;
}
.caravan-event .caravan-total small {max-width:90px;color:#eacb98;font-size:10px;font-weight:800;letter-spacing:.1em}
.caravan-event .caravan-total strong {color:#fff0c8;font-size:clamp(25px,2.5vw,38px);font-weight:900;white-space:nowrap}
.caravan-event .caravan-total span {justify-self:end;max-width:255px;color:#d0dfe2;font-size:clamp(11px,.9vw,14px);line-height:1.4}
.caravan-event .caravan-sky {
  min-height:0;overflow:hidden;isolation:isolate;
  background:radial-gradient(ellipse at 77% 15%,#f6c49455,transparent 39%),linear-gradient(#304461 0%,#858092 40%,#c19479 77%,#b98456);
}
.caravan-event .caravan-moon {right:15%;top:15%;width:clamp(55px,7vw,120px);max-width:none}
.caravan-event .caravan-ridge {height:40%;bottom:18%}
.caravan-event .caravan-ridge.back {bottom:28%}
.caravan-event .caravan-ridge.front {bottom:7%}
.caravan-event .caravan-road {height:30%}
.caravan-event .caravan-convoy {
  position:absolute;z-index:3;left:50%;bottom:3%;width:min(94%,1550px);height:calc(100% - 76px);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);align-items:end;gap:clamp(0px,1vw,20px);
  padding-right:7%;transform:translateX(-50%);animation:camelJourney 180s linear forwards;
}
.caravan-event .caravan-cart {position:relative;min-width:0;max-width:none;width:100%;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:end;justify-items:center}
.caravan-event .caravan-cart>img {
  position:relative;top:auto;left:auto;z-index:2;display:block;
  width:clamp(48px,5.5vw,96px);height:clamp(48px,5.5vw,96px);max-height:none;object-fit:contain;
}
.caravan-event .caravan-cart>span {
  position:relative;top:auto;left:auto;z-index:3;width:auto;max-width:100%;min-height:25px;margin:2px 0 7px;
  padding:3px 12px;border:1px solid #ffe5ab59;border-radius:20px;background:#25384ee8;color:#fff0c9;
  font-size:clamp(10px,.9vw,16px);font-weight:800;line-height:1.3;text-align:center;
  white-space:normal;overflow:visible;text-overflow:clip;text-shadow:none;
}
.caravan-event .caravan-pack-animal {height:100%;min-height:0}
.caravan-event .caravan-camel {height:100%;max-height:none}
.caravan-event .caravan-guide {width:7%;right:0;bottom:1%}
.caravan-event .caravan-rewards {
  position:absolute;z-index:5;inset:12px 16px auto;min-height:36px;max-height:62px;max-width:none;
  display:flex;flex-wrap:wrap;align-content:start;justify-content:center;gap:7px;margin:0;padding:0;
  overflow:hidden;list-style:none;pointer-events:none;
}
.caravan-event .caravan-rewards li {padding:6px 12px;margin:0;max-width:100%;border-radius:20px;font-size:clamp(11px,.85vw,15px);font-weight:700;overflow-wrap:anywhere}
.caravan-event.caravan-event footer {
  position:relative;z-index:6;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  align-items:center;gap:clamp(20px,4vw,70px);padding:18px clamp(16px,4vw,76px) max(18px,env(safe-area-inset-bottom));
}
.caravan-event .caravan-chest,.caravan-event .caravan-rules {min-width:0;max-width:none;display:grid;gap:8px;text-align:start}
.caravan-event .caravan-chest b,.caravan-event .caravan-rules b {font-size:clamp(15px,1.25vw,23px);line-height:1.3;color:#ffe2a5}
.caravan-event .caravan-chest span,.caravan-event .caravan-rules span {font-size:clamp(11px,.8vw,13px);line-height:1.45}
.caravan-event .caravan-chest progress {height:10px}
.caravan-event.finished .caravan-clock {display:flex;visibility:hidden}
.caravan-grand-opening {inset:24% 10% 15%}
.caravan-grand-opening svg {width:min(320px,60vw);max-height:35vh}
@keyframes camelJourney {from{transform:translateX(-51%)}to{transform:translateX(-49%)}}
@media(max-width:1000px) {
  .caravan-event .caravan-total {grid-template-columns:auto 1fr;gap:4px 12px}
  .caravan-event .caravan-total span {grid-column:1 / -1;max-width:none;justify-self:start}
  .caravan-event [data-caravan-sound] {position:static;margin-top:6px}
}
@media(max-width:600px) {
  .caravan-event .caravan-heading {padding:max(14px,env(safe-area-inset-top)) 12px 12px}
  .caravan-event .caravan-heading header {padding:0 44px 0 0;text-align:left}
  .caravan-event header>span {font-size:8px;letter-spacing:.08em}
  .caravan-event h1 {font-size:clamp(24px,6vw,32px);margin:7px 0}
  .caravan-event header p {font-size:11px}
  .caravan-event .caravan-close {top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:34px;height:34px;border-radius:10px}
  .caravan-event .caravan-close svg {width:18px;height:18px}
  .caravan-event .caravan-hud {grid-template-columns:78px minmax(0,1fr);gap:8px;margin-top:12px}
  .caravan-event .caravan-clock {min-height:72px;font-size:28px;padding:8px 6px;border-radius:12px}
  .caravan-event .caravan-clock::before {font-size:7px}
  .caravan-event .caravan-total {padding:9px 12px;border-radius:12px;gap:3px 8px}
  .caravan-event .caravan-total small {max-width:70px;font-size:8px}
  .caravan-event .caravan-total strong {font-size:23px}
  .caravan-event .caravan-total span {font-size:10px}
  .caravan-event .caravan-convoy {width:98%;bottom:9%;gap:0;padding-right:6%;height:calc(100% - 60px)}
  .caravan-event .caravan-cart>img {width:44px;height:44px}
  .caravan-event .caravan-cart>span {max-width:98%;padding:3px 6px;margin:2px 0 5px;min-height:27px;font-size:9px;border-radius:9px}
  .caravan-event .caravan-camel {max-height:none}
  .caravan-event .caravan-rewards {inset:10px 10px auto;max-height:48px;gap:4px}
  .caravan-event .caravan-rewards li {padding:4px 8px;font-size:10px}
  .caravan-event.caravan-event footer {grid-template-columns:1fr;gap:12px;padding:12px 14px max(12px,env(safe-area-inset-bottom))}
  .caravan-event .caravan-chest,.caravan-event .caravan-rules {gap:5px}
  .caravan-event .caravan-chest b,.caravan-event .caravan-rules b {font-size:14px}
  .caravan-event .caravan-chest span,.caravan-event .caravan-rules span {font-size:10px}
  .caravan-event .caravan-chest progress {height:8px}
}
@media(max-height:550px) {
  .caravan-event .caravan-heading {padding-top:10px;padding-bottom:10px}
  .caravan-event .caravan-heading header {display:flex;justify-content:center;align-items:center;gap:14px;padding:0 48px 0 0}
  .caravan-event header>span {display:none}
  .caravan-event header p {display:none}
  .caravan-event [data-caravan-sound] {position:static;flex-shrink:0;margin:0;padding:4px 8px;min-height:26px;font-size:9px}
  .caravan-event h1 {font-size:24px;margin:0 0 4px}
  .caravan-event .caravan-hud {margin-top:9px}
  .caravan-event .caravan-clock {min-height:55px;font-size:28px}
  .caravan-event .caravan-clock::before {font-size:7px}
  .caravan-event .caravan-total {padding:7px 14px}
  .caravan-event .caravan-total strong {font-size:26px}
  .caravan-event .caravan-convoy {bottom:0;height:calc(100% - 40px)}
  .caravan-event .caravan-cart>img {width:38px;height:38px}
  .caravan-event .caravan-cart>span {font-size:9px;margin:0 0 3px;min-height:20px}
  .caravan-event .caravan-camel {max-height:none}
  .caravan-event .caravan-guide {height:calc(100% - 40px)}
  .caravan-event .caravan-guide svg {height:100%}
  .caravan-event.caravan-event footer {padding-top:10px;padding-bottom:10px;gap:10px}
  .caravan-event .caravan-chest span,.caravan-event .caravan-rules span {font-size:10px}
}

/* One route per lesson: a stable scene for the whole class, never a polling flicker. */
.caravan-event .caravan-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:8px}
.caravan-event .caravan-controls [data-caravan-sound]{margin:0;min-height:28px;padding:4px 11px}
.caravan-event .caravan-route{display:inline-flex;align-items:center;min-height:28px;padding:4px 11px;border:1px solid #e8c88f4d;border-radius:20px;background:#31475b;color:#fff0cd;font-size:11px;font-weight:800;letter-spacing:.02em}
.caravan-event[data-scene="day"] .caravan-route{background:#315970;color:#fff4ce}
.caravan-event[data-scene="sunset"] .caravan-route{background:#603c51;color:#ffdeb1}
.caravan-event[data-scene="night"] .caravan-route{background:#263866;color:#dfeaff}
.caravan-event[data-scene="day"] .caravan-sky{background:radial-gradient(ellipse at 75% 15%,#fff3ba9e,transparent 35%),linear-gradient(#65b6db 0%,#bde2dc 48%,#edcc91 84%,#d7a767)}
.caravan-event[data-scene="day"] .caravan-sky::before{opacity:0}
.caravan-event[data-scene="day"] .caravan-moon{background:#fff0a7;box-shadow:0 0 0 15px #fff0ad21,0 0 90px #fff4bb9c}
.caravan-event[data-scene="day"] .caravan-ridge.back{background:#a4b3a2;opacity:.8}
.caravan-event[data-scene="day"] .caravan-ridge.front{background:#d6b480}
.caravan-event[data-scene="day"] .caravan-road{background:repeating-linear-gradient(176deg,transparent 0 35px,#ffe2ac55 36px 38px,transparent 39px 80px),linear-gradient(#d8b278,#f0d3a0);background-size:480px 160px,100% 100%}
.caravan-event[data-scene="sunset"] .caravan-sky{background:radial-gradient(ellipse at 75% 55%,#ffcb9277,transparent 45%),linear-gradient(#493856 0%,#ae6a79 35%,#f4b57d 77%,#c78c67)}
.caravan-event[data-scene="sunset"] .caravan-moon{top:39%;background:#ffdc9e;box-shadow:0 0 85px #ffad6b88}
.caravan-event[data-scene="sunset"] .caravan-sky::before{opacity:.35}
.caravan-event[data-scene="sunset"] .caravan-ridge.back{background:#7e6479}
.caravan-event[data-scene="sunset"] .caravan-ridge.front{background:#b17a73}
.caravan-event[data-scene="night"] .caravan-sky{background:radial-gradient(ellipse at 75% 17%,#5b66a647,transparent 38%),linear-gradient(#0d1935 0%,#253b60 52%,#64647b 88%,#797088)}
.caravan-event[data-scene="night"] .caravan-sky::before{opacity:1;background:radial-gradient(circle at 8% 25%,#fff6df 0 1px,transparent 2px),radial-gradient(circle at 16% 15%,#fff6dfbb 0 1px,transparent 2px),radial-gradient(circle at 31% 27%,#ffffff88 0 1px,transparent 2px),radial-gradient(circle at 43% 16%,#ffffffcc 0 1px,transparent 2px),radial-gradient(circle at 54% 12%,#fff6dfaa 0 1px,transparent 2px),radial-gradient(circle at 62% 35%,#ffffff88 0 1px,transparent 2px),radial-gradient(circle at 82% 9%,#fff6dfdd 0 1px,transparent 2px),radial-gradient(circle at 92% 32%,#ffffffbb 0 1px,transparent 2px)}
.caravan-event[data-scene="night"] .caravan-moon{background:#e3eafd;box-shadow:inset -14px -4px #263858,0 0 70px #c5dbff55}
.caravan-event[data-scene="night"] .caravan-ridge.back{background:#35445d;opacity:.95}
.caravan-event[data-scene="night"] .caravan-ridge.front{background:#55576d}
.caravan-event[data-scene="night"] .caravan-road{background:repeating-linear-gradient(176deg,transparent 0 35px,#d4c4b82e 36px 38px,transparent 39px 80px),linear-gradient(#72707e,#a1948b);background-size:480px 160px,100% 100%}
.caravan-event[data-scene="night"] .caravan-camel{filter:brightness(.88) drop-shadow(0 5px 7px #101d3544)}
.caravan-event .caravan-clouds{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.caravan-clouds i{position:absolute;top:21%;left:6%;width:clamp(55px,13vw,200px);height:16px;border-radius:50%;background:#fff3d480;box-shadow:20px 3px 0 6px #fff3d44d;animation:caravanCloudDrift 55s ease-in-out infinite alternate}
.caravan-clouds i::before,.caravan-clouds i::after{content:'';position:absolute;left:25%;bottom:3px;width:40%;height:190%;border-radius:50%;background:inherit}
.caravan-clouds i::after{left:49%;width:33%;height:135%}
.caravan-clouds i+i{top:35%;left:56%;width:clamp(50px,9vw,140px);height:12px;opacity:.55;animation-delay:-25s}
.caravan-event[data-scene="sunset"] .caravan-clouds{opacity:.38}
.caravan-event[data-scene="night"] .caravan-clouds{opacity:.1}
.caravan-event .caravan-oasis{position:absolute;z-index:1;left:2%;bottom:27%;width:clamp(100px,28vw,480px);height:auto;max-height:66%;pointer-events:none;opacity:.8}
.caravan-oasis .oasis-water{fill:#549e9e;opacity:.7}
.caravan-oasis .oasis-shore{fill:#c7b17e}
.caravan-event[data-scene="sunset"] .caravan-oasis{filter:sepia(.3);opacity:.7}
.caravan-event[data-scene="night"] .caravan-oasis{filter:brightness(.65) hue-rotate(15deg);opacity:.9}
.caravan-event[data-scene="night"] .oasis-water{fill:#91badd;opacity:.85}
.caravan-event .caravan-lantern{position:absolute;left:65%;top:48%;width:clamp(7px,1vw,15px);height:clamp(10px,1.4vw,21px);border:2px solid #a77842;border-radius:4px;background:#c7a361;box-shadow:0 2px 4px #4b3b3433;pointer-events:none;transform:rotate(-5deg);animation:caravanLanternSwing 2.4s ease-in-out infinite alternate}
.caravan-lantern::before{content:'';position:absolute;left:16%;right:16%;height:6px;top:-7px;border:2px solid #a77842;border-bottom:0;border-radius:7px 7px 0 0}
.caravan-event[data-scene="night"] .caravan-lantern{background:#ffe49d;border-color:#f5c27b;box-shadow:0 0 13px 5px #ffbc6080,0 0 35px 12px #ffc98626}
.caravan-event[data-scene="sunset"] .caravan-lantern{background:#ffda90;box-shadow:0 0 12px #ffbc6066}
.caravan-dock .caravan-dock-sound{justify-self:start;padding:4px 8px;border:1px solid #c6ab704d;border-radius:8px;background:#243d47;color:#f8e5bb;font-size:10px}
.caravan-dock button[hidden]{display:none}
.caravan-dock .caravan-dock-sound:focus-visible{outline:2px solid #ffe19b;outline-offset:2px}
@keyframes caravanCloudDrift{to{transform:translateX(9vw)}}
@keyframes caravanLanternSwing{to{transform:rotate(8deg)}}
@media(max-width:600px){.caravan-event .caravan-controls{justify-content:start;gap:5px;margin-top:7px}.caravan-event .caravan-route,.caravan-event .caravan-controls [data-caravan-sound]{font-size:9px;min-height:25px;padding:4px 8px}.caravan-event .caravan-oasis{left:-8%;bottom:30%;width:45%}.caravan-clouds i{height:8px}.caravan-clouds i+i{height:7px}}
@media(max-height:550px){.caravan-event .caravan-controls{flex-shrink:0;margin:0}.caravan-event .caravan-route{display:none}.caravan-event .caravan-controls [data-caravan-sound]{min-height:26px;font-size:9px;padding:4px 8px}.caravan-event .caravan-oasis{width:21%;bottom:18%}}
@media(prefers-reduced-motion:reduce){.caravan-event .caravan-clouds i,.caravan-event .caravan-lantern{animation:none}}