#stage{position:relative;width:min(100%,calc((100vh - var(--ppd-header-h) - 220px) * 16 / 9));width:min(100%,calc((100dvh - var(--ppd-header-h) - 220px) * 16 / 9));min-width:min(100%,320px);margin:0 auto;aspect-ratio:16 / 9;background:#000;border:1px solid var(--ppd-glass-border);overflow:hidden}#stage iframe,#stage #player,#game{position:absolute;inset:0;width:100%;height:100%;border:0}#game{touch-action:none}#playArea{position:relative}.ppd-play-diffs{display:flex;flex-wrap:wrap;gap:6px}.ppd-play-diffs .ppd-diff{min-width:5.5rem;cursor:pointer;opacity:.55;transition:opacity .15s}.ppd-play-diffs .ppd-diff:hover{opacity:.85}.ppd-play-diffs .ppd-diff.active{opacity:1;box-shadow:0 0 12px -4px var(--ppd-d)}#playArea.play-full{position:fixed;inset:0;z-index:1080;background:#000;display:flex;align-items:center;justify-content:center}#playArea.play-full #stage{width:min(100vw,100vh * 16 / 9);width:min(100vw,100dvh * 16 / 9);border:0}@media (orientation: portrait){#playArea.play-full{align-items:flex-start}}#playArea.play-full.touch-margin{align-items:flex-start}#playArea.play-full.touch-margin #stage{width:min(100vw,(100vh - var(--touch-margin)) * 16 / 9);width:min(100vw,(100dvh - var(--touch-margin)) * 16 / 9)}body.play-full-body{overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body.play-full-body .ppd-backdrop,body.play-full-body .ppd-header,body.play-full-body .ppd-footer,body.play-full-body .ppd-tabbar,body.play-full-body .ppd-main>.container-xl>:not(#playArea){display:none}.play-pause{position:absolute;top:8px;right:8px;z-index:3;width:36px;height:36px;padding:0;font-size:14px;font-weight:700;letter-spacing:1px}.play-buffering{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:3;padding:4px 12px}.play-pause[hidden],.play-buffering[hidden],.play-overlay[hidden],.touch-toolbar[hidden]{display:none}.play-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#070a178c}.play-menu{background-color:#0c1126e6;width:min(520px,92%);max-height:95%;overflow-y:auto;padding:16px 24px;text-align:center}.play-menu h2{margin:0 0 12px}.play-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.play-actions .btn{min-width:104px}.play-overlay .btn:focus{outline:3px solid var(--ppd-cyan-light);outline-offset:2px}.play-rank{font-family:var(--ppd-font-display);font-size:2rem;font-weight:700;letter-spacing:.12em;color:var(--ppd-cyan-light);text-shadow:0 0 12px rgb(57 197 187 / .45)}.play-rank.rank-0{color:var(--ppd-extreme);text-shadow:0 0 12px rgb(255 79 123 / .45)}.play-rank.rank-5{color:var(--ppd-gold);text-shadow:0 0 12px rgb(255 194 61 / .45)}.play-score{font-family:var(--ppd-font-display);font-size:1.5rem;font-weight:700;margin-bottom:8px;font-variant-numeric:tabular-nums}.play-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0}.play-counts>div{padding:4px 6px;background:var(--ppd-glass-inner);border:1px solid rgb(180 230 255 / .12)}.play-counts dt{font-family:var(--ppd-font-display);font-size:.6875rem;font-weight:500;color:var(--ppd-muted)}.play-counts dd{margin:0;font-family:var(--ppd-font-display);font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums}@media (max-width: 480px){.play-counts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-height: 500px){.play-menu{padding:10px 16px}.play-rank{font-size:1.5rem}.play-score{font-size:1.125rem;margin-bottom:4px}.play-actions{margin-top:10px}}.play-note,.play-offset{margin:10px 0 0;color:var(--ppd-text-soft);font-size:.875rem}.touch-pad{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;z-index:1}.touch-button{position:absolute;pointer-events:none;transition:transform 40ms}.touch-button img{position:absolute;inset:0;width:100%;height:100%}.touch-button.pressed{filter:brightness(1.7);transform:scale(.9)}.touch-pad.arcade .touch-button.pressed{filter:none;transform:none}.touch-button.pressed img.lit{visibility:hidden}.touch-pad.editing{background:#070a1773}.touch-pad.editing .touch-button{outline:1px dashed var(--ppd-cyan);border-radius:50%}.touch-pause-marker{display:none;position:absolute;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--ppd-glass-border);background:#ffffff1f;color:var(--ppd-text);font-size:14px;font-weight:700;letter-spacing:1px;pointer-events:none}.touch-pad.editing .touch-pause-marker{display:flex}.touch-margin-line{display:none;position:absolute;left:0;right:0;border-top:2px dashed var(--ppd-cyan);pointer-events:none}.touch-pad.editing .touch-margin-line:not([hidden]){display:block}.touch-pad.editing .touch-pause-marker.selected,.touch-pad.editing .touch-button.selected{outline:3px solid var(--ppd-cyan-light)}.touch-toolbar{background-color:#0c1126e6;border:1px solid var(--ppd-glass-border);position:absolute;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:2;display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 12px);padding:4px 6px;border-radius:22px;white-space:nowrap}.touch-toolbar.bottom{top:auto;bottom:max(6px,env(safe-area-inset-bottom))}.touch-toolbar .btn{width:34px;height:34px;padding:0;border-radius:50%;flex:none}.touch-toolbar-target{min-width:2.6em;text-align:center;font-weight:700;color:var(--ppd-cyan-light)}.touch-toolbar-opacity{display:inline-flex;align-items:center;gap:4px;margin:0 4px}.touch-toolbar-opacity .form-range{width:72px}.mod-setting{display:flex;align-items:center;gap:8px;margin:4px 0 0 2.5em;font-size:.8125rem;color:var(--ppd-text-soft)}.input-config td,.input-config th{vertical-align:middle}