/* Web mode uses the existing layout without overrides. */
.platform-taptap .mobile-fullscreen-tip{display:none!important}
.platform-taptap .game,.platform-taptap .view{height:var(--tap-viewport-height,100dvh);bottom:auto}
.platform-taptap .monitor-view{background:repeating-linear-gradient(180deg,#050909 0 3px,#020505 4px)}
.platform-taptap .monitor-stage{
  inset:auto;left:50%;top:50%;width:calc(var(--tap-stage-height,75dvh)*4/3);
  height:var(--tap-stage-height,75dvh);aspect-ratio:4/3;
  transform:translate(-50%,-50%);overflow:hidden;
  box-shadow:0 0 0 1px #34453d,0 0 55px #000
}
.platform-taptap .camera-dock{
  left:max(.4rem,env(safe-area-inset-left));right:max(5rem,env(safe-area-inset-right));
  bottom:max(.35rem,env(safe-area-inset-bottom));transform:none;gap:.1rem;padding:.2rem;overflow:hidden
}
.platform-taptap .camera-dock button{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.platform-taptap .phone-dock{right:max(.4rem,env(safe-area-inset-right));bottom:max(.35rem,env(safe-area-inset-bottom))}
.platform-taptap.taptap-wide .camera-dock{inset:0;display:block;overflow:visible;contain:none;padding:0;border:0;background:none;pointer-events:none}
.platform-taptap.taptap-wide .camera-dock button{
  position:absolute;width:min(9rem,calc((100vw - var(--tap-stage-height)*4/3)/2 - max(env(safe-area-inset-left),env(safe-area-inset-right)) - .8rem));
  min-width:0;min-height:40px;padding:.3rem;border:1px solid #566c5d9c;
  background:#06100de8;pointer-events:auto;font-size:.62rem
}
.platform-taptap.taptap-wide .camera-dock button:nth-child(-n+3){left:max(.4rem,env(safe-area-inset-left))}
.platform-taptap.taptap-wide .camera-dock button:nth-child(n+4){right:max(.4rem,env(safe-area-inset-right))}
.platform-taptap.taptap-wide .camera-dock button:nth-child(1),.platform-taptap.taptap-wide .camera-dock button:nth-child(4){top:24%}
.platform-taptap.taptap-wide .camera-dock button:nth-child(2),.platform-taptap.taptap-wide .camera-dock button:nth-child(5){top:40%}
.platform-taptap.taptap-wide .camera-dock button:nth-child(3),.platform-taptap.taptap-wide .camera-dock button:nth-child(6){top:56%}
.platform-taptap .monitor-hud.top{top:max(.65rem,env(safe-area-inset-top))}
.platform-taptap .monitor-top-scrim{height:calc(3rem + env(safe-area-inset-top))}
.platform-taptap .rotate-device-notice{height:var(--tap-viewport-height,100dvh)}
@media(orientation:portrait){.platform-taptap .rotate-device-notice{position:fixed;z-index:200;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;background:radial-gradient(circle at center,#162019,#030706 76%);color:#e2e8df}}
.platform-taptap .rotate-device-notice svg{width:90px;height:90px;fill:none;stroke:#a7bbac;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.platform-taptap .rotate-device-notice strong{font-size:clamp(1.2rem,5vw,1.7rem)}
.platform-taptap .rotate-device-notice span{max-width:18rem;color:#9faea2;font-size:.78rem;line-height:1.6}
