/* Clã — visual street, sobre o cenário creme do jogo */
.clan-screen{margin:0 auto 35px;max-width:1020px;color:#25201e}
.clan-heading{padding:28px 30px;margin-bottom:20px;border:3px solid #222025;border-radius:18px;background:linear-gradient(145deg,#fff4d9f2,#f4d4a5e8);box-shadow:8px 8px 0 #292128;position:relative;overflow:hidden}
.clan-heading:after{content:'♛';position:absolute;right:20px;bottom:-55px;font:900 220px Impact,sans-serif;color:#b6267f18;transform:rotate(-12deg);pointer-events:none}
.clan-heading span{font:800 12px Inter,sans-serif;letter-spacing:2px;color:#ad2a75}
.clan-heading h2{position:relative;z-index:1;font:900 clamp(35px,7vw,68px)/1 'Barlow Condensed',Impact,sans-serif;margin:9px 0 6px;text-transform:uppercase}
.clan-heading p{position:relative;z-index:1;margin:0;font-size:14px;color:#62524e}
.clan-create{max-width:690px;margin:26px auto;padding:28px;border:2px solid #2b2525;border-radius:18px;background:#fff8e9f4;box-shadow:7px 7px 0 #e5c9a2}
.clan-create label{display:block;margin-bottom:12px;font:900 20px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}
.clan-create input{display:block;width:100%;padding:15px 17px;border:2px solid #66574c;border-radius:8px;background:#fff;color:#251b1b;font-size:16px;outline-offset:3px}
.clan-create>small{display:block;margin:10px 0 20px;color:#71625d;font-size:12px}
.clan-payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.clan-payment-options button{min-height:145px;padding:15px;border:3px solid #24212a;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#eec96d;color:#1f1b20;box-shadow:4px 5px #37273244;transition:transform .15s}
.clan-payment-options button:last-child{background:#f6d7e9}
.clan-payment-options button:hover:not(:disabled){transform:translateY(-3px)}
.clan-payment-options button span{font-size:35px;line-height:1}
.clan-payment-options button img{height:41px;width:55px;object-fit:contain}
.clan-payment-options button strong{font:900 clamp(21px,3.5vw,31px) 'Barlow Condensed',Impact,sans-serif}
.clan-payment-options button small{font-weight:800;font-size:11px;letter-spacing:1px}
.clan-error{max-width:690px;margin:14px auto;padding:12px;border:2px solid #b12a51;border-radius:8px;background:#ffe5e3;color:#7a1735;font-weight:700}
.clan-note{max-width:690px;margin:18px auto;font-size:12px;color:#594b44;text-align:center}
.clan-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;background:#24232b;color:#fff7e7;border-radius:14px;border:2px solid #d7a85e}
.clan-summary strong{font:900 27px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.clan-summary span{color:#f2d28d;font-weight:800}
.clan-subtabs{display:flex;gap:10px;margin:18px 0}
.clan-subtabs button{flex:1;border:2px solid #383039;border-radius:9px;background:#fff5df;color:#302730;padding:13px 10px;font-weight:900}
.clan-subtabs button.active{background:#29232d;color:#fce0a0;border-color:#dbbb70}
.clan-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.clan-member{display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:2px solid #29242b;border-radius:13px;background:#f9ead0;box-shadow:4px 5px #24202d24;text-align:center;padding:12px}
.clan-member span{font-size:35px}.clan-member strong{font:900 22px 'Barlow Condensed',Impact,sans-serif;overflow-wrap:anywhere}.clan-member small{color:#a8216e;font-size:11px;font-weight:900}
.clan-member.empty{border-style:dashed;background:#f9f0e4c9}.clan-member.empty span{font-size:38px;color:#b39884}
.clan-coming{padding:45px 20px;text-align:center;border:2px dashed #98826f;border-radius:12px;background:#fff8e6e0}
.clan-coming strong{font:900 28px 'Barlow Condensed',Impact,sans-serif}.clan-coming p{color:#6f5e52}
@media(max-width:600px){.clan-heading{padding:22px 18px}.clan-create{padding:18px}.clan-payment-options{gap:8px}.clan-payment-options button{min-height:125px;padding:8px}.clan-member-grid{grid-template-columns:1fr}.clan-member{min-height:95px}.clan-subtabs{gap:5px}.clan-subtabs button{padding:11px 4px;font-size:12px}}

.clan-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.clan-status>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.clan-status small{color:#dac9aa;letter-spacing:1px;font-size:10px;font-weight:800}
.clan-status strong{font-size:34px;line-height:1.1}
.clan-meter{height:9px;width:100%;border:1px solid #7d6760;border-radius:10px;background:#5b4f51;overflow:hidden;margin:7px 0}
.clan-meter i{display:block;height:100%;background:linear-gradient(90deg,#22d2c0,#f4d16d);border-radius:10px;transition:width .3s}
.clan-upgrade{padding:14px 18px;border:2px solid #2b2329;border-top:0;border-radius:0 0 12px 12px;background:#ffedcb;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800}
.clan-action{padding:10px 14px!important;border:2px solid #26212a!important;border-radius:8px!important;background:#eec879!important;color:#251d22!important;font-size:12px!important;font-weight:900!important;cursor:pointer;box-shadow:2px 3px 0 #2216223d}
.clan-action:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.clan-donate,.clan-mission,.clan-skill,.clan-slot,.clan-picker{border:2px solid #292329;border-radius:13px;background:#fff5e5;padding:16px}
.clan-donate{margin-top:18px}
.clan-donate>strong{font:900 24px 'Barlow Condensed',Impact,sans-serif}
.clan-donate p{color:#655449;font-size:13px}
.clan-donate input{width:120px;max-width:42%;padding:11px;border:1px solid #a98c6b;border-radius:8px;margin-right:10px;background:white;color:#26202a}
.clan-gift{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px;padding:12px;background:#f1dca9;border-radius:9px}
.clan-gift span{font-weight:700;color:#55443b}
.clan-missions{display:grid;gap:12px}
.clan-mission-title{display:flex;justify-content:space-between;align-items:center;gap:9px}
.clan-mission-title strong{font:900 21px 'Barlow Condensed',Impact,sans-serif}
.clan-mission-title span{font-size:10px;letter-spacing:.5px;font-weight:900;color:#a6206d}
.clan-mission .clan-meter{background:#ddd0b9;border-color:#bda783}
.clan-mission ul{padding:10px 0 0 18px;margin:0;display:flex;flex-wrap:wrap;column-gap:25px;row-gap:4px;color:#71564d;font-size:12px}
.clan-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.clan-skill{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.clan-skill strong{font:900 24px 'Barlow Condensed',Impact,sans-serif}
.clan-skill p{font-size:13px;color:#66574a;margin:0}
.clan-skill small{font-weight:800}
.clan-skill .clan-action{margin-top:auto}
.clan-max{color:#168c76;font-weight:900}
.clan-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.clan-slot{display:flex;min-height:130px;align-items:flex-start;flex-direction:column;gap:9px}
.clan-slot small{font-weight:900;color:#af2977}
.clan-slot strong{font:900 22px 'Barlow Condensed',Impact,sans-serif}
.clan-slot span{font-size:12px;color:#564438}
.clan-slot.locked{background:#ddd0bc;color:#7e7161;border-style:dashed;opacity:.72}
.clan-lock{font-size:26px!important}
.clan-picker{margin-top:16px;border-color:#b12b8e;background:#ffeac6}
.clan-picker h3{margin:0 0 10px}
.clan-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:260px;overflow:auto}
.clan-picker>div button{display:flex;flex-direction:column;gap:5px;background:white;padding:10px;border:1px solid #aa8d78;border-radius:7px;text-align:left;color:#2b2026}
.clan-picker>div small{color:#8e3669}
.clan-picker>.clan-action{margin-top:12px}
@media(max-width:620px){.clan-status{gap:8px;padding:14px 9px}.clan-status strong{font-size:23px}.clan-status small{font-size:9px}.clan-upgrade{flex-wrap:wrap}.clan-subtabs{flex-wrap:wrap}.clan-subtabs button{flex:1 1 40%}.clan-skills,.clan-slots{grid-template-columns:1fr}.clan-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.clan-mission-title{align-items:flex-start;flex-direction:column}}

.clan-point-icon{width:25px;height:25px;object-fit:contain;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 1px 2px #0004)}
.clan-point-label,.clan-points-amount{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.clan-points-amount .clan-point-icon{width:31px;height:31px}
.clan-mission-title .clan-point-label{color:#9a5b20;font-weight:900;white-space:nowrap}
.clan-mission-title .clan-point-icon{width:23px;height:23px}
.clan-skill-price{display:inline-flex;align-items:center;gap:4px}
.clan-skill-price .clan-point-icon{width:22px;height:22px}
.clan-members-balance{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding:17px 20px;border:2px solid #af812f;background:linear-gradient(110deg,#30252b,#242029);border-radius:13px;color:#f9dda5}
.clan-members-balance small{display:block;font-weight:900;font-size:11px;letter-spacing:1px}
.clan-members-balance strong{display:flex;align-items:center;gap:10px;font:900 35px 'Barlow Condensed',Impact,sans-serif;margin-top:4px}
.clan-members-balance strong .clan-point-icon{width:42px;height:42px}
.clan-members-balance>span{max-width:270px;font-size:12px;color:#e2cda9}
.clan-delete-panel{margin-top:20px;padding:17px 20px;border:2px solid #a14a50;border-radius:12px;background:#ffebe5;display:flex;justify-content:space-between;gap:15px;align-items:center}
.clan-delete-panel strong{font:900 22px 'Barlow Condensed',Impact,sans-serif;color:#8d2b38}
.clan-delete-panel p{font-size:12px;max-width:650px;margin:5px 0 0;color:#765354}
.clan-delete-button{flex-shrink:0;background:#9c273a;color:#fff;border:2px solid #5c1822;border-radius:8px;padding:12px 16px;font-weight:900}
.clan-delete-button:disabled{opacity:.55}
@media(max-width:620px){.clan-members-balance,.clan-delete-panel{flex-wrap:wrap}.clan-members-balance>span{max-width:none}.clan-delete-button{width:100%}}

/* 034TEST — Clã no mesmo tema creme/grafite das telas do jogo. */
.clan-screen{--clan-pink:#c12b79;--clan-cyan:#13b9bb;--clan-ink:#2a222a;--clan-cream:#fff4db}
.clan-heading{
  border:3px solid var(--clan-ink);
  border-radius:16px;
  background:
    radial-gradient(circle at 92% 15%,#ff3b9833,transparent 21%),
    radial-gradient(circle at 8% 100%,#0cc5c532,transparent 30%),
    linear-gradient(120deg,#fff4dbeb,#f4d4b7ed),
    url('/graffiti-clouds-cream.webp') center/cover no-repeat;
  box-shadow:7px 7px 0 var(--clan-pink),10px 10px 0 var(--clan-ink);
}
.clan-heading:after{content:'♛';right:16px;bottom:-55px;color:#c12b7929;text-shadow:5px 4px 0 #12babe24}
.clan-heading span{display:inline-block;color:#b42170;font-weight:900;letter-spacing:2px}
.clan-heading h2{color:var(--clan-ink);text-shadow:3px 3px 0 #f3c96c;letter-spacing:1px}
.clan-heading p{color:#594941;font-weight:650}
.clan-create{
  border:3px solid var(--clan-ink);
  border-radius:16px;
  background:
    radial-gradient(circle at 100% 0,#ff41921c,transparent 30%),
    radial-gradient(circle at 0 100%,#00bec019,transparent 34%),
    linear-gradient(140deg,#fffaf0f5,#f1dfc0f2);
  box-shadow:6px 6px 0 var(--clan-cyan),10px 10px 0 #2d242b2f;
}
.clan-create label{color:var(--clan-ink);font-size:22px}
.clan-create input{border:2px solid #34262b;background:#fffef8;border-radius:8px;box-shadow:3px 3px 0 #dcb8a0}
.clan-create input:focus{outline:3px solid #13b9bb70;outline-offset:2px}
.clan-payment-options button{
  border:3px solid var(--clan-ink);
  border-radius:12px;
  box-shadow:5px 5px 0 #c12b79;
  transition:transform .17s,box-shadow .17s,filter .17s;
}
.clan-payment-options button:first-child{background:linear-gradient(145deg,#ffe080,#f1b83d)}
.clan-payment-options button:last-child{background:linear-gradient(145deg,#f9e4f2,#f2bddb);box-shadow:5px 5px 0 var(--clan-cyan)}
.clan-payment-options button:hover:not(:disabled){transform:translate(-2px,-2px);filter:saturate(1.1);box-shadow:7px 7px 0 #c12b79}
.clan-payment-options button:last-child:hover:not(:disabled){box-shadow:7px 7px 0 var(--clan-cyan)}
.clan-summary{border:3px solid var(--clan-ink);background:linear-gradient(135deg,#35272e,#1f242d);box-shadow:5px 5px 0 var(--clan-pink)}
.clan-subtabs button{border:2px solid var(--clan-ink);background:#fff1d3;color:#31242d;box-shadow:2px 3px 0 #13b9bb77}
.clan-subtabs button.active{background:var(--clan-ink);border-color:var(--clan-ink);color:#ffe6aa;box-shadow:3px 3px 0 var(--clan-pink)}
.clan-member,.clan-donate,.clan-mission,.clan-skill,.clan-slot,.clan-picker{
  background:linear-gradient(145deg,#fff8e8,#f4dfc1);
  border:2px solid var(--clan-ink);
  box-shadow:3px 4px 0 #16b4b78a;
}
.clan-action{background:#f5c85d!important;border:2px solid var(--clan-ink)!important;box-shadow:3px 3px 0 var(--clan-pink)!important}
.clan-mission-title span,.clan-member small,.clan-slot small{color:#b3216f}
@media(max-width:600px){.clan-heading{box-shadow:4px 4px 0 var(--clan-pink)}.clan-create{box-shadow:4px 4px 0 var(--clan-cyan)}.clan-payment-options button{box-shadow:3px 3px 0 var(--clan-pink)}}

/* Erro de equipamento permanece visível junto ao seletor. */
.clan-picker .clan-picker-error{margin:8px 0 12px;padding:10px 12px;border:2px solid #9d2b4a;border-radius:9px;background:#ffe0d5;color:#70223a;font:800 12px/1.4 Inter,sans-serif}
.clan-picker button:disabled{opacity:.6;cursor:wait}

/* Seleção de cartas do Clã igual ao seletor de Time. */
.clan-card-picker-overlay{z-index:99010}
.clan-card-picker{background:#fff0d3;color:#252028;border:3px solid #28202a;border-radius:16px}
.clan-card-picker .team-picker-head h3{color:#2b2029}
.clan-card-picker-hint{margin:0 0 16px;color:#6c4b43;font:650 12px/1.5 Inter,sans-serif}
.clan-card-picker .team-card-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:12px}
.clan-card-picker .team-card-option{min-width:0;min-height:207px}
.clan-card-picker .team-card-option img{height:119px;object-fit:contain}
.clan-card-picker .team-card-option strong{color:#fff9ec}
.clan-card-picker .team-card-option small{color:#f7e9d5;font-size:10px;text-align:center;line-height:1.35}
.clan-card-picker .clan-picker-error{margin-bottom:14px}
@media(max-width:690px){.clan-card-picker{padding:14px}.clan-card-picker .team-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.clan-card-picker .team-card-option{min-height:190px}}