.fl-builder-content *,.fl-builder-content *:before,.fl-builder-content *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.fl-row:before,.fl-row:after,.fl-row-content:before,.fl-row-content:after,.fl-col-group:before,.fl-col-group:after,.fl-col:before,.fl-col:after,.fl-module:not([data-accepts]):before,.fl-module:not([data-accepts]):after,.fl-module-content:before,.fl-module-content:after {display: table;content: " ";}.fl-row:after,.fl-row-content:after,.fl-col-group:after,.fl-col:after,.fl-module:not([data-accepts]):after,.fl-module-content:after {clear: both;}.fl-clear {clear: both;}.fl-row,.fl-row-content {margin-left: auto;margin-right: auto;min-width: 0;}.fl-row-content-wrap {position: relative;}.fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap {background-attachment: scroll;}.fl-row-bg-video,.fl-row-bg-video .fl-row-content,.fl-row-bg-embed,.fl-row-bg-embed .fl-row-content {position: relative;}.fl-row-bg-video .fl-bg-video,.fl-row-bg-embed .fl-bg-embed-code {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;}.fl-row-bg-video .fl-bg-video video,.fl-row-bg-embed .fl-bg-embed-code video {bottom: 0;left: 0px;max-width: none;position: absolute;right: 0;top: 0px;}.fl-row-bg-video .fl-bg-video video {min-width: 100%;min-height: 100%;width: auto;height: auto;}.fl-row-bg-video .fl-bg-video iframe,.fl-row-bg-embed .fl-bg-embed-code iframe {pointer-events: none;width: 100vw;height: 56.25vw; max-width: none;min-height: 100vh;min-width: 177.77vh; position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.fl-bg-video-fallback {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;bottom: 0px;left: 0px;position: absolute;right: 0px;top: 0px;}.fl-row-bg-slideshow,.fl-row-bg-slideshow .fl-row-content {position: relative;}.fl-row .fl-bg-slideshow {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 0;}.fl-builder-edit .fl-row .fl-bg-slideshow * {bottom: 0;height: auto !important;left: 0;position: absolute !important;right: 0;top: 0;}.fl-row-bg-overlay .fl-row-content-wrap:after {border-radius: inherit;content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;}.fl-row-bg-overlay .fl-row-content {position: relative;z-index: 1;}.fl-row-default-height .fl-row-content-wrap,.fl-row-custom-height .fl-row-content-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;min-height: 100vh;}.fl-row-overlap-top .fl-row-content-wrap {display: -webkit-inline-box;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 100%;}.fl-row-default-height .fl-row-content-wrap,.fl-row-custom-height .fl-row-content-wrap {min-height: 0;}.fl-row-default-height .fl-row-content,.fl-row-full-height .fl-row-content,.fl-row-custom-height .fl-row-content {-webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}.fl-row-default-height .fl-row-full-width.fl-row-content,.fl-row-full-height .fl-row-full-width.fl-row-content,.fl-row-custom-height .fl-row-full-width.fl-row-content {max-width: 100%;width: 100%;}.fl-row-default-height.fl-row-align-center .fl-row-content-wrap,.fl-row-full-height.fl-row-align-center .fl-row-content-wrap,.fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {-webkit-align-items: center;-webkit-box-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-align: center;-ms-flex-pack: center;justify-content: center;align-items: center;}.fl-row-default-height.fl-row-align-bottom .fl-row-content-wrap,.fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,.fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {-webkit-align-items: flex-end;-webkit-justify-content: flex-end;-webkit-box-align: end;-webkit-box-pack: end;-ms-flex-align: end;-ms-flex-pack: end;justify-content: flex-end;align-items: flex-end;}.fl-col-group-equal-height {display: flex;flex-wrap: wrap;width: 100%;}.fl-col-group-equal-height.fl-col-group-has-child-loading {flex-wrap: nowrap;}.fl-col-group-equal-height .fl-col,.fl-col-group-equal-height .fl-col-content {display: flex;flex: 1 1 auto;}.fl-col-group-equal-height .fl-col-content {flex-direction: column;flex-shrink: 1;min-width: 1px;max-width: 100%;width: 100%;}.fl-col-group-equal-height:before,.fl-col-group-equal-height .fl-col:before,.fl-col-group-equal-height .fl-col-content:before,.fl-col-group-equal-height:after,.fl-col-group-equal-height .fl-col:after,.fl-col-group-equal-height .fl-col-content:after{content: none;}.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content,.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content {justify-content: flex-start;}.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content,.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content {justify-content: center;}.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content,.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {justify-content: flex-end;}.fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {width: 100%;}.fl-col {float: left;min-height: 1px;}.fl-col-bg-overlay .fl-col-content {position: relative;}.fl-col-bg-overlay .fl-col-content:after {border-radius: inherit;content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;}.fl-col-bg-overlay .fl-module {position: relative;z-index: 2;}.single:not(.woocommerce).single-fl-builder-template .fl-content {width: 100%;}.fl-builder-layer {position: absolute;top:0;left:0;right: 0;bottom: 0;z-index: 0;pointer-events: none;overflow: hidden;}.fl-builder-shape-layer {z-index: 0;}.fl-builder-shape-layer.fl-builder-bottom-edge-layer {z-index: 1;}.fl-row-bg-overlay .fl-builder-shape-layer {z-index: 1;}.fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer {z-index: 2;}.fl-row-has-layers .fl-row-content {z-index: 1;}.fl-row-bg-overlay .fl-row-content {z-index: 2;}.fl-builder-layer > * {display: block;position: absolute;top:0;left:0;width: 100%;}.fl-builder-layer + .fl-row-content {position: relative;}.fl-builder-layer .fl-shape {fill: #aaa;stroke: none;stroke-width: 0;width:100%;}@supports (-webkit-touch-callout: inherit) {.fl-row.fl-row-bg-parallax .fl-row-content-wrap,.fl-row.fl-row-bg-fixed .fl-row-content-wrap {background-position: center !important;background-attachment: scroll !important;}}@supports (-webkit-touch-callout: none) {.fl-row.fl-row-bg-fixed .fl-row-content-wrap {background-position: center !important;background-attachment: scroll !important;}}.fl-clearfix:before,.fl-clearfix:after {display: table;content: " ";}.fl-clearfix:after {clear: both;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}.fl-builder-content .fl-button:is(a, button),.fl-builder-content a.fl-button:visited {border-radius: 4px;display: inline-block;font-size: 16px;font-weight: normal;line-height: 18px;padding: 12px 24px;text-decoration: none;text-shadow: none;}.fl-builder-content .fl-button:hover {text-decoration: none;}.fl-builder-content .fl-button:active {position: relative;top: 1px;}.fl-builder-content .fl-button-width-full .fl-button {width: 100%;display: block;text-align: center;}.fl-builder-content .fl-button-width-custom .fl-button {display: inline-block;text-align: center;max-width: 100%;}.fl-builder-content .fl-button-left {text-align: left;}.fl-builder-content .fl-button-center {text-align: center;}.fl-builder-content .fl-button-right {text-align: right;}.fl-builder-content .fl-button i {font-size: 1.3em;height: auto;margin-right:8px;vertical-align: middle;width: auto;}.fl-builder-content .fl-button i.fl-button-icon-after {margin-left: 8px;margin-right: 0;}.fl-builder-content .fl-button-has-icon .fl-button-text {vertical-align: middle;}.fl-icon-wrap {display: inline-block;}.fl-icon {display: table-cell;vertical-align: middle;}.fl-icon a {text-decoration: none;}.fl-icon i {float: right;height: auto;width: auto;}.fl-icon i:before {border: none !important;height: auto;width: auto;}.fl-icon-text {display: table-cell;text-align: left;padding-left: 15px;vertical-align: middle;}.fl-icon-text-empty {display: none;}.fl-icon-text *:last-child {margin: 0 !important;padding: 0 !important;}.fl-icon-text a {text-decoration: none;}.fl-icon-text span {display: block;}.fl-icon-text span.mce-edit-focus {min-width: 1px;}.fl-module img {max-width: 100%;}.fl-photo {line-height: 0;position: relative;}.fl-photo-align-left {text-align: left;}.fl-photo-align-center {text-align: center;}.fl-photo-align-right {text-align: right;}.fl-photo-content {display: inline-block;line-height: 0;position: relative;max-width: 100%;}.fl-photo-img-svg {width: 100%;}.fl-photo-content img {display: inline;height: auto;max-width: 100%;}.fl-photo-crop-circle img {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}.fl-photo-caption {font-size: 13px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;}.fl-photo-caption-below {padding-bottom: 20px;padding-top: 10px;}.fl-photo-caption-hover {background: rgba(0,0,0,0.7);bottom: 0;color: #fff;left: 0;opacity: 0;filter: alpha(opacity = 0);padding: 10px 15px;position: absolute;right: 0;-webkit-transition:opacity 0.3s ease-in;-moz-transition:opacity 0.3s ease-in;transition:opacity 0.3s ease-in;}.fl-photo-content:hover .fl-photo-caption-hover {opacity: 100;filter: alpha(opacity = 100);}.fl-builder-pagination,.fl-builder-pagination-load-more {padding: 40px 0;}.fl-builder-pagination ul.page-numbers {list-style: none;margin: 0;padding: 0;text-align: center;}.fl-builder-pagination li {display: inline-block;list-style: none;margin: 0;padding: 0;}.fl-builder-pagination li a.page-numbers,.fl-builder-pagination li span.page-numbers {border: 1px solid #e6e6e6;display: inline-block;padding: 5px 10px;margin: 0 0 5px;}.fl-builder-pagination li a.page-numbers:hover,.fl-builder-pagination li span.current {background: #f5f5f5;text-decoration: none;}.fl-slideshow,.fl-slideshow * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}.fl-slideshow .fl-slideshow-image img {max-width: none !important;}.fl-slideshow-social {line-height: 0 !important;}.fl-slideshow-social * {margin: 0 !important;}.fl-builder-content .bx-wrapper .bx-viewport {background: transparent;border: none;box-shadow: none;left: 0;}.mfp-wrap button.mfp-arrow,.mfp-wrap button.mfp-arrow:active,.mfp-wrap button.mfp-arrow:hover,.mfp-wrap button.mfp-arrow:focus {background: transparent !important;border: none !important;outline: none;position: absolute;top: 50%;box-shadow: none !important;}.mfp-wrap .mfp-close,.mfp-wrap .mfp-close:active,.mfp-wrap .mfp-close:hover,.mfp-wrap .mfp-close:focus {background: transparent !important;border: none !important;outline: none;position: absolute;top: 0;box-shadow: none !important;}.admin-bar .mfp-wrap .mfp-close,.admin-bar .mfp-wrap .mfp-close:active,.admin-bar .mfp-wrap .mfp-close:hover,.admin-bar .mfp-wrap .mfp-close:focus {top: 32px!important;}img.mfp-img {padding: 0;}.mfp-counter {display: none;}.mfp-wrap .mfp-preloader.fa {font-size: 30px;}.fl-form-field {margin-bottom: 15px;}.fl-form-field input.fl-form-error {border-color: #DD6420;}.fl-form-error-message {clear: both;color: #DD6420;display: none;padding-top: 8px;font-size: 12px;font-weight: lighter;}.fl-form-button-disabled {opacity: 0.5;}.fl-animation {opacity: 0;}body.fl-no-js .fl-animation {opacity: 1;}.fl-builder-preview .fl-animation,.fl-builder-edit .fl-animation,.fl-animated {opacity: 1;}.fl-animated {animation-fill-mode: both;}.fl-button.fl-button-icon-animation i {width: 0 !important;opacity: 0;transition: all 0.2s ease-out;}.fl-button.fl-button-icon-animation:hover i {opacity: 1 !important;}.fl-button.fl-button-icon-animation i.fl-button-icon-after {margin-left: 0px !important;}.fl-button.fl-button-icon-animation:hover i.fl-button-icon-after {margin-left: 10px !important;}.fl-button.fl-button-icon-animation i.fl-button-icon-before {margin-right: 0 !important;}.fl-button.fl-button-icon-animation:hover i.fl-button-icon-before {margin-right: 20px !important;margin-left: -10px;}@media (max-width: 1200px) {}@media (max-width: 992px) { .fl-col-group.fl-col-group-medium-reversed {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;flex-direction: row-reverse;} }@media (max-width: 768px) { .fl-row-content-wrap {background-attachment: scroll !important;}.fl-row-bg-parallax .fl-row-content-wrap {background-attachment: scroll !important;background-position: center center !important;}.fl-col-group.fl-col-group-equal-height {display: block;}.fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {display: -webkit-box;display: -webkit-flex;display: flex;}.fl-col-group.fl-col-group-responsive-reversed {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;flex-direction: row-reverse;}.fl-col-group.fl-col-group-responsive-reversed .fl-col:not(.fl-col-small-custom-width) {flex-basis: 100%;width: 100% !important;}.fl-col-group.fl-col-group-medium-reversed:not(.fl-col-group-responsive-reversed) {display: unset;display: unset;-webkit-flex-wrap: unset;flex-wrap: unset;flex-direction: unset;}.fl-col {clear: both;float: none;margin-left: auto;margin-right: auto;width: auto !important;}.fl-col-small:not(.fl-col-small-full-width) {max-width: 400px;}.fl-block-col-resize {display:none;}.fl-row[data-node] .fl-row-content-wrap {margin: 0;padding-left: 0;padding-right: 0;}.fl-row[data-node] .fl-bg-video,.fl-row[data-node] .fl-bg-slideshow {left: 0;right: 0;}.fl-col[data-node] .fl-col-content {margin: 0;padding-left: 0;padding-right: 0;} }@media (min-width: 1201px) {html .fl-visible-large:not(.fl-visible-desktop),html .fl-visible-medium:not(.fl-visible-desktop),html .fl-visible-mobile:not(.fl-visible-desktop) {display: none;}}@media (min-width: 993px) and (max-width: 1200px) {html .fl-visible-desktop:not(.fl-visible-large),html .fl-visible-medium:not(.fl-visible-large),html .fl-visible-mobile:not(.fl-visible-large) {display: none;}}@media (min-width: 769px) and (max-width: 992px) {html .fl-visible-desktop:not(.fl-visible-medium),html .fl-visible-large:not(.fl-visible-medium),html .fl-visible-mobile:not(.fl-visible-medium) {display: none;}}@media (max-width: 768px) {html .fl-visible-desktop:not(.fl-visible-mobile),html .fl-visible-large:not(.fl-visible-mobile),html .fl-visible-medium:not(.fl-visible-mobile) {display: none;}}.fl-col-content {display: flex;flex-direction: column;}.fl-row-fixed-width {max-width: 1100px;}.fl-builder-content > .fl-module-box {margin: 0;}.fl-row-content-wrap {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;}.fl-module-content, .fl-module:where(.fl-module:not(:has(> .fl-module-content))) {margin-top: 20px;margin-right: 20px;margin-bottom: 20px;margin-left: 20px;}.page .fl-post-header, .single-fl-builder-template .fl-post-header { display:none; } .fl-node-a0vzxn4iy8lw > .fl-row-content-wrap {padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.fl-node-vh28cnroglz1 {width: 100%;}.fl-node-l84u051qwszc {width: 100%;}img.mfp-img {padding-bottom: 40px !important;}.fl-builder-edit .fl-fill-container img {transition: object-position .5s;}.fl-fill-container :is(.fl-module-content, .fl-photo, .fl-photo-content, img) {height: 100% !important;width: 100% !important;}@media (max-width: 768px) { .fl-photo-content,.fl-photo-img {max-width: 100%;} }.fl-node-d1pebralct05, .fl-node-d1pebralct05 .fl-photo {text-align: center;} .fl-node-d1pebralct05.fl-module-photo {margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}html,body {width: 100%;max-width: 100%;margin: 0;overflow-x: hidden;}body {position: relative;}.krazy-pong-shell {width: 100%;max-width: 900px;min-width: 0;margin: 0 auto;padding: 16px;text-align: center;font-family: "Courier New", monospace;color: #ffffff;background:radial-gradient(circle at top, #1e1748 0, #090716 52%, #020204 100%);border: 6px ridge #c0c0c0;box-sizing: border-box;}.krazy-pong-shell,.krazy-pong-shell * {box-sizing: border-box;}.krazy-pong-shell * {max-width: 100%;}.krazy-pong-header h1 {margin: 0;color: #39ff14;font-size: clamp(2.4rem, 8vw, 4.8rem);line-height: 1;letter-spacing: 0.03em;text-shadow:3px 3px 0 #ff00d4,-3px -3px 0 #00c8ff;}.krazy-pong-header p {margin: 14px 0 20px;color: #fff36d;font-size: clamp(1.15rem, 3vw, 1.45rem);line-height: 1.45;font-weight: bold;}.krazy-pong-scoreboard {display: grid;grid-template-columns: 1fr 1.2fr 1fr;gap: 10px;align-items: center;margin: 0 auto 14px;padding: 16px;border: 3px ridge #bfbfbf;background: #000000;color: #39ff14;font-size: clamp(1.2rem, 3.2vw, 1.65rem);font-weight: bold;line-height: 1.35;}.krazy-pong-scoreboard span:nth-child(2) {color: #fff36d;}.krazy-pong-setup-panel {margin: 14px auto 12px;padding: 12px;border: 4px ridge #c0c0c0;background: rgba(0, 0, 0, 0.55);}.krazy-pong-side-options {margin: 0 auto 16px;text-align: center;}.krazy-pong-side-help,.krazy-pong-opponent-help {max-width: 760px;margin: 0 auto 12px;color: #fff36d;font-size: clamp(1.15rem, 3vw, 1.45rem);line-height: 1.45;font-weight: bold;}.krazy-pong-opponent-help {color: #39ff14;text-transform: uppercase;letter-spacing: 0.04em;}#pongSideButton,.pong-opponent-button {border: 4px outset #f4f4f4;font-family: "Courier New", monospace;font-weight: bold;cursor: pointer;user-select: none;touch-action: manipulation;}#pongSideButton {background: #39ff14;color: #0000bb;font-size: clamp(1.2rem, 3.2vw, 1.55rem);padding: 14px 28px;}#pongSideButton:hover,.pong-opponent-button:hover {background: #fff200;color: #cc0000;}#pongSideButton:active,.pong-opponent-button:active,.pong-opponent-button.active {border-style: inset;transform: translateY(2px);}.krazy-pong-opponent-buttons {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}.pong-opponent-button {min-height: 58px;padding: 10px 12px;background: #ff00d4;color: #ffffff;font-size: clamp(1rem, 2.6vw, 1.28rem);line-height: 1.2;}.pong-opponent-button.active {background: #39ff14;color: #0000bb;}.krazy-pong-canvas-wrap {position: relative;width: 100%;aspect-ratio: 8 / 5;border: 6px ridge #c0c0c0;background: #000000;box-shadow:0 0 18px rgba(57, 255, 20, 0.35),0 0 35px rgba(255, 0, 212, 0.2);overflow: hidden;}#krazyPongCanvas {display: block;width: 100%;height: 100%;background: #020208;image-rendering: auto;touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}.krazy-pong-overlay {position: absolute;inset: 0;display: grid;place-items: center;padding: 20px;background: rgba(0, 0, 0, 0.74);}.krazy-pong-overlay.hidden {display: none;}.krazy-pong-overlay-card {width: min(100%, 560px);padding: 26px;border: 4px outset #ff00d4;background: #090014;color: #ffffff;box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.65);}.krazy-pong-overlay-card h2 {margin-top: 0;color: #39ff14;font-size: clamp(1.9rem, 5.5vw, 2.9rem);text-shadow: 2px 2px 0 #ff00d4;}.krazy-pong-overlay-card p {margin: 0 0 22px;line-height: 1.55;font-size: clamp(1.2rem, 3vw, 1.55rem);font-weight: bold;}#pongStartButton,.krazy-pong-controls button {border: 4px outset #f4f4f4;background: #fff200;color: #cc0000;font-family: "Courier New", monospace;font-weight: bold;cursor: pointer;user-select: none;touch-action: manipulation;}#pongStartButton {padding: 14px 32px;font-size: clamp(1.25rem, 3vw, 1.6rem);}#pongStartButton:hover,.krazy-pong-controls button:hover {background: #39ff14;color: #0000bb;}#pongStartButton:active,.krazy-pong-controls button:active,.krazy-pong-controls button.active {border-style: inset;transform: translateY(2px);}.krazy-pong-controls {display: none;grid-template-columns: 1fr 1fr;gap: 12px;max-width: 520px;margin: 12px auto 0;}.krazy-pong-controls button {min-height: 64px;font-size: clamp(1.15rem, 3vw, 1.45rem);letter-spacing: 0.03em;}.krazy-pong-commentary {min-height: 1.6em;margin: 18px 0 8px;color: #fff36d;font-size: clamp(1.25rem, 3.1vw, 1.65rem);line-height: 1.45;font-weight: bold;}.krazy-pong-instructions {max-width: 760px;margin: 8px auto 0;color: #ffffff;font-size: clamp(1rem, 2.1vw, 1.2rem);line-height: 1.35;font-weight: bold;}@media (max-width: 650px) {.krazy-pong-shell {padding: 8px;}html,body {overflow-x: hidden;max-width: 100%;}.krazy-pong-shell {width: 100%;max-width: 100vw;overflow-x: hidden;touch-action: pan-y;}.krazy-pong-setup-panel,.krazy-pong-canvas-wrap,.krazy-pong-controls,.krazy-pong-scoreboard,.krazy-pong-instructions,.krazy-pong-commentary {width: 100%;max-width: 100%;min-width: 0;}.krazy-pong-opponent-buttons {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}.krazy-pong-controls {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}.pong-opponent-button,.krazy-pong-controls button {min-width: 0;overflow-wrap: anywhere;white-space: normal;}.krazy-pong-header h1 {font-size: 2.1rem;}.krazy-pong-header p {margin: 8px 0 10px;font-size: 1rem;}.krazy-pong-scoreboard {position: sticky;top: 0;z-index: 10;padding: 8px;font-size: 1rem;}.krazy-pong-controls {display: grid;}.krazy-pong-scoreboard {grid-template-columns: 1fr 1fr;gap: 8px;}.krazy-pong-scoreboard span:nth-child(2) {grid-column: 1 / -1;grid-row: 2;}.krazy-pong-setup-panel {padding: 10px;}.krazy-pong-opponent-buttons {grid-template-columns: 1fr 1fr;}.pong-opponent-button {min-height: 56px;font-size: 1.05rem;}.krazy-pong-canvas-wrap {border-width: 4px;aspect-ratio: 8 / 5;}.krazy-pong-controls {gap: 10px;}.krazy-pong-controls button {min-height: 60px;font-size: 1.15rem;}.krazy-pong-commentary {font-size: 1.15rem;}.krazy-pong-instructions {font-size: 1.05rem;line-height: 1.45;}}.krazy-pong-opponent-options {margin: 8px auto 12px;}.krazy-pong-opponent-buttons {gap: 8px;}.krazy-pong-opponent-buttons button {padding: 9px 12px;font-size: clamp(0.95rem, 2vw, 1.15rem);}.krazy-pong-setup-panel,.krazy-pong-canvas-wrap,.krazy-pong-controls,.krazy-pong-scoreboard {width: 100%;max-width: 100%;min-width: 0;overflow-x: hidden;}.krazy-pong-opponent-buttons {min-width: 0;}.krazy-pong-opponent-buttons,.krazy-pong-controls,.krazy-pong-scoreboard {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}@media (min-width: 651px) {.krazy-pong-scoreboard {grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr);}.krazy-pong-opponent-buttons {grid-template-columns: repeat(4, minmax(0, 1fr));}}.pong-opponent-button,.krazy-pong-controls button,#pongSideButton,#pongStartButton {min-width: 0;max-width: 100%;overflow-wrap: anywhere;white-space: normal;}@media (max-width: 650px) {.krazy-pong-shell {width: calc(100vw - 12px) !important;max-width: calc(100vw - 12px) !important;min-width: 0 !important;margin-left: auto !important;margin-right: auto !important;padding: 6px !important;border-width: 4px !important;overflow: hidden !important;}.krazy-pong-shell * {min-width: 0 !important;}.krazy-pong-header h1 {font-size: clamp(1.8rem, 9vw, 2.4rem) !important;line-height: 1 !important;overflow-wrap: anywhere;}.krazy-pong-header p {font-size: 0.95rem !important;line-height: 1.25 !important;margin: 8px auto 10px !important;max-width: 100% !important;overflow-wrap: anywhere;}.krazy-pong-scoreboard {width: 100% !important;max-width: 100% !important;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;padding: 8px 6px !important;gap: 6px !important;font-size: 0.95rem !important;overflow: hidden !important;}.krazy-pong-scoreboard span {min-width: 0 !important;overflow-wrap: anywhere !important;}.krazy-pong-canvas-wrap {width: 100% !important;max-width: 100% !important;aspect-ratio: 8 / 5.7 !important;border-width: 4px !important;overflow: hidden !important;}#krazyPongCanvas {width: 100% !important;max-width: 100% !important;}.krazy-pong-controls {width: 100% !important;max-width: 100% !important;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;gap: 8px !important;overflow: hidden !important;}.krazy-pong-controls button {width: 100% !important;max-width: 100% !important;min-width: 0 !important;padding: 10px 6px !important;font-size: 1rem !important;}.krazy-pong-setup-panel {width: 100% !important;max-width: 100% !important;padding: 8px !important;overflow: hidden !important;}.krazy-pong-opponent-buttons {width: 100% !important;max-width: 100% !important;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;gap: 8px !important;overflow: hidden !important;}.pong-opponent-button {width: 100% !important;max-width: 100% !important;min-width: 0 !important;padding: 8px 4px !important;font-size: 0.95rem !important;overflow-wrap: anywhere !important;}.krazy-pong-overlay {padding: 8px !important;}.krazy-pong-overlay-card {width: 92% !important;max-width: 92% !important;min-width: 0 !important;padding: 12px !important;overflow: auto !important;}.krazy-pong-commentary,.krazy-pong-instructions,.krazy-pong-side-help,.krazy-pong-opponent-help {width: 100% !important;max-width: 100% !important;overflow-wrap: anywhere !important;}}@media (max-width: 650px) {.krazy-pong-shell {width: 100% !important;max-width: 100% !important;min-width: 0 !important;margin-left: 0 !important;margin-right: 0 !important;padding: 6px !important;border-width: 4px !important;overflow: hidden !important;}.krazy-pong-shell,.krazy-pong-shell * {max-width: 100% !important;box-sizing: border-box !important;}.krazy-pong-scoreboard,.krazy-pong-canvas-wrap,.krazy-pong-controls,.krazy-pong-setup-panel,.krazy-pong-commentary,.krazy-pong-instructions {width: 100% !important;max-width: 100% !important;min-width: 0 !important;margin-left: 0 !important;margin-right: 0 !important;}.krazy-pong-header h1,.krazy-pong-header p,.krazy-pong-scoreboard span,.krazy-pong-commentary,.krazy-pong-instructions,.krazy-pong-side-help,.krazy-pong-opponent-help {overflow-wrap: anywhere !important;word-break: normal !important;}.krazy-pong-opponent-buttons,.krazy-pong-controls,.krazy-pong-scoreboard {width: 100% !important;max-width: 100% !important;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;}.krazy-pong-opponent-buttons,.krazy-pong-controls {gap: 8px !important;}.pong-opponent-button,.krazy-pong-controls button,#pongSideButton,#pongStartButton {width: 100% !important;max-width: 100% !important;min-width: 0 !important;}}.krazy-pong-music-controls {margin: 12px auto 0;text-align: center;}#pongMusicButton {border: 4px outset #f4f4f4;background: #39ff14;color: #0000bb;font-family: "Courier New", monospace;font-weight: bold;cursor: pointer;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;touch-action: manipulation;padding: 10px 22px;font-size: clamp(1rem, 2.6vw, 1.25rem);}#pongMusicButton.off {background: #ff00d4;color: #ffffff;}#pongMusicButton:active {border-style: inset;transform: translateY(2px);}