/* Two original immersive scenes; no downloaded artwork or moving backgrounds. */
/* Matching finish across the five premium environments, without extra UI. */
:root[data-theme-tier=premium] .topbar{background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--premium-glow) 5%,transparent),transparent)}
:root[data-theme-tier=premium] .panel-title .step{box-shadow:inset 0 1px 0 #fff3}
:root[data-theme-tier=premium] .universe-trigger{background:linear-gradient(120deg,color-mix(in srgb,var(--yellow) 8%,var(--input)),var(--input));border-color:color-mix(in srgb,var(--yellow) 40%,var(--line))}
:root[data-theme-tier=premium] .room-mode-card .ui-icon{filter:none}
:root[data-theme-tier=premium] .room-mode-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}
:root[data-theme-tier=premium] .home-title{position:relative}
:root[data-theme-tier=premium] .home-title>.eyebrow{font-size:11px;opacity:.85}
:root[data-theme-tier=premium] input:focus-visible,:root[data-theme-tier=premium] select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:root[data-palette=vice] .panel-title>.step{background:#d3a9d8;color:#372242}
:root[data-palette=throne] .panel-title>.step{background:var(--yellow);color:var(--yellowInk);border-radius:6px}
:root[data-palette=shinobi] .panel-title>.step{background:var(--accent);color:var(--accentInk);border-radius:9px}
:root[data-palette=hextech] .panel-title>.step{background:var(--accent);color:var(--accentInk);border-radius:7px}
:root[data-palette=grandline] .panel-title>.step{background:var(--yellow);color:var(--yellowInk);border-radius:50%}
:root[data-palette=hextech]{--bg:#111c27;--panel:#1b2a36;--panel2:#293f4d;--input:#14232e;--line:#476170;--ink:#f1f7f6;--muted:#b6cbd1;--accent:#84ddd4;--accentInk:#10332e;--yellow:#e7c48b;--yellowInk:#362915;--radius:14px;--premium-glow:#4ebdbb;--premium-art:url('themes/hextech.svg')}
:root[data-palette=grandline]{--bg:#15232b;--panel:#21343d;--panel2:#304951;--input:#192b33;--line:#526b70;--ink:#fff6e9;--muted:#c3d2cd;--accent:#a1d6cc;--accentInk:#17362e;--yellow:#efd09b;--yellowInk:#362b18;--radius:18px;--premium-glow:#e2b272;--premium-art:url('themes/grandline.svg')}
:root[data-theme=light][data-palette=hextech]{--bg:#eaf1f2;--panel:#fcfdfb;--panel2:#e0ebec;--input:#f0f6f5;--line:#afc6c7;--ink:#20373e;--muted:#536c72;--accent:#226b68;--accentInk:#fff;--yellow:#e6c58c;--yellowInk:#392d17}
:root[data-theme=light][data-palette=grandline]{--bg:#f4efe2;--panel:#fffdf5;--panel2:#e9e4d6;--input:#f7f3e7;--line:#c9bfa7;--ink:#293b39;--muted:#52625b;--accent:#316c61;--accentInk:#fff;--yellow:#e5c18a;--yellowInk:#3d2c18}
:root[data-palette=hextech] .button.primary{background:linear-gradient(120deg,var(--yellow),color-mix(in srgb,var(--yellow) 82%,#be9a55));color:var(--yellowInk);box-shadow:0 3px 0 #765d32}
:root[data-palette=hextech] .button.accent{box-shadow:0 3px 0 color-mix(in srgb,var(--accentInk) 75%,var(--bg))}
:root[data-palette=hextech] .room-mode-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}
:root[data-palette=hextech] .topbar{border-bottom:1px solid color-mix(in srgb,var(--yellow) 25%,transparent)}
:root[data-palette=grandline] .button.primary{background:var(--yellow);color:var(--yellowInk);box-shadow:0 3px 0 color-mix(in srgb,var(--yellowInk) 65%,var(--bg))}
:root[data-palette=grandline] .home-play,:root[data-palette=grandline] .home-how,:root[data-palette=grandline] #lobby .lobby-layout{box-shadow:inset 0 0 0 4px var(--panel),inset 0 0 0 5px color-mix(in srgb,var(--yellow) 15%,transparent),0 12px 35px #0002}
:root[data-palette=grandline] .topbar{border-bottom:1px solid color-mix(in srgb,var(--yellow) 25%,transparent)}
.swatch-hextech{--preview-bg:#14232e;--preview-panel:#293f4d;--preview-accent:#84ddd4;--preview-gold:#e7c48b;background-image:url('themes/hextech.svg')!important}
.swatch-grandline{--preview-bg:#192b33;--preview-panel:#304951;--preview-accent:#a1d6cc;--preview-gold:#efd09b;background-image:url('themes/grandline.svg')!important}
:root[data-theme=light] .swatch-hextech{--preview-bg:#eaf1f2;--preview-panel:#fcfdfb;--preview-accent:#226b68;--preview-gold:#e6c58c}
:root[data-theme=light] .swatch-grandline{--preview-bg:#f4efe2;--preview-panel:#fffdf5;--preview-accent:#316c61;--preview-gold:#e5c18a}