body.pong-realtime{margin:0;color:#ecf7fa;background:#081925;font:16px/1.45 system-ui,sans-serif}.pong-realtime *{box-sizing:border-box}.pong-realtime [hidden]{display:none!important}.pong-realtime button,.pong-realtime select{font:inherit;color:inherit;min-height:44px;border:1px solid #49616d;border-radius:12px;background:#223b49;padding:8px 14px;cursor:pointer}.pong-realtime button:focus-visible,.pong-realtime a:focus-visible,.pong-realtime canvas:focus-visible,.pong-realtime select:focus-visible{outline:3px solid #ffe29b;outline-offset:3px}.pong-realtime button:disabled,.pong-realtime select:disabled{opacity:.5;cursor:default}.pong-realtime .pw-primary{color:#17232a;background:linear-gradient(120deg,#ffeaaa,#ffc94d);border-color:#ffdc78;font-weight:800}.pong-realtime .pw-main-content{min-width:0}.pong-realtime .pw-intro{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;min-width:0}.pong-realtime .pw-poster{display:block;object-fit:cover}.pong-realtime #record{font-variant-numeric:tabular-nums}.pong-realtime #startBtn{width:100%}html.pw-active,html.pw-active body{height:100%;overflow:hidden;overscroll-behavior:none}.pong-realtime .pw-battle{position:fixed;inset:0;max-width:920px;margin:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;grid-template-rows:minmax(0,1fr)}.pong-realtime .pw-canvas{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.pong-realtime #livePanel{height:100%;min-height:0;display:grid;grid-template-rows:28px minmax(0,1fr) 44px 48px 44px 52px;gap:8px;padding:0}.pong-realtime #matchMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-size:12px;font-weight:800;color:#d2e7ed;letter-spacing:.03em}.pong-realtime #rallyStatus{color:#a4ffe3;font-variant-numeric:tabular-nums;white-space:nowrap}.pong-realtime #battleScreen .pw-score{display:flex!important;justify-content:center;align-items:center;gap:24px;height:44px;min-width:0;direction:ltr}.pong-realtime #battleScreen .pw-score>span{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.pong-realtime #battleScreen .pw-score strong{font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.pong-realtime #battleScreen .pw-score .you{color:#a4ffe3}.pong-realtime #battleScreen .pw-score .cpu{color:#ffd0bf}.pong-realtime #courtWrap{min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;container-type:size}.pong-realtime #court{width:min(100cqw,100cqh);height:min(100cqw,100cqh);max-width:100%;max-height:100%;aspect-ratio:1;touch-action:none;border-radius:12px;display:block}.pong-realtime .pw-court-cue{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#091d2ef2;border:1px solid #82c4c7;border-radius:14px;padding:16px 20px;width:min(290px,86%);text-align:center;pointer-events:none;font-weight:700;box-shadow:0 8px 24px #0005;line-height:1.6}.pong-realtime .pw-mode-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr);gap:8px;align-items:center;min-width:0}.pong-realtime .pw-mode-row label{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pong-realtime .pw-mode-row select{width:100%;height:44px;min-height:44px;padding-block:0}.pong-realtime #gameMessage{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.35;min-width:0;color:#e4f5f3;border-inline-start:3px solid #73f4cd;background:#0c263b;padding:4px 8px}.pong-realtime #controlRail{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;touch-action:none;cursor:ew-resize;border:1px solid #508d8d;background:#153f4c;border-radius:14px;color:#d5fff1;user-select:none;font-size:12px;font-weight:700}.pong-realtime #controlRail:focus-visible{outline:3px solid #ffe29b;outline-offset:2px}.pong-realtime #controlRail[aria-disabled=true]{opacity:.55}.pong-realtime #railLabel{position:relative;z-index:1;pointer-events:none;text-align:center;padding:0 8px}.pong-realtime #railThumb{position:absolute;bottom:2px;width:36px;height:3px;background:#a4ffe3;transform:translate(-50%);pointer-events:none}.pong-realtime #controlRail.is-dragging{border-color:#c9ffe7;background:#235e64}.pong-realtime #battleScreen button{transition:filter .1s,background-color .1s}.pong-realtime #battleScreen button:active,.pong-realtime #battleScreen button.is-held{filter:brightness(1.25);box-shadow:inset 0 0 0 2px #a4ffe3}.pong-realtime .pw-controls{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:12px;direction:ltr}.pong-realtime .pw-controls button{touch-action:none}.pong-realtime #resultPanel{grid-column:1;grid-row:2;height:100%;min-height:0;overflow:auto;padding:24px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:20px}.pong-realtime #resultPanel h2,.pong-realtime #resultPanel p{margin:0}.pong-realtime #resultTitle{font-size:32px}.pong-realtime #resultTitle:focus-visible{outline:3px solid #ffe29b;outline-offset:4px}.pong-realtime[data-wp-result-open=true] .pw-canvas>.pw-hud{visibility:hidden;pointer-events:none}.pong-realtime #resultScore{font-size:56px;font-weight:850;color:#ffe098}.pong-realtime .pw-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:480px}.pong-realtime .pw-leave-overlay{position:absolute;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:#020b16d9;backdrop-filter:blur(6px)}.pong-realtime .pw-leave-card{width:min(440px,100%);max-height:100%;overflow:auto;padding:22px;border:1px solid #7dabae;border-radius:20px;background:#133141;color:#eef8ff;text-align:center}.pong-realtime .pw-leave-card h2{margin:0 0 10px}.pong-realtime .pw-leave-card p{margin:0 0 18px;line-height:1.55}.pong-realtime .pw-leave-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:700px){.pong-realtime .pw-intro{grid-template-columns:420px minmax(0,1fr);gap:24px}}@media(min-width:700px)and (orientation:landscape){.pong-realtime #livePanel{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:28px 44px minmax(48px,1fr) 44px 52px;gap:8px 16px}.pong-realtime #courtWrap{grid-column:1;grid-row:1/6}.pong-realtime #matchMeta{grid-column:2;grid-row:1}.pong-realtime .pw-mode-row{grid-column:2;grid-row:2}.pong-realtime #gameMessage{grid-column:2;grid-row:3;align-self:stretch}.pong-realtime #controlRail{grid-column:2;grid-row:4}.pong-realtime .pw-controls{grid-column:2;grid-row:5;grid-template-columns:52px minmax(0,1fr) 52px;gap:8px}.pong-realtime #resultPanel{justify-content:flex-start;gap:12px;padding:12px}.pong-realtime #resultScore{font-size:36px}.pong-realtime .pw-leave-card{max-height:100%;padding:14px}}@media(max-width:520px){.pong-realtime .pw-leave-actions{grid-template-columns:minmax(0,1fr)}}