/* Personaje sobre un fondo suave, sin suelo, pedestales ni efectos de partículas. */
#stepScreen-6 .character-preview-card{
  isolation:isolate;
  border-color:rgba(147,186,224,.28);
  border-radius:22px;
  background:#101a32;
  box-shadow:0 24px 65px -36px rgba(0,0,0,.7),inset 0 1px 0 rgba(220,236,255,.05);
}
#stepScreen-6 .character-preview-card .stage-hud-top{
  position:relative;
  z-index:3;
  gap:12px;
  padding:17px 18px;
  border-color:rgba(164,184,233,.16);
  background:#14213b;
}
#stepScreen-6 .character-preview-card .hud-live-badge{
  min-width:0;
  color:#e1eafa;
  font-size:.75rem;
  line-height:1.65;
  letter-spacing:0;
  overflow-wrap:anywhere;
}
#stepScreen-6 .character-preview-card .hud-pill{
  border-color:rgba(168,192,237,.25);
  border-radius:7px;
  background:rgba(11,22,43,.55);
  font-size:.65rem;
  line-height:1.7;
}
#stepScreen-6 .character-preview-card .stage-3d-viewport{
  height:540px;
  background:radial-gradient(ellipse at 20% 18%,#294884 0,transparent 56%),radial-gradient(ellipse at 90% 75%,#5a2f88 0,transparent 65%),linear-gradient(145deg,#172746,#252044 65%,#121e38);
}
#stepScreen-6 .character-preview-card .stage-3d-viewport::before,
#stepScreen-6 .character-preview-card .stage-3d-viewport::after{content:none}
#stepScreen-6 .character-preview-backdrop{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  max-width:none;
  opacity:0;
  object-fit:cover;
  pointer-events:none;
  transition:opacity .35s ease;
}
#stepScreen-6 .character-preview-card.has-motion-background .character-preview-backdrop{opacity:.7}
#stepScreen-6 .character-preview-card .stage-3d-character-layer{
  z-index:1;
  padding:0;
  background:linear-gradient(180deg,rgba(9,18,40,.17),transparent 42%,rgba(12,20,40,.16));
}
#stepScreen-6 .character-preview-card .fn-overhead-plate{
  flex:0 0 auto;
  width:calc(100% - 32px);
  max-width:420px;
  padding-top:24px;
}
#stepScreen-6 .character-preview-card .fn-plate-top{align-items:center;gap:8px;margin-bottom:12px}
#stepScreen-6 .character-preview-card :is(.fn-season-level,.fn-crowns-badge){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px;
  min-height:31px;
  max-width:100%;
  padding:5px 9px;
  border:1px solid rgba(203,222,255,.3);
  border-radius:9px;
  color:#edf6ff;
  background:rgba(10,22,47,.84);
  box-shadow:0 3px 12px rgba(7,14,31,.15);
  font-size:.75rem;
  line-height:1.6;
  overflow-wrap:anywhere;
}
#stepScreen-6 .character-preview-card :is(.fn-season-level,.fn-crowns-badge) .bot-icon{width:16px;height:16px}
#stepScreen-6 .character-preview-card .fn-crowns-badge{border-color:rgba(228,204,139,.38);color:#ffe7ad;background:rgba(40,29,50,.85)}
#stepScreen-6 .character-preview-card .fn-plate-name{
  color:#fff;
  font-size:clamp(1.15rem,2.2vw,1.55rem);
  line-height:1.3;
  letter-spacing:-.035em;
  text-shadow:0 2px 14px rgba(6,13,32,.65);
}
#stepScreen-6 .character-preview-card .fn-plate-status{margin-top:7px;color:#d6e3f7;font-size:.73rem;line-height:1.7;text-shadow:0 1px 8px #111d38}
#stepScreen-6 .character-preview-card .character-render-container{
  width:100%;
  min-height:0;
  padding:12px 22% 0;
  align-items:stretch;
}
#stepScreen-6 .character-preview-aura{
  position:absolute;
  z-index:0;
  inset:4% 15% 12%;
  opacity:0.5;
  pointer-events:none;
  background:radial-gradient(ellipse at 42% 38%,rgba(255,255,255,.9),rgba(255,255,255,.45) 30%,transparent 64%),radial-gradient(ellipse at 62% 60%,rgba(255,255,255,.65),transparent 65%);
  filter:blur(28px);
  border-radius:50%;
}
#stepScreen-6 .character-preview-accessory{
  position:absolute;
  z-index:2;
  top:55%;
  width:clamp(56px,19%,104px);
  margin:0;
  transform:translateY(-50%);
  pointer-events:none;
  text-align:center;
}
#stepScreen-6 .preview-accessory-pickaxe,#stepScreen-6 .preview-accessory-emote{left:3%}
#stepScreen-6 .preview-accessory-backpack,#stepScreen-6 .preview-accessory-shoes{right:3%}
#stepScreen-6 .preview-accessory-emote,#stepScreen-6 .preview-accessory-shoes{top:81%}
#stepScreen-6 .character-preview-accessory img{
  display:block;
  width:100%;
  height:clamp(64px,8vw,105px);
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 5px 12px rgba(3,10,28,.2));
}
#stepScreen-6 .character-preview-accessory figcaption{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin-top:5px;
  color:#e9f4ff;
  font-size:.65rem;
  font-weight:650;
  line-height:1.45;
  overflow-wrap:anywhere;
  text-shadow:0 1px 6px #172344;
}
#stepScreen-6 .character-preview-card .character-full-img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  min-height:0;
  object-fit:contain;
  object-position:center top;
  filter:none;
  transform:none;
  animation:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 59%,rgba(0,0,0,.93) 66%,rgba(0,0,0,.63) 77%,rgba(0,0,0,.22) 89%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 59%,rgba(0,0,0,.93) 66%,rgba(0,0,0,.63) 77%,rgba(0,0,0,.22) 89%,transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
#stepScreen-6 .character-preview-card .stage-hud-bottom{position:relative;z-index:3;padding:13px 18px;border-color:rgba(164,184,233,.16);background:#14213b}
#stepScreen-6 .character-preview-card .preview-auth-status{margin:0;font-size:.72rem;line-height:1.8;color:#b4e9d5;overflow-wrap:anywhere}

@media(max-width:900px){
  #stepScreen-6 .character-preview-card{max-width:760px;width:100%;margin-inline:auto}
  #stepScreen-6 .character-preview-card .stage-3d-viewport{height:480px}
  #stepScreen-6 .character-preview-card .character-render-container{padding-inline:22%}
}
@media(max-width:680px){
  #stepScreen-6 .character-preview-card{border-radius:18px}
  #stepScreen-6 .character-preview-card .stage-hud-top{gap:10px;padding:14px}
  #stepScreen-6 .character-preview-card .hud-live-badge{font-size:.72rem}
  #stepScreen-6 .character-preview-card .hud-telemetry{gap:5px}
  #stepScreen-6 .character-preview-card .hud-pill{font-size:.6rem;padding:4px 6px}
  #stepScreen-6 .character-preview-card .stage-3d-viewport{height:440px}
  #stepScreen-6 .character-preview-card .fn-overhead-plate{padding-top:20px;width:calc(100% - 28px)}
  #stepScreen-6 .character-preview-card .fn-plate-name{font-size:1.2rem}
  #stepScreen-6 .character-preview-card .fn-plate-status{font-size:.7rem}
  #stepScreen-6 .character-preview-card .character-render-container{padding:12px 22% 0}
  #stepScreen-6 .character-preview-accessory img{height:70px}
  #stepScreen-6 .character-preview-accessory figcaption{font-size:.6rem}
  #stepScreen-6 .character-preview-card .stage-hud-bottom{padding:12px 14px}
}
@media(max-width:380px){
  #stepScreen-6 .character-preview-card .stage-3d-viewport{height:410px}
  #stepScreen-6 .character-preview-card .fn-plate-name{font-size:1.1rem}
  #stepScreen-6 .character-preview-card :is(.fn-season-level,.fn-crowns-badge){font-size:.7rem;padding:4px 8px}
  #stepScreen-6 .character-preview-card .character-render-container{padding-inline:22%}
  #stepScreen-6 .character-preview-accessory img{height:64px}
}
@media(prefers-reduced-motion:reduce){
  #stepScreen-6 .character-preview-backdrop{display:none;transition:none}
}