/* Milo — travel companion */
.uk-top-chip{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;background:#15366b;color:#fff;border-radius:99px;padding:7px 12px;font-size:.7rem;font-weight:800;letter-spacing:.03em;box-shadow:0 4px 0 #c92f3b}.uk-top-chip span{font-size:1rem}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 22px}.hero-tags span{background:rgba(255,255,255,.62);border:1px solid rgba(23,51,77,.1);border-radius:99px;padding:7px 10px;font-size:.68rem;font-weight:800;color:#17334d}.uk-route-card{position:absolute;left:0;bottom:13%;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(23,51,77,.1);border-radius:13px;padding:8px 11px;z-index:4;box-shadow:0 8px 20px rgba(23,51,77,.12);transform:rotate(-4deg)}.uk-route-card>b{font-size:1.5rem}.uk-route-card span{font-size:.52rem;line-height:1.25;letter-spacing:.08em;color:#66798a}.uk-route-card strong{font-size:.72rem;color:#17334d}
.speech.one{left:1%;top:10%;transform:rotate(-5deg);z-index:3}
.route{left:2%;top:56%;width:50%;opacity:.75}
.hero-milo{position:absolute;right:-1%;bottom:-19%;height:122%;z-index:2;filter:drop-shadow(0 18px 15px rgba(23,51,77,.16));animation:miloFloat 4s ease-in-out infinite}
@keyframes miloFloat{50%{transform:translateY(-7px) rotate(1deg)}}
.page-intro{max-width:820px;position:relative;padding-right:270px;min-height:235px}
.page-milo{position:absolute;right:0;bottom:-10px;width:250px;filter:drop-shadow(0 12px 12px rgba(23,51,77,.13))}
.lesson-detail-head{grid-template-columns:1fr auto auto;gap:24px}
.lesson-milo{width:115px;height:125px;object-fit:contain;object-position:bottom;align-self:end}
.quiz-wrap{position:relative}
.milo-coach{position:absolute;right:-180px;top:35px;width:155px;text-align:center}
.milo-coach img{width:115px;height:135px;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(23,51,77,.12))}
.milo-coach span{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;font-size:.72rem;font-weight:800;box-shadow:var(--shadow)}
.arcade-hero{padding:50px 330px 50px 50px;min-height:300px}
.arcade-hero:after{content:"ARCADE";font-size:8rem;bottom:-50px}
.pause-milo{position:absolute;right:35px;bottom:-65px;width:300px;z-index:1;filter:drop-shadow(0 15px 12px rgba(0,0,0,.22))}
.modal-milo{width:110px;height:120px;object-fit:contain;margin:-12px auto -2px}

/* Arcade games */
.bus-game h2,.football-game h2{font:800 clamp(2rem,5vw,3.3rem) 'Fraunces';margin:8px 0 20px}.city-line{background:#17334d;color:#fff;border-radius:12px;padding:8px 14px;letter-spacing:.14em;font-size:.68rem;font-weight:800;margin-bottom:22px}.city-line span{color:#ffd45c;margin:0 12px}.road{height:120px;background:#4b5660;border-radius:16px;position:relative;overflow:hidden;margin:12px 0 16px;border-bottom:9px solid #c6ced2}.road:after{content:"";position:absolute;left:0;right:0;bottom:48px;border-top:4px dashed #fff;opacity:.75}.double-decker{position:absolute;left:6%;bottom:10px;width:92px;height:92px;background:#e43e34;border-radius:10px 10px 6px 6px;border:4px solid #b52324;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px}.double-decker:after{content:"";position:absolute;left:10px;right:10px;top:45px;border-top:4px solid #f5d6a2}.double-decker i{background:#bfe1eb;border:2px solid #fff;border-radius:2px}.double-decker b{position:absolute;right:7px;bottom:5px;color:#fff;font-size:.55rem}.double-decker.drive{animation:busDrive .8s ease-in forwards}.double-decker.bump{animation:busBump .45s ease}@keyframes busDrive{to{left:78%;transform:translateX(-100%)}}@keyframes busBump{25%{transform:translateX(-8px) rotate(-2deg)}75%{transform:translateX(8px) rotate(2deg)}}.bus-stops{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bus-stop{border:2px solid var(--line);background:#fff;border-radius:14px;padding:14px 9px;font:700 .84rem 'DM Sans';color:var(--ink);cursor:pointer}.bus-stop span{display:block;width:24px;height:24px;line-height:24px;border-radius:50%;background:#e43e34;color:#fff;margin:0 auto 7px}.bus-stop.correct,.goal-zone.correct{background:#dff8ed;border-color:var(--mint)}.bus-stop.wrong,.goal-zone.wrong{background:#fff0ec;border-color:var(--coral)}.game-message{min-height:24px;margin-top:15px;font-weight:800;color:var(--blue)}
.football-game{background:linear-gradient(#dff4ff 0 38%,#6fc47e 38%);margin:-35px;border-radius:28px;padding:35px;min-height:460px}.goal{height:250px;max-width:560px;margin:20px auto 0;position:relative;border:9px solid #fff;border-bottom-width:14px;display:grid;grid-template-columns:repeat(3,1fr);align-items:start;padding:18px 12px 0;gap:8px;box-shadow:0 5px 0 rgba(23,51,77,.16)}.goal-net{position:absolute;inset:0;background-image:linear-gradient(rgba(23,51,77,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(23,51,77,.12) 1px,transparent 1px);background-size:24px 24px}.goal-zone{position:relative;z-index:2;border:2px solid rgba(23,51,77,.22);background:rgba(255,255,255,.92);border-radius:12px;padding:12px 6px;min-height:65px;font:700 .8rem 'DM Sans';color:var(--ink);cursor:pointer}.football{position:absolute;z-index:3;font-size:3rem;left:50%;bottom:-65px;transform:translateX(-50%)}.football.score{animation:scoreGoal .75s ease-in forwards}.football.miss{animation:missGoal .75s ease-in forwards}@keyframes scoreGoal{to{bottom:90px;transform:translateX(-50%) scale(.55) rotate(540deg)}}@keyframes missGoal{to{bottom:130px;left:110%;transform:scale(.55) rotate(420deg)}}
@media(max-width:1050px){.milo-coach{position:static;width:auto;display:flex;align-items:center;justify-content:center;margin:-30px 0 10px}.milo-coach img{width:75px;height:80px}.milo-coach span{max-width:200px}}
@media(max-width:780px){.uk-top-chip{position:static;transform:none;margin:auto;font-size:0;width:39px;height:32px;justify-content:center;padding:4px}.uk-top-chip span{font-size:1rem}.hero-milo{right:2%;bottom:-22%;height:116%}.speech.one{left:0;top:5%}.uk-route-card{left:auto;right:44%;bottom:3%}.page-intro{padding-right:160px;min-height:210px}.page-milo{width:155px}.lesson-detail-head{grid-template-columns:1fr auto}.lesson-detail-head .btn{grid-column:1/-1}.lesson-milo{width:90px;height:105px}.arcade-hero{padding:32px 175px 32px 24px;min-height:300px}.pause-milo{right:-15px;bottom:-30px;width:210px}.arcade-hero h1{font-size:2.45rem}.bus-stops{grid-template-columns:1fr}.road{height:105px}.football-game{margin:-35px -20px}.goal{height:270px;grid-template-columns:1fr;padding:8px 8px 0}.goal-zone{min-height:48px;padding:8px}.football{bottom:-62px}}
@media(max-width:430px){.hero-milo{right:-9%;height:108%;bottom:-18%}.speech.one{font-size:.75rem;padding:10px 13px}.page-intro{padding-right:0;padding-top:130px}.page-milo{left:0;right:auto;top:0;width:105px}.lesson-detail-head{grid-template-columns:1fr}.lesson-milo{display:none}.arcade-hero{padding:28px 24px 190px}.pause-milo{width:180px;right:50%;transform:translateX(50%);bottom:-35px}}
.bus-game h2,.football-game h2{font-family:var(--font-display)}
.bus-stop,.goal-zone{font-family:var(--font-body)}