/* 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%}}