/* WordPress integration, loaded after the approved page styles. */
body{overflow-x:hidden}.mt-skip{position:absolute;left:-9999px}.mt-skip:focus{left:12px;top:12px;z-index:99999;background:white;padding:12px}.admin-bar .topbar{top:32px}
main#main-content{min-height:60vh}main#main-content>.mt-wp-content{display:block!important}
.mt-wp-content{padding:60px 28px;max-width:1220px;margin:auto}.mt-wp-content h1{text-align:center;margin:0 auto 35px}.mt-wp-content input,.mt-wp-content select,.mt-wp-content textarea{max-width:100%;padding:12px;border:1px solid #dfe3ec;border-radius:10px}
.mt-notice{border-radius:12px;background:#fff4d5;color:#604914!important;padding:16px;font-size:14px!important;line-height:1.6}.mt-pending-form input:disabled,.mt-pending-form select:disabled{opacity:.65}button:disabled{cursor:not-allowed;opacity:.7}
.topbar .nav{height:auto;min-height:90px;display:grid;grid-template-columns:auto auto;gap:12px;padding-top:10px;padding-bottom:10px}.topbar .brand{grid-column:1}.topbar .brand span{display:none}.topbar .nav-actions{grid-column:2;justify-self:end}.topbar .navlinks{position:static;transform:none;grid-column:1/-1;grid-row:2;width:100%;max-width:100%;display:flex;justify-content:center;overflow:auto;white-space:nowrap;padding:5px 0}.topbar{padding-bottom:0}.topbar .navlinks a{flex:0 0 auto;font-size:13px}.topbar .navlinks a+a:before{padding:0 12px}.footer .footer-bottom{flex-wrap:wrap;white-space:normal}.footer .footer-logo img{width:100px}.footer .footer-slogan{text-align:center;max-width:none}.footer-top{justify-content:center}.footer-brand-lockup{text-align:center}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wp-element-button{border-radius:999px;background:#12c9dc;color:#101522;padding:14px 22px;font-weight:800}.woocommerce a.button.alt,.woocommerce button.button.alt{background:#101522;color:white}.woocommerce div.product .product_title{font-size:clamp(30px,4vw,42px)!important;text-align:left}.woocommerce div.product p.price{color:#101522}.woocommerce ul.products li.product{border-radius:20px;background:white;padding:20px;border:1px solid #e8eaf0}.woocommerce table.shop_table{background:white;border-radius:16px}.woocommerce-error,.woocommerce-info,.woocommerce-message{border-top-color:#12c9dc}.woocommerce form .form-row input.input-text{padding:12px}.woocommerce-MyAccount-navigation ul{padding:0;list-style:none}.woocommerce-MyAccount-navigation li a{display:block;padding:12px;color:#101522;border-bottom:1px solid #e8eaf0}.woocommerce-MyAccount-content{background:white;border-radius:20px;padding:24px}
@media(max-width:780px){.topbar .navlinks{justify-content:flex-start}.admin-bar .topbar{top:46px}.mt-wp-content{padding:35px 20px}.woocommerce ul.products li.product{width:100%!important;margin-right:0!important}.float-card{right:0!important;bottom:-15px!important}.hero-grid{gap:55px}.community-level-note{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Musical Treat account pages */
body.woocommerce-account{background:#0f1421;color:#fff}
.woocommerce-account #main-content{background:#0f1421}
.woocommerce-account .mt-wp-content{padding-top:54px;padding-bottom:64px}
.woocommerce-account .mt-wp-content h1{color:#fff;font-size:clamp(32px,5vw,52px);letter-spacing:-1.5px}
.woocommerce-account .woocommerce{display:flex;align-items:flex-start;gap:24px}
.woocommerce-account .woocommerce:before,.woocommerce-account .woocommerce:after{display:none}
.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:26%;flex-shrink:0;background:#1b2030;border:1px solid #30384c;border-radius:20px;padding:12px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{color:#fff;border:0;border-radius:12px;padding:14px 16px;font-weight:700;text-decoration:none;transition:background .15s}
.woocommerce-account .woocommerce-MyAccount-navigation li+li{margin-top:4px}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#008eef;color:#fff}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#30384c;color:#fff}
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;flex:1;min-width:0;background:#fff;color:#222838;border-radius:20px;padding:28px;border:1px solid #e8eaf0}
.woocommerce-account .woocommerce-MyAccount-content p{color:#505969;line-height:1.8}
.woocommerce-account .woocommerce-MyAccount-content a{color:#0078c9;font-weight:600}
.woocommerce-account .woocommerce-MyAccount-content h2,.woocommerce-account .woocommerce-MyAccount-content h3{color:#101522;font-size:24px;text-align:left;letter-spacing:0}
.woocommerce-account .woocommerce button.button,.woocommerce-account .woocommerce a.button{background:#ff4663;color:#fff;border:0;text-decoration:none}
.woocommerce-account .woocommerce button.button:hover,.woocommerce-account .woocommerce a.button:hover{background:#df2948;color:#fff}
.woocommerce-account .woocommerce input.input-text,.woocommerce-account .woocommerce select,.woocommerce-account .woocommerce textarea{background:#f5f6fa;color:#101522;border:1px solid #ccd2dd;border-radius:10px;min-height:46px}
.woocommerce-account .woocommerce input:focus,.woocommerce-account .woocommerce textarea:focus{outline:2px solid #008eef;outline-offset:2px}
.woocommerce-account .woocommerce label,.woocommerce-account .woocommerce legend{color:#222838}
.woocommerce-account .woocommerce form.login,.woocommerce-account .woocommerce form.register{background:#fff;color:#222838;border-radius:20px;padding:28px;border:1px solid #e8eaf0;width:100%}
.woocommerce-account .woocommerce .col2-set{width:100%}
.woocommerce-account .woocommerce .woocommerce-info,.woocommerce-account .woocommerce .woocommerce-message{background:#edf7ff;color:#222838;border-radius:12px}
@media(max-width:780px){.woocommerce-account .woocommerce{display:block}.woocommerce-account .woocommerce-MyAccount-navigation{width:100%;margin-bottom:20px;box-sizing:border-box}.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:5px}.woocommerce-account .woocommerce-MyAccount-navigation li+li{margin-top:0}.woocommerce-account .woocommerce-MyAccount-navigation li a{padding:10px 12px;font-size:13px}.woocommerce-account .woocommerce-MyAccount-content{width:100%;box-sizing:border-box;padding:20px}}

/* Sign In and Join */
.woocommerce-account #customer_login{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.woocommerce-account #customer_login:before,.woocommerce-account #customer_login:after{display:none}
.woocommerce-account #customer_login>.u-column1,.woocommerce-account #customer_login>.u-column2{float:none;width:100%;min-width:0}
.woocommerce-account #customer_login h2{color:#fff;font-size:28px;letter-spacing:0;margin:0 0 18px}
.woocommerce-account #customer_login form{box-sizing:border-box;margin:0;min-height:360px}
.woocommerce-account #customer_login p{color:#505969;line-height:1.7}
.woocommerce-account #customer_login a{color:#0078c9}
.woocommerce-account #customer_login .woocommerce-form-login__submit{background:#008eef;color:#fff}
.woocommerce-account #customer_login .woocommerce-form-register__submit{background:#ff4663;color:#fff}
.woocommerce-account #customer_login input{width:100%;box-sizing:border-box}
.woocommerce-account #customer_login input[type=checkbox]{width:auto;min-height:0}
@media(max-width:780px){.woocommerce-account #customer_login{grid-template-columns:1fr}.woocommerce-account #customer_login form{min-height:0}}

/* Requested centered account titles and Join action. */
.woocommerce-account #customer_login h2{text-align:center;}
.woocommerce-account #customer_login form.register>p:last-of-type{text-align:center;}
.woocommerce-account #customer_login .woocommerce-form-register__submit{display:block;float:none;margin:20px auto 0;}
.woocommerce-account #customer_login .mt-private-profile{border:0;padding:0;margin:22px 0;min-width:0;}
.woocommerce-account #customer_login .mt-private-profile legend{font-size:20px;margin-bottom:10px;}
.woocommerce-account #customer_login .mt-private-profile select{width:100%;box-sizing:border-box;}

/* Account title and Sign In alignment. */
.woocommerce-account #main-content h1{text-align:center;}
.woocommerce-account #customer_login>.u-column1 h2{color:#008eef!important;text-align:center;}
.woocommerce-account #customer_login .woocommerce-form-login__submit{background:#008eef!important;color:#fff!important;border-color:#008eef!important;order:1;float:none;}
.woocommerce-account #customer_login form.login>p.form-row:not(.woocommerce-form-row){display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.woocommerce-account #customer_login .woocommerce-form-login__rememberme{order:2;margin-left:auto;float:none;}

/* Match account heading to the other Musical Treat pages. */
.woocommerce-account .mt-account-heading{text-align:center;margin:0 auto 32px;}
.woocommerce-account .mt-account-heading .kicker{color:var(--cyan,#12c9dc);font-size:13px;font-weight:800;letter-spacing:.08em;margin:0 0 12px;}
.woocommerce-account .mt-account-heading h1{font-size:var(--page-title-size,clamp(30px,4vw,42px))!important;line-height:1.12!important;margin:0!important;text-align:center;}
.woocommerce-account #customer_login>.u-column1>h2{display:none;}
.woocommerce-account #customer_login>.u-column2>h2{text-align:center;font-size:24px;}

/* Centered yellow Sign In, Remember Me, and password recovery. */
.woocommerce-account #customer_login form.login>p.form-row:not(.woocommerce-form-row){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;}
.woocommerce-account #customer_login .woocommerce-form-login__submit{order:1;display:block;float:none;margin:0 auto;background:#ffc42d!important;color:#111522!important;border-color:#ffc42d!important;}
.woocommerce-account #customer_login .woocommerce-form-login__rememberme{order:2;float:none;display:block;margin:0 auto;text-align:center;}
.woocommerce-account #customer_login .woocommerce-LostPassword{text-align:center;clear:both;}

/* Shared Musical Treat rhythm and typography. */
body,input,select,textarea,button{font-family:Manrope,"DM Sans",sans-serif!important}
main .section{padding-top:48px;padding-bottom:48px}main .section-head{text-align:center;margin:0 auto 28px;max-width:900px}
main .section-head h1,main .section-head h2,.mt-wp-content>h1,.wp-block-woocommerce-cart h1{font-size:clamp(30px,4vw,42px)!important;line-height:1.12!important}
body[data-page="privacy"] main h2{font-size:24px!important;line-height:1.3!important;margin-top:28px}
.footer .footer-brand-lockup{display:flex;flex-direction:column;align-items:center;gap:22px}.footer .footer-logo{display:block;margin:0}.footer .footer-logo img{display:block;width:140px;height:auto;object-fit:contain}.footer .footer-slogan{margin:0!important;line-height:1.6}.footer .footer-top{margin-bottom:24px}.footer-email{text-align:center;margin:20px 0}.footer-email a{color:inherit}.footer .footer-bottom{margin-top:20px}
.mt-membership-status{text-align:center}.woocommerce-account .woocommerce-MyAccount-content .mt-membership-status h2{text-align:center}
.woocommerce-cart .mt-wp-content h1,.woocommerce-checkout .mt-wp-content h1{text-align:center;font-size:clamp(30px,4vw,42px)!important}.woocommerce-cart .wc-block-cart__empty-cart__title{font-size:24px!important}.woocommerce-cart .wc-block-product-new,.woocommerce-cart .wp-block-woocommerce-product-new{display:none!important}
#send .song-form{position:relative;z-index:1}#send input,#send select{min-height:48px;font-size:16px;max-width:100%;box-sizing:border-box}.mt-mobile-menu-toggle{display:none}
@media(max-width:780px){.mt-mobile-menu-toggle{display:block;background:#12c9dc;color:#111522;border:0;border-radius:8px;padding:10px 14px;font:inherit;font-weight:800}.topbar .navlinks{display:none!important;width:100%;overflow:visible!important;flex-direction:column;align-items:stretch;white-space:normal}.topbar .navlinks.mt-menu-open{display:flex!important}.topbar .navlinks a{padding:12px;font-size:16px}.topbar .navlinks a+a:before{display:none}.topbar .nav{flex-wrap:wrap}.topbar{position:relative!important}main .section{padding-top:32px;padding-bottom:32px}.footer .footer-logo img{width:120px}}

body[data-page="privacy"] .document-shell,body[data-page="contact"] .document-shell,body[data-page="sitemap"] .document-shell{max-width:1000px}body[data-page="privacy"] .document-shell>h1,body[data-page="contact"] .document-shell>h1,body[data-page="sitemap"] .document-shell>h1{text-align:center}body[data-page="privacy"] .document-shell>.kicker,body[data-page="contact"] .document-shell>.kicker,body[data-page="sitemap"] .document-shell>.kicker{text-align:center;color:#12c9dc} .woocommerce-cart .wp-block-woocommerce-empty-cart-block>.wp-block-heading:not(.wc-block-cart__empty-cart__title){display:none}
/* Compact short document pages and consistent popup actions. */
body[data-page="contact"] main#main-content,body[data-page="sitemap"] main#main-content,body[data-page="contact"] main .document-page,body[data-page="sitemap"] main .document-page{min-height:0!important}body[data-page="contact"] .document-shell{text-align:center}.mt-point-dialog .mt-close-point{border:1px solid #ccd2dd;border-radius:999px;padding:12px 18px;background:#fff;color:#111522;font:inherit;font-weight:700;cursor:pointer}.mt-point-dialog .mt-no-point{color:#111522!important;border-color:#8991a0!important}

/* Keep the account dashboard focused on membership and points. */
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content > p:nth-of-type(-n+2){display:none}
.woocommerce-account.woocommerce-dashboard .mt-membership-status > p:last-child{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}

/* Blue divider above the dashboard membership summary. */
.woocommerce-account.woocommerce-dashboard .mt-membership-status:first-of-type{border-top:3px solid #008eef;padding-top:20px}
.woocommerce-account.woocommerce-dashboard .mt-membership-status:first-of-type h2{margin-top:0}

/* Compact footer with a separate contact strip. */
.mt-footer-contact{background:#eef0f5;color:#000;padding:14px 0;font-family:Manrope,'DM Sans',sans-serif;text-align:center}
.mt-footer-contact p{margin:0;font-size:14px;line-height:1.5}
.mt-footer-contact a{color:#000;font:inherit;font-weight:700;letter-spacing:.08em;text-underline-offset:3px}
footer.footer.mt-footer-compact{padding:24px 0 18px;font-family:Manrope,'DM Sans',sans-serif}
footer.footer.mt-footer-compact .foot{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px 32px;align-items:center;text-align:left}
footer.footer.mt-footer-compact .footer-top{margin:0;padding:0;justify-content:flex-start;border:0}
footer.footer.mt-footer-compact .footer-brand-lockup{width:auto;align-items:flex-start;gap:0;text-align:left}
footer.footer.mt-footer-compact .footer-logo{margin:0;text-align:left}
footer.footer.mt-footer-compact .footer-logo img{width:120px;height:auto;margin:0}
footer.footer.mt-footer-compact .footlinks{justify-content:flex-end;gap:12px}
footer.footer.mt-footer-compact .footlinks a,footer.footer.mt-footer-compact .footlinks span{font-family:inherit;font-size:14px;line-height:1.5;color:#fff}
footer.footer.mt-footer-compact .footlinks a:hover,.mt-footer-contact a:hover{color:#12c9dc}
footer.footer.mt-footer-compact .footer-bottom{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;white-space:normal;margin:0;padding:16px 0 0;border-top:1px solid #343949;color:#c9cedb;font-size:12px;line-height:1.5;text-align:left}
footer.footer.mt-footer-compact .pixoet-credit{width:auto;margin:0;display:inline-flex;flex-direction:row;gap:4px}
footer.footer.mt-footer-compact .pixoet-credit,footer.footer.mt-footer-compact .pixoet-credit span,footer.footer.mt-footer-compact .pixoet-credit a{font-family:inherit;font-size:12px;font-weight:400;line-height:1.5;color:#c9cedb;text-align:left}
footer.footer.mt-footer-compact .pixoet-credit span,footer.footer.mt-footer-compact .pixoet-credit a{display:inline;margin:0}
@media(max-width:600px){footer.footer.mt-footer-compact .foot{grid-template-columns:1fr;gap:18px}footer.footer.mt-footer-compact .footer-logo img{width:100px}footer.footer.mt-footer-compact .footlinks{justify-content:flex-start;gap:10px}footer.footer.mt-footer-compact .footer-bottom{gap:10px}}

/* Shared light content layout for all interior pages. */
body:not([data-page="home"]) #main-content{background:#f6f7fb!important;color:#111522!important}
body:not([data-page="home"]) #main-content>.section,body:not([data-page="home"]) #main-content>.mt-wp-content,body:not([data-page="home"]) #main-content .mt-contest-launch{background:#f6f7fb!important;color:#111522!important}
body:not([data-page="home"]) #main-content h1,body:not([data-page="home"]) #main-content h2,body:not([data-page="home"]) #main-content h3,body:not([data-page="home"]) #main-content h4{color:#111522!important}
body:not([data-page="home"]) #main-content .section-head,body:not([data-page="home"]) #main-content .share-grid>div:first-child,body:not([data-page="home"]) #main-content .document-shell{color:#111522!important}
body:not([data-page="home"]) #main-content p:not(.mt-notice),body:not([data-page="home"]) #main-content .plan-desc,body:not([data-page="home"]) #main-content .community-preview-note{color:#50586b!important}
body:not([data-page="home"]) #main-content .kicker{color:#12c9dc}
body:not([data-page="home"]) #main-content p a:not(.btn):not(.button),body:not([data-page="home"]) #main-content .document-shell a:not(.btn):not(.button){color:#006ca8}

body:not([data-page="home"]) #main-content :is(#community,#leaderboard,#plans,#account,#merch,#privacy,#sitemap,#contact,#profile) .section-head :is(h1,h2){color:#111522!important}
body:not([data-page="home"]) #main-content :is(#community,#leaderboard,#plans,#account,#merch,#privacy,#sitemap,#contact,#profile) .section-head p{color:#50586b!important}
body:not([data-page="home"]) #main-content :is(#send,#community,#leaderboard,#plans,#account,#merch,#privacy,#sitemap,#contact,#profile) .kicker{color:#12c9dc!important}

/* Use the same typeface for site text and controls. */
body[data-page]{font-family:Manrope,'DM Sans',sans-serif}
body[data-page] :is(.topbar,#main-content,.mt-footer-contact,.footer){font-family:Manrope,'DM Sans',sans-serif}
body[data-page] :is(.topbar,#main-content,.mt-footer-contact,.footer) :is(h1,h2,h3,h4,h5,h6,p,li,a,button,input,select,textarea,label,small,strong,b,summary,dt,dd,th,td){font-family:Manrope,'DM Sans',sans-serif!important}

/* Linked stacked Pixoet credit and dedication. */
footer.footer.mt-footer-compact .foot{grid-template-columns:120px minmax(0,1fr) auto;align-items:start}
footer.footer.mt-footer-compact .footlinks{justify-content:center;align-self:start;padding-top:49px}
footer.footer.mt-footer-compact .mt-pixoet-credit{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#c9cedb;font-size:12px;line-height:1.5}
footer.footer.mt-footer-compact .mt-pixoet-created{white-space:nowrap}
footer.footer.mt-footer-compact .mt-pixoet-lockup{display:flex;flex-direction:column;align-items:center;gap:12px}
footer.footer.mt-footer-compact .mt-pixoet-logo-link{display:block;position:relative;overflow:hidden;width:120px;height:118.56px;mix-blend-mode:lighten}
footer.footer.mt-footer-compact .mt-pixoet-logo-link img{display:block;position:absolute;width:174px;max-width:none;height:auto;left:-28px;top:-28px;margin:0}
footer.footer.mt-footer-compact .mt-pixoet-logo-link:focus-visible{outline:2px solid #12c9dc;outline-offset:4px}
footer.footer.mt-footer-compact .mt-pixoet-dedication{margin:0;color:#fff;font-family:Manrope,'DM Sans',sans-serif;font-size:10px;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap}
@media(max-width:700px){footer.footer.mt-footer-compact .foot{grid-template-columns:100px minmax(0,1fr);gap:18px 20px}footer.footer.mt-footer-compact .footer-logo img{width:100px}footer.footer.mt-footer-compact .mt-pixoet-credit{grid-column:2;grid-row:1;gap:8px}footer.footer.mt-footer-compact .footlinks{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-top:0}footer.footer.mt-footer-compact .mt-pixoet-logo-link{width:100px;height:98.8px}footer.footer.mt-footer-compact .mt-pixoet-logo-link img{width:145px;left:-23.33px;top:-23.33px}}

footer.footer.mt-footer-compact .footer-bottom .mt-footer-dedication{margin-left:auto;font:inherit;color:inherit;text-align:right;white-space:nowrap}


/* Homepage design system, shared across all Musical Treat pages. 2026-10-22. */
:root{--mt-font:Manrope,'DM Sans',sans-serif;--mt-title:clamp(30px,4vw,42px);--mt-section:24px;--mt-card:20px;--mt-body:16px;--mt-small:14px;--ink:#111522;--paper:#f6f7fb;--cyan:#12c9dc;--coral:#ff4663;--yellow:#ffc42d;--line:#e8eaf0;--title-font:var(--mt-font);--page-title-size:var(--mt-title)}
body[data-page] :is(.topbar,#main-content,.mt-footer-contact,.footer){font-family:var(--mt-font);font-size:var(--mt-body)}
body[data-page] #main-content :is(h1,h2,h3,h4,h5,h6){font-family:var(--mt-font)!important;font-weight:800!important;font-style:normal!important;text-transform:uppercase!important;letter-spacing:-.035em!important;line-height:1.2!important}
body[data-page] #main-content h1{font-size:var(--mt-title)!important;line-height:1.12!important}
body[data-page] #main-content h2{font-size:var(--mt-section)!important}
body[data-page] #main-content h3{font-size:var(--mt-card)!important}
body[data-page] #main-content :is(h4,h5,h6){font-size:16px!important}
body[data-page] #main-content :is(.section-head h2,.leaderboard-header h2,#send .share-grid>div:first-child h2,.mt-contest-launch h2){font-size:var(--mt-title)!important;line-height:1.12!important}
body[data-page] #main-content :is(.merch-card h2,.community-card-head h2,.form-title h2){font-size:var(--mt-card)!important}
body[data-page] #main-content :is(p,.document-lead,.hero-copy){font-size:var(--mt-body)!important;line-height:1.7!important}
body[data-page] #main-content :is(.step p,.plan-desc,.plan li,.merch-card p,.hint,.mt-notice,.document-note,.document-date,.leaderboard-note,.community-level-note,.mt-game-card p){font-size:var(--mt-small)!important;line-height:1.6!important}
body[data-page] #main-content :is(.section-head .kicker,.document-shell>.kicker,#send .share-grid>div:first-child>.kicker){font-size:11px!important;line-height:1.5!important;letter-spacing:.14em!important;font-weight:800!important;text-transform:uppercase!important;color:var(--cyan)!important}
body[data-page] #main-content :is(input,select,textarea){font-family:var(--mt-font)!important;font-size:16px!important;line-height:1.5!important}
body[data-page] #main-content :is(.btn,.button,button[type=submit],.wp-element-button){font-family:var(--mt-font)!important;font-size:14px!important;font-weight:800!important;line-height:1.4!important;text-decoration:none!important;border-radius:999px}
body[data-page] .topbar .btn{text-decoration:none!important}
body[data-page] #main-content :is(.btn-cyan,.btn-yellow,.btn-pink,.btn-coral,.btn-dark,.button):focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
body[data-page] #main-content .btn-yellow{background:var(--yellow);color:var(--ink)}
body[data-page] #main-content :is(.price,.price small,.leader-points){font-family:var(--mt-font)!important}
body[data-page] #main-content :is(.step,.plan,.merch-card,.mt-game-card,.song-form,.woocommerce-MyAccount-content){border-radius:22px}
body[data-page] #main-content .mt-contest-launch h2{max-width:850px;margin-left:auto;margin-right:auto}
@media(max-width:650px){body[data-page] #main-content :is(h1,.section-head h2,.leaderboard-header h2,#send .share-grid>div:first-child h2,.mt-contest-launch h2){overflow-wrap:break-word}body[data-page] #main-content .section{padding-top:40px!important;padding-bottom:40px!important}}

/* Give the wordmark enough room on narrow phones, on every page. */
@media(max-width:600px){
 body[data-page] .mt-hybrid-header .nav{grid-template-columns:minmax(0,1fr);grid-template-rows:78px 44px auto;gap:6px 0;padding-top:8px;padding-bottom:6px}
 body[data-page] .mt-hybrid-header .mt-home-wordmark{grid-column:1;grid-row:1;justify-self:center;width:250px;height:78px;max-width:100%}
 body[data-page] .mt-hybrid-header .mt-header-note-field{display:none}
 body[data-page] .mt-hybrid-header .nav-actions{grid-column:1;grid-row:2;justify-self:center;justify-content:center;flex-wrap:nowrap;max-width:100%;gap:8px}
 body[data-page] .mt-hybrid-header .mt-home-menu{grid-column:1;grid-row:3;min-width:0}
}
