.look-choice { min-width: 0; margin: 0; padding: 0; border: 0; }
.look-picker { display: grid; gap: .55rem; padding: .7rem .75rem .75rem; border-radius: .65rem; background: rgba(3, 7, 14, .42); border: 1px solid var(--edge-soft); box-shadow: inset 0 1px 0 rgba(255, 238, 200, .04); }
.lk-head { display: flex; align-items: center; gap: .5rem; }
.lk-tabs { flex: 1; display: flex; }
.lk-tabs { gap: .25rem; padding: .2rem; border-radius: .6rem; background: rgba(0, 0, 0, .3); border: 1px solid var(--edge-soft); }
.lk-tabs > button { flex: 1; min-height: 1.9rem; padding: .25rem .5rem; border: 1px solid transparent; border-radius: .45rem; background: none; color: var(--text-3); font: 700 .74rem var(--font-ui); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.lk-tabs > button:hover { color: var(--text-1); }
.lk-tabs > button.is-on { color: var(--gold-1); border-color: rgba(242, 198, 106, .5); background: linear-gradient(180deg, rgba(96, 72, 30, .55), rgba(26, 21, 14, .85)); }
.lk-dice { flex: none; width: 2.2rem; height: 2.2rem; padding: 0; }
.lk-dice .ia-glyph { width: 1.2rem; height: 1.2rem; color: var(--gold-1); transition: rotate .25s var(--ease-out); }
.lk-dice:active .ia-glyph { rotate: 90deg; }
.lk-pane { display: grid; gap: .55rem; }
.lk-group { display: grid; gap: .35rem; }
.lk-label { font: 700 .62rem/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.lk-chips { display: flex; flex-wrap: wrap; gap: .3rem; }
.lk-chip { min-height: 2rem; padding: .3rem .62rem; border-radius: .5rem; border: 1px solid var(--edge-soft); background: linear-gradient(180deg, rgba(36, 52, 82, .55), rgba(10, 16, 28, .8)); color: var(--text-2); font: 600 .82rem var(--font-ui); cursor: pointer; transition: border-color .15s, color .15s, background .15s; }
.lk-chip:hover { border-color: var(--edge); color: var(--text-1); }
.lk-chip.is-on { border-color: var(--gold-2); color: var(--gold-1); background: linear-gradient(180deg, rgba(96, 72, 30, .55), rgba(26, 21, 14, .85)); box-shadow: 0 0 0 1px rgba(242, 198, 106, .35); }
.lk-swatches { display: flex; flex-wrap: wrap; gap: .4rem; }
.lk-swatch { width: 1.85rem; height: 1.85rem; padding: 0; border-radius: 50%; border: 2px solid rgba(0, 0, 0, .55); background: var(--lk-paint); box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), 0 .15rem .35rem rgba(0, 0, 0, .45); cursor: pointer; transition: box-shadow .15s, translate .15s; }
.lk-swatches.is-skin .lk-swatch { width: 2.3rem; height: 2.3rem; }
.lk-swatch:hover { translate: 0 -1px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .35), 0 .2rem .4rem rgba(0, 0, 0, .5); }
.lk-swatch.is-on { box-shadow: 0 0 0 2px var(--gold-1), 0 0 0 4px rgba(242, 198, 106, .3), 0 .2rem .4rem rgba(0, 0, 0, .5); }
.lk-chip:focus-visible, .lk-swatch:focus-visible { outline: 2px solid var(--gold-1); outline-offset: 2px; }
.creation-stage .lk-zoom { position: absolute; top: calc(2.2% + env(safe-area-inset-top)); left: calc(2.2% + env(safe-area-inset-left)); z-index: 3; display: inline-flex; align-items: center; gap: .4rem; background: rgba(5, 9, 17, .62); }
.creation-stage .lk-zoom .ia-glyph { width: .95rem; height: .95rem; color: var(--gold-2); }
.look-screen .look-picker { padding: .85rem .9rem .9rem; }
.look-screen .creation-cta { margin-top: .4rem; }
.look-ask .btn-primary { margin-top: .4rem; }

.eqw-looks { display: grid; gap: .45rem; margin-top: .9rem; }
.eqw-looks .win-caps { margin: 0; }
.eqw-look-note { margin: 0; font-size: .8rem; line-height: 1.35; color: var(--text-3); text-wrap: pretty; }
.eqw-look-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.6rem, 1fr)); gap: .35rem; }
.eqw-look-slot { display: flex; align-items: center; gap: .45rem; min-width: 0; padding: .3rem .45rem .3rem .3rem; border-radius: .55rem; border: 1px solid var(--edge-soft); background: rgba(255, 255, 255, .03); color: var(--text-2); text-align: left; cursor: pointer; transition: border-color .15s, background .15s; }
.eqw-look-slot:hover { border-color: var(--edge); }
.eqw-look-slot.is-on { border-color: var(--gold-2); background: rgba(242, 198, 106, .09); }
.eqw-look-slot .well { flex: none; width: 2.3rem; height: 2.3rem; }
.eqw-look-copy { display: grid; min-width: 0; }
.eqw-look-copy b { font: 600 .82rem var(--font-ui); color: var(--text-1); }
.eqw-look-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .72rem; color: var(--text-3); }
.eqw-look-slot.has-look .eqw-look-copy small { color: var(--gold-1); }
.eqw-look-picks { display: grid; grid-template-columns: repeat(auto-fill, minmax(4.6rem, 1fr)); gap: .35rem; padding: .45rem; border-radius: .6rem; background: rgba(0, 0, 0, .25); border: 1px solid var(--edge-soft); }
.eqw-look-pick { position: relative; display: grid; justify-items: center; gap: .2rem; padding: .3rem .2rem; border-radius: .5rem; border: 1px solid transparent; background: none; color: var(--text-2); cursor: pointer; }
.eqw-look-pick:hover { border-color: var(--edge-soft); }
.eqw-look-pick.is-on { border-color: var(--gold-2); background: rgba(242, 198, 106, .08); }
.eqw-look-pick .well { width: 2.6rem; height: 2.6rem; }
.eqw-look-pick small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .68rem; }
.eqw-look-pick > .ia-glyph { position: absolute; top: .2rem; right: .25rem; width: .8rem; height: .8rem; color: var(--gold-1); }
.eqw-look-none { margin: 0; font-size: .78rem; color: var(--text-3); text-wrap: pretty; }
.eqd-look { position: absolute; top: .12rem; left: .14rem; display: grid; place-items: center; width: .95rem; height: .95rem; border-radius: 50%; background: rgba(10, 12, 18, .8); box-shadow: 0 0 0 1px rgba(242, 198, 106, .55); pointer-events: none; }
.eqd-look .ia-glyph { width: .62rem; height: .62rem; color: var(--gold-1); }

@media (max-width: 760px), (max-height: 500px) and (pointer: coarse) {
  .look-ask .btn { min-height: 3.3rem; }
  .look-ask .fa-later { padding-inline: 1.2rem; font-size: .9rem; }
  .eqw-looks .eqw-look-picks { grid-template-columns: repeat(auto-fill, minmax(5.4rem, 1fr)); }
  .eqw-looks .eqw-look-pick { min-height: 3.3rem; }
  .eqw-looks :is(.eqw-look-pick small, .eqw-look-none) { font-size: .9rem; }
}