/* Premium finishes: only paint and decoration. Panel flow, control hit areas,
   responsive rules, semantic game colors and all artwork remain game-owned. */
[data-skin=pinkline],body[data-lumen-skin=pinkline]{--sk-bg:#08080e;--sk-panel:#12121c;--sk-raised:#2d192b;--sk-line:#a75683;--sk-accent:#ff7cbd;--sk-gem:#ff198d;--sk-ink:#f5eaf3;--sk-halo:#ff168f20;--sk-radius:5px;--sk-corner:url('/client/art/skins/pinkline-corner.svg');--sk-emblem:url('/client/art/skins/pinkline-emblem.svg');--sk-metal:#78808e;--sk-texture:repeating-linear-gradient(90deg,transparent 0 47px,#ff168f08 48px,transparent 49px 96px)}
[data-skin=pearl_circuit],body[data-lumen-skin=pearl_circuit]{--sk-bg:#e7eef7;--sk-panel:#f4f8ff;--sk-raised:#cedff3;--sk-line:#6e94bd;--sk-accent:#1857a0;--sk-gem:#287be8;--sk-ink:#1a2e48;--sk-halo:#287be81a;--sk-radius:8px;--sk-corner:url('/client/art/skins/pearl_circuit-corner.svg');--sk-emblem:url('/client/art/skins/pearl_circuit-emblem.svg');--sk-metal:#abbdd2;--sk-texture:repeating-linear-gradient(90deg,transparent 0 47px,#287be80a 48px,transparent 49px 96px)}
[data-skin=bloodmoon_lacquer],body[data-lumen-skin=bloodmoon_lacquer]{--sk-bg:#10090e;--sk-panel:#28101a;--sk-raised:#401828;--sk-line:#a28d9c;--sk-accent:#f5b3c2;--sk-gem:#ed416d;--sk-ink:#f2e5eb;--sk-halo:#b20f3e20;--sk-radius:4px;--sk-corner:url('/client/art/skins/bloodmoon_lacquer-corner.svg');--sk-emblem:url('/client/art/skins/bloodmoon_lacquer-emblem.svg');--sk-metal:#c2b1bc;--sk-texture:repeating-linear-gradient(135deg,transparent 0 47px,#b20f3e08 48px,transparent 49px 96px)}
[data-skin=solar_arcade],body[data-lumen-skin=solar_arcade]{--sk-bg:#07172b;--sk-panel:#102b4e;--sk-raised:#173f6c;--sk-line:#da9d50;--sk-accent:#ffcf94;--sk-gem:#ff971f;--sk-ink:#f2ecdf;--sk-halo:#ff971f20;--sk-radius:6px;--sk-corner:url('/client/art/skins/solar_arcade-corner.svg');--sk-emblem:url('/client/art/skins/solar_arcade-emblem.svg');--sk-metal:#ffe3b2;--sk-texture:repeating-linear-gradient(90deg,transparent 0 23px,#4c9ee60a 24px,transparent 25px 48px)}
[data-skin=abyssal_relic],body[data-lumen-skin=abyssal_relic]{--sk-bg:#05161f;--sk-panel:#0b2935;--sk-raised:#12414a;--sk-line:#ae8e5c;--sk-accent:#8df2e1;--sk-gem:#3ac9c4;--sk-ink:#def3ed;--sk-halo:#3ac9c41a;--sk-radius:7px;--sk-corner:url('/client/art/skins/abyssal_relic-corner.svg');--sk-emblem:url('/client/art/skins/abyssal_relic-emblem.svg');--sk-metal:#d4b483;--sk-texture:repeating-linear-gradient(135deg,transparent 0 31px,#3ac9c408 32px,transparent 33px 64px)}
/* Scope every shared rule to the five premium IDs. */
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]){
  --premium-panel:var(--sk-texture),linear-gradient(135deg,var(--sk-panel),var(--sk-bg));
}

body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic])::before{background:var(--sk-texture),var(--sk-bg)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) :is(.gold-panel,.console-frame,.bag-window,.item-panel,.feature-drawer,#radio-deck,#inspect-player,#player-link-window,#lumen-home){background:var(--premium-panel)!important;box-shadow:inset 0 0 0 2px var(--sk-bg),inset 0 0 0 3px var(--sk-metal),0 4px 12px #0005}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .gold-panel::before,body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .gold-panel::after{width:64px;height:64px;background:var(--sk-corner) center/contain no-repeat;image-rendering:pixelated;pointer-events:none}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) :is(.console-head,.feed-tabs,.feature-heading,.bag-heading,.lumen-topbar){background:linear-gradient(180deg,var(--sk-raised),var(--sk-panel));box-shadow:inset 0 1px var(--sk-metal),inset 0 -2px var(--sk-gem)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .lumen-os-brand{background:var(--sk-corner) left top/64px 64px no-repeat;image-rendering:pixelated}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .lumen-os-star{color:transparent;text-shadow:none;background:var(--sk-emblem) center/contain no-repeat;image-rendering:pixelated}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .lumen-os-star::before,body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .lumen-os-star::after{content:none}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) :is(.feed-tabs,.world-tabs) button[aria-selected=true]{background:var(--sk-raised);color:var(--sk-accent);box-shadow:inset 0 -3px var(--sk-gem)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .compact-navigation button:not(.nav-command)::before{border-radius:5px;transform:translateX(-50%);background:linear-gradient(135deg,var(--sk-raised),var(--sk-bg));box-shadow:inset 0 0 0 2px var(--sk-bg),inset 0 0 0 3px var(--sk-metal)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .compact-navigation button .navigation-icon{background:var(--sk-accent)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) :is(.lumen-app,.lumen-app-symbol){border-radius:5px;box-shadow:inset 0 0 0 2px var(--sk-bg),inset 0 -2px var(--sk-metal)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .lumen-hero{background:var(--sk-emblem) right 16px center/96px 96px no-repeat,var(--premium-panel);image-rendering:pixelated}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .quick-cast-row{background:linear-gradient(100deg,var(--sk-panel),var(--sk-bg));border-radius:var(--sk-radius);box-shadow:inset 0 0 0 2px var(--sk-bg)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) #quick-cast .quick-cast-slot{background:var(--sk-bg);box-shadow:inset 0 0 0 2px var(--sk-panel)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) :is(.quick-cast-label,.quick-cast-page){color:var(--sk-accent)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .quick-cast-key{background:var(--sk-panel);color:var(--sk-accent)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .quick-cast-controls{border-color:var(--sk-line)}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) #glimmer-root :is(.glm-profile-cover,.glm-welcome){background:var(--sk-corner) left top/64px 64px no-repeat,var(--premium-panel);image-rendering:pixelated}
body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) #glimmer-root :is(.glm-sheet,.glm-window){box-shadow:inset 0 0 0 2px var(--sk-bg),0 0 0 1px var(--sk-metal),0 18px 50px #0006}
.skin-shop-card:is([data-skin=pinkline],[data-skin=pearl_circuit],[data-skin=bloodmoon_lacquer],[data-skin=solar_arcade],[data-skin=abyssal_relic]){box-shadow:inset 0 0 0 2px var(--sk-bg),inset 0 0 0 3px var(--sk-metal)}
.skin-shop-card:is([data-skin=pinkline],[data-skin=pearl_circuit],[data-skin=bloodmoon_lacquer],[data-skin=solar_arcade],[data-skin=abyssal_relic]) .skin-miniature{background:var(--sk-texture),var(--sk-bg)}
.skin-shop-card:is([data-skin=pinkline],[data-skin=pearl_circuit],[data-skin=bloodmoon_lacquer],[data-skin=solar_arcade],[data-skin=abyssal_relic]) .skin-miniature::before,.skin-shop-card:is([data-skin=pinkline],[data-skin=pearl_circuit],[data-skin=bloodmoon_lacquer],[data-skin=solar_arcade],[data-skin=abyssal_relic]) .skin-miniature::after{background:var(--sk-corner) center/contain no-repeat;image-rendering:pixelated;width:64px;height:64px}
.skin-shop-card:is([data-skin=pinkline],[data-skin=pearl_circuit],[data-skin=bloodmoon_lacquer],[data-skin=solar_arcade],[data-skin=abyssal_relic]) .skin-mini-left i,.skin-shop-card:is([data-skin=pinkline],[data-skin=pearl_circuit],[data-skin=bloodmoon_lacquer],[data-skin=solar_arcade],[data-skin=abyssal_relic]) .skin-mini-right i{color:transparent;text-shadow:none;background:var(--sk-emblem) center/32px 32px no-repeat;image-rendering:pixelated}
.skin-shop-card:is([data-skin=pinkline],[data-skin=pearl_circuit],[data-skin=bloodmoon_lacquer],[data-skin=solar_arcade],[data-skin=abyssal_relic]) .skin-card-label{color:var(--sk-accent)}
@media(max-width:650px){body.lumen-os:is([data-lumen-skin=pinkline],[data-lumen-skin=pearl_circuit],[data-lumen-skin=bloodmoon_lacquer],[data-lumen-skin=solar_arcade],[data-lumen-skin=abyssal_relic]) .lumen-hero{background-size:64px 64px,auto,auto}}
/* Signature treatments are local to decoration and existing surfaces. */
body.lumen-os[data-lumen-skin=pinkline] :is(.console-frame,#command-form){box-shadow:inset 0 0 0 1px #ff198d,inset 0 0 0 3px #08080e,0 2px #78808e}
body.lumen-os[data-lumen-skin=pinkline] .client-navigation.compact-navigation{background:repeating-linear-gradient(90deg,#ff198d 0 12px,transparent 12px 18px) left bottom/100% 2px no-repeat,#0d0d17}
body.lumen-os[data-lumen-skin=pinkline] .feed-tabs button[aria-selected=true]{background:#ff198d;color:#08080e;text-shadow:none}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(.console,.channel-feed){background:#0b1526;color:#edf4ff}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(.console,.channel-feed) :is(button,a){color:#90ceff;background:#172b47}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(.gold-panel,.feature-drawer,.bag-window,.item-panel,#lumen-home){color:#1a2e48}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(.panel-title,.feature-heading,.bag-heading,#room-title,.character-data #name,.lumen-maker,.lumen-os-brand strong,.lumen-hero h2){color:#1857a0;text-shadow:none}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(#room-description,.character-data #details,.lumen-os-status,.lumen-os-status small,.lumen-os-brand small,.lumen-hero p){color:#334e6c}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(input,textarea,select)::placeholder{color:#526980}
body.lumen-os[data-lumen-skin=pearl_circuit] #glimmer-root .glm-button.glm-danger-text{color:#a11645}
/* Pearl Circuit has light chrome around a deliberately dark World Feed.
   Legacy component labels use fixed dark-theme colors, so give the light
   surfaces explicit ink without changing ANSI text, artwork or meter fills. */
body.lumen-os[data-lumen-skin=pearl_circuit]{--sk-muted:#334e6c;--sk-violet:#6a368e}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(
  #target-title,#target-name,#who-title,#who-count,.room-scene>summary,
  .scene-label,.rail-links a,.exit-list strong,.quest-entry h3,
  .plain-list strong,.action-list strong,.skills-live-heading h4,.skill-name,
  .skills-group,.skill-guide-heading,.character-sheet-heading,
  .character-sheet-field dt,.quest-journal-heading,.quest-journal-entry h6,
  .effect-row strong,.wisp-heading h2
){color:var(--sk-accent);text-shadow:none}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(
  .location-heading p,#target-state,.meter div,.who-identity,.who-location,
  .who-note,#who-status,#effects-strip-empty,.effects-note,.effect-meta,
  .effect-row p,.effect-row small,.room-scene-status,.rail-links span,
  .plain-list small,.action-list small,.action-list p,.quest-entry p,
  .skill-value,.character-sheet-field dd,.character-sheet-note,
  .quest-journal-objective,.quest-journal-note,.wisp-details summary,
  .wisp-card dt,.wisp-customization label,.wisp-customization legend,
  .wisp-customization small,.wisp-style-sample p,.wisp-control-status,
  .account-identity,.account-settings label,.channel-view>label
){color:var(--sk-muted)}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(.meter b,.wisp-card dd){color:var(--sk-ink)}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(.who-badges,#own-wisp-caption,#wisp-art-state){color:var(--sk-violet)}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(.who-player-status,.who-live){color:#08677a}
body.lumen-os[data-lumen-skin=pearl_circuit] #quick-cast :is(.quick-cast-page,#quick-cast-set){color:var(--sk-accent)}
/* The base All abilities label is important; match it only in this skin. */
body.lumen-os[data-lumen-skin=pearl_circuit] #quick-cast-all{color:var(--sk-accent)!important}
body.lumen-os[data-lumen-skin=pearl_circuit] .quick-cast-empty{color:var(--sk-muted);opacity:1}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(#target-minimize,#target-motion,#room-look,#quick-toggle,.feature-heading .panel-move){color:var(--sk-accent)}
body.lumen-os[data-lumen-skin=pearl_circuit] .compact-navigation button:not(.nav-command):is(:hover,[aria-expanded=true]){color:var(--sk-accent);background:var(--sk-raised)}
body.lumen-os[data-lumen-skin=pearl_circuit] .compact-navigation .nav-divider{color:var(--sk-accent)}
/* The launcher is also a light surface, including its featured Glimmer tile. */
body.lumen-os[data-lumen-skin=pearl_circuit] #lumen-home{--lt-pearl:var(--sk-ink);--lt-muted:var(--sk-muted);--lt-mint:var(--sk-accent);--lt-gold:var(--sk-accent);color-scheme:light}
body.lumen-os[data-lumen-skin=pearl_circuit] #lumen-home :is(.lumen-app,.lumen-app-symbol,.lumen-app-glimmer){background:var(--sk-panel);color:var(--sk-ink)}
body.lumen-os[data-lumen-skin=pearl_circuit] #lumen-home :is(.lumen-maker,.lumen-hero h2,.lumen-app-glimmer strong,.lumen-app-symbol,.lumen-app-arrow){color:var(--sk-accent)}
body.lumen-os[data-lumen-skin=pearl_circuit] #lumen-home :is(.lumen-hero p,.lumen-app-copy small,.lumen-app-glimmer small,.lumen-app-glimmer .lumen-app-arrow){color:var(--sk-muted)}
body.lumen-os[data-lumen-skin=pearl_circuit] #lumen-home .lumen-app:hover:not(:disabled){background:var(--sk-raised);color:var(--sk-accent)}
/* Preserve light text wherever the component retains a dark background. */
body.lumen-os[data-lumen-skin=pearl_circuit] :is(.console,.channel-feed){--gold:#f4c570;--silver:#bec8dd}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(#effects-strip-open,#room-scene-expand,.console-head button){color:#edf4ff;background:#172b47}
body.lumen-os[data-lumen-skin=pearl_circuit] :is(#effects-strip-open,#room-scene-expand,.console-head button):hover:not(:disabled){color:#fff;background:#244264}
body.lumen-os[data-lumen-skin=bloodmoon_lacquer] .client-navigation.compact-navigation{background:linear-gradient(90deg,#10090e,#401828,#10090e);box-shadow:inset 0 0 0 2px #10090e,inset 0 0 0 3px #a28d9c}
body.lumen-os[data-lumen-skin=bloodmoon_lacquer] .compact-navigation button:not(.nav-command)::before{border-radius:40% 40% 4px 4px}
body.lumen-os[data-lumen-skin=solar_arcade] :is(.console-head,.bag-heading,.feature-heading){background:repeating-linear-gradient(90deg,#ff971f 0 6px,#102b4e 6px 12px) left bottom/100% 3px no-repeat,#173f6c}
body.lumen-os[data-lumen-skin=solar_arcade] .feed-tabs button[aria-selected=true]{background:#ff971f;color:#07172b;text-shadow:none}
body.lumen-os[data-lumen-skin=solar_arcade] .compact-navigation button:nth-child(even)::before{background:#ff971f}
body.lumen-os[data-lumen-skin=solar_arcade] .compact-navigation button:nth-child(even) .navigation-icon{background:#07172b}
body.lumen-os[data-lumen-skin=abyssal_relic] .client-navigation.compact-navigation{background:radial-gradient(ellipse at bottom,#124b52,#05161f);box-shadow:inset 0 0 0 2px #05161f,inset 0 0 0 3px #ae8e5c}
body.lumen-os[data-lumen-skin=abyssal_relic] :is(.room-scene,.lumen-app-symbol){box-shadow:inset 0 0 0 2px #05161f,0 0 0 1px #ae8e5c,0 0 8px #3ac9c418}