/* Keep dropdown affordances above the shared button background layer. */
@layer controls183 {
 body.royal-theme.web-build199 select:not([multiple]):not([size]) {
  appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23e3f1ee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(165deg,#214b58,#15343f)!important;
  background-position:right 12px center,0 0!important;
  background-size:20px 20px,100% 100%!important;
  background-repeat:no-repeat!important;
  padding-right:42px!important;min-height:44px;cursor:pointer;
 }
 body.royal-theme.web-build199 #tableHome {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;min-width:116px!important;width:auto!important;height:44px!important;
  min-height:44px!important;padding:10px 14px!important;font-size:13px!important;line-height:1!important;
 }
 body.royal-theme.web-build199 #tableHome::before,
 body.royal-theme.web-build199 #tableHome::after {content:none!important;display:none!important}
 body.royal-theme.web-build199 #tableHome svg {display:block!important;position:static!important;width:20px!important;height:20px!important;flex:0 0 20px!important}
 body.royal-theme.web-build199 #tableHome span {display:block!important;position:static!important;white-space:nowrap!important;margin:0!important}
}
/* Desktop controls occupy dedicated grid rows; no tablet offsets leak into them. */
@media (min-width:960px) and (hover:hover) and (pointer:fine) {
 body.royal-theme.web-build199[data-screen=game] .table-toolbar {top:10px!important;left:10px!important;right:10px!important;min-height:44px!important}
 body.royal-theme.web-build199[data-screen=game] .arena,
 body.royal-theme.web-build199[data-screen=game][data-presentation=result] .arena {
  grid-template-columns:minmax(0,1fr) clamp(260px,25vw,310px)!important;
  grid-template-rows:96px 84px minmax(260px,1fr) 32px 54px!important;
 }
 body.royal-theme.web-build199[data-screen=game] .scoreboard {grid-area:1/2!important;height:96px!important;box-sizing:border-box!important}
 body.royal-theme.web-build199[data-screen=game] #roundBoard104 {
  position:relative!important;inset:auto!important;transform:none!important;
  grid-area:2/2!important;width:calc(100% - 20px)!important;height:72px!important;
  margin:6px 10px!important;max-width:none!important;box-sizing:border-box!important;
 }
 body.royal-theme.web-build199[data-screen=game] .controls {
  position:relative!important;grid-area:3/2!important;display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;grid-template-rows:40px minmax(180px,1fr) 40px!important;
  align-items:center!important;justify-items:center!important;gap:0!important;
  height:100%!important;min-height:0!important;width:100%!important;padding:0 10px!important;
  box-sizing:border-box!important;overflow:hidden!important;
 }
 body.royal-theme.web-build199[data-screen=game] .controls .turn {
  position:static!important;inset:auto!important;grid-area:1/1!important;
  width:100%!important;height:auto!important;margin:0!important;text-align:center!important;
  display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;
 }
 body.royal-theme.web-build199[data-screen=game] .controls .turn b {font:700 15px/1.3 Arial,sans-serif!important}
 body.royal-theme.web-build199[data-screen=game] #release92 {
  position:relative!important;inset:auto!important;grid-area:2/1!important;
  transform:none!important;margin:0!important;padding:0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  gap:26px!important;width:204px!important;height:160px!important;pointer-events:auto!important;
 }
 body.royal-theme.web-build199.left-handed[data-screen=game] #release92 {flex-direction:row-reverse!important}
 body.royal-theme.web-build199[data-screen=game] #release92 .power {
  position:relative!important;inset:auto!important;flex:0 0 34px!important;
  width:34px!important;height:160px!important;margin:0!important;overflow:visible!important;
 }
 body.royal-theme.web-build199[data-screen=game] #release92 #meter115 {width:34px!important;height:160px!important}
 body.royal-theme.web-build199[data-screen=game] #release92 #throw {
  position:static!important;display:block!important;flex:0 0 132px!important;
  width:132px!important;height:76px!important;min-height:76px!important;
  margin:0!important;padding:10px!important;font-size:14px!important;line-height:1.4!important;
  pointer-events:auto!important;
 }
 body.royal-theme.web-build199[data-screen=game] #release92 #powerRead98 {
  position:absolute!important;inset:auto auto -22px 50%!important;
  transform:translateX(-50%)!important;width:max-content!important;max-width:100px!important;
  font:700 10px/1.2 Arial,sans-serif!important;text-align:center!important;
 }
 body.royal-theme.web-build199[data-screen=game] #desktopHint108 {
  position:static!important;inset:auto!important;grid-area:3/1!important;display:block!important;
  margin:0!important;width:100%!important;font:10px/1.4 Arial,sans-serif!important;
 }
 body.royal-theme.web-build199[data-screen=game] #joy92 {display:none!important}
 body.royal-theme.web-build199[data-screen=game] .tactics-panel {grid-area:4/2!important;height:32px!important;box-sizing:border-box!important}
 body.royal-theme.web-build199[data-screen=game] .tactics {grid-area:5/2!important;height:54px!important;box-sizing:border-box!important}
}
/* Compact desktop windows keep enough room around the meter and turn label. */
@media (min-width:960px) and (max-height:600px) and (hover:hover) and (pointer:fine) {
 body.royal-theme.web-build199[data-screen=game] .arena,
 body.royal-theme.web-build199[data-screen=game][data-presentation=result] .arena {grid-template-rows:84px 66px minmax(216px,1fr) 28px 48px!important}
 body.royal-theme.web-build199[data-screen=game] .scoreboard {height:84px!important}
 body.royal-theme.web-build199[data-screen=game] #roundBoard104 {height:54px!important}
 body.royal-theme.web-build199[data-screen=game] .controls {grid-template-rows:32px minmax(160px,1fr) 24px!important}
 body.royal-theme.web-build199[data-screen=game] #release92,
 body.royal-theme.web-build199[data-screen=game] #release92 .power,
 body.royal-theme.web-build199[data-screen=game] #release92 #meter115 {height:128px!important}
 body.royal-theme.web-build199[data-screen=game] #desktopHint108 {font-size:9px!important;line-height:1.2!important}
 body.royal-theme.web-build199[data-screen=game] .tactics-panel {height:28px!important}
 body.royal-theme.web-build199[data-screen=game] .tactics {height:48px!important}
}
