@font-face{font-family:Roboto;src:url(fonts/roboto-variable.woff2) format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Lilita;src:url(fonts/lilita-one.woff2) format('woff2');font-weight:400 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#003e32;color:#082337;font-family:Roboto,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}img{max-width:100%;height:auto}h1,h2,h3,p,ul{margin:0;padding:0}.rl-page{container-type:inline-size;margin:0 auto;background:#fdfbf0}.rl-section{position:relative;margin:0;padding:0}.rl-backplate{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}.rl-item{position:absolute;margin:0;line-height:1.22;z-index:1}.rl-item img{display:block;width:100%;height:auto}.rl-heading{font-size:inherit}.rl-custom-heading{font-family:Lilita,Roboto,sans-serif;font-size:1.7em}.rl-line{display:block;white-space:nowrap}.rl-display{font-family:Lilita,Roboto,sans-serif;line-height:1.06;font-weight:400!important;white-space:nowrap;color:#002e29!important}.rl-nav{font-size:1.48cqw!important;line-height:1.4;font-weight:550!important}.rl-nav ul{display:flex;list-style:none;justify-content:space-between;align-items:center;gap:2.4cqw}.rl-nav li{white-space:nowrap}.rl-nav a,.rl-footer-nav a{text-decoration:none}.rl-nav a[aria-current]{border-bottom:3px solid #ffce23;padding-bottom:.8cqw}.rl-contact .rl-nav a[aria-current]{border-color:#ff6431}.rl-home .rl-nav li:last-child{display:list-item}.rl-home .rl-nav{font-size:1.75cqw!important}.rl-footer-nav{font-size:1.36cqw!important;color:white!important;line-height:1.55}.rl-footer-nav ul{list-style:none}.rl-home .rl-footer-nav{font-size:1.6cqw!important}.rl-social{display:block;position:absolute;top:0}.rl-button,.rl-button-dark{display:flex;align-items:center;justify-content:center}.rl-button a,.rl-button-dark a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:1cqw;text-decoration:none}.rl-button-dark{color:#fff!important}.rl-link a{text-decoration:none;border-bottom:2px solid #ff6533;padding-bottom:.3cqw}.rl-video{height:72.027972cqw;overflow:hidden;border-radius:1.1cqw;background:#00372d}.rl-video video{display:block;width:100%;height:100%;object-fit:fill}.rl-target-image img{height:100%;object-fit:fill}.rl-copyright{white-space:nowrap}.rl-privacy{display:block;background:#003b30;padding:4px;margin:4px auto;width:max-content}.rl-mobile-art{display:none}.skip-link{position:fixed;left:10px;top:-100px;background:white;color:#002e29;padding:12px;z-index:100}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #ff6533;outline-offset:3px}.menu-toggle[hidden],[hidden]{display:none!important}
/* Contact shortcode remains the plugin's real form and real security fields. */
.rl-form{font-family:Roboto,Arial,sans-serif;color:#08203e!important;line-height:1.2}.rl-form form{position:relative;width:100%;margin:0}.rl-form .form-required{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rl-form .form-field{position:relative;margin:0 0 1.48cqw;padding:0}.rl-form .form-field label{display:block;font-weight:700;font-size:1.675cqw;line-height:1.18;margin:0 0 .56cqw .19cqw}.rl-form label span[aria-hidden]{display:none}.rl-form input:not([type=hidden]),.rl-form select,.rl-form textarea{display:block;margin:0 0 0 .19cqw;width:98.636%;height:4.04cqw;min-height:0;border:1.2px solid #25505b;border-radius:1.08cqw;background:transparent;color:#09243d;padding:.65cqw 1.42cqw;box-shadow:inset 0 0 0 .25px #567178;font-size:1.675cqw;line-height:1.3}.rl-form input::placeholder,.rl-form textarea::placeholder{color:#7a8295;opacity:1}.rl-form select{color:#6c778b}.rl-form select:valid{color:#08203e}.rl-form .form-field:has(textarea){margin-bottom:1.31cqw}.rl-form textarea{height:10.73cqw;resize:vertical}.rl-form .contact-submit{width:100%;height:4.83cqw;border:1px solid #fff3c2;border-radius:3cqw;background:linear-gradient(100deg,#ffce2a,#ffd731);color:#003526;font-family:Lilita,Roboto,sans-serif;font-size:2.38cqw;display:flex;align-items:center;justify-content:center;gap:1cqw;margin:0;cursor:pointer}.rl-form .contact-submit>span:last-child{font-family:Roboto,sans-serif;font-weight:700;font-size:3cqw}.rl-form .form-helper{font-size:1.37cqw;text-align:center;white-space:nowrap;margin:1cqw 0 0;line-height:1.3}.rl-form .form-status:not(:empty){position:relative;background:#fff1bd;padding:12px;margin-bottom:14px;color:#06342b}.rl-form .field-error:not(:empty){font-size:1.4cqw;color:#a52421;display:block;padding:3px}.rl-form:has(.form-status:not(:empty)),.rl-form:has(.field-error:not(:empty)){z-index:5;background:#fdfbf0;padding:10px;border-radius:12px}.rl-section:has(.rl-form .form-status:not(:empty)),.rl-section:has(.rl-form .field-error:not(:empty)){margin-bottom:100px}.rl-form .pawzzle-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(min-width:769px){.menu-toggle{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:768px){
 .rl-page{max-width:100%!important}.rl-section{height:auto!important;display:flex;flex-direction:column;gap:16px;padding:28px 20px;background:#fdfbf0;overflow:hidden}.rl-backplate{display:none}.rl-item{position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;font-size:18px!important;text-align:center!important;line-height:1.35}.rl-line{white-space:normal}.rl-heading img{width:auto;height:auto;max-height:112px;max-width:100%;margin:auto}.rl-heading{background:transparent}.rl-item.rl-display{white-space:normal;font-size:38px!important}.rl-section-0{height:100px!important;display:block;padding:10px 20px;overflow:visible;z-index:20}.rl-section-0 .rl-logo{width:155px!important;height:80px!important}.rl-section-0 .rl-logo img{height:80px;object-fit:contain}.menu-toggle{position:absolute;right:20px;top:30px;background:#ffd535;border:0;border-radius:20px;padding:10px 16px;font-weight:700;font-size:16px}.rl-nav{position:absolute!important;top:94px!important;left:0!important;right:0!important;width:100%!important;background:#fffced;padding:20px;box-shadow:0 6px 10px #002a2433}.rl-nav ul{flex-direction:column;gap:20px}.rl-nav a{font-size:18px}.rl-home .rl-nav li:last-child{display:block}.rl-mobile-art{display:block;width:100%;border-radius:20px;margin-top:6px}.rl-section-2{background:#003f33;color:#fff}.rl-home .rl-section-2{gap:18px}.rl-home .rl-section-2 .rl-item:not(.rl-video):not(.rl-challenge-title){background:#fffcee;color:#002e29!important;padding:10px;border-radius:10px}.rl-home .rl-section-2 .rl-heading{order:0}.rl-video{height:auto!important;aspect-ratio:9/16;width:min(100%,360px)!important;margin:auto;order:1}.rl-home .rl-section-2 .rl-item:not(.rl-heading):not(.rl-video){order:2}.rl-target-image{height:180px!important}.rl-target-image img{width:auto;margin:auto}.rl-social,.rl-social-post,.rl-social-named{height:58px!important;max-width:240px;margin:auto}.rl-social .rl-social,.rl-social-post .rl-social,.rl-social-named .rl-social{position:absolute;height:auto!important;min-height:0!important}.rl-social-named{height:44px!important;max-width:330px}.rl-social img{height:auto!important}.rl-button,.rl-button-dark{background:#ffd334;border-radius:30px;min-height:48px!important;padding:10px 14px}.rl-button-dark{background:#004537}.rl-footer-nav{color:white!important}footer.rl-section{background:#003c30;gap:22px}.rl-footer-logo{max-width:185px;margin:auto}.rl-copyright{white-space:normal}footer.rl-section .rl-item{font-size:15px!important}footer.rl-section .rl-footer-nav{font-size:18px!important}.rl-footer-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px}.rl-section-4{background:#ffd434}.rl-section-4 .rl-heading img{max-height:72px}.rl-contact .rl-form{background:#fdfbf0;padding:20px;border-radius:24px;text-align:left!important}.rl-contact .rl-form-title{background:#fdfbf0;padding:12px;border-radius:20px}.rl-form .form-field{margin-bottom:18px}.rl-form .form-field label{font-size:17px;text-align:left;margin:0 0 8px}.rl-form input:not([type=hidden]),.rl-form select,.rl-form textarea{font-size:16px;width:100%;height:44px;margin:0;padding:10px 12px;border-radius:10px}.rl-form textarea{height:125px}.rl-form .form-field:has(textarea){margin-bottom:18px}.rl-form .contact-submit{height:48px;border-radius:30px;font-size:23px}.rl-form .contact-submit>span:last-child{font-size:26px}.rl-form .form-helper{font-size:13px;white-space:normal;margin-top:12px}.rl-form .field-error:not(:empty){font-size:14px}.rl-section:has(.rl-form .form-status:not(:empty)),.rl-section:has(.rl-form .field-error:not(:empty)){margin-bottom:0}.rl-contact .rl-inquiry-body-1,.rl-contact .rl-inquiry-body-2,.rl-contact .rl-inquiry-body-3,.rl-about .rl-story-body{color:#fff!important}.rl-contact .rl-section-3{background:#fdfbf0}.rl-contact .rl-section-4 .rl-button-dark{margin:0 auto;max-width:360px}.rl-contact .rl-hero-title{order:-1}
}
@font-face{font-family:RefRoboto;src:url(fonts/ref-Roboto.woff2);font-weight:100 900}
@font-face{font-family:RefRobotoCondensed;src:url(fonts/ref-RobotoCondensed.woff2);font-weight:100 900}
@font-face{font-family:RefDosis;src:url(fonts/ref-Dosis.woff2);font-weight:100 900}
@font-face{font-family:RefAsap;src:url(fonts/ref-Asap.woff2);font-weight:100 900}
@font-face{font-family:RefBarlowSemiCondensed;src:url(fonts/ref-BarlowSemiCondensed.woff2)}
@font-face{font-family:RefLilita;src:url(fonts/lilita-one.woff2)}
.rl-live-type{display:block;width:100%;height:auto;overflow:visible}.rl-target-image{height:21.678322cqw}.rl-video video{object-fit:contain}.rl-type-line{display:block}.rl-button a,.rl-button-dark a,.rl-link a{display:block}.rl-link a{border:0}.rl-form{font-family:RefRobotoCondensed,Roboto,sans-serif}.rl-form input:not([type=hidden]),.rl-form select,.rl-form textarea{font-size:1.78cqw}.rl-form .form-field label{font-size:1.8cqw}.rl-form .contact-submit{font-family:RefDosis,sans-serif;font-weight:850;font-size:2.45cqw}.rl-form .form-helper{font-family:RefRobotoCondensed,sans-serif;font-size:1.44cqw}
@media(max-width:768px){.rl-live-type{max-width:100%;height:auto;max-height:150px;margin:auto}.rl-item.rl-display .rl-live-type{max-height:60px}.rl-form input:not([type=hidden]),.rl-form select,.rl-form textarea{font-size:17px}.rl-form .form-field label{font-size:18px}.rl-form .contact-submit{font-size:24px}.rl-form .form-helper{font-size:14px}}
@media(min-width:769px){
.rl-form form{height:46.1084cqw}.rl-form .form-field{position:absolute;left:0;width:100%;margin:0!important;height:6.6cqw}.rl-form .form-field:has(#pawzzle-name){top:0}.rl-form .form-field:has(#pawzzle-email){top:7.88177cqw}.rl-form .form-field:has(#pawzzle-topic){top:15.86207cqw}.rl-form .form-field:has(#pawzzle-message){top:24.4335cqw;height:12.8cqw}.rl-form .form-field label{position:absolute;left:.197044cqw;top:.197044cqw;line-height:1;margin:0;padding:0}.rl-form .form-field:has(#pawzzle-email) label{top:.197044cqw}.rl-form .form-field:has(#pawzzle-topic) label{top:.197044cqw}.rl-form .form-field:has(#pawzzle-message) label{top:0}.rl-form input:not([type=hidden]),.rl-form select,.rl-form textarea{position:absolute;left:.197044cqw;top:2.364532cqw;border:0;background:transparent;box-shadow:none;border-radius:1cqw;padding:1.2cqw 1.4cqw;margin:0;width:42.75862cqw;height:4.0394cqw;color:#233345}.rl-form #pawzzle-topic{top:2.66cqw;appearance:none}.rl-form #pawzzle-message{top:2.16749cqw;height:10.640394cqw}.rl-form input::placeholder,.rl-form textarea::placeholder{color:transparent}.rl-form select:invalid{color:transparent}.rl-form .contact-submit{position:absolute;left:0;top:38.62069cqw;height:4.827586cqw;border:0;background:transparent;border-radius:3cqw;display:flex}.rl-form .rl-submit-type{display:block;width:17.536946cqw}.rl-form .form-helper{position:absolute;left:6.896552cqw;top:44.53202cqw;width:28.07882cqw;margin:0;font-size:1.4cqw}.rl-placeholder{position:absolute;pointer-events:none;color:#7a8295}.rl-form form:has(#pawzzle-name:not(:placeholder-shown)) .rl-placeholder-name,.rl-form form:has(#pawzzle-email:not(:placeholder-shown)) .rl-placeholder-email,.rl-form form:has(#pawzzle-topic:valid) .rl-placeholder-topic,.rl-form form:has(#pawzzle-message:not(:placeholder-shown)) .rl-placeholder-message{display:none}.rl-form .field-error:not(:empty){position:absolute;left:0;top:6.4cqw;background:#fffbed;z-index:10;width:100%}.rl-form .form-field:has(textarea) .field-error:not(:empty){top:13cqw}.rl-form form:has(.form-status:not(:empty)){height:auto;min-height:46cqw}.rl-form form:has(.form-status:not(:empty)) .form-status{position:absolute;top:-8cqw;left:0;right:0;z-index:15}.rl-how-link::after{content:"";position:absolute;left:0;right:0;bottom:.1cqw;border-bottom:2px solid #ff6634}
}
@media(max-width:768px){.rl-placeholder{display:none}.rl-form .form-field label{width:auto!important;max-width:150px}.rl-form .rl-submit-type{width:178px}.rl-form .form-helper{max-width:285px;margin:12px auto}.rl-target-image{height:186px!important;width:119px!important;margin:auto}.rl-target-image img{width:119px}}
@font-face{font-family:RefFredoka;src:url(fonts/ref-Fredoka.woff2);font-weight:100 900}
@font-face{font-family:RefBaloo2;src:url(fonts/ref-Baloo2.woff2);font-weight:100 900}
@font-face{font-family:RefDynaPuff;src:url(fonts/ref-DynaPuff.woff2);font-weight:100 900}
@font-face{font-family:RefConcertOne;src:url(fonts/ref-ConcertOne.woff2)}
@media(min-width:769px){.rl-fitted-nav-link{position:absolute;left:var(--nav-x);top:var(--nav-y);width:var(--nav-w);display:block}.rl-nav a.rl-fitted-nav-link[aria-current]{border:0;padding:0}.rl-nav a.rl-fitted-nav-link[aria-current]::after{content:"";position:absolute;left:-.2cqw;right:-.2cqw;height:.35cqw;background:#ffcd25;bottom:-.64cqw;border-radius:3px}.rl-contact .rl-nav a.rl-fitted-nav-link[aria-current]::after{background:#ff6937;bottom:-.39cqw;height:.2cqw}}
@media(max-width:768px){.rl-nav .rl-fitted-nav-link{display:block;width:150px}.rl-footer-nav .rl-fitted-nav-link{display:block;width:130px}.rl-footer-nav li{width:140px}.rl-nav .rl-live-type,.rl-footer-nav .rl-live-type{min-height:24px;max-height:30px}}
@media(max-width:768px){.rl-form .form-field label{width:var(--label-width)!important;max-width:100%}.rl-video{flex-shrink:0}.rl-about .rl-story-title,.rl-contact .rl-inquiry-title,.rl-home .rl-challenge-title{color:white!important}}
/* Error and delivery status states use natural flow so messages never cover a control. */
.rl-form:has(.field-error:not(:empty)) form,.rl-form:has(.form-status:not(:empty)) form{height:auto!important;min-height:0!important}
.rl-form:has(.field-error:not(:empty)) .form-field,.rl-form:has(.form-status:not(:empty)) .form-field{position:relative!important;inset:auto!important;height:auto!important;margin:0 0 18px!important}
.rl-form:has(.field-error:not(:empty)) .form-field label,.rl-form:has(.form-status:not(:empty)) .form-field label{position:relative!important;inset:auto!important;margin-bottom:8px}
.rl-form:has(.field-error:not(:empty)) input:not([type=hidden]),.rl-form:has(.field-error:not(:empty)) select,.rl-form:has(.field-error:not(:empty)) textarea,.rl-form:has(.form-status:not(:empty)) input:not([type=hidden]),.rl-form:has(.form-status:not(:empty)) select,.rl-form:has(.form-status:not(:empty)) textarea{position:relative!important;inset:auto!important;width:100%!important;min-height:42px;border:1px solid #25505b;background:#fffdf4}
.rl-form:has(.field-error:not(:empty)) input::placeholder,.rl-form:has(.field-error:not(:empty)) textarea::placeholder,.rl-form:has(.form-status:not(:empty)) input::placeholder,.rl-form:has(.form-status:not(:empty)) textarea::placeholder{color:#788292}
.rl-form:has(.field-error:not(:empty)) select:invalid,.rl-form:has(.form-status:not(:empty)) select:invalid{color:#788292}
.rl-form:has(.field-error:not(:empty)) .rl-placeholder,.rl-form:has(.form-status:not(:empty)) .rl-placeholder{display:none}
.rl-form:has(.field-error:not(:empty)) .contact-submit,.rl-form:has(.form-status:not(:empty)) .contact-submit{position:relative!important;inset:auto!important;background:#ffd334;min-height:48px}
.rl-form:has(.field-error:not(:empty)) .form-helper,.rl-form:has(.form-status:not(:empty)) .form-helper{position:relative!important;inset:auto!important;width:100%;margin:12px auto 0;max-width:285px}
.rl-form:has(.field-error:not(:empty)) .field-error,.rl-form:has(.form-status:not(:empty)) .form-status{position:relative!important;inset:auto!important}
.rl-mobile-text,.rl-mode-mobile-art{display:none}.rl-challenge-content{display:contents}
@media(max-width:768px){
.rl-live-type{display:none}.rl-mobile-text{display:block;font:inherit;line-height:1.35}.rl-section{gap:18px}.rl-item{font-size:18px!important}.rl-home .rl-hero-title{order:0}.rl-home .rl-hero-tagline{order:1;font-size:23px!important;font-weight:700!important}.rl-home .rl-hero-intro{order:2}.rl-home .rl-watch{order:3}.rl-home .rl-hero-social{order:4}.rl-home .rl-section-1 .rl-mobile-art{order:5}.rl-contact .rl-hero-title{order:0}.rl-home .rl-section-2 .rl-challenge-content{order:2;display:flex;flex-direction:column;gap:16px;padding:24px 18px;background:#fffbed;border-radius:26px}.rl-home .rl-section-2 .rl-challenge-content .rl-item{background:none!important;padding:0!important}.rl-home .rl-section-2 .rl-challenge-content .rl-mode{background:#ffd43c!important;padding:8px!important;border-radius:20px;font-size:16px!important}.rl-home .rl-section-2 .rl-challenge-content .rl-duration,.rl-home .rl-section-2 .rl-challenge-content .rl-difficulty{font-size:16px!important;min-height:0!important;font-weight:700!important}.rl-question,.rl-target-name{font-family:RefFredoka,Roboto,sans-serif!important;font-weight:700!important;font-size:34px!important}.rl-home .rl-section-2 .rl-challenge-content .rl-challenge-cta{font-weight:800!important;font-size:20px!important}.rl-mode-mobile-art{display:block;width:100%;height:auto;border-radius:18px;margin:0 auto 12px;max-width:480px}.rl-home .rl-how-title img,.rl-about .rl-ways-title img,.rl-contact .rl-faq-title img{max-height:75px}.rl-how-tagline{font-size:21px!important;font-weight:700!important}.rl-home .rl-step-title-1::before,.rl-home .rl-step-title-2::before,.rl-home .rl-step-title-3::before{display:block;width:38px;height:38px;border-radius:50%;background:#ffd536;color:#003c30;margin:4px auto 10px;font:700 26px/38px RefFredoka,Arial}.rl-home .rl-step-title-1::before{content:"1"}.rl-home .rl-step-title-2::before{content:"2"}.rl-home .rl-step-title-3::before{content:"3"}.rl-home .rl-section-4,.rl-about .rl-section-4,.rl-contact .rl-section-4{background:#ffd434!important}.rl-band-handle{font-size:18px!important}.rl-band-body{font-size:19px!important}.rl-contact .rl-inquiry-title{order:0}.rl-contact .rl-inquiry-title-1{order:1}.rl-contact .rl-inquiry-body-1{order:2}.rl-contact .rl-inquiry-title-2{order:3}.rl-contact .rl-inquiry-body-2{order:4}.rl-contact .rl-inquiry-title-3{order:5}.rl-contact .rl-inquiry-body-3{order:6}.rl-contact .rl-social-title{order:7}.rl-contact .rl-inquiry-social{order:8}.rl-contact .rl-social-handle{order:9}.rl-contact-mobile-friends{order:10}.rl-contact .rl-form-title{order:11;margin-bottom:-18px;border-radius:24px 24px 0 0;padding:18px 16px 6px}.rl-contact .rl-form{order:12;border-radius:0 0 24px 24px}.rl-form .form-field label{width:auto!important;max-width:none;font-size:17px}.rl-form .form-helper{font-size:14px}.rl-form .contact-submit{font-family:RefFredoka,Roboto,sans-serif;font-size:21px;font-weight:700}.rl-form .rl-submit-type{width:auto}.rl-how-link .rl-mobile-text{display:inline-block;border-bottom:2px solid #ff6734;padding-bottom:3px}.rl-footer-logo{order:0}.rl-footer-tagline{order:1}.rl-footer-nav{order:2}.rl-stay-touch{order:3}.rl-footer-social{order:4}.rl-copyright{order:5}.rl-footer-nav ul{gap:12px}.rl-footer-nav li{width:145px}.rl-footer-nav .rl-fitted-nav-link{width:auto;font-size:16px}.rl-nav .rl-fitted-nav-link{width:auto;font-size:18px}.rl-footer-social{margin-bottom:5px}
}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}.skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible;padding:12px}

/* ================================================================
   v1.1.1 responsive sizing patch
   - Wider desktop canvas (overrides per-page inline reference max-width)
   - Compact social icon groups on tablet/mobile
   ================================================================ */
@media (min-width: 1025px) {
  body .rl-page {
    width: min(1100px, calc(100vw - 64px)) !important;
    max-width: 1100px !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  body .rl-page {
    width: calc(100vw - 32px) !important;
    max-width: none !important;
  }
}

@media (max-width: 768px) {
  /* The reference renderer makes every .rl-item 100% wide on mobile.
     Social groups need their own compact width restored after that rule. */
  body .rl-page .rl-item.rl-social,
  body .rl-page .rl-item.rl-social-post {
    width: 210px !important;
    max-width: 210px !important;
    height: 56px !important;
    min-height: 56px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  body .rl-page .rl-item.rl-social-named {
    width: min(330px, calc(100vw - 40px)) !important;
    max-width: 330px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  body .rl-page .rl-item.rl-social > .rl-social,
  body .rl-page .rl-item.rl-social-post > .rl-social,
  body .rl-page .rl-item.rl-social-named > .rl-social {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width: 480px) {
  body .rl-page .rl-item.rl-social,
  body .rl-page .rl-item.rl-social-post {
    width: 180px !important;
    max-width: 180px !important;
    height: 50px !important;
    min-height: 50px !important;
  }

  body .rl-page .rl-item.rl-social-named {
    width: min(285px, calc(100vw - 32px)) !important;
    max-width: 285px !important;
    height: 42px !important;
    min-height: 42px !important;
  }
}


/* ==================================================================
   v1.1.2 brand + social control patch
   - Logo artwork is now supplied from a clean transparent master.
   - Social controls no longer grow with the widened reference canvas.
   - Mobile/tablet social rows use explicit compact dimensions.
   ================================================================== */

@media (min-width: 769px) {
  /* Keep social controls visually close to the approved reference size
     even when the page canvas itself is widened.  Center coordinates are
     preserved so their placement does not drift. */
  .rl-home .rl-hero-social {
    left: 23.951049% !important;
    width: 197px !important;
    min-height: 60px !important;
    transform: translateX(-50%) !important;
  }
  .rl-home .rl-challenge-social {
    left: 72.494172% !important;
    width: 212px !important;
    min-height: 61px !important;
    transform: translateX(-50%) !important;
  }
  .rl-home .rl-footer-social {
    left: 77.738928% !important;
    width: 292px !important;
    min-height: 45px !important;
    transform: translateX(-50%) !important;
  }

  .rl-about .rl-band-social {
    left: 50.196850% !important;
    width: 168px !important;
    min-height: 51px !important;
    transform: translateX(-50%) !important;
  }
  .rl-about .rl-footer-social {
    left: 74.261811% !important;
    width: 323px !important;
    min-height: 46px !important;
    transform: translateX(-50%) !important;
  }

  .rl-contact .rl-inquiry-social {
    left: 25.221675% !important;
    width: 187px !important;
    min-height: 58px !important;
    transform: translateX(-50%) !important;
  }
  .rl-contact .rl-footer-social {
    left: 74.334975% !important;
    width: 323px !important;
    min-height: 44px !important;
    transform: translateX(-50%) !important;
  }

  /* Child buttons fill the corrected parent geometry, not the widened page. */
  .rl-item.rl-social > .rl-social,
  .rl-item.rl-social-post > .rl-social,
  .rl-item.rl-social-named > .rl-social {
    max-width: none !important;
    margin: 0 !important;
  }
}

@media (max-width: 768px) {
  body .rl-page .rl-item.rl-social,
  body .rl-page .rl-item.rl-social-post {
    width: 156px !important;
    max-width: 156px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
    transform: none !important;
  }

  body .rl-page .rl-item.rl-social-named {
    width: min(250px, calc(100vw - 48px)) !important;
    max-width: 250px !important;
    height: 39px !important;
    min-height: 39px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
    transform: none !important;
  }

  body .rl-page .rl-item.rl-social > .rl-social,
  body .rl-page .rl-item.rl-social-post > .rl-social,
  body .rl-page .rl-item.rl-social-named > .rl-social {
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  body .rl-page .rl-item.rl-social > .rl-social img,
  body .rl-page .rl-item.rl-social-post > .rl-social img,
  body .rl-page .rl-item.rl-social-named > .rl-social img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 480px) {
  body .rl-page .rl-item.rl-social,
  body .rl-page .rl-item.rl-social-post {
    width: 144px !important;
    max-width: 144px !important;
    height: 45px !important;
    min-height: 45px !important;
  }

  body .rl-page .rl-item.rl-social-named {
    width: min(228px, calc(100vw - 40px)) !important;
    max-width: 228px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}

/* Keep the new transparent master logo crisp and fully visible. */
.rl-logo img {
  object-fit: contain !important;
  object-position: center center !important;
  image-rendering: auto;
}


/* ==================================================================
   v1.1.3 navigation + footer typography + all-page social patch
   - Primary menu always contains Today's challenge / How to play / About / Contact.
   - Footer menu uses one real web font for every link (no mixed SVG font fits).
   - Social rows/buttons use stable sizes on Home, About and Contact.
   ================================================================== */

/* One font system for every navigation link. */
.rl-nav .rl-nav-link,
.rl-footer-nav .rl-nav-link {
  font-family: RefAsap, Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.rl-nav .rl-consistent-menu,
.rl-footer-nav .rl-consistent-menu {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

@media (min-width: 769px) {
  /* The live menu now uses normal flex layout instead of four different
     reference-font SVG snippets. This also creates room for Contact on Home. */
  .rl-nav .rl-consistent-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1.55cqw !important;
    width: 100% !important;
  }
  .rl-nav .rl-consistent-menu li {
    display: block !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }
  .rl-nav .rl-nav-link {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    display: block !important;
    font-size: 1.43cqw !important;
    line-height: 1.35 !important;
    color: #082337 !important;
    padding: 0 0 .20cqw !important;
  }
  .rl-home .rl-navigation {
    left: 55.8cqw !important;
    width: 40.1cqw !important;
  }
  .rl-about .rl-navigation {
    left: 54.25cqw !important;
    width: 39.35cqw !important;
  }
  .rl-contact .rl-navigation {
    left: 53.99cqw !important;
    width: 36.95cqw !important;
  }
  .rl-nav .rl-nav-link[aria-current="page"]::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -.55cqw !important;
    height: .22cqw !important;
    border-radius: 4px !important;
    background: #ffcd25 !important;
  }
  .rl-contact .rl-nav .rl-nav-link[aria-current="page"]::after {
    background: #ff6937 !important;
  }

  /* Footer remains stacked, but every link uses the exact same font/weight. */
  .rl-footer-nav .rl-consistent-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
  }
  .rl-footer-nav .rl-consistent-menu li {
    display: block !important;
    width: 100% !important;
  }
  .rl-footer-nav .rl-nav-link {
    position: static !important;
    display: block !important;
    width: 100% !important;
    font-size: 1.36cqw !important;
    line-height: 1.55 !important;
    color: #fff !important;
    padding: 0 !important;
  }
  .rl-home .rl-footer-nav .rl-nav-link {
    font-size: 1.52cqw !important;
  }

  /* Stable social rows across every page. */
  .rl-item.rl-social:not(.rl-social-named),
  .rl-item.rl-social-post {
    width: 186px !important;
    min-height: 58px !important;
    height: 58px !important;
  }
  .rl-item.rl-social-named {
    width: 300px !important;
    min-height: 45px !important;
    height: 45px !important;
  }

  /* Preserve each group's approved center point while using fixed control size. */
  .rl-home .rl-hero-social { left: 23.951049% !important; transform: translateX(-50%) !important; }
  .rl-home .rl-challenge-social { left: 72.494172% !important; transform: translateX(-50%) !important; }
  .rl-home .rl-footer-social { left: 77.738928% !important; transform: translateX(-50%) !important; }
  .rl-about .rl-band-social { left: 50.196850% !important; transform: translateX(-50%) !important; }
  .rl-about .rl-footer-social { left: 74.261811% !important; transform: translateX(-50%) !important; }
  .rl-contact .rl-inquiry-social { left: 25.221675% !important; transform: translateX(-50%) !important; }
  .rl-contact .rl-footer-social { left: 74.334975% !important; transform: translateX(-50%) !important; }

  .rl-item.rl-social > .rl-social,
  .rl-item.rl-social-post > .rl-social,
  .rl-item.rl-social-named > .rl-social {
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .rl-item.rl-social > .rl-social img,
  .rl-item.rl-social-post > .rl-social img,
  .rl-item.rl-social-named > .rl-social img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    display: block !important;
  }
}

@media (max-width: 768px) {
  .rl-nav .rl-consistent-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }
  .rl-nav .rl-consistent-menu li,
  .rl-footer-nav .rl-consistent-menu li {
    display: block !important;
    width: auto !important;
  }
  .rl-nav .rl-nav-link {
    display: block !important;
    width: auto !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    color: #082337 !important;
    padding: 4px 8px !important;
  }
  .rl-footer-nav .rl-consistent-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px 18px !important;
  }
  .rl-footer-nav .rl-nav-link {
    display: block !important;
    width: auto !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    color: #fff !important;
    padding: 5px 4px !important;
  }

  /* Compact icon-only rows on every page. */
  body .rl-page .rl-item.rl-social,
  body .rl-page .rl-item.rl-social-post {
    width: 156px !important;
    max-width: 156px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
    transform: none !important;
  }
  /* Compact named Instagram/TikTok/YouTube footer row on every page. */
  body .rl-page .rl-item.rl-social-named {
    width: min(250px, calc(100vw - 48px)) !important;
    max-width: 250px !important;
    height: 39px !important;
    min-height: 39px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
    transform: none !important;
  }
}

@media (max-width: 480px) {
  body .rl-page .rl-item.rl-social,
  body .rl-page .rl-item.rl-social-post {
    width: 144px !important;
    max-width: 144px !important;
    height: 45px !important;
    min-height: 45px !important;
  }
  body .rl-page .rl-item.rl-social-named {
    width: min(228px, calc(100vw - 40px)) !important;
    max-width: 228px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}