/* Compact native lobby. Older themes never match these selectors. */
html[data-rio-theme]{--rio-panel-radius:.625rem;--rio-control-radius:.5rem;--rio-card-radius:.5rem;background:var(--rio-bg);color:var(--rio-text);color-scheme:dark}
html[data-rio-theme="ArcticPearl"],html[data-rio-theme="RoseQuartz"]{color-scheme:light}
html[data-rio-theme="ObsidianGold"]{--rio-panel-radius:.375rem;--rio-control-radius:.25rem;--rio-card-radius:.375rem}
html[data-rio-theme="AuroraMint"]{--rio-panel-radius:1rem;--rio-control-radius:.75rem;--rio-card-radius:.75rem}
html[data-rio-theme="CyberViolet"],html[data-rio-theme="SolarAmber"]{--rio-panel-radius:.25rem;--rio-control-radius:.25rem;--rio-card-radius:.25rem}
html[data-rio-theme="CoralSunset"],html[data-rio-theme="RoseQuartz"]{--rio-panel-radius:.875rem;--rio-control-radius:.625rem;--rio-card-radius:.625rem}
html[data-rio-theme="ArcticPearl"],html[data-rio-theme="JadeImperial"]{--rio-panel-radius:.75rem;--rio-control-radius:.5rem;--rio-card-radius:.5rem}
html[data-rio-theme="RubyNoir"]{--rio-panel-radius:.5rem;--rio-control-radius:.375rem;--rio-card-radius:.375rem}
html[data-rio-theme="OceanSapphire"]{--rio-panel-radius:.875rem;--rio-control-radius:.75rem;--rio-card-radius:.625rem}
html[data-rio-theme] body{background:var(--rio-bg);color:var(--rio-text)}
html[data-rio-theme] :is(button,a,input,select,textarea,[role="button"]):focus-visible{outline:2px solid var(--rio-accent);outline-offset:2px}
html[data-rio-theme] .main-page{background:var(--rio-bg)}
html[data-rio-theme] .main-page ion-content{--background:var(--rio-bg);--padding-bottom:.5rem}
html[data-rio-theme] .main-page ion-header{background:var(--rio-surface);border-bottom:1px solid var(--rio-border);box-shadow:0 2px 8px #0001}
html[data-rio-theme] .rio-toolbar{--background:var(--rio-surface);--color:var(--rio-text);--min-height:2.625rem;border:0!important}
html[data-rio-theme] .rio-toolbar .logo-wrap{height:1.625rem;max-width:7.5rem}
html[data-rio-theme] .rio-toolbar .logo{height:100%;max-height:1.625rem;object-fit:contain}
html[data-rio-theme] .pwa-header-wrap{height:2rem!important;min-height:2rem!important;background:var(--rio-raised)!important;color:var(--rio-text);border-bottom:1px solid var(--rio-border);padding:.1875rem .5rem!important}
html[data-rio-theme] .pwa-header-wrap .pwa-name{font-size:.5625rem!important;line-height:1.25!important}
html[data-rio-theme] .pwa-header-wrap .pwa-icon-wrap{width:1.5rem!important;height:1.5rem!important;margin:0 .375rem!important}
html[data-rio-theme] .pwa-header-wrap .pwa-money{width:1.625rem!important;height:1.625rem!important}
html[data-rio-theme] .pwa-header-wrap .btn-default{background:var(--rio-accent)!important;color:var(--rio-on-accent)!important;border-radius:var(--rio-control-radius)!important;height:1.5rem!important;min-height:1.5rem!important;min-width:4.5rem!important;padding:0 .5rem!important}
html[data-rio-theme] .pwa-header-wrap .btn-text{font-size:.625rem!important}
.rio-banner{position:relative;isolation:isolate;height:8.125rem;margin:.5rem .625rem 0;border:1px solid var(--rio-border);border-radius:var(--rio-panel-radius);overflow:hidden;color:var(--rio-text);background:var(--rio-surface)}
.rio-banner-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.rio-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--rio-bg),color-mix(in srgb,var(--rio-bg) 85%,transparent) 38%,transparent 88%);z-index:-1}
.rio-banner-copy{height:100%;display:flex;flex-direction:column;justify-content:center;padding:.75rem .875rem;width:65%}
.rio-banner-kicker{font-size:.4375rem;font-weight:700;letter-spacing:.17em;color:var(--rio-accent)}
.rio-banner h2{font-size:1.375rem!important;line-height:1.06!important;letter-spacing:-.045em;margin:.375rem 0 .3125rem!important;font-weight:750;text-wrap:balance;color:var(--rio-text)}
.rio-banner p{font-size:.5625rem!important;line-height:1.4!important;color:var(--rio-muted);margin:0!important;max-width:11.5rem}
.rio-banner-edition{position:absolute;right:.625rem;bottom:.4375rem;letter-spacing:.13em;font-size:.375rem;text-transform:uppercase;color:var(--rio-muted)}
html[data-rio-theme="ObsidianGold"] .rio-banner h2,html[data-rio-theme="CoralSunset"] .rio-banner h2,html[data-rio-theme="JadeImperial"] .rio-banner h2,html[data-rio-theme="RoseQuartz"] .rio-banner h2{font-family:Georgia,serif;font-weight:400}
html[data-rio-theme="CyberViolet"] .rio-banner{border-left:3px solid var(--rio-secondary)}
html[data-rio-theme="CyberViolet"] .rio-banner h2,html[data-rio-theme="SolarAmber"] .rio-banner h2{text-transform:uppercase;font-size:1.1875rem!important;letter-spacing:-.025em}
html[data-rio-theme="CoralSunset"] .rio-banner h2{font-style:italic}
html[data-rio-theme="JadeImperial"] .rio-banner{border-radius:1.75rem 1.75rem .5rem .5rem}
html[data-rio-theme="OceanSapphire"] .rio-banner{border-radius:1.25rem .375rem 1.25rem .375rem}
html[data-rio-theme="SolarAmber"] .rio-banner{border-color:var(--rio-accent)}
html[data-rio-theme="ArcticPearl"] .rio-banner,html[data-rio-theme="RoseQuartz"] .rio-banner{box-shadow:0 3px 12px color-mix(in srgb,var(--rio-text) 6%,transparent);border-color:transparent}
html[data-rio-theme] .rio-promotions{display:flex;gap:.375rem;height:4.125rem;max-height:4.125rem;overflow:hidden}
html[data-rio-theme] .rio-promotions>.item-image{flex:1;min-width:0;width:49%!important;height:100%!important}
html[data-rio-theme] .rio-promotions>.column-wrap{flex:1;min-width:0;width:49%!important;height:100%!important;display:flex;flex-direction:column;gap:.25rem}
html[data-rio-theme] .rio-promotions>.column-wrap>.item-image{width:100%!important;height:calc(50% - .125rem)!important;min-height:0}
html[data-rio-theme] .rio-promotions :is(img,ion-img){width:100%;height:100%;object-fit:cover;border-radius:var(--rio-control-radius)}
html[data-rio-theme] .rio-announcement{font-size:.625rem;color:var(--rio-muted);width:calc(100% - 1.25rem)!important;box-sizing:border-box}
html[data-rio-theme] .rio-announcement .megaphone-wrapper{min-width:0;flex:1}
html[data-rio-theme] .rio-announcement :is(.marquee,.marquee-content){font-size:.625rem;line-height:1.875rem}
html[data-rio-theme] .rio-account{position:relative;background:linear-gradient(115deg,var(--rio-surface),var(--rio-raised))!important;box-shadow:none;overflow:hidden}
html[data-rio-theme] .rio-account .img-bg{display:none}
html[data-rio-theme] .rewardTag .tag{background:var(--rio-raised)!important;border:1px solid var(--rio-border);color:var(--rio-accent);box-shadow:none}
html[data-rio-theme] .rio-account .log-out-box{height:2rem;display:flex;align-items:center;gap:.375rem}
html[data-rio-theme] .rio-account .account-icon{width:1.5rem!important;height:1.5rem!important;object-fit:contain}
html[data-rio-theme] .rio-account .scroll-box{height:3rem!important;overflow:visible!important;min-width:0}
html[data-rio-theme] .rio-account .list-box{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem!important;width:100%;height:3rem;margin:0;padding:0;overflow:visible}
html[data-rio-theme] .rio-account .card-button{width:auto!important;min-width:0!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.1875rem;padding:.25rem!important}
html[data-rio-theme] .rio-account .card-button .label{font-size:.625rem!important;line-height:1.15!important;white-space:nowrap;height:auto;width:auto;min-width:0;order:2}
html[data-rio-theme] .rio-account .card-button::before{content:none!important}
html[data-rio-theme] .rio-account .card-button::after{background:radial-gradient(ellipse at 100% 100%,var(--rio-accent),transparent 80%)!important;opacity:.14}
html[data-rio-theme] .rio-account .button-box ion-button{--border-radius:var(--rio-control-radius);--background:var(--rio-accent);--color:var(--rio-on-accent);height:2rem;font-size:.6875rem}
html[data-rio-theme] .rio-account :is(.account,.user-name,.nickname){font-size:.6875rem;line-height:1.25}
html[data-rio-theme] .rio-account :is(.avatar,.avatar-wrap){width:1.75rem;height:1.75rem}
html[data-rio-theme] .rio-account :is(.card-wrap,.card-wrapper){gap:.375rem;margin-top:.375rem!important}
html[data-rio-theme] .rio-account :is(.card-button,.card-item){min-height:3rem;height:3rem;background:var(--rio-raised)!important;border:1px solid var(--rio-border);border-radius:var(--rio-control-radius);overflow:hidden}
html[data-rio-theme] .rio-account :is(.card-button,.card-item) :is(img,ion-img){width:1.5rem!important;height:1.5rem!important;object-fit:contain}
html[data-rio-theme] .rio-providers{min-height:4.125rem;align-items:stretch;margin-bottom:0!important}
html[data-rio-theme] .rio-providers :is(.nav-item,.segment-nav,.button-item){min-height:3.625rem;background:var(--rio-surface);border:1px solid var(--rio-border);border-radius:var(--rio-control-radius);box-shadow:none}
html[data-rio-theme] .rio-providers ion-segment-button{--border-radius:var(--rio-control-radius);--color:var(--rio-muted);--color-checked:var(--rio-on-accent);--background-checked:var(--rio-accent);min-height:3.625rem;min-width:4rem!important;max-width:4.25rem;flex:0 0 4.25rem;margin-right:.375rem}
html[data-rio-theme] .rio-providers .btn-wall{width:100%!important;height:3.625rem!important;min-width:0;border:1px solid var(--rio-border);border-radius:var(--rio-control-radius);background:var(--rio-surface);padding:.25rem;box-sizing:border-box}
html[data-rio-theme] .rio-providers .type-img{width:1.375rem!important;height:1.375rem!important}
html[data-rio-theme] .rio-providers .label{font-size:.625rem!important;line-height:1.2!important;margin:0!important}
html[data-rio-theme] .rio-providers .sub-label{font-size:.4375rem!important;line-height:1.25!important;color:var(--rio-muted);margin:0!important}
html[data-rio-theme] .rio-account .account .label{background:transparent!important;color:var(--rio-muted)!important;font-size:.625rem!important}
html[data-rio-theme] .rio-games .game-head .label{font-size:.8125rem!important;line-height:1.2!important}
html[data-rio-theme] .rio-games .game-card{border:1px solid var(--rio-border);border-radius:var(--rio-card-radius)!important;overflow:hidden;background:var(--rio-surface)}
html[data-rio-theme] .rio-games .game-item{border:1px solid var(--rio-border);border-radius:var(--rio-card-radius)!important;overflow:hidden;box-shadow:0 2px 7px #0001}
html[data-rio-theme] .rio-games .game-item :is(img,ion-img){border-radius:inherit;object-fit:cover}
html[data-rio-theme] .rio-games :is(.wrapper-head,.game-header){font-size:.8125rem;min-height:2.125rem}
html[data-rio-theme] .rio-bottom{--background:var(--rio-surface);--tab-bar-height:3.375rem!important;border-top:1px solid var(--rio-border);background:var(--rio-surface)!important}
html[data-rio-theme] .rio-bottom ion-tab-button{--background:transparent;--color:var(--rio-muted);--color-selected:var(--rio-accent);font-size:.5rem}
html[data-rio-theme] .rio-bottom :is(img,ion-img){width:1.5rem!important;height:1.5rem!important;object-fit:contain}
html[data-rio-theme] .rio-bottom :is(.tab-item,.tab-button){border-radius:var(--rio-control-radius);min-width:0}
/* Native forms/handlers are retained. Game iframe modals keep full-screen rules. */
html[data-rio-theme] ion-modal:not(:has(iframe)){--max-width:min(26.25rem,calc(100vw - 1.25rem));--max-height:calc(100dvh - 1.25rem);--border-radius:var(--rio-panel-radius);--background:var(--rio-surface);--box-shadow:0 20px 80px #0007}
html[data-rio-theme] ion-modal:not(:has(iframe))::part(content){border:1px solid var(--rio-border);border-radius:var(--rio-panel-radius);overflow:hidden}
html[data-rio-theme] :is(ion-modal,ion-alert,ion-action-sheet){--background:var(--rio-surface);--color:var(--rio-text);--backdrop-opacity:.65;--border-color:var(--rio-border)}
html[data-rio-theme] ion-modal ion-content{--background:var(--rio-surface);--padding-bottom:max(.875rem,env(safe-area-inset-bottom))}
html[data-rio-theme] ion-modal ion-toolbar{--background:var(--rio-surface);--color:var(--rio-text);--border-color:var(--rio-border);--min-height:2.875rem}
html[data-rio-theme] ion-modal :is(ion-input,ion-select,ion-textarea){--background:var(--rio-raised);--color:var(--rio-text);--placeholder-color:var(--rio-muted);--border-color:var(--rio-border);--highlight-color-focused:var(--rio-accent);--border-radius:var(--rio-control-radius);max-width:100%;min-width:0}
html[data-rio-theme] ion-modal input{color:var(--rio-text);accent-color:var(--rio-accent)}
html[data-rio-theme] ion-modal ion-button{--border-radius:var(--rio-control-radius);--background:var(--rio-accent)!important;--color:var(--rio-on-accent)!important;--background-activated:var(--rio-secondary);--color-activated:var(--rio-bg);--box-shadow:none;min-height:2.625rem;max-width:100%;font-size:.8125rem}
html[data-rio-theme] ion-modal ion-button[fill="outline"]{--background:transparent;--color:var(--rio-accent);--border-color:var(--rio-border)}
html[data-rio-theme] ion-modal :is(button,ion-button)[disabled]{opacity:.45;cursor:not-allowed}
html[data-rio-theme] ion-modal ion-button[disabled]{--background:var(--rio-border)!important;--color:var(--rio-muted)!important}
html[data-rio-theme] ion-modal ion-button::part(native){background:var(--rio-accent)!important;color:var(--rio-on-accent)!important;box-shadow:none!important}
html[data-rio-theme] ion-modal ion-button[disabled]::part(native){background:var(--rio-border)!important;color:var(--rio-muted)!important}
html[data-rio-theme] :is(ion-modal,.rio-account) .tag{background:var(--rio-raised)!important;background-image:none!important;color:var(--rio-accent)!important;border-color:var(--rio-border)!important}
html[data-rio-theme] :is(ion-modal,.rio-account) .merchantCy{color:var(--rio-accent)!important}
html[data-rio-theme] ion-modal .warpper{background:var(--rio-surface)!important;color:var(--rio-text);height:100%;overflow:auto}
html[data-rio-theme] ion-modal .warpper>.header{height:4rem!important;min-height:4rem;background:var(--rio-raised)!important;border-bottom:1px solid var(--rio-border)}
html[data-rio-theme] ion-modal .warpper>.header .header-content{background:none!important;height:100%;padding:.625rem 1rem}
html[data-rio-theme] ion-modal .warpper>.header img{height:2rem!important;width:auto!important;max-width:8rem;object-fit:contain}
html[data-rio-theme] ion-modal .warpper>.content{background:var(--rio-surface)!important;border:0!important;border-radius:0!important;padding:1rem!important;min-height:0}
html[data-rio-theme] ion-modal .content .title{font-size:1.1875rem!important;line-height:1.25!important;letter-spacing:-.025em}
html[data-rio-theme] ion-modal .form-wrapper{margin-top:1.25rem!important}
html[data-rio-theme] ion-modal .item-height{margin-bottom:.75rem;max-width:100%}
html[data-rio-theme] :is(.content_footer_pwa,.alert-wrapper,.action-sheet-group){background:var(--rio-surface)!important;color:var(--rio-text);border:1px solid var(--rio-border);border-radius:var(--rio-panel-radius)}
@media(max-width:360px){.rio-banner{height:7.625rem}.rio-banner h2{font-size:1.25rem!important}.rio-banner-copy{width:68%}.rio-banner p{font-size:.5625rem!important}.rio-account{padding:.375rem!important}}
@media(prefers-reduced-motion:reduce){html[data-rio-theme] .rio-banner *,html[data-rio-theme] ion-modal{animation:none!important;transition:none!important}}