/* Colorful championship lettering. All fonts work offline. */
@font-face{font-family:PopSoft;src:url('fonts/pop-soft-text61.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:PopChamp;src:url('fonts/pop-soft-title61.woff') format('woff');font-weight:600 900;font-display:swap}
body.royal-theme,body.royal-theme :is(input,select,textarea){font-family:PopSoft,system-ui,sans-serif;color:#c2e9ee}
body.royal-theme :is(h1,h2,h3,button,.brand,.player strong,.round b,.play-big,.eyebrow,.mini-label,.section-kicker,.mode-card b,.shop-item>b){font-family:PopChamp,system-ui,sans-serif!important;font-weight:800;letter-spacing:.015em}
body.royal-theme :is(h1,h2){color:#ffd06b!important;text-shadow:0 2px 0 #895333,0 4px 0 #0c203c}
body.royal-theme h3{color:#80eed7!important;text-shadow:0 2px 0 #143e51}
body.royal-theme :is(.eyebrow,.mini-label,.section-kicker){color:#ffb99b;font-size:11px;letter-spacing:.13em}
body.royal-theme button{font-size:14px;color:#acefea;text-shadow:0 2px #153655}
body.royal-theme :is(button.primary,.play-big){color:#71382b;text-shadow:0 1px #ffd984}
body.royal-theme button.secondary{color:#a6eee1}
body.royal-theme button.close{color:#ffdaa0}
body.royal-theme dialog h2{font-size:clamp(32px,6vw,46px);line-height:1.06}
body.royal-theme dialog h3{font-size:26px}
body.royal-theme dialog :is(p,label,small){font-family:PopSoft,system-ui,sans-serif;color:#b9dce5}
body.royal-theme .mode-card b{font-size:18px;color:#ffcf77}
body.royal-theme .shop-item>b{font-size:19px;color:#ffcc7e}
body.royal-theme .lobby-heading h1{color:#ffd477!important}
body.royal-theme .lodge-hero .hero-copy h2{color:#ffc779!important;font-family:PopChamp,system-ui,sans-serif!important}
body.royal-theme .lodge-hero .hero-copy h2 em{color:#84ecd9}
body.royal-theme [data-ui-icon]{--icon-paint:linear-gradient(#ffe18b,#ff9e48)}
body.royal-theme [data-ui-icon=shield]{--icon-paint:linear-gradient(#8cffd9,#31c3ae)}
body.royal-theme [data-ui-icon=shop]{--icon-paint:linear-gradient(#ffc090,#ff7a69)}
body.royal-theme [data-ui-icon=profile]{--icon-paint:linear-gradient(#e5b6ff,#b08aff)}
body.royal-theme [data-ui-icon=home]{--icon-paint:linear-gradient(#ffe69b,#f2b54a)}
body.royal-theme [data-ui-icon=chat]{--icon-paint:linear-gradient(#98fff0,#40c4e3)}
body.royal-theme [data-ui-icon=gear]{--icon-paint:linear-gradient(#d5c2ff,#9c91f4)}
body.royal-theme [data-ui-icon=dart]{--icon-paint:linear-gradient(#8ff5f5,#38b9d5)}
body.royal-theme [data-ui-icon=refresh]{--icon-paint:linear-gradient(#c4ffa4,#70d89d)}
body.royal-theme [data-ui-icon=eye]{--icon-paint:linear-gradient(#ffb7d1,#e786ba)}
body.royal-theme button[data-ui-icon]::before{background:var(--icon-paint);filter:drop-shadow(0 2px 1px #071d39aa)}
body.royal-theme :is(button.primary,#introEnter)[data-ui-icon]::before{background:linear-gradient(#a64b33,#62312e);filter:none}
body.royal-theme .bottom-nav button{font-size:12px;color:#b7dce7}
body.royal-theme .bottom-nav button.active{color:#ffce75}
body.royal-theme .mode-symbol{color:#85f4db;background:linear-gradient(#3f7387,#224960)}
body.royal-theme .mode-symbol svg{stroke:#85f4db;filter:drop-shadow(0 2px 1px #0a2037)}
body.royal-theme #brandIntro{color:#ffd279}
body.royal-theme #brandIntro .intro-copy h1,body.royal-theme #brandIntro #introTitle{font-family:PopChamp,system-ui,sans-serif!important;font-size:clamp(76px,12vw,150px)!important;line-height:.94!important;letter-spacing:-.025em!important;text-shadow:0 3px #9d5435,0 7px #1b2851,0 12px 22px #06142a!important}
body.royal-theme #brandIntro #introTitle span{color:#ffd05e!important;-webkit-text-fill-color:#ffd05e!important;background:none!important}
body.royal-theme #brandIntro #introTitle em{color:#ff9476!important;-webkit-text-fill-color:#ff9476!important;background:none!important;font-style:normal!important}
body.royal-theme #brandIntro #introTitle strong{display:table;font-family:PopChamp,system-ui,sans-serif!important;font-size:clamp(27px,4vw,43px)!important;letter-spacing:.2em!important;line-height:1.1;color:#79f2d9!important;-webkit-text-fill-color:#79f2d9!important;background:linear-gradient(#23496b,#153554)!important;border:2px solid #70d4c0!important;border-bottom:4px solid #102941!important;border-radius:14px;padding:8px 22px!important;text-shadow:0 2px #0d333f!important;margin:16px auto 0!important}
body.royal-theme #brandIntro #introTagline{font-family:PopChamp,system-ui,sans-serif!important;font-size:clamp(21px,3vw,28px)!important;line-height:1.35!important;color:#ffce83!important;text-shadow:0 2px 4px #132440!important}
body.royal-theme #brandIntro .intro-kicker{font-family:PopChamp,system-ui,sans-serif!important;font-size:14px!important;letter-spacing:.06em!important;color:#7cf2dc!important;max-width:340px!important}
body.royal-theme #brandIntro .intro-topline>span{font-family:PopChamp,system-ui,sans-serif;color:#ffca78;font-size:13px;letter-spacing:.08em}
body.royal-theme #brandIntro .intro-caption{font-family:PopChamp,system-ui,sans-serif;color:#82eadc!important;font-size:13px;letter-spacing:.12em}
body.royal-theme #brandIntro .intro-footer{color:#ffa78c!important;font-family:PopChamp,system-ui,sans-serif;font-size:12px}
body.royal-theme #brandIntro .intro-edition,body.royal-theme #brandIntro .intro-edition i{color:#ffd476!important;font-family:PopChamp,system-ui,sans-serif}
body.royal-theme #brandIntro #introSkip{color:#90f2df!important;font-family:PopChamp,system-ui,sans-serif;font-size:14px}
body.royal-theme #brandIntro #introEnter,body.royal-theme #brandIntro #introEnter span{color:#733c2e!important;-webkit-text-fill-color:#733c2e!important;font-family:PopChamp,system-ui,sans-serif;font-size:19px}
@media(max-width:600px){body.royal-theme #brandIntro #introTitle{font-size:clamp(68px,16vw,105px)!important}body.royal-theme #brandIntro .intro-copy{min-width:0}body.royal-theme dialog h2{font-size:35px}body.royal-theme .controls>.primary{font-size:18px}body.royal-theme .shop-item button{font-size:13px}body.royal-theme .mobile-actions button{font-size:11px}}
@media(max-width:360px){body.royal-theme #brandIntro #introTitle{font-size:64px!important}body.royal-theme #brandIntro #introTagline{font-size:19px!important}}