/* Control-deck and narrow-screen layout overrides for the standalone game. */
.pra-controls{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px;padding:10px 14px;box-shadow:inset 0 1px #f3c55b33,0 10px 25px #0008}
.pra-primary-controls{display:grid;grid-template-columns:minmax(0,1fr) 118px 132px;align-items:center;gap:12px}
.pra-bet-control{position:relative;height:72px;display:grid;grid-template-columns:110px minmax(100px,1fr) 110px;align-items:center;gap:8px;padding:7px 12px;border:1px solid #c99a42;border-radius:14px;background:linear-gradient(180deg,#2a0710,#100106);box-shadow:inset 0 1px #ffe58b33}
.pra-control-label{position:absolute;top:6px;left:18px;font-size:9px;letter-spacing:.16em;color:#c79c5c}
.pra-bet-control strong{text-align:center;color:#fff1ad;font-size:clamp(17px,2.3vw,26px)}
.pra-utility-controls{display:grid;grid-template-columns:160px;justify-content:center;gap:0;border-top:1px solid #d9a74b33;padding-top:5px}
.pra-art-btn img{display:block;width:100%;height:62px;aspect-ratio:auto;object-fit:contain}
.pra-spin{grid-column:auto;grid-row:auto;display:grid;place-items:center;width:112px;height:64px;justify-self:center;transform:none;border:2px solid #f4d276;border-radius:16px;background:radial-gradient(circle at 50% 22%,#dc5338,#811321 52%,#3a050b);box-shadow:inset 0 0 0 4px #c78a2d,inset 0 2px 5px #fff7b477,0 5px 12px #000b,0 0 12px #e7b64c55;color:#fff1a2;text-shadow:0 2px 2px #4b0509;font-family:Georgia,serif;font-size:22px;font-weight:900;letter-spacing:.08em}
.pra-spin:hover{filter:brightness(1.12)}
.pra-auto-btn{height:64px;border:2px solid #d6a33d;border-radius:12px;background:linear-gradient(180deg,#8b1723,#3a050d);color:#ffeaa3;box-shadow:inset 0 1px #fff3a855,0 5px 10px #0008;cursor:pointer;font-weight:900;letter-spacing:.08em}
.pra-auto-btn span{display:block;font-size:18px}
.pra-auto-btn small{display:block;margin-top:2px;color:#d5ae69;font-size:8px;font-weight:700;letter-spacing:.04em}
.pra-auto-btn.is-active{border-color:#7ee7ff;color:#fff;box-shadow:inset 0 1px #fff8,0 0 14px #45d9ff;background:linear-gradient(180deg,#8c2133,#420914)}
.pra-utility-controls .pra-art-btn,.pra-utility-controls .pra-art-btn img{width:160px;height:54px}
.pra-art-btn span{height:56px;aspect-ratio:auto}
.pra-bet-step b{position:absolute;left:50%;bottom:3px;z-index:2;transform:translateX(-50%);min-width:74%;padding:2px 5px;border:1px solid #f3ce6a66;border-radius:999px;background:#26030cdd;color:#fff1a8;font-size:11px;line-height:1.15;text-align:center;white-space:nowrap;box-shadow:0 2px 7px #0008}
.pra-header{grid-template-columns:48px minmax(0,1fr) 48px}
.pra-header::after{content:"";width:48px}
.pra-app{min-height:0;padding-bottom:8px;overflow-x:clip}
.pra-header{height:64px;padding:2px 8px;border:0;background:transparent;box-shadow:none}
.pra-logo{height:58px;filter:drop-shadow(0 4px 8px #000)}
.pra-home{background:#24030bbb;box-shadow:0 3px 10px #0008}
.pra-cabinet{margin-top:18px}
.pra-cabinet{isolation:isolate;width:min(100%,calc((100vh - 300px) * 16 / 9));margin-inline:auto;max-height:none;aspect-ratio:16/9;min-height:0}
.pra-frame{position:absolute;z-index:4;left:11%;top:4%;width:78%;filter:drop-shadow(0 12px 16px #000b)}
.pra-side-art{position:absolute;z-index:3;top:10%;bottom:12%;overflow:hidden;pointer-events:none;user-select:none;filter:drop-shadow(0 8px 12px #0009)}
.pra-side-art img{position:absolute;top:0;height:100%;max-width:none}
.pra-side-left{left:0;width:18%}.pra-side-left img{top:0;left:-15%;width:auto;height:112%}
.pra-side-right{right:-12%;width:28%}.pra-side-right img{top:-3%;left:-75%;width:auto;height:140%}
.pra-dashboard{position:relative;z-index:9;margin-top:-50px}
.pra-symbol.is-winning::after{inset:-16%;background:radial-gradient(circle,#fffbd0 0 5%,#ffd85a99 18%,#55dfff66 38%,transparent 70%);background-size:100% 100%;mix-blend-mode:screen;animation:pra-egypt-win-glow .7s ease-in-out infinite alternate}
@keyframes pra-egypt-win-glow{from{opacity:.42;transform:scale(.84) rotate(-4deg)}to{opacity:1;transform:scale(1.12) rotate(4deg)}}

@media(max-width:620px){
  .pra-header{height:50px;grid-template-columns:34px minmax(0,1fr) 34px;gap:5px;padding:0 5px;overflow:hidden}
  .pra-home{position:relative;z-index:2;width:32px;height:32px}
  .pra-logo{display:block;width:min(145px,100%);max-width:100%;height:46px;min-width:0;justify-self:center;object-fit:contain}
  .pra-header::after{width:34px}
  .pra-cabinet{margin-top:12px}
  .pra-cabinet{width:100%;max-height:none;aspect-ratio:4/3;min-height:0}
  .pra-frame{left:8%;top:10%;width:84%}
  .pra-side-art{z-index:5;top:17%;bottom:20%}
  .pra-side-left{left:0;width:18%}.pra-side-left img{top:0;left:-10%;height:112%}
  .pra-side-right{right:0;width:18%}.pra-side-right img{top:-2%;left:-84%;height:115%}
  .pra-symbol img{transform:scale(1.12)}
  .pra-dashboard{gap:3px;margin-top:-58px}
  .pra-readout{padding:5px 2px}
  .pra-readout strong{font-size:12px}
  .pra-controls{grid-template-columns:1fr;gap:5px;margin-top:5px;padding:7px;border-radius:13px}
  .pra-primary-controls{grid-template-columns:minmax(0,1fr) 68px 68px;gap:4px}
  .pra-bet-control{min-width:0;height:58px;grid-template-columns:50px minmax(40px,1fr) 50px;gap:2px;padding:3px 5px}
  .pra-bet-control .pra-art-btn span{height:48px}
  .pra-bet-step b{bottom:1px;min-width:82%;padding:1px 3px;font-size:8px}
  .pra-bet-control strong{font-size:13px}
  .pra-control-label{top:4px;left:10px;font-size:8px}
  .pra-spin{grid-column:auto;grid-row:auto;width:66px;height:48px;border-radius:11px;font-size:15px;transform:none}
  .pra-auto-btn{height:48px;padding:3px;border-radius:9px}
  .pra-auto-btn span{font-size:12px}
  .pra-auto-btn small{font-size:6px}
  .pra-utility-controls{grid-template-columns:120px;gap:0;padding-top:3px}
  .pra-utility-controls .pra-art-btn,.pra-utility-controls .pra-art-btn img{width:120px;height:42px}
  .pra-utility-controls .pra-art-btn span{height:42px;border-width:1px;font-size:8px}
  .pra-message{max-width:90%;font-size:11px;overflow:hidden;text-overflow:ellipsis}
}
.pra-symbol-fallback {
  display: grid;
  place-items: center;
  width: 86%;
  height: 72%;
  padding: 5px;
  border: 2px solid #dba73c;
  border-radius: 12px;
  background: radial-gradient(circle, #7a2635, #26040b);
  color: #ffe79a;
  font: 900 clamp(9px, 1.6vw, 15px)/1.1 Georgia, serif;
  text-align: center;
  text-transform: uppercase;
}

.pra-symbol-fallback[hidden] {
  display: none;
}