/* Surface-only skins. The existing grid, panel geometry and controls are retained. */
[data-skin=verdant_reliquary],body[data-lumen-skin=verdant_reliquary]{--sk-bg:#021513;--sk-panel:#062723;--sk-raised:#0c3a30;--sk-line:#ad9250;--sk-accent:#8aebba;--sk-gem:#26cc89;--sk-ink:#d4ede2;--sk-halo:#17865844;--sk-radius:21px;--sk-motif:'❧'}
[data-skin=astral_sovereign],body[data-lumen-skin=astral_sovereign]{--sk-bg:#030c24;--sk-panel:#0b1c3e;--sk-raised:#172c57;--sk-line:#d9ae65;--sk-accent:#d2b0ff;--sk-gem:#9b56f2;--sk-ink:#dae5ff;--sk-halo:#6737d744;--sk-radius:12px;--sk-motif:'✧'}
[data-skin=roseglass_reverie],body[data-lumen-skin=roseglass_reverie]{--sk-bg:#130d20;--sk-panel:#28192f;--sk-raised:#46283e;--sk-line:#cd9a8a;--sk-accent:#ffc0dc;--sk-gem:#f47dac;--sk-ink:#f6e0ef;--sk-halo:#ce478044;--sk-radius:25px;--sk-motif:'❀'}
[data-skin=void_cathedral],body[data-lumen-skin=void_cathedral]{--sk-bg:#060a12;--sk-panel:#16131e;--sk-raised:#2a1824;--sk-line:#9b8eaa;--sk-accent:#f7bcc8;--sk-gem:#df164b;--sk-ink:#e5dfeb;--sk-halo:#a4002a44;--sk-radius:5px;--sk-motif:'⟡'}
body.lumen-os[data-lumen-skin]{--ink:var(--sk-bg);--surface:var(--sk-panel);--edge:var(--sk-line);--gold:var(--sk-accent);--silver:var(--sk-ink);background:var(--sk-bg);color:var(--sk-ink)}
body.lumen-os[data-lumen-skin]::before{background:radial-gradient(1px 1px at 18% 19%,var(--sk-accent) 98%,transparent),radial-gradient(1px 1px at 79% 68%,var(--sk-gem) 98%,transparent),radial-gradient(ellipse at 50% 0,var(--sk-halo),transparent 65%),var(--sk-bg);background-size:213px 193px,313px 271px,100% 100%,auto}
body.lumen-os[data-lumen-skin] :is(.gold-panel,.console-frame,.bag-window,.item-panel,.feature-drawer,#radio-deck,#inspect-player,#player-link-window,#lumen-home){border-color:var(--sk-line);border-radius:var(--sk-radius);background:linear-gradient(135deg,var(--sk-panel),var(--sk-bg) 75%)!important;box-shadow:inset 0 0 0 2px var(--sk-bg),inset 0 0 0 3px color-mix(in srgb,var(--sk-line) 50%,transparent),inset 0 0 18px var(--sk-halo),0 5px 20px #0006}
body.lumen-os[data-lumen-skin] :is(.gold-panel::before,.gold-panel::after){background:var(--sk-gem);filter:drop-shadow(0 0 5px var(--sk-gem))}
body.lumen-os[data-lumen-skin] :is(.console,.channel-feed){background:var(--sk-bg)}
body.lumen-os[data-lumen-skin] :is(.console-head,.feed-tabs,.feature-heading,.feature-drawer:not(.window-focused) .feature-heading,.bag-heading,.effects-strip,.lumen-topbar){background:linear-gradient(90deg,var(--sk-raised),var(--sk-bg));border-color:var(--sk-line);color:var(--sk-ink)}
body.lumen-os[data-lumen-skin] :is(button,select,input,textarea){border-color:color-mix(in srgb,var(--sk-line) 60%,var(--sk-bg));background:linear-gradient(var(--sk-panel),var(--sk-bg));color:var(--sk-ink)}
body.lumen-os[data-lumen-skin] button:hover:not(:disabled){border-color:var(--sk-accent);background:var(--sk-raised);color:var(--sk-accent)}
body.lumen-os[data-lumen-skin] :focus-visible{outline-color:var(--sk-accent)}
body.lumen-os[data-lumen-skin] :is(.feed-tabs,.world-tabs) button[aria-selected=true],body.lumen-os[data-lumen-skin] #send{background:linear-gradient(var(--sk-raised),var(--sk-panel));border-color:var(--sk-gem);color:var(--sk-accent);box-shadow:inset 0 -2px var(--sk-gem),0 0 12px var(--sk-halo)}
body.lumen-os[data-lumen-skin] :is(.room-scene,#target-art,#command-form,.bag-slot){background:var(--sk-bg);border-color:var(--sk-line)}
body.lumen-os[data-lumen-skin] :is(#room-description,.character-data #details,.lumen-os-brand small,.lumen-os-status small){color:var(--sk-ink)}
body.lumen-os[data-lumen-skin] :is(.character-data #name,#room-title,.location-star,.lumen-os-brand,.lumen-os-star,.lumen-maker,.lumen-hero h2){color:var(--sk-accent)}
body.lumen-os[data-lumen-skin] .lumen-os-star{text-shadow:0 0 12px var(--sk-gem)}
body.lumen-os[data-lumen-skin] :is(.lumen-os-star::before,.lumen-os-star::after){border-color:var(--sk-line)}
body.lumen-os[data-lumen-skin] .client-navigation.compact-navigation{background:linear-gradient(145deg,var(--sk-panel),var(--sk-bg))}
body.lumen-os[data-lumen-skin] .compact-navigation button:not(.nav-command){color:var(--sk-ink)}
body.lumen-os[data-lumen-skin] .compact-navigation button:not(.nav-command)::before{border-color:var(--sk-line);background:radial-gradient(circle,var(--sk-halo),var(--sk-bg));box-shadow:inset 0 0 0 3px var(--sk-bg),0 0 10px var(--sk-halo)}
body.lumen-os[data-lumen-skin] .compact-navigation button .navigation-icon{background:var(--sk-accent)}
body.lumen-os[data-lumen-skin] .compact-navigation button[aria-expanded=true]{background:var(--sk-raised);border-color:var(--sk-gem)}
body.lumen-os[data-lumen-skin] .compact-navigation #own-wisp{background:radial-gradient(ellipse,var(--sk-halo),var(--sk-bg));border-color:var(--sk-line)}
body.lumen-os[data-lumen-skin] :is(.inventory-item,.spell-row,.skill-row,.effect-row,.shop-item,.craft-recipe,.lumen-app,.lumen-app-symbol){background:var(--sk-panel);border-color:var(--sk-line);color:var(--sk-ink)}
body.lumen-os[data-lumen-skin] :is(.inventory-item,.spell-row,.skill-row,.shop-item,.craft-recipe):hover{background:var(--sk-raised)}
body.lumen-os[data-lumen-skin] :is(#room-link-tooltip,.craft-item-tooltip,#player-link-tooltip,#wisp-link-tooltip){background:var(--sk-panel);border-color:var(--sk-line);color:var(--sk-ink)}
body.lumen-os[data-lumen-skin] #glimmer-root{--glm-bg:var(--sk-bg);--glm-panel:var(--sk-panel);--glm-raised:var(--sk-raised);--glm-edge:var(--sk-line);--glm-text:var(--sk-ink);--glm-accent:var(--sk-accent);--glm-cyan:var(--sk-accent)}
/* Every family has its own ornament, not just a color swap. */
body.lumen-os[data-lumen-skin=verdant_reliquary] .gold-panel{background-image:radial-gradient(ellipse at 0 0,#248e6555,transparent 45%),linear-gradient(135deg,#062723,#021513 75%)!important}
body.lumen-os[data-lumen-skin=verdant_reliquary] .gold-panel::before,body.lumen-os[data-lumen-skin=verdant_reliquary] .gold-panel::after{width:27px;height:13px;clip-path:polygon(0 50%,18% 0,40% 38%,60% 0,100% 50%,60% 100%,40% 62%,18% 100%);background:linear-gradient(135deg,#d4c478,#29ab78)}
body.lumen-os[data-lumen-skin=verdant_reliquary] .compact-navigation button:not(.nav-command)::before{border-radius:50% 15% 50% 15%;transform:translateX(-50%) rotate(-8deg)}
body.lumen-os[data-lumen-skin=astral_sovereign] .gold-panel::before,body.lumen-os[data-lumen-skin=astral_sovereign] .gold-panel::after{width:17px;height:17px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle,#efddff,#9b56f2 50%,#d9ae65 72%)}
body.lumen-os[data-lumen-skin=astral_sovereign] .compact-navigation button:not(.nav-command)::before{border-radius:10px;transform:translateX(-50%) rotate(45deg)}
body.lumen-os[data-lumen-skin=astral_sovereign] .room-scene{box-shadow:0 0 0 3px #030c24,0 0 0 4px #a6894b,0 0 17px #6737d733}
body.lumen-os[data-lumen-skin=roseglass_reverie] .gold-panel::before,body.lumen-os[data-lumen-skin=roseglass_reverie] .gold-panel::after{width:22px;height:22px;clip-path:polygon(50% 0,68% 25%,100% 25%,85% 56%,100% 84%,64% 83%,50% 100%,35% 83%,0 84%,15% 56%,0 25%,32% 25%);background:radial-gradient(circle,#ffdbd8,#f47dac 55%,#ad7587)}
body.lumen-os[data-lumen-skin=roseglass_reverie] .compact-navigation button:not(.nav-command)::before{border-radius:50% 50% 12px 12px;border-width:2px;box-shadow:inset 0 0 10px #f47dac35,0 0 7px #f47dac33}
body.lumen-os[data-lumen-skin=void_cathedral] .gold-panel{background-image:repeating-linear-gradient(90deg,transparent 0,transparent 90px,#9b8eaa05 91px,#9b8eaa05 92px),linear-gradient(135deg,#16131e,#060a12 75%)!important}
body.lumen-os[data-lumen-skin=void_cathedral] .compact-navigation button:not(.nav-command)::before{border-radius:50% 50% 3px 3px;border-color:#877b90;box-shadow:inset 0 0 0 3px #060a12,inset 0 0 13px #df164b50}
body.lumen-os[data-lumen-skin=void_cathedral] :is(.feed-tabs button,#send){border-radius:3px}
body.lumen-os[data-lumen-skin=void_cathedral] .gold-panel::before,body.lumen-os[data-lumen-skin=void_cathedral] .gold-panel::after{height:24px;width:12px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(90deg,#771128,#ff456f,#771128)}
/* The shop is a separate window; skin titles are never added to the game chrome. */
#lumen-skin-shop.skin-shop{box-sizing:border-box;max-width:1020px;width:min(1020px,94vw);max-height:90dvh;padding:25px;border:1px solid #c6a16a;border-radius:23px;background:radial-gradient(ellipse at 80% 0,#33305a60,transparent 60%),#07131e;color:#dce4ed;box-shadow:inset 0 0 0 4px #0a1925,0 30px 100px #000c;overflow:auto}
.skin-shop::backdrop{background:#01050ac9;backdrop-filter:blur(5px)}
.skin-shop-header{padding:0;min-height:0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.skin-shop-eyebrow{font:9px/1.5 Inter,system-ui,sans-serif;letter-spacing:.22em;color:#9edacb;margin:0 0 9px}.skin-shop h2{font:500 clamp(25px,3vw,36px)/1.15 Georgia,serif;color:#ffe4b2;margin:0}.skin-shop-close{width:35px;height:35px;flex-shrink:0}
.skin-shop-intro{font:13px/1.65 Inter,system-ui,sans-serif;color:#b7c8d8;max-width:660px;margin:13px 0}.skin-shop-status{font:11px/1.5 Inter,system-ui,sans-serif;color:#b8d8d5;min-height:17px;margin:10px 0 18px}.skin-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.skin-shop-card{overflow:hidden;border:1px solid var(--sk-line);border-radius:15px;background:var(--sk-bg);color:var(--sk-ink);box-shadow:inset 0 0 0 3px var(--sk-panel)}
.skin-card-copy{padding:16px}.skin-shop-card h3{font:500 24px/1.15 Georgia,serif;color:var(--sk-accent);margin:0 0 8px}.skin-shop-card p{font:11px/1.6 Inter,system-ui,sans-serif;margin:0 0 13px;color:var(--sk-ink)}.skin-card-label{display:block;font:8px/1.5 Inter,system-ui,sans-serif;letter-spacing:.15em;color:var(--sk-accent);margin:0 0 8px}.skin-shop .skin-card-action{width:100%;min-height:40px;background:var(--sk-raised);border:1px solid var(--sk-line);color:var(--sk-accent);font:600 12px/1.4 Inter,system-ui,sans-serif;border-radius:7px}.skin-shop button:disabled{opacity:.5;cursor:default}.skin-shop-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #617b8544}.skin-shop-footer button{min-height:38px;padding:7px 12px}.skin-shop-footer small{flex-basis:100%;font:10px/1.7 Inter,system-ui,sans-serif;color:#9db0c3}.skin-checkout-link{color:#a7f5e5;font-size:12px}.skin-checkout-link[hidden]{display:none}
.skin-miniature{height:142px;display:grid;grid-template-columns:23% 1fr 21%;gap:7px;padding:14px 12px;position:relative;background:radial-gradient(ellipse at 25% 10%,var(--sk-halo),transparent 80%),var(--sk-bg);border-bottom:1px solid var(--sk-line);overflow:hidden}
.skin-miniature::before,.skin-miniature::after{content:var(--sk-motif);position:absolute;top:0;left:1px;color:var(--sk-accent);font:30px Georgia;opacity:.8}.skin-miniature::after{left:auto;right:1px;top:auto;bottom:0;transform:rotate(180deg)}
.skin-mini-left,.skin-mini-right,.skin-mini-feed{border:1px solid var(--sk-line);border-radius:calc(var(--sk-radius)/2);background:linear-gradient(135deg,var(--sk-panel),var(--sk-bg));padding:8px;box-shadow:inset 0 0 0 2px var(--sk-bg)}.skin-mini-left i{font:25px Georgia;text-align:center;display:block;color:var(--sk-accent);font-style:normal}.skin-mini-left b{display:block;height:45px;background:radial-gradient(circle at 70% 30%,var(--sk-accent) 0 3px,transparent 4px),linear-gradient(135deg,var(--sk-raised),var(--sk-bg));border:1px solid var(--sk-line);margin:7px 0}.skin-mini-left span,.skin-mini-feed span{display:block;height:3px;background:var(--sk-ink);opacity:.5;margin:5px 0;width:80%}.skin-mini-center{display:flex;flex-direction:column;gap:5px}.skin-mini-tabs{display:flex;gap:3px;height:13px}.skin-mini-tabs b{width:20%;border:1px solid var(--sk-line);background:var(--sk-raised)}.skin-mini-feed{flex:1}.skin-mini-feed i{display:block;font:20px Georgia;color:var(--sk-accent);margin-bottom:7px}.skin-mini-feed span:nth-child(3){width:60%}.skin-mini-feed span:nth-child(4){width:90%}.skin-mini-input{height:13px;border:1px solid var(--sk-line);border-radius:4px}.skin-mini-right>b{display:block;height:3px;background:#73dca5;box-shadow:0 6px #71c4ff,0 12px #cf9fea;margin:4px 0 20px}.skin-mini-right div{display:inline-block;width:25%;height:13px;background:var(--sk-raised);border:1px solid var(--sk-line)}.skin-mini-right i{display:block;text-align:center;color:#ffd87e;font:30px Georgia;margin-top:10px;text-shadow:0 0 12px var(--sk-gem)}
[data-skin=verdant_reliquary] .skin-miniature{background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 30px,#37a67622 31px 34px,transparent 35px 45px),var(--sk-bg)}
[data-skin=astral_sovereign] .skin-miniature{background:repeating-radial-gradient(circle at 90% 0,transparent 0 39px,#dfb76328 40px 41px,transparent 42px 55px),var(--sk-bg)}
[data-skin=roseglass_reverie] .skin-miniature{background:radial-gradient(ellipse at 0 0,#eb78ab66,transparent 45%),radial-gradient(ellipse at 100% 100%,#eb78ab55,transparent 45%),var(--sk-bg)}
[data-skin=void_cathedral] .skin-miniature{background:repeating-linear-gradient(115deg,#b522431c 0 2px,transparent 3px 40px),var(--sk-bg)}
@media(max-width:650px){#lumen-skin-shop.skin-shop{padding:17px;width:95vw}.skin-shop-grid{grid-template-columns:1fr}.skin-shop h2{font-size:25px}.skin-miniature{height:135px}}
/* Fine corner tracery follows the four concepts without adding a title banner. */
[data-skin=verdant_reliquary],body[data-lumen-skin=verdant_reliquary]{--sk-corner:url('/client/art/skins/verdant.svg')}
[data-skin=astral_sovereign],body[data-lumen-skin=astral_sovereign]{--sk-corner:url('/client/art/skins/astral.svg')}
[data-skin=roseglass_reverie],body[data-lumen-skin=roseglass_reverie]{--sk-corner:url('/client/art/skins/roseglass.svg')}
[data-skin=void_cathedral],body[data-lumen-skin=void_cathedral]{--sk-corner:url('/client/art/skins/void.svg')}
body.lumen-os[data-lumen-skin] .gold-panel::before,body.lumen-os[data-lumen-skin] .gold-panel::after{width:80px;height:80px;clip-path:none;background:var(--sk-corner) 0 0/contain no-repeat;filter:none;pointer-events:none;z-index:2}
body.lumen-os[data-lumen-skin] .gold-panel::before{top:0;left:0}body.lumen-os[data-lumen-skin] .gold-panel::after{bottom:0;right:0;transform:rotate(180deg)}
body.lumen-os[data-lumen-skin] .console-frame{background:var(--sk-corner) left top/100px 100px no-repeat,linear-gradient(135deg,var(--sk-panel),var(--sk-bg))!important;border-radius:0 0 var(--sk-radius) var(--sk-radius)}
body.lumen-os[data-lumen-skin] .lumen-os-brand{background:var(--sk-corner) left top/70px 70px no-repeat}
body.lumen-os[data-lumen-skin] .compact-navigation button:nth-child(3n) .navigation-icon{background:var(--sk-accent)}
body.lumen-os[data-lumen-skin] .compact-navigation button:nth-child(3n)::before{border-color:var(--sk-line)}
.skin-miniature::before,.skin-miniature::after{content:'';width:82px;height:82px;background:var(--sk-corner) center/contain no-repeat;opacity:1;pointer-events:none}
body.lumen-os[data-lumen-skin] .gold-panel::before,body.lumen-os[data-lumen-skin] .gold-panel::after{width:64px;height:64px}
body.lumen-os[data-lumen-skin] .gold-panel::before{top:-5px;left:-5px}body.lumen-os[data-lumen-skin] .gold-panel::after{bottom:-5px;right:-5px}
body.lumen-os[data-lumen-skin] :is(#open-lumen,#command-form,#look-shortcut){background:var(--sk-panel);border-color:var(--sk-line);color:var(--sk-accent);box-shadow:inset 0 0 0 2px var(--sk-bg)}
body.lumen-os[data-lumen-skin] #command{background:transparent;color:var(--sk-ink)}

.lumen-app[hidden]{display:none!important}

/* The skin corners extend 5px beyond each panel. Keep their full width within
   the desktop sidebar so decorative overhang cannot create horizontal scroll. */
@media(min-width:951px){
  body.lumen-os[data-lumen-skin] .character-rail{padding-inline:6px}
}