html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}
#app-stage{position:fixed;left:50%;top:50%;width:100vw;height:100dvh;transform:translate(-50%,-50%);transform-origin:center;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;container-type:size;--safe-top:0px;--safe-right:0px;--safe-bottom:0px;--safe-left:0px}
.safe-area-probe{position:fixed;visibility:hidden;pointer-events:none;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)}
#app-stage #wrap{--safe-left:inherit;--safe-right:inherit;--safe-top:inherit;--safe-bottom:inherit;min-width:0}
#app-stage .mp-panel,#app-stage .mp-result,#app-stage #identity-error,#app-stage #gameHud{position:absolute}
#app-stage .mp-panel{padding:calc(var(--safe-top) + 4%) calc(var(--safe-right) + 5%) calc(var(--safe-bottom) + 4%) calc(var(--safe-left) + 5%);grid-template-columns:minmax(0,1fr) minmax(220px,38%)}
#app-stage .mp-result{inset:calc(var(--safe-top) + 10%) calc(var(--safe-right) + 6%) calc(var(--safe-bottom) + 10%) calc(var(--safe-left) + 6%)}
#app-stage[data-compact=true] .mp-panel{gap:16px;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 24px)}
#app-stage[data-compact=true] .mp-player{padding:10px 0;font-size:24px;gap:12px}
#app-stage[data-compact=true] .mp-avatar{width:45px;height:45px;flex-shrink:0}
#app-stage[data-compact=true] .mp-controls{gap:8px}
#app-stage[data-compact=true] .mp-button,#app-stage[data-compact=true] .mp-select{min-height:40px;padding:8px;font-size:17px}
#app-stage[data-compact=true] .mp-money{font-size:15px;line-height:1.6}
#app-stage[data-compact=true] .mp-status{font-size:13px}
#app-stage[data-compact=true] .mp-result{gap:8px;padding:12px}
#app-stage[data-compact=true] .mp-stat-list{gap:6px;font-size:.8em}
#app-stage[data-compact=true] #mp-result-award{font-size:.9em}