.game-play-frame{height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);color:#243d34;overscroll-behavior:none;background:#f5f6f2;flex-direction:column;display:flex;position:fixed;inset:0}.game-play-header{background:#fff;border-bottom:1px solid #24463815;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:52px;padding:4px 12px;display:flex}.game-exit{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 8px;font-size:12px;font-weight:650;display:flex}.game-exit:hover{background:#eef3ee}.game-play-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.game-play-content{overscroll-behavior:contain;flex:1;min-height:0;padding:12px;overflow:auto;container-type:size}.game-play-stage{width:100%;max-width:448px;margin:0 auto}.game-play-links{justify-content:center;gap:20px;padding:12px;font-size:13px;display:flex}.game-play-links a{align-items:center;min-height:44px;display:inline-flex}.game-play-frame a:focus-visible{outline-offset:-3px;outline:3px solid #087f83}.game-play-frame[data-active=true] .game-play-content{touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.game-play-frame[data-active=true] .game-challenge-notice{display:none}.game-play-frame[data-active=true] .game-play-stage{height:100%}.game-play-frame[data-active=true] .game-play-stage>*{height:100%;min-height:0}.game-play-frame[data-active=true] :is(.memory-game,.number-game,.timer-game,.stack-game){flex-direction:column;display:flex}.game-play-frame[data-active=true] :is(.memory-game,.number-game,.timer-game)>header{flex:none;padding:8px 12px}.game-play-frame[data-active=true] :is(.memory-game,.number-game,.timer-game)>header>:first-child{display:none}.game-play-frame[data-active=true] :is(.memory-game,.number-game,.timer-game)>header>:last-child{margin-top:0}.game-play-frame[data-active=true] :is(.memory-game,.number-game,.timer-game)>div{flex:1;min-height:0;padding:10px 12px}.game-play-frame[data-active=true] :is(.memory-game,.number-game,.timer-game)>footer,.game-play-frame[data-active=true] .number-game>p{display:none}.game-play-frame[data-active=true] .stack-game>div:first-child{padding:8px 16px 0}.game-play-frame[data-active=true] .stack-game>div:first-child>div{display:none}.game-play-frame[data-active=true] .stack-game>div:first-child>p{margin-left:auto}.game-play-frame[data-active=true] .stack-board{flex:1;height:auto;min-height:0;margin-top:6px;container-type:size}.game-play-frame[data-active=true] .stack-board>div:nth-child(2){--stack-step:clamp(12px, calc((100cqh - 145px) / 8), 25px)}.game-play-frame[data-active=true] .stack-game>p{flex:none;padding:8px}.game-play-frame[data-active=true] .perfect-game{gap:8px}.game-play-frame[data-active=true] .perfect-game>:first-child{flex:none}.game-play-frame[data-active=true] .perfect-lane{aspect-ratio:auto;flex:1;min-height:0}.game-play-frame .perfect-game[data-phase=done] .perfect-lane{aspect-ratio:auto;min-height:600px}.game-play-frame .perfect-game[data-phase=done] .perfect-lane>div:last-child{min-height:600px;padding-block:20px;position:relative}.game-play-frame[data-active=true] .number-game>div{flex-direction:column;justify-content:center;display:flex}.game-play-frame[data-active=true] .number-game>div>div:first-child{margin-bottom:8px}.game-play-frame[data-active=true] .number-board{flex:none;width:min(100%,100cqh - 150px);margin-inline:auto}.game-play-frame[data-active=true] .number-game>div>div:not(.number-board){min-height:0}.game-play-frame[data-active=true] .number-game>div>p{margin-top:8px}.game-play-frame[data-active=true] [data-timer-stage]{height:100%;min-height:0}.game-play-frame[data-active=true] [data-timer-stage]>div:nth-child(2){min-height:70px;margin-block:8px}.game-play-frame[data-active=true] [data-timer-stage]>div:nth-child(3){flex:none;height:44px}.game-play-frame[data-active=true] [data-timer-stage]>button{flex:none;min-height:48px;margin-top:6px;padding-block:10px}.game-play-frame[data-active=true] [data-timer-stage]>p{margin-top:8px}.game-play-frame[data-active=true] .memory-game fieldset{display:none}.game-play-frame[data-active=true] .memory-game>header>div:last-child{padding:6px 8px}.game-play-frame[data-active=true] .memory-stage{flex-direction:column;height:100%;display:flex}.game-play-frame[data-active=true] .memory-stage>p{min-height:0;margin:8px 0}.game-play-frame[data-active=true] .memory-board{flex-direction:column;flex:1;justify-content:center;gap:6px;min-height:0;padding:8px;display:flex}.game-play-frame[data-active=true] .memory-board>div{flex:1;min-height:44px;max-height:86px;padding:0}.game-play-frame[data-active=true] .memory-board button{touch-action:none;width:clamp(44px,14vw,60px);height:100%;min-height:44px}.game-play-frame[data-active=true] .memory-board button>svg.relative{flex:1;min-height:0;max-height:54px}.game-play-frame[data-active=true] .memory-board button>span:last-child{flex:none;margin-bottom:3px}.game-play-frame[data-active=true] .pb-game{flex-direction:column;padding:8px 10px;display:flex}.game-play-frame[data-active=true] .pb-header,.game-play-frame[data-active=true] .pb-rules,.game-play-frame[data-active=true] .pb-hint{display:none}.game-play-frame[data-active=true] .pb-stats{flex:none;margin:0;padding:6px 0}.game-play-frame[data-active=true] .pb-stats strong{font-size:21px}.game-play-frame[data-active=true] .pb-progress{flex:none;margin:6px 0 0}.game-play-frame[data-active=true] .pb-feedback{flex:none;min-height:26px;padding:4px}.game-play-frame[data-active=true] .pb-board-wrap{flex:1;place-items:center;width:100%;min-height:0;margin:0;display:grid;container-type:size}.game-play-frame[data-active=true] .pb-board{border-radius:12px;gap:3px;width:min(100cqw,100cqh);padding:6px}.game-play-frame[data-active=true] :is(.pb-cell,.pb-slot,.pb-place){touch-action:none}.game-play-frame[data-active=true] .pb-controls{flex:none;padding:6px 0 0}.game-play-frame[data-active=true] .pb-tray-heading{margin-bottom:4px;padding-bottom:0}.game-play-frame[data-active=true] .pb-slot{height:82px;padding-bottom:19px}.game-play-frame[data-active=true] .pb-slot .pb-piece{--pb-piece-size:10px}.game-play-frame[data-active=true] .pb-place{min-height:44px;margin-top:6px;padding-block:8px}.game-play-frame .pb-game[data-phase=done] .pb-board-wrap{display:none}@media (min-width:600px) and (max-height:500px){.game-play-header{min-height:44px;padding-block:0}.game-play-content{padding:6px 12px}.game-play-frame[data-active=true] .game-play-stage{max-width:900px}.game-play-frame[data-active=true] .number-game{flex-direction:row}.game-play-frame[data-active=true] .number-game>header{align-items:center;width:140px;display:flex}.game-play-frame[data-active=true] .number-game>header>div:last-child{flex-direction:column;width:100%}.game-play-frame[data-active=true] .number-game>div{padding-right:120px;position:relative}.game-play-frame[data-active=true] .number-game>div>div:first-child{flex-direction:column;gap:12px;width:104px;position:absolute;right:8px}.game-play-frame[data-active=true] .number-board{width:min(100%,100cqh - 26px)}.game-play-frame[data-active=true] .number-game>div>p{display:none}.game-play-frame[data-active=true] .memory-game{flex-direction:row}.game-play-frame[data-active=true] .memory-game>header{align-items:center;width:120px;display:flex}.game-play-frame[data-active=true] .memory-game>header>div:last-child{flex-direction:column;gap:10px}.game-play-frame[data-active=true] .memory-stage{padding-left:170px;position:relative}.game-play-frame[data-active=true] .memory-stage>div:first-child{flex-direction:column;gap:8px;width:158px;position:absolute;top:20px;left:0}.game-play-frame[data-active=true] .memory-stage>p{width:158px;position:absolute;top:90px;left:0}.game-play-frame[data-active=true] .memory-stage>p:last-child{top:auto;bottom:0}.game-play-frame[data-active=true] .pb-game{grid-template-rows:auto 3px 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 18px;display:grid}.game-play-frame[data-active=true] .pb-stats{grid-area:1/2}.game-play-frame[data-active=true] .pb-progress{grid-area:2/2;margin:0}.game-play-frame[data-active=true] .pb-feedback{display:none}.game-play-frame[data-active=true] .pb-board-wrap{grid-area:1/1/4;width:100%;height:100%}.game-play-frame[data-active=true] .pb-controls{grid-area:3/2;align-self:center}.game-play-frame[data-active=true] .timer-game{flex-direction:row}.game-play-frame[data-active=true] .timer-game>header{align-items:center;width:120px;display:flex}.game-play-frame[data-active=true] .timer-game>header>ol{flex-direction:column;width:100%}.game-play-frame[data-active=true] .stack-game{position:relative}.game-play-frame[data-active=true] .stack-game>div:first-child{z-index:10;pointer-events:none;position:absolute;top:8px;right:24px}.game-play-frame[data-active=true] .stack-board{margin-top:8px}}
