/* Chicken War portrait cabinet. Landscape retains its original authored layout. */
#portraitCanvas, #portraitEffectsCanvas { display: none; }
html[data-slot-orientation="portrait"] body { background: radial-gradient(ellipse at 50% 50%, #272016, #070b0d 76%); }
html[data-slot-orientation="portrait"] #gameShell {
  visibility: visible;
  pointer-events: auto;
  width: var(--slot-cabinet-width);
  height: var(--slot-cabinet-height);
  max-width: none;
  max-height: none;
  aspect-ratio: 9 / 16;
  isolation: isolate;
  /* Clip overflowing landscape layers without allowing focus to scroll the cabinet. */
  overflow: clip;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 50px #0008;
}
html[data-slot-orientation="portrait"] #gameCanvas { visibility: hidden; }
html[data-slot-orientation="portrait"] #portraitCanvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
html[data-slot-orientation="portrait"] #portraitEffectsCanvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; }
html[data-slot-orientation="portrait"] #orientationHint { display: none !important; }
html[data-slot-orientation="portrait"] #gameShell .paylineBadges { display: none; }
html[data-slot-orientation="portrait"] #gameShell .balanceMeter,
html[data-slot-orientation="portrait"] #gameShell .winMeter {
  top: 42.2356%; width: 38%; height: 7.4%;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  gap: calc(var(--slot-cabinet-width) * .011);
  transform: none; padding: 0; border: 0; background: none;
}
html[data-slot-orientation="portrait"] #gameShell .balanceMeter { left: 7.0742%; }
html[data-slot-orientation="portrait"] #gameShell .winMeter { left: 54.7956%; }
html[data-slot-orientation="portrait"] #gameShell .balanceMeter span,
html[data-slot-orientation="portrait"] #gameShell .winMeter span {
  position: static; display: block; clip: auto; overflow: visible; width: auto; height: auto;
  font: 900 calc(var(--slot-cabinet-width) * .031)/1 Arial, sans-serif;
  color: #ffe7ac; text-transform: uppercase; letter-spacing: .075em; text-shadow: 0 2px 2px #000;
}
html[data-slot-orientation="portrait"] #gameShell .balanceMeter strong,
html[data-slot-orientation="portrait"] #gameShell .winMeter strong {
  font-size: calc(var(--slot-cabinet-width) * .059);
  line-height: 1; letter-spacing: .02em; text-align: center;
}
html[data-slot-orientation="portrait"] #messageBar { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
html[data-slot-orientation="portrait"] #rockFeatureCanvas {
  /* Decoded into a held 2D portrait frame immediately by drawRockVideoFrame. */
  visibility: hidden; pointer-events: none;
}
html[data-slot-orientation="portrait"] .presentationOverlay { padding: 0; overflow: hidden; }
html[data-slot-orientation="portrait"] .bigWinCanvas {
  /* The renderer preserves the plaque size; effects can now cross the entire portrait. */
  inset: 0; width: 100%; height: 100%; aspect-ratio: auto;
  transform: none;
}
html[data-slot-orientation="portrait"] .presentationFallback.epicIntro { width: 100%; max-width: none; flex-shrink: 0; }
html[data-slot-orientation="portrait"] .presentationFallback:not(.epicIntro) { width: 90%; box-sizing: border-box; }
html[data-slot-orientation="portrait"] #skipPresentationButton { min-width: 44px; min-height: 44px; font-size: 13px; padding: 8px 14px; bottom: 8%; }
html[data-dev-tools="false"] .testControls,
html[data-dev-tools="false"] #portraitTestMenuButton { display: none !important; }
html[data-slot-orientation="portrait"] #gameShell .testControls { position: absolute; z-index: 50; inset: 0; pointer-events: none; }
html[data-slot-orientation="portrait"] #gameShell #testMenuButton { display: none; }
html[data-slot-orientation="portrait"] #gameShell #testMenuPanel {
  position: absolute; pointer-events: auto; top: 15%; left: 5%; right: 5%; bottom: auto;
  width: 90%; max-height: 65%; box-sizing: border-box; overflow: auto;
  padding: 14px; background: #181a11f5; border: 2px solid #b78d46; border-radius: 14px;
}
html[data-slot-orientation="portrait"] #gameShell #testMenuPanel:not([hidden]) { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
html[data-slot-orientation="portrait"] #gameShell #testMenuPanel button { min-height: 44px; white-space: normal; font-size: 12px; }
@media (prefers-reduced-motion: reduce) {
  html[data-slot-orientation="portrait"] #gameShell * { scroll-behavior: auto; }
}