/* Identidade única: este componente é compartilhado por todas as páginas. */
body .brand,body.dashboard .brand,body.play-page .brand{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;width:auto;min-width:0;color:#cbf5ff;font-family:'Segoe UI',Arial,sans-serif;font-size:26px;font-weight:900;font-style:italic;line-height:.85;letter-spacing:1px;text-decoration:none;filter:drop-shadow(0 0 12px #00cfff44)}
body .brand img,body.dashboard .brand img,body.play-page .brand img{width:40px;height:45px;flex-shrink:0}body .brand b,body.dashboard .brand b,body.play-page .brand b{display:block;color:#00dcff;text-align:center;font-size:21px;letter-spacing:5px;margin-top:5px}.dashboard-header>.brand{margin-right:35px}
@media(max-width:900px){body .brand,body.dashboard .brand,body.play-page .brand{font-size:22px;gap:6px}body .brand img,body.dashboard .brand img,body.play-page .brand img{width:34px;height:39px}body .brand b,body.dashboard .brand b,body.play-page .brand b{font-size:17px;letter-spacing:4px}.dashboard-header>.brand{margin-right:0}}
@media(max-width:540px){body .brand,body.dashboard .brand,body.play-page .brand{font-size:20px;gap:5px}body .brand img,body.dashboard .brand img,body.play-page .brand img{width:31px;height:38px}body .brand b,body.dashboard .brand b,body.play-page .brand b{font-size:16px}}

.account-photo{display:block!important;width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit;flex-shrink:0}.avatar:has(.account-photo),.profile-avatar:has(.account-photo),.match-avatar:has(.account-photo),.seat-avatar:has(.account-photo){padding:0;overflow:hidden}.lobby-player-photo{width:32px;height:32px;float:left;margin:0 10px 0 0}.profile-photo-actions{display:flex;flex-direction:column;gap:9px;max-width:230px}.profile-photo-actions button{font-size:12px;cursor:pointer}.profile-photo-actions small{font-size:10px;color:#81adc4}.profile-photo-actions p{font-size:11px;line-height:1.5;color:#77e5cc}.profile-photo-actions input[hidden]{display:none}@media(max-width:650px){.profile-photo-actions{width:100%;max-width:none}}
/* Saldo imediatamente abaixo da foto, inclusive no celular. */
body .dashboard-header .header-photo-balance{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0;min-width:70px}
body .dashboard-header .header-photo-balance>.avatar{width:34px;height:34px;min-width:34px;font-size:12px}
body .dashboard-header .header-arena-balance{display:block!important;color:#6cf0cc!important;font-size:10px!important;font-weight:700;line-height:1.2;white-space:nowrap;max-width:none!important;letter-spacing:0}
.room-arena-balance{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 14px;padding:12px 18px;border:1px solid #216258;border-radius:12px;background:linear-gradient(110deg,#07312c,#071826 70%)}
.room-arena-balance>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}.room-arena-balance>div>span{font-size:10px;letter-spacing:1px;color:#9ebfc5}.room-arena-balance strong{font-size:20px;color:#63f2c1}.room-arena-balance a{font-size:12px;color:#70d6f2}.room-training-balance{color:#e5c780;font-size:12px}
@media(max-width:650px){body .dashboard-header .header-photo-balance{min-width:65px}body .dashboard-header .header-photo-balance>.avatar{width:30px;height:30px;min-width:30px}body .dashboard-header .header-arena-balance{font-size:9px!important}.room-arena-balance{padding:10px 12px;gap:8px}.room-arena-balance strong{font-size:17px}.room-arena-balance>div{gap:4px;flex-direction:column;align-items:flex-start}}

.legal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:24px;color:#87a6bf;font:13px/1.5 "Segoe UI",Arial,sans-serif}.legal-footer a{color:#8dcae4;text-decoration:underline;text-underline-offset:4px}.dashboard>.legal-footer,.play-page>.legal-footer{margin-left:220px}body.arena-fullscreen>.legal-footer{display:none}@media(max-width:900px){.dashboard>.legal-footer,.play-page>.legal-footer{margin-left:0;padding-bottom:90px}}

/* A moeda usa o mesmo emblema geométrico da marca em todas as telas. */
body .arena-coin:has(>img),body .arena-mini:has(>img){background:none;border:0;box-shadow:none;padding:0}
body .arena-coin>img,body .arena-mini>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #0008)}
.header-arena-balance::before,.room-arena-balance strong::before,.balance-value::before{content:"";display:inline-block;width:1.25em;height:1.25em;margin-right:.3em;vertical-align:-.25em;background:url('/assets/arena-coin.svg') center/contain no-repeat}

html.arena-reduced-motion *,html.arena-reduced-motion *::before,html.arena-reduced-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}