.neon-paddle-game{background:#0d1624;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.neon-paddle-side{color:#79c5b7;text-align:right;flex-direction:column;flex:1;justify-content:space-between;align-self:stretch;min-width:0;padding:24px;font:7px/1.8 "Press Start 2P",monospace;display:flex}.neon-paddle-side strong{color:#ffe0a0;font-size:clamp(11px,1.5vw,18px);line-height:1.6}.neon-paddle-stage{aspect-ratio:3/5;touch-action:none;border-inline:3px solid #70cdbd;flex:none;max-width:100%;height:100%;position:relative;overflow:hidden}.neon-paddle-stage canvas{width:100%;height:100%;display:block}.neon-paddle-hud{z-index:2;color:#d8f5e5;text-shadow:1px 2px #0d1624;justify-content:space-between;font:7px "Press Start 2P",monospace;display:flex;position:absolute;top:8px;left:10px;right:10px}.neon-paddle-hud span:nth-child(2){color:#ffe2a0}.neon-paddle-controls{color:#a8decf;flex-direction:column;flex:1;justify-content:flex-end;align-self:stretch;align-items:center;gap:9px;min-width:0;padding:25px;font:7px "Press Start 2P",monospace;display:flex}.neon-paddle-controls button{color:#fff3d8;cursor:pointer;touch-action:none;background:#32706f;border:2px solid #def1d7;min-width:108px;min-height:53px;font:9px "Press Start 2P",monospace}.neon-paddle-controls button:last-child{background:#bb725f}.neon-paddle-controls button:focus-visible{outline:3px solid #fff}.neon-paddle-overlay{z-index:3;color:#f0f2db;text-align:center;background:#0d1624e9;flex-direction:column;justify-content:center;align-items:center;padding:19px;display:flex;position:absolute;inset:0}.neon-paddle-overlay>span{color:#99dfcc;font-size:8px}.neon-paddle-overlay>strong{color:#ffdf9f;margin:15px 0;font:clamp(18px,2vw,25px)/1.5 "Press Start 2P",monospace}.neon-paddle-overlay p{max-width:280px;font-size:12px;line-height:1.5}.neon-paddle-overlay small{color:#c0ddd0;margin-top:13px;font-size:7px}.neon-paddle-overlay button{color:#292c37;cursor:pointer;background:#eaa478;border:2px solid #ffe5af;padding:10px;font-weight:900}.neon-paddle-overlay button:focus-visible{outline:3px solid #fff}@media (max-width:800px){.neon-paddle-side{display:none}.neon-paddle-controls{z-index:2;width:auto;height:auto;padding:0;position:absolute;bottom:8px;right:8px}.neon-paddle-controls>span{display:none}.neon-paddle-controls button{min-width:76px;min-height:43px;font-size:7px}.neon-paddle-stage{border:0}}@media (max-width:640px){.responsive-viewport .viewport-screen:has(.neon-paddle-game){aspect-ratio:.72}.neon-paddle-overlay>strong{font-size:18px}.neon-paddle-overlay p{font-size:11px}}.neon-paddle-game{container-type:size}.neon-paddle-stage{aspect-ratio:3/5;border:0;width:min(100cqw,60cqh);max-width:none;height:auto;box-shadow:0 0 0 3px #70cdbd}@media (max-width:640px){.responsive-viewport .viewport-screen:has(.neon-paddle-game){aspect-ratio:.68}.neon-paddle-game{flex-direction:column}.neon-paddle-stage{width:min(100cqw,60cqh - 33.6px);height:auto;box-shadow:none}.neon-paddle-controls{flex-direction:row;flex:none;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;padding:4px;display:flex;position:relative;bottom:auto;right:auto}.neon-paddle-controls button{min-width:100px;min-height:46px}}