/* Six original, static illustrated scenes. Quiet surfaces sit above the scenery. */
:root[data-palette=vice]{--premium-art:url('themes/vice-v52.svg');--panel:#211d35;--panel2:#332a48;--line:#594669;--muted:#cdbfd5;--radius:20px}
:root[data-palette=throne]{--premium-art:url('themes/throne-v52.svg');--panel:#182b37;--panel2:#293e49;--line:#4b6571;--muted:#bfd0d6;--radius:17px}
:root[data-palette=shinobi]{--premium-art:url('themes/shinobi-v52.svg');--panel:#252b37;--panel2:#37404a;--line:#646069;--muted:#cfc7c3;--radius:18px}
:root[data-palette=hextech]{--premium-art:url('themes/hextech-v52.svg');--panel:#182d3a;--panel2:#2b4350;--line:#4d6976;--muted:#bdd1d7;--radius:18px}
:root[data-palette=grandline]{--premium-art:url('themes/grandline-v52.svg');--panel:#20343e;--panel2:#344b54;--line:#577178;--muted:#c5d5d0;--radius:20px}
:root[data-palette=stellar]{--premium-art:url('themes/stellar-v52.svg');--panel:#332941;--panel2:#4a3853;--line:#7d5c7a;--muted:#e0cddd;--radius:22px}
:root[data-theme-tier=premium] body:before{background-image:var(--premium-art)!important;background-size:cover!important;background-position:center center!important;opacity:1!important;mask-image:none!important}
:root[data-theme-tier=premium] body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 30%,transparent 25%,#05071133 100%)}
/* A consistent rounded font matters more than a decorative font in a long session. */
:root[data-theme-tier=premium] body.intui-ui :is(.panel-title h2,.heading h1,.home-how h2,.device-setup-head h1,#themeDialog h2){font-family:Nunito,system-ui,sans-serif!important;font-weight:900;letter-spacing:-.025em}
:root[data-theme-tier=premium] body.intui-ui :is(.panel,dialog,.home-play,.home-how,#lobby .lobby-layout){border-color:color-mix(in srgb,var(--accent) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--premium-glow) 6%,var(--panel)),var(--panel) 65%);box-shadow:inset 0 1px 0 #ffffff09,0 12px 32px #0002}
:root[data-theme-tier=premium] body.intui-ui #lobby :is(.lobby-people,.lobby-options){background:none;box-shadow:none;border-radius:0}
:root[data-theme-tier=premium] body.intui-ui .button{border-radius:12px}
:root[data-theme-tier=premium] body.intui-ui :is(.home-play,.home-how){border-radius:22px!important}
:root[data-theme-tier=premium] body.intui-ui :is(.room-mode-card,.universe-trigger){border-radius:13px}
:root[data-theme-tier=premium] body.intui-ui .room-mode-card.selected{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,var(--input)),var(--input));border-color:var(--accent)}
:root[data-theme-tier=premium] body.intui-ui #home .home-title:before{background:radial-gradient(ellipse,color-mix(in srgb,var(--bg) 40%,transparent),transparent 70%);inset:-20px -25%}
:root[data-theme-tier=premium] body.intui-ui :is(input,textarea,select){background-color:var(--input)}
:root[data-theme-tier=premium] body.intui-ui .profile-picker{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--yellow) 60%,var(--line))}
:root[data-palette=throne] body.intui-ui .button.primary{background:linear-gradient(120deg,#c4dce3,#9fbfc9);color:#162e3a;border-color:#9ab5bf;box-shadow:0 3px 0 #526d79}
:root[data-palette=shinobi] body.intui-ui .button.primary{background:linear-gradient(120deg,#edbc89,#e4a679);color:#392b24;box-shadow:0 3px 0 #8a5a40}
:root[data-palette=grandline] body.intui-ui .button.primary{background:linear-gradient(120deg,#edce99,#e2bb82);color:#352c21;box-shadow:0 3px 0 #88704b}
:root[data-palette=hextech] body.intui-ui .button.primary{background:linear-gradient(120deg,#ead2a6,#c9aa72);color:#302918;box-shadow:0 3px 0 #776443}
/* Preview cards show the exact scene that will be applied, not generic swatches. */
body #themeChoices .swatch-vice{background-image:url('themes/vice-v52.svg')!important}
body #themeChoices .swatch-throne{background-image:url('themes/throne-v52.svg')!important}
body #themeChoices .swatch-shinobi{background-image:url('themes/shinobi-v52.svg')!important}
body #themeChoices .swatch-hextech{background-image:url('themes/hextech-v52.svg')!important}
body #themeChoices .swatch-grandline{background-image:url('themes/grandline-v52.svg')!important}
body #themeChoices .swatch-stellar{background-image:url('themes/stellar-v52.svg')!important}
body #themeChoices .theme-choice[data-theme-group=premium] .palette-swatch{background-position:78% center!important;border-radius:13px;height:152px}
body #themeChoices .theme-choice[data-theme-group=premium] .theme-mini{background:var(--preview-panel);box-shadow:0 4px 10px #0003;border-color:color-mix(in srgb,var(--preview-accent) 40%,transparent)}
body #themeChoices .theme-choice[data-theme-group=premium]{border-radius:17px;overflow:hidden}
body #themeChoices .theme-choice strong{font-size:15px!important}
body #themeChoices{grid-auto-rows:max-content;align-content:start}
body #themeChoices .theme-choice[data-theme-group=premium]{min-height:min-content;height:auto;overflow:visible}
/* Light mode keeps the illustration as a soft wash, with opaque readable panels. */
:root[data-theme=light][data-theme-tier=premium] body:before{opacity:.21!important}
:root[data-theme=light][data-theme-tier=premium] body:after{display:none}
:root[data-theme=light][data-palette=vice]{--panel:#fffbff;--panel2:#f0e2f2;--line:#d7c3df;--muted:#6f5b79}
:root[data-theme=light][data-palette=throne]{--panel:#fafbfc;--panel2:#dfe7eb;--line:#bccbd0;--muted:#596976}
:root[data-theme=light][data-palette=shinobi]{--panel:#fffcf6;--panel2:#efe2d1;--line:#dcc7ac;--muted:#6f5945}
:root[data-theme=light][data-palette=hextech]{--panel:#fcfdfb;--panel2:#dce9e9;--line:#b8cfd1;--muted:#4d676f}
:root[data-theme=light][data-palette=grandline]{--panel:#fffdf5;--panel2:#e9e5d6;--line:#c8c9b6;--muted:#55665d}
:root[data-theme=light][data-palette=stellar]{--panel:#fffafd;--panel2:#f4dfea;--line:#d9b4c9;--muted:#79566e}
@media(max-width:760px){
 :root[data-theme-tier=premium] body:before{background-size:auto 100%!important;background-position:80% center!important}
 :root[data-palette=grandline] body:before{background-position:87% center!important}
 :root[data-palette=shinobi] body:before{background-position:84% center!important}
 :root[data-theme-tier=premium] body:after{background:linear-gradient(90deg,#05071120,transparent 80%)}
 body #themeChoices .theme-choice[data-theme-group=premium] .palette-swatch{background-position:80% center!important;height:100px!important}
 :root[data-theme-tier=premium] body.intui-ui :is(.panel,dialog,.home-play,.home-how,#lobby .lobby-layout){box-shadow:inset 0 1px 0 #ffffff09,0 6px 18px #0002}
}
@media(prefers-reduced-motion:reduce){:root[data-theme-tier=premium] body:before,:root[data-theme-tier=premium] body:after{animation:none!important;transition:none!important}}
:root[data-effects=light][data-theme-tier=premium] body.intui-ui :is(.panel,dialog,.home-play,.home-how,#lobby .lobby-layout){box-shadow:none!important}