/* Shared styles for picker-core powered pages: name-picker, popsicle-stick-picker, lucky-envelope-picker, sticker-jar-picker */
textarea{ width:100%; min-height: 150px; resize: vertical; background: #0f1522; color: var(--cream);
  border: 1px solid var(--line); border-radius: 12px; padding: 14px; font-family:'Work Sans', sans-serif;
  font-size:14px; line-height:1.6; outline: none; }
textarea:focus{ border-color: var(--gold); }
.row{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top: 14px; }
.count{ color: var(--cream-dim); font-size:13px; }

.picker-display{ text-align:center; padding: 50px 20px; }
.picked-name{ font-family:'Archivo Black', sans-serif; font-size: clamp(40px, 9vw, 90px); color: var(--gold); min-height: 1.2em; }

.remaining-chip{ display:inline-flex; align-items:center; gap:6px; background: rgba(255,255,255,0.03);
  border:1px solid var(--line); border-radius: 20px; padding: 4px 12px; margin: 3px; font-size: 13px; }
.remaining-chip.used{ opacity: 0.3; text-decoration: line-through; }
.pool{ margin-top: 20px; text-align:center; }

.related-skins{ margin-top: 40px; }
.related-skins h3{ font-size:12px; letter-spacing:2px; color: var(--cream-dim); text-transform:uppercase; margin: 0 0 12px; text-align:center; }
.skin-links{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.skin-links a{ text-decoration:none; background: var(--panel-bg); border:1px solid var(--line); border-radius:10px;
  padding: 10px 16px; font-size:13px; font-weight:700; }
.skin-links a:hover{ border-color: var(--gold); }