.pm3-shell{
  background:
    radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.34),rgba(255,255,255,0) 32%),
    linear-gradient(180deg,var(--sky-top) 0,var(--sky-mid) 38%,#eaf9dc 61%,var(--hill-back) 74%,var(--hill-front) 100%);
}
.pm3-shell:before{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(43,130,67,.07));
}
.pm3-shell:after{opacity:.34}
.pm3-sky-glow{
  background:
    radial-gradient(ellipse at 13% 29%,rgba(255,255,255,.26),transparent 15%),
    radial-gradient(ellipse at 87% 30%,rgba(255,255,255,.22),transparent 16%),
    radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.18),transparent 30%);
}
.pm3-board-wrap{
  padding:2px;
  border-radius:25px;
  background:linear-gradient(145deg,rgba(246,255,255,.96),rgba(126,181,202,.86) 56%,rgba(78,126,148,.9));
  box-shadow:0 8px 0 rgba(38,79,94,.11),0 15px 24px rgba(41,61,76,.18),inset 0 0 0 1px rgba(255,255,255,.78);
}
.pm3-board-wrap canvas{border-radius:22px}

@media(min-width:700px){
  .pm3-topline,.pm3-stage{width:min(528px,calc(100vw - 48px))}
  .pm3-topline{min-height:56px;margin-bottom:3px;grid-template-columns:48px 1fr 48px}
  .pm3-icon-button{width:46px;height:46px}
  .pm3-brand span{font-size:18px}.pm3-brand b{font-size:31px}
  .pm3-chapter-pill{margin-bottom:6px;padding:4px 15px;font-size:10px}
  .pm3-hud{gap:8px;margin-bottom:8px}
  .pm3-hud-card{height:76px}
  .pm3-hud-card strong{font-size:36px}.pm3-hud-card.target strong{font-size:33px}
  .pm3-hud-card.target img{width:48px;height:48px}
  .pm3-combo-row{width:96%;margin-top:7px;margin-bottom:6px}
  .pm3-boosters{width:96%;gap:10px}
  .pm3-booster{height:70px}
  .pm3-booster-help{margin-top:4px}
}

@media(min-width:1100px) and (min-height:900px){
  .pm3-topline,.pm3-stage{width:min(540px,calc(100vw - 56px))}
}