/* Time: 3 cartas escaladas para futuras mecânicas. */
.team-screen{max-width:1040px;margin:0 auto 32px;color:#251d1e}
.team-heading{position:relative;margin-bottom:23px;padding:24px 29px;border:3px solid #26212b;border-radius:18px;background:linear-gradient(130deg,#fff5d9ef,#f5dfbcee);box-shadow:7px 8px #29212b30;overflow:hidden}
.team-heading:after{content:'034';position:absolute;right:-3px;bottom:-48px;transform:rotate(-13deg);font:900 170px Impact,sans-serif;color:#dc4ca217;pointer-events:none}
.team-heading small{display:block;letter-spacing:2px;font-weight:900;color:#a12670}
.team-heading h2{font:900 67px/1 'Barlow Condensed',Impact,sans-serif;margin:8px 0;color:#241d22}
.team-heading p{position:relative;z-index:1;margin:0;max-width:600px;color:#645750;font-size:14px;line-height:1.5}
.team-heading>strong{position:absolute;top:25px;right:25px;padding:8px 15px;border-radius:30px;background:#29242b;color:#f8d68d;font-size:12px;letter-spacing:1px}
.team-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.team-slot{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-end;min-height:370px;padding:18px 12px;border:3px solid #312a32;border-radius:15px;background:linear-gradient(160deg,#292932,#15161d);box-shadow:0 10px 23px #0004;color:#fff8ed;overflow:hidden}
.team-slot>small{position:absolute;z-index:2;top:14px;left:15px;color:#eec77f;font-weight:900;font-size:12px;letter-spacing:1px}
.team-slot.empty{justify-content:center;border-style:dashed;background:#fff7e9db;color:#2b2527}
.team-plus{font:900 100px/1 'Barlow Condensed',Impact,sans-serif;color:#c5a88c}.team-slot h3{position:relative;z-index:1;font:900 clamp(22px,3vw,30px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:11px 0 8px}
.team-slot-portrait{position:absolute;inset:10% 5% 20%;width:90%;height:70%;object-fit:contain;filter:drop-shadow(0 6px 12px #0009)}
.team-slot.filled:after{content:'';position:absolute;bottom:0;left:0;right:0;height:47%;background:linear-gradient(transparent,#141218 60%);pointer-events:none}
.team-slot.filled h3,.team-slot.filled .team-rarity,.team-slot.filled .team-slot-actions{z-index:2}
.team-rarity{padding:4px 12px;border:1px solid #d1aa63;border-radius:20px;color:#e6c184;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:1px}
.team-slot button{position:relative;z-index:2;padding:12px 15px;border:0;border-radius:9px;background:#eac36f;color:#252026;font-weight:900;font-size:12px}
.team-slot-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:15px}.team-slot-actions button{padding:10px 11px}.team-slot-actions .remove{background:#453b43;color:#fff4e7;border:1px solid #9d7c84}
.team-slot.rarity-uncommon{border-color:#46cc79}.team-slot.rarity-rare{border-color:#58a7f5}.team-slot.rarity-epic{border-color:#b67bef}.team-slot.rarity-legendary{border-color:#e8b54d}.team-slot.rarity-mythic{border-color:#ef667a}
.team-notice{margin:17px 0;padding:12px 15px;border:1px solid #ad8c62;border-radius:9px;background:#fff7e4;color:#654329;font-size:13px}
.team-picker-overlay{position:fixed;inset:0;z-index:99000;background:#0c0b0de0;display:flex;align-items:center;justify-content:center;padding:15px;backdrop-filter:blur(5px)}
.team-picker{width:min(880px,100%);max-height:90vh;overflow:auto;padding:22px;background:#fff0d3;border:3px solid #28202a;border-radius:16px;box-shadow:0 20px 75px #000a;color:#252028}
.team-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.team-picker-head h3{font:900 28px 'Barlow Condensed',Impact,sans-serif;margin:0}.team-picker-head button{padding:7px 13px;border-radius:7px;border:2px solid #30252e;background:#fff;color:#1d1a20;font-weight:900}
.team-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:12px}
.team-card-option{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;padding:10px;border:2px solid #524450;border-radius:10px;background:linear-gradient(#36313d,#14131a);color:#fff;cursor:pointer}
.team-card-option img{width:100%;height:117px;object-fit:contain}.team-card-option strong{font:900 17px 'Barlow Condensed',Impact,sans-serif}.team-card-option small{font-size:10px;color:#f2cf88}.team-card-option:disabled{opacity:.28;cursor:not-allowed}.team-card-option:hover:not(:disabled){border-color:#e2be7b}
.team-card-option.rarity-uncommon{border-color:#3cad70}.team-card-option.rarity-rare{border-color:#4b97e5}.team-card-option.rarity-epic{border-color:#a369d6}.team-card-option.rarity-legendary{border-color:#dfa94b}.team-card-option.rarity-mythic{border-color:#e5677c}
@media(max-width:690px){.team-heading{padding:20px 17px}.team-heading h2{font-size:48px}.team-heading>strong{position:static;display:inline-block;margin-top:14px}.team-slots{grid-template-columns:1fr}.team-slot{min-height:250px}.team-slot-portrait{height:78%;inset:7% 5% 15%}.team-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Identidade de raridade no esquadrão: moldura, faixa e selo legíveis. */
.team-slot.filled{--team-rarity:#b8afa7;--team-rarity-light:#f5eee2;border-color:var(--team-rarity);box-shadow:0 8px 0 #242027,0 0 0 2px var(--team-rarity-light),0 0 26px color-mix(in srgb,var(--team-rarity),transparent 52%);isolation:isolate}
.team-slot.rarity-common{--team-rarity:#bfc5c7;--team-rarity-light:#f0f0ea}
.team-slot.rarity-uncommon{--team-rarity:#3ce996;--team-rarity-light:#b8ffe0}
.team-slot.rarity-rare{--team-rarity:#35a8ff;--team-rarity-light:#b9e6ff}
.team-slot.rarity-epic{--team-rarity:#c475ff;--team-rarity-light:#efcfff}
.team-slot.rarity-legendary{--team-rarity:#ffc444;--team-rarity-light:#ffe7a2}
.team-slot.rarity-mythic{--team-rarity:#ff527d;--team-rarity-light:#ffbbcd}
.team-slot.filled:before{content:attr(data-rarity);position:absolute;top:10px;right:11px;z-index:3;max-width:46%;padding:6px 10px 5px;border:2px solid #201b24;border-radius:7px;background:var(--team-rarity);color:#211921;box-shadow:2px 3px 0 #201b24;font:900 12px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;transform:rotate(3deg)}
.team-slot.filled .team-rarity{display:inline-flex;align-items:center;gap:5px;border:2px solid var(--team-rarity);border-radius:8px;padding:6px 13px;background:color-mix(in srgb,var(--team-rarity),#17151d 81%);color:var(--team-rarity-light);font:900 14px/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.1em;box-shadow:0 0 13px color-mix(in srgb,var(--team-rarity),transparent 45%);text-shadow:0 1px 3px #000}
.team-rarity-glyph{font-size:14px;color:var(--team-rarity)}
.team-slot.filled h3{text-shadow:2px 3px 0 #100f15,0 0 12px #000}
.team-slot.filled .team-slot-portrait{filter:drop-shadow(0 5px 12px #000a)}
/* Ações com acabamento de adesivo grafitado; duas cores e hierarquia clara. */
.team-slot-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;margin-top:16px}
.team-slot-actions button.team-action-change,.team-slot-actions button.team-action-remove{width:100%;min-height:43px;padding:9px 5px;border:2px solid #1f1b22;border-radius:9px;color:#201922;font:900 clamp(10px,1.4vw,12px)/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.03em;box-shadow:3px 4px 0 #111016;text-shadow:none;transition:transform .14s ease,box-shadow .14s ease}
.team-slot-actions button.team-action-change{background:linear-gradient(125deg,#70eee4 0%,#a4f7e7 50%,#f8d16e 100%)}
.team-slot-actions button.team-action-remove{background:linear-gradient(125deg,#ffacc6,#f7d2c8);color:#5c253c}
.team-slot-actions button:not(:disabled):hover{transform:translate(2px,2px);box-shadow:1px 2px 0 #111016}
.team-slot-actions button:disabled{opacity:.58}
.team-card-option{position:relative;--team-option-color:#d7d5d1;--team-option-pale:#f4efe5;border:3px solid var(--team-option-color);box-shadow:0 4px 0 #211a25,0 0 12px color-mix(in srgb,var(--team-option-color),transparent 70%)}
.team-card-option.rarity-uncommon{--team-option-color:#42d78c;--team-option-pale:#bdffdc}
.team-card-option.rarity-rare{--team-option-color:#3eaafc;--team-option-pale:#c2e8ff}
.team-card-option.rarity-epic{--team-option-color:#bf77f5;--team-option-pale:#eed1ff}
.team-card-option.rarity-legendary{--team-option-color:#ffc65b;--team-option-pale:#ffebb1}
.team-card-option.rarity-mythic{--team-option-color:#ff6388;--team-option-pale:#ffd0db}
.team-card-rarity{display:inline-block;padding:5px 10px;border:2px solid var(--team-option-color);border-radius:7px;background:#17131a;color:var(--team-option-pale);font:900 12px/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.team-card-option small{font-weight:900;color:#f9e9c7}
.team-card-option:hover:not(:disabled){border-color:var(--team-option-color);transform:translateY(-2px)}
@media(max-width:690px){.team-slot-actions{max-width:330px}.team-slot-actions button.team-action-change,.team-slot-actions button.team-action-remove{font-size:13px}}

/* Esquadrão marfim sobre o cenário creme, com molduras neon por raridade. */
.team-slot,.team-slot.filled{
  color:#2e2328;
  background:
    radial-gradient(circle at 92% 12%,#ed59ad21,transparent 35%),
    linear-gradient(155deg,#fffef8,#fff5e7);
}
.team-slot.filled::after{background:linear-gradient(transparent,#fffaf1 72%);}
.team-slot>small{color:#9b2366}
.team-slot.filled h3{color:#2d2127;text-shadow:2px 2px 0 #fffaf1,0 0 12px #fff}
.team-slot.filled .team-rarity{
  color:#2d2026;
  background:color-mix(in srgb,var(--team-rarity),#fffaf2 70%);
  text-shadow:none;
}
.team-slot.filled .team-slot-portrait{filter:drop-shadow(0 6px 11px #3a263b50)}
.team-card-option{
  background:linear-gradient(150deg,#fffef8,#f8e9d7);
  color:#34262b;
}
.team-card-option strong{color:#34262b;text-shadow:none}
.team-card-option small{color:#594147}