/* The wardrobe and the Complete Edition (store-ui.js), in the candlelit look's tokens. */
.wardrobe-dialog, .store-dialog { max-width:520px; }
.wardrobe-stage, .store-stage { display:block; width:100%; max-width:100%; height:150px; margin:4px auto 10px; border-radius:14px;
  background:radial-gradient(60% 70% at 50% 85%, #deba7a1f, transparent 70%), var(--lk-field, #141a17); border:1px solid var(--lk-line, #33403a); }
.store-stage { height:170px; }
.wardrobe-note { min-height:48px; margin:0 0 6px; }
.wardrobe-note p { margin:0 0 6px; font-size:15px!important; line-height:1.45!important; }
.wardrobe-note strong { color:var(--lk-text, #f1e9d8); font-family:var(--lk-serif, Georgia, serif); }
.wardrobe-slot { margin:0 0 12px; padding:0; border:0; min-width:0; }
.wardrobe-slot legend { margin:0 0 6px; padding:0; font:600 13px/1.4 var(--lk-sans, system-ui, sans-serif); letter-spacing:.08em; text-transform:uppercase; color:var(--lk-text-3, #b3b4a2); }
.wardrobe-choices { display:flex; flex-wrap:wrap; gap:8px; }
.wardrobe-choice { display:inline-flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px; min-height:48px; max-width:100%; padding:8px 14px;
  font:500 15px/1.25 var(--lk-sans, system-ui, sans-serif); color:var(--lk-text, #f1e9d8); text-align:left;
  background:var(--lk-field, #141a17); border:1px solid var(--lk-line-strong, #4d5c50); border-radius:12px; cursor:pointer; }
.wardrobe-choice[aria-pressed="true"] { border-color:var(--lk-gold, #deba7a); background:#3a3421; box-shadow:0 0 0 1px var(--lk-gold, #deba7a); }
.wardrobe-choice small { font-size:12.5px; color:var(--lk-text-3, #b3b4a2); }
.wardrobe-choice.locked { position:relative; padding-left:34px; border-style:dashed; color:var(--lk-text-2, #cfcdb9); }
.wardrobe-choice.locked svg { position:absolute; left:11px; top:50%; width:16px; height:16px; margin-top:-8px; fill:none; stroke:var(--lk-gold, #deba7a); stroke-width:2; }
.wardrobe-choice[aria-disabled="true"] { cursor:default; opacity:.85; }
.wardrobe-choice:focus-visible { outline:2px solid var(--lk-gold-bright, #f0d496); outline-offset:2px; }
#lobby-wardrobe { display:block; margin:4px auto 0; }
.lesson-entry + .wardrobe-entry { margin-top:12px; }

.store-list { list-style:none; margin:0 0 14px; padding:0; display:grid; gap:10px; }
.store-list li { display:flex; gap:12px; align-items:flex-start; }
.store-list li > svg { flex:none; width:22px; height:22px; margin-top:2px; fill:none; stroke:var(--lk-gold, #deba7a); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.store-list span { display:flex; flex-direction:column; gap:2px; min-width:0; }
.store-list strong { font:600 17px/1.3 var(--lk-serif, Georgia, serif); color:var(--lk-text, #f1e9d8); }
.store-list small { font-size:14.5px; line-height:1.45; color:var(--lk-text-2, #cfcdb9); }
.store-promise { margin:0 0 14px!important; padding:12px 14px; border-left:3px solid var(--lk-gold, #deba7a); background:#deba7a12; border-radius:0 10px 10px 0;
  font:italic 16px/1.5 var(--lk-serif, Georgia, serif)!important; color:var(--lk-text, #f1e9d8)!important; }
#store-buy { display:flex; flex-direction:column; align-items:center; gap:2px; }
#store-buy small { font-size:13px; font-weight:500; opacity:.8; }
.store-owned { display:flex; gap:10px; align-items:center; color:var(--lk-sage, #a9c29a)!important; }
.store-owned svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2.2; }
.store-soon { padding:12px 14px; border:1px dashed var(--lk-line-strong, #4d5c50); border-radius:12px; text-align:center; }
.store-gate em { font-style:normal; font-weight:600; color:var(--lk-gold-bright, #f0d496); }
.story-store { margin:0 0 14px; }