/* Seleção inicial: cards uniformes, portraits retangulares e cores MonsterCrypt. */
#slotSelectScreen .class-select-layout,#classSelectScreen .class-select-layout{max-width:1280px;width:min(96%,1280px);padding:24px 12px;margin:0 auto;gap:18px}
#slotSelectScreen .class-intro-card,#classSelectScreen .class-intro-card{padding:16px 22px;border-radius:14px;background:rgba(8,15,29,.9)}
#slotSelectScreen .class-intro-card h2,#classSelectScreen .class-intro-card h2{font:700 clamp(22px,2.3vw,30px)/1.2 'Segoe UI',sans-serif;margin:6px 0 10px}
#slotSelectScreen .class-intro-card p,#classSelectScreen .class-intro-card p{font-size:13px;line-height:1.5}
#slotSelectScreen .class-grid,#classSelectScreen .class-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;align-items:stretch}
#slotSelectScreen .class-card,#classSelectScreen .class-card{--neon:#4ee5ff;display:flex!important;flex-direction:column!important;min-height:0!important;height:348px;padding:11px!important;border-radius:13px;border:1px solid color-mix(in srgb,var(--neon) 65%,transparent);background:linear-gradient(160deg,#0d182af5,#111124f5);box-shadow:0 0 14px color-mix(in srgb,var(--neon) 14%,transparent),inset 0 1px 0 #ffffff16;overflow:hidden}
#slotSelectScreen .class-card{height:290px;max-width:240px}
#slotSelectScreen .class-card:nth-child(7n+2),#classSelectScreen .class-card:nth-child(7n+2){--neon:#bc78ff}
#slotSelectScreen .class-card:nth-child(7n+3),#classSelectScreen .class-card:nth-child(7n+3){--neon:#5dffb4}
#slotSelectScreen .class-card:nth-child(7n+4),#classSelectScreen .class-card:nth-child(7n+4){--neon:#ff66c9}
#slotSelectScreen .class-card:nth-child(7n+5),#classSelectScreen .class-card:nth-child(7n+5){--neon:#ffb65c}
#classSelectScreen .class-card:nth-child(7n+6){--neon:#76a9ff}#classSelectScreen .class-card:nth-child(7n+7){--neon:#d0ff6f}
#slotSelectScreen .class-card:hover,#classSelectScreen .class-card:hover{transform:translateY(-3px);border-color:var(--neon);box-shadow:0 0 24px color-mix(in srgb,var(--neon) 27%,transparent)}
#slotSelectScreen .class-card figure,#classSelectScreen .class-portrait{width:100%!important;height:136px!important;min-height:136px!important;border-radius:8px!important;border:1px solid color-mix(in srgb,var(--neon) 50%,transparent)!important;overflow:hidden;margin:0 0 10px!important;background:linear-gradient(135deg,#102736,#181b32);display:block}
#slotSelectScreen .class-card figure img,#classSelectScreen .class-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center 35%;border-radius:0!important;animation:none!important;filter:drop-shadow(0 0 8px #0008)!important;transform:none!important}
#slotSelectScreen .class-card-body,#classSelectScreen .class-card-body{display:flex!important;flex:1;flex-direction:column;gap:5px!important;text-align:left!important;min-height:0}
#slotSelectScreen .class-card h3,#classSelectScreen .class-card h3{font:700 18px/1.15 'Segoe UI',sans-serif!important;color:#eff8ff!important;margin:0!important;letter-spacing:.2px}
#slotSelectScreen .class-card p,#classSelectScreen .class-tag{font:600 10px/1.4 'Segoe UI',sans-serif!important;letter-spacing:.4px!important;margin:0!important;color:var(--neon)!important}
#classSelectScreen .class-role{font:650 11px/1.4 'Segoe UI',sans-serif;color:var(--neon);margin:0;letter-spacing:.7px}
#classSelectScreen .class-story{font:12px/1.4 'Segoe UI',sans-serif;color:#bdcbdc;margin:3px 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#classSelectScreen .choose-class-button,#slotSelectScreen .enter-slot-btn{margin-top:auto!important;background:color-mix(in srgb,var(--neon) 17%,#101829)!important;border:1px solid color-mix(in srgb,var(--neon) 65%,transparent)!important;color:#effcff!important;border-radius:7px;padding:9px 6px!important;font:650 11px 'Segoe UI',sans-serif;min-height:34px;letter-spacing:.2px;white-space:normal}
#slotSelectScreen .delete-slot-btn{font-size:12px!important}#slotSelectScreen .class-card-body>div:last-child{margin-top:auto!important}
@media(min-width:1150px){#classSelectScreen .class-grid{grid-template-columns:repeat(7,minmax(0,1fr))}#classSelectScreen .class-card{height:360px}#classSelectScreen .class-story{font-size:11px}}
@media(max-width:600px){#slotSelectScreen .class-grid,#classSelectScreen .class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#classSelectScreen .class-card{height:350px}#slotSelectScreen .class-card{max-width:none}#classSelectScreen .gender-toggle-wrapper{gap:10px!important;font-size:12px}}

#classSelectScreen .class-tag{min-height:28px;height:28px;display:flex;align-items:center}#slotsContainer{grid-template-columns:repeat(auto-fit,minmax(170px,210px))!important;justify-content:center}#slotsContainer .empty-slot .class-card-body{align-items:center!important;text-align:center!important;justify-content:center!important;background:none!important}#slotsContainer .empty-slot h3{font-size:36px!important;color:var(--neon)!important}#slotsContainer .empty-slot p{font-size:12px!important}#slotSelectScreen #backToVillageFromSlotsBtn{width:auto;justify-self:center}