/* Approved Pause and first-match teaching, using the live arena and controls. */
.pause-layer{position:absolute;inset:0;z-index:20;background:rgba(11,31,63,.6);--rim:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)}
.pz .pz-title{position:absolute;left:calc(50% + 10px);top:calc(50% - 99px);translate:-50% -50%;margin:0;rotate:none}
.pz-title .hw-px{display:block;width:240px!important;image-rendering:pixelated;filter:var(--rim)!important;animation:none!important}
.pz .pz-btns{position:absolute;left:50%;top:calc(50% - 37px);width:240px;margin-left:-120px;display:flex;flex-direction:column;gap:12px}
.pz .btn{width:100%;min-height:50px;font:18px var(--f-display)}
.pz .btn.red{background:var(--ketchup);box-shadow:inset 0 -6px #a71c16,inset 0 4px #ff7a6b;color:#fff}
.pz :is(#stick,#punch,#special,.match-pause){visibility:hidden}
.pz.land .pz-title{left:calc(176px + var(--safe-left)/2);top:150px}
.pz.land .pz-btns{left:calc(450px - var(--safe-right)/2);top:74px;width:230px;margin-left:-115px;gap:10px}
.pz.land .btn{min-height:46px;font-size:16px}
.howto-layer{position:absolute;inset:0;z-index:12;pointer-events:none}
.howto-active :is(.htimer,.hleft,.hstrip,.match-pause){visibility:hidden}
.howto-active[data-howto="1"] :is(#punch,#special),.howto-active[data-howto="2"] #special{visibility:hidden}
.howto-layer .hx-say{position:absolute;translate:-50% 0;font:400 32px/32px var(--f-pixel);color:white;letter-spacing:1px;white-space:nowrap;text-shadow:var(--pxshadow)}
.howto-layer .hx-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.howto-layer .hx-skip{position:absolute;right:calc(14px + var(--safe-right));top:calc(30px + var(--safe-top));width:96px;pointer-events:auto}
.howto-layer .hx-skip .btn{min-height:36px;font:14px var(--f-display)}
.land .howto-layer .hx-skip{left:calc(14px + var(--safe-left));right:auto}
.howto-layer .hx-ring{position:absolute;border-radius:50%;animation:guide-pulse 1s steps(1,end) infinite}
@keyframes guide-pulse{50%{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--ink)}}
.set .howto-view{font:16px var(--f-display);background:var(--blue2);color:#fff;border:0;clip-path:var(--step4);box-shadow:inset 0 -4px var(--blue3),inset 0 3px var(--sky);padding:7px 10px;cursor:pointer}
.set .rows[data-tab="game"]{overflow-y:auto;max-height:calc(100% - 310px)}
.set.land .rows[data-tab="game"]{max-height:calc(100% - 36px - var(--safe-top) - var(--safe-bottom));overflow-y:auto}
@media(orientation:landscape){.phone.match.land{width:640px;height:320px}.phone.match.land .hstrip{height:calc(14px + var(--safe-top))}.phone.match.land .htimer,.phone.match.land .hleft{top:calc(30px + var(--safe-top))!important}}