/* Illustrated materials and full-resolution source art, scoped to Aro. */
.game,.board-frame{background-image:url("assets/bg-opensky-currentmaze-landscape.png.webp")}
.board-frame{border:4px solid #f6dfac;box-shadow:0 0 0 2px #bd894f,0 12px 28px #78584038,inset 0 0 32px #fff3c580}
.hero{width:108px;height:108px;filter:drop-shadow(0 5px 3px #75564145)}
.goal-ori{width:100px;height:100px;padding:0;background:none;border-radius:0;filter:drop-shadow(0 0 10px #fff1aa) drop-shadow(0 5px 3px #75564140)}
.guide-button{width:112px;height:112px;filter:drop-shadow(0 5px 3px #75564135)}
.speech{min-height:104px;padding:24px 25px 16px 20px;background:transparent url("../assets/ui/ori-speech-normal.webp") center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;font-weight:750;font-size:17px;line-height:1.3}
.speech:after{content:none}
.round-track,.level-track{border:2px solid #ffedbf;box-shadow:inset 0 2px 1px #fff9e9,0 4px 0 #ae8050,0 8px 16px #79563026;background:linear-gradient(150deg,#fff9e6,#f1d6a0)}
.round-dot{width:36px;height:38px;filter:drop-shadow(0 1px 1px #7d5c3066)}
.round-dot:not(.complete){filter:brightness(.8) contrast(1.25)}
.round-dot.complete{filter:drop-shadow(0 2px 2px #c0893255)}
.level-dot{width:46px;height:46px}
.level-dot:not(.complete){filter:drop-shadow(0 1px 2px #75614488)}
.level-dot:after{height:2px;opacity:.45}
.icon-button{filter:drop-shadow(0 3px 2px #65402640)}
.level-track{position:absolute;left:50%;top:0;transform:translateX(-50%)}
.board-wrap{bottom:120px}
.check-button{--wm-touch:96px;bottom:-106px}
.panel{border:5px solid #bd8d55;box-shadow:inset 0 0 0 2px #ffedc3,0 12px 0 #74523655,0 24px 50px #49352640;background:#fff3d9 url("assets/bg-opensky-currentmaze-landscape.png.webp") center/cover}
.panel h1,.panel h2{text-shadow:0 2px 0 #fff8e6;font-weight:800}
.level-choice,.level-choice.current,.level-choice.complete{background:radial-gradient(ellipse at 40% 22%,#fff1cb,#e4b66d);color:#65462c;border-color:#fff0c8;box-shadow:inset 0 0 0 1px #c18e4e,0 5px 0 #9a6d3d,0 8px 14px #62452b28}
.level-choice.current{box-shadow:0 0 0 4px #f3ce6980,inset 0 0 0 1px #c18e4e,0 5px 0 #9a6d3d}
.level-choice img{width:65px;height:65px}
.sky-feather{width:34px;height:34px;background:transparent url("../assets/props/webp-transparent/Prop-OpenSky-Feather-White.webp") center/contain no-repeat;border-radius:0;box-shadow:none}
.fx-particle.feather{width:25px;height:25px;background:transparent url("../assets/props/webp-transparent/Prop-OpenSky-Feather-Yellow.webp") center/contain no-repeat!important;border-radius:0;box-shadow:none}
.fx-cloud-puff{width:90px;height:58px;background:transparent url("assets/prop-cloud-bank-painterly.png.webp") center/contain no-repeat;border-radius:0;box-shadow:none}
/* Keep the shared four-action toolbar clear of Aro's earned stars. */
body.wm-four-controls-active #wm-game-controls{left:auto;right:var(--safe-right)}
@media(orientation:portrait),(max-width:600px){
  .game,.board-frame{background-image:url("assets/bg-opensky-currentmaze-portrait.png.webp")}
  .board-frame{border-width:3px}
  .hero{width:72px;height:72px}.goal-ori{width:72px;height:72px}
  .guide-button{width:86px;height:86px}
  .speech{min-height:76px;padding:18px 25px 10px 18px;font-size:14px}
  .round-dot{width:27px;height:34px}.round-track{padding:6px 7px}
  .level-dot{width:36px;height:36px}
  .level-choice img{width:50px;height:50px}
  .board-wrap{bottom:110px}
  .check-button{--wm-touch:88px;bottom:-98px}
  .wm-four-controls-active .topbar{grid-template-columns:1fr auto;grid-template-areas:"round actions" "levels levels";column-gap:8px}
  .level-track,.wm-four-controls-active .level-track{position:absolute;left:50%;top:68px;transform:translateX(-50%);grid-area:auto;justify-self:auto;gap:5px}
  .wm-four-controls-active .round-track{padding:6px 5px;gap:0}
  .wm-four-controls-active .round-dot{width:24px}
  .wm-four-controls-active .level-dot{width:36px;height:36px}
}
@media(max-width:380px) and (max-height:700px){
  .hero,.goal-ori{width:64px;height:64px}
  .speech{min-height:68px;font-size:12px;padding-top:16px}
  .round-dot{width:25px;height:32px}.level-dot{width:32px;height:32px}
  .level-choice img{width:46px;height:46px}
  .wm-four-controls-active .round-track{padding:6px 4px}
  .wm-four-controls-active .round-dot{width:21px}
  .level-track,.wm-four-controls-active .level-track{top:62px}
  .wm-four-controls-active .level-dot{width:32px;height:32px}
}