/* TG Card Arena - menu lateral / topo real v4 */
:root{--tg-menu-bg:#07142d;--tg-menu-bg2:#0a2148;--tg-blue:#2384ff;--tg-orange:#ff7a12;--tg-text:#f5f8ff;--tg-muted:#8fa6ca}
.balance strong:after{content:" moedas"!important;color:#849bc0!important;font-size:9px!important;font-weight:700!important}
.tg-menu-overlay{position:fixed;inset:0;background:rgba(0,5,18,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:10000;opacity:0;pointer-events:none;transition:opacity .22s ease}
.tg-menu-overlay.open{opacity:1;pointer-events:auto}
.tg-menu-drawer{position:absolute;top:0;right:0;width:min(92vw,390px);height:100%;background:radial-gradient(circle at 20% 0,#0d4ca4 0,transparent 28%),radial-gradient(circle at 100% 35%,rgba(255,91,0,.18),transparent 30%),linear-gradient(180deg,#07152f,#040b19 72%);border-left:1px solid rgba(74,154,255,.45);box-shadow:-18px 0 55px rgba(0,0,0,.6);transform:translateX(102%);transition:transform .25s ease;display:flex;flex-direction:column;overflow:auto}
.tg-menu-overlay.open .tg-menu-drawer{transform:translateX(0)}
.tg-menu-head{position:relative;padding:28px 22px 22px;border-bottom:1px solid rgba(67,139,233,.28);background:linear-gradient(140deg,rgba(11,57,125,.68),rgba(18,21,44,.22))}
.tg-menu-close{position:absolute;top:17px;right:16px;width:39px;height:39px;border:1px solid rgba(91,163,255,.45);border-radius:12px;background:#081a39;color:#d8e8ff;display:grid;place-items:center;cursor:pointer;font-size:24px;line-height:1}
.tg-menu-profile{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;padding-right:45px}
.tg-menu-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#ff8b22,#e84900);border:2px solid #57a9ff;box-shadow:0 0 20px rgba(8,123,255,.55);background-size:cover;background-position:center}
.tg-menu-user strong{display:block;color:#fff;font-size:19px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-menu-user span{display:block;color:#92acd3;font-size:12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-menu-meta{display:flex;gap:8px;margin-top:17px}
.tg-menu-pill{display:flex;align-items:center;gap:7px;background:#071a37;border:1px solid rgba(48,126,222,.5);border-radius:11px;padding:8px 10px;color:#bcd9ff;font-size:11px;font-weight:800}
.tg-menu-pill b{color:#ff9a36;font-size:13px}
.tg-menu-list{padding:14px;display:grid;gap:6px}
.tg-menu-item{appearance:none;width:100%;border:1px solid transparent;border-radius:14px;background:transparent;color:#dce9ff;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left;padding:10px 11px;min-height:58px;cursor:pointer;transition:.16s ease}
.tg-menu-item:hover,.tg-menu-item:active{background:linear-gradient(90deg,rgba(8,93,211,.24),rgba(255,101,0,.08));border-color:rgba(66,145,243,.34)}
.tg-menu-icon{width:40px;height:40px;border-radius:12px;background:#09204a;border:1px solid rgba(56,139,242,.42);display:grid;place-items:center;color:#72b4ff}
.tg-menu-icon svg{width:20px;height:20px}
.tg-menu-item strong{display:block;font-size:14px}.tg-menu-item small{display:block;color:#7f98be;font-size:10px;margin-top:2px}
.tg-menu-arrow{color:#5578a8;font-size:18px}
.tg-menu-sep{height:1px;background:rgba(54,113,187,.25);margin:3px 11px}
.tg-menu-item.logout{margin-top:4px;border-color:rgba(255,104,47,.25);background:rgba(61,20,9,.2)}
.tg-menu-item.logout .tg-menu-icon{color:#ff8c55;background:#32150c;border-color:rgba(255,115,60,.45)}
.tg-menu-toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,20px);z-index:10010;background:#081a38;border:1px solid #2f7bd7;border-radius:12px;color:#e8f2ff;padding:10px 14px;max-width:calc(100vw - 36px);font-size:12px;font-weight:700;box-shadow:0 12px 35px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.2s ease;text-align:center}.tg-menu-toast.show{opacity:1;transform:translate(-50%,0)}
.tg-logout-confirm{position:fixed;inset:0;z-index:10020;background:rgba(0,4,14,.72);display:grid;place-items:center;padding:20px}.tg-logout-card{width:min(92vw,360px);background:linear-gradient(160deg,#0a2148,#071329);border:1px solid #347fd5;border-radius:22px;padding:24px;box-shadow:0 20px 70px rgba(0,0,0,.65);text-align:center}.tg-logout-card h3{font-size:22px;margin:0 0 8px;color:#fff}.tg-logout-card p{font-size:13px;line-height:1.5;color:#9bb3d5;margin:0 0 20px}.tg-logout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tg-logout-actions button{height:46px;border-radius:12px;font-weight:900;cursor:pointer}.tg-logout-cancel{background:#071a37;border:1px solid #2c6ebd;color:#cfe3ff}.tg-logout-go{background:linear-gradient(#ff9638,#ef5400);border:1px solid #ffb371;color:#190b03}
@media (min-width:761px){.tg-menu-toast{bottom:28px}}

/* TG Card Arena V11 - edição real do perfil */
.profile-edit-modal{max-height:min(88vh,760px);overflow:auto;padding-bottom:18px}
.profile-edit-modal .selected-avatar{margin:12px auto 18px}
.profile-edit-grid{display:grid;grid-template-columns:1fr 92px;gap:12px;margin-top:14px}
.profile-edit-grid label{display:block}
.profile-edit-modal [data-radix-dialog-footer],.profile-edit-modal .dialog-footer{gap:10px}
.profile-edit-modal .auth-secondary{min-height:48px;border:1px solid #2e6eb4;border-radius:14px;background:#071b3b;color:#c7dcff;font-weight:800;padding:0 18px}
@media(max-width:520px){.profile-edit-modal{width:calc(100vw - 28px);max-width:none}.profile-edit-grid{grid-template-columns:1fr 82px}.profile-edit-modal .photo-actions{grid-template-columns:1fr 1fr}}
