/* BTN Lucky Spin: larger public wheel; scoped to signage, not the admin editor. */
@media (min-width:600px) and (orientation:landscape) {
  .signage-app .topbar {height:64px;}
  .signage-app .intro {padding-top:16px;}
  .signage-app .intro h1 {font-size:clamp(27px,3vw,42px);white-space:normal;max-width:1500px;line-height:1.08;margin:9px auto 7px;padding:0 24px;}
  .signage-app .intro p {margin:0 auto;font-size:11px;line-height:1.5;max-width:850px;}
  .signage-app .intro .eyebrow {font-size:8px;}
  .signage-app .play-layout {max-width:1600px;margin-top:23px;gap:15px;padding:0 35px;}
  .signage-app .wheel-stage {max-width:1200px;}
  .public-app.signage-app .wheel-wrap {width:min(54dvh,calc(100dvh - 340px),780px,75vw);max-width:100%;}
  .signage-app .wheel-center {width:21%;height:auto;aspect-ratio:1;border-width:clamp(4px,.5vw,7px);}
  .signage-app .wheel-center span {font-size:clamp(28px,3.2vw,48px);}
  .signage-app .wheel-center small {font-size:clamp(6px,.65vw,10px);}
  .signage-app .spin-control {margin-top:4px;}
  .signage-app .spin-control .spin-button {padding:11px 25px;min-width:260px;}
  .signage-app .spin-control p {margin-top:7px;font-size:9px;}
  .stock-section {max-width:1500px;}
  .stock-section-header {margin-bottom:10px;}
  .stock-ribbon {gap:8px 12px;max-height:17dvh;}
  .stock-pill {min-height:38px;padding:7px 12px 7px 9px;gap:8px;}
  .stock-pill-name {font-size:12px;}
  .signage-app .public-footer {margin-top:12px;padding:10px 0;}
  .signage-app .orbit-word {left:0;top:15px;}
  .signage-app .star-one {left:2%;}
  .signage-app .star-two {right:2%;}
  .signage-app .star-three {right:5%;}
}
@media (min-width:600px) and (orientation:landscape) and (max-height:900px) {
  .signage-app .topbar {height:52px;}
  .signage-app .intro {padding-top:8px;}
  .signage-app .intro h1 {font-size:28px;margin:6px auto;}
  .signage-app .intro p,.signage-app .spin-control p {display:none;}
  .signage-app .play-layout {margin-top:20px;gap:10px;}
  .public-app.signage-app .wheel-wrap {width:min(54dvh,calc(100dvh - 385px),720px,75vw);}
  .signage-app .spin-control .spin-button {font-size:12px;padding:8px 23px;}
  .signage-app .stock-tabs button {font-size:9px;line-height:1.2;padding:5px 8px;}
  .signage-app .stock-ribbon {gap:6px 10px;}
  .signage-app .stock-pill {min-height:32px;padding:5px 10px;}
  .signage-app .stock-pill-name {font-size:11px;}
  .signage-app .stock-pill-icon,.signage-app .stock-pill-icon img {width:20px;height:20px;}
  .signage-app .public-footer {margin-top:8px;padding:8px 0;}
}
@media (min-width:600px) and (orientation:landscape) and (max-height:700px) {
  .signage-app .topbar {height:52px;}
  .signage-app .intro {padding-top:8px;}
  .signage-app .intro h1 {font-size:25px;margin:6px auto;}
  .signage-app .intro p,.signage-app .spin-control p {display:none;}
  .signage-app .play-layout {margin-top:20px;gap:9px;}
  .public-app.signage-app .wheel-wrap {width:min(56dvh,calc(100dvh - 260px),650px,75vw);}
  .signage-app .public-footer {margin-top:6px;padding:7px 0;}
}
@media (min-width:600px) and (orientation:portrait) {
  .signage-app .intro {padding-top:clamp(18px,2dvh,38px);}
  .signage-app .intro h1 {font-size:clamp(40px,4.8vw,68px);margin:15px auto 12px;}
  .signage-app .play-layout {margin-top:clamp(28px,2dvh,44px);gap:clamp(24px,2dvh,42px);}
  .public-app.signage-app .wheel-wrap {width:min(88vw,55dvh,1100px);max-width:100%;}
  .signage-app .public-footer {margin-top:14px;padding:20px 0;}
}