/* Fix da seleção de classe: remove as miniaturas que apareciam de costas e destaca a prévia frontal */
.class-selection-stage{align-items:start}
.class-front-preview-panel{min-width:280px}
.class-front-preview{min-height:320px;background:radial-gradient(circle at 50% 20%,rgba(255,228,162,.18),rgba(23,30,43,.78) 45%,rgba(7,10,16,.98) 100%);border:1px solid rgba(201,171,96,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 36px rgba(0,0,0,.42)}
.class-front-preview .preview-loading{color:#eed79f}
.class-preview-canvas{display:block;width:100%!important;height:100%!important}
.class-choice .class-cover{background:linear-gradient(180deg,rgba(10,14,21,.04),rgba(10,14,21,.16))}
.class-choice .class-preview{min-height:130px;height:130px;padding-top:8px;padding-bottom:16px}
.class-choice .class-body-preview,.class-choice .class-weapon-preview{display:none!important}
.class-choice .class-aura{opacity:.26}
.class-choice .class-stage-light{opacity:.22;width:140px;height:52px;bottom:34px}
.class-choice .class-pedestal{width:120px;height:24px;bottom:8px}
.class-choice .class-pedestal i{width:82px;height:8px}
.class-choice .class-emblem{position:relative;z-index:5;display:grid;place-items:center;width:68px;height:68px;margin:18px auto 0;border-radius:50%;border:1px solid rgba(229,199,120,.42);background:radial-gradient(circle at 30% 25%,rgba(255,245,212,.4),rgba(73,56,28,.6) 58%,rgba(18,15,10,.92) 100%);box-shadow:0 10px 24px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.18);font-size:34px;text-shadow:0 2px 6px rgba(0,0,0,.55)}
.class-choice .class-state-badge{top:10px;right:10px}
.class-choice .class-meta{padding-top:10px}
.class-choice.selected .class-emblem{transform:translateY(-4px) scale(1.05);box-shadow:0 18px 28px rgba(0,0,0,.46),0 0 0 1px rgba(255,230,171,.25),0 0 22px rgba(245,205,115,.28),inset 0 1px 0 rgba(255,255,255,.22)}
.class-choice.selected .class-aura,.class-choice:hover .class-aura{opacity:.38}
.class-choice.selected .class-stage-light,.class-choice:hover .class-stage-light{opacity:.3}
.class-front-preview-panel > span{opacity:.85}
@media (max-width: 960px){
  .class-selection-stage{grid-template-columns:1fr;gap:14px}
  .class-front-preview-panel{order:-1;width:100%}
  .class-front-preview{min-height:260px}
}