@font-face{font-family:BlackMustang;src:url('/arte/fontes/BlackMustang.ttf')}@font-face{font-family:Host;src:url('/arte/fontes/HostGrotesk-400.woff2');font-weight:400}@font-face{font-family:Host;src:url('/arte/fontes/HostGrotesk-700.woff2');font-weight:700}
:root{font-family:Host,Arial,sans-serif;color:#30291f;background:#181b18;color-scheme:light;--cream:#f5efe3;--gold:#e6b742;--muted:#8c806c;--line:#ded4c3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#35362a66,transparent 60%);min-height:calc(100 * var(--tvh, 1vh))}main{max-width:1240px;margin:auto;padding:32px 32px 18px}button,input,select{font:inherit}a{color:inherit}button{cursor:pointer;border:0;border-radius:10px;background:var(--gold);color:#2b2418;padding:12px 18px;font-weight:700;transition:background .18s,transform .18s}button:hover{background:#efc759}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b48624;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2{font-family:BlackMustang,Impact,sans-serif;font-weight:400}h1{font-size:max(calc((48px) * var(--fz, 1)), var(--letra-piso, 0px));margin:10px 0 8px;line-height:1.12}h2{font-size:max(calc((31px) * var(--fz, 1)), var(--letra-piso, 0px));margin:4px 0 8px;line-height:1.15}h3{font-size:max(calc((17px) * var(--fz, 1)), var(--letra-piso, 0px));margin-bottom:8px}p{line-height:1.55}.eyebrow{font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));letter-spacing:.17em;font-weight:700}.page-header{display:flex;justify-content:space-between;align-items:center;color:var(--cream);margin-bottom:25px}.brand{text-decoration:none;color:#cdb989}.page-header p{font-size:max(calc((14px) * var(--fz, 1)), var(--letra-piso, 0px));color:#aba995;margin:0}.back-game{border:1px solid #5a5b49;border-radius:10px;padding:12px 17px;text-decoration:none;font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px));color:#e5ddca}.back-game:hover{background:#ffffff0a}#notice:empty{display:none}#notice{position:sticky;top:12px;z-index:5;padding:13px 18px;border:1px solid #8b9763;border-radius:10px;background:#e5ecd7;color:#364a28;box-shadow:0 6px 30px #0002;font-size:max(calc((14px) * var(--fz, 1)), var(--letra-piso, 0px))}#notice.error{background:#f6ded6;color:#943f2a;border-color:#cb8a77}
.player-head{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#272b25;border:1px solid #454838;border-radius:16px;padding:18px 24px;color:var(--cream);margin-bottom:20px}.player-identity{display:flex;gap:16px;align-items:center}.player-identity>img{width:44px;height:44px;object-fit:contain}.player-identity .eyebrow{color:#b5ab90;font-size:max(calc((9px) * var(--fz, 1)), var(--letra-piso, 0px))}.player-identity h2{font-size:max(calc((27px) * var(--fz, 1)), var(--letra-piso, 0px));margin:4px 0}#summary{margin:0;color:#b3b3a2;font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.wallet{display:flex;gap:24px}.wallet>span{display:flex;align-items:center;gap:9px}.wallet img{width:24px;height:24px;object-fit:contain}.wallet b{font-size:max(calc((19px) * var(--fz, 1)), var(--letra-piso, 0px))}.wallet small{display:block;font-size:max(calc((9px) * var(--fz, 1)), var(--letra-piso, 0px));color:#b8b49e;letter-spacing:.08em;margin-top:2px}
.settings-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:20px;align-items:start}.settings-sidebar{display:flex;flex-direction:column;min-height:470px;padding:20px 0;color:var(--cream)}.settings-sidebar>.eyebrow{color:#868a78;padding-left:14px;margin-bottom:14px}.settings-sidebar nav{display:flex;flex-direction:column;gap:7px}.settings-sidebar nav button{display:flex;align-items:center;text-align:left;gap:11px;color:#cbcbbc;background:transparent;padding:13px 12px;font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700;min-height:64px}.settings-sidebar nav button img{width:30px;height:30px;object-fit:contain}.settings-sidebar nav button small{display:block;font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:400;color:#939781;margin-top:4px}.settings-sidebar nav button b{margin-left:auto;font-size:max(calc((20px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:400;opacity:0}.settings-sidebar nav button:hover{background:#ffffff06}.settings-sidebar nav button[aria-current]{background:#35392c;color:#f1d17a;box-shadow:inset 3px 0 var(--gold)}.settings-sidebar nav button[aria-current] small{color:#b9b9a1}.settings-sidebar nav button[aria-current] b{opacity:1}.sidebar-footer{margin-top:auto;padding:30px 14px 0;color:#808574;font-size:max(calc((11px) * var(--fz, 1)), var(--letra-piso, 0px))}.logout{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;color:#c6c7b7;padding:12px 0;font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.logout:hover{color:#f2c479;background:none}
.settings-panel{background:var(--cream);border:1px solid #e2d9c7;border-radius:20px;padding:26px;min-height:470px;animation:reveal .2s ease}.section-heading{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.section-heading .eyebrow{color:#a38b57;font-size:max(calc((9px) * var(--fz, 1)), var(--letra-piso, 0px))}.section-heading p{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));color:var(--muted);margin-bottom:0}.section-index{font-family:BlackMustang,Impact,sans-serif;color:#d4c9b3;font-size:max(calc((40px) * var(--fz, 1)), var(--letra-piso, 0px));line-height:1.1}.appearance-layout{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.3fr);gap:26px}.portrait-card{position:relative;background:radial-gradient(ellipse at 50% 45%,#4b503c,#24291f 75%);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:350px;border:1px solid #464c36}.portrait-card>.eyebrow{color:#b9b59b;font-size:max(calc((8px) * var(--fz, 1)), var(--letra-piso, 0px));position:absolute;left:18px;top:18px;z-index:1}#appearance-preview{position:relative;width:100%;aspect-ratio:3/4;max-height:320px;margin-top:24px;overflow:hidden}#appearance-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.portrait-caption{padding:14px 18px;background:#1a1f18c9;z-index:1;margin-top:auto;border-top:1px solid #ffffff10}.portrait-caption strong{display:block;font-size:max(calc((18px) * var(--fz, 1)), var(--letra-piso, 0px));color:#f2e5c7}.portrait-caption span{display:block;font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));color:#a8af93;margin-top:4px}form{margin:0;min-width:0}.form-heading{margin-bottom:16px}.form-heading span{font-size:max(calc((11px) * var(--fz, 1)), var(--letra-piso, 0px));color:var(--muted)}label{display:block;font-size:max(calc((11px) * var(--fz, 1)), var(--letra-piso, 0px));font-weight:700;color:#756852;margin-bottom:14px}input,select{display:block;width:100%;padding:11px 12px;margin-top:7px;background:#eee6d8;border:1px solid #d5c8b3;border-radius:8px;color:#393126;font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));min-height:40px}input:hover,select:hover{border-color:#bba57e}#face-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-footer{border-top:1px solid var(--line);padding-top:16px;margin-top:2px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.form-footer small{font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));color:var(--muted)}.form-footer button{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.form-footer button:before{content:'✓';padding-right:8px}#appearance-hint.dirty{color:#986b17}
.empty-state{min-height:295px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state img{width:82px;height:82px;object-fit:contain;margin-bottom:20px}.empty-state h3{margin:0 0 8px}.empty-state p{font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px));color:var(--muted);max-width:290px}.empty-state a{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));color:#8c661b;text-underline-offset:4px}.item{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#eee7da;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}.item p{font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px));margin:0;line-height:1.6}.item button{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));flex:none}.position{background:#e8dfca;color:#75602f;border-radius:10px;padding:12px 16px;font-weight:700;font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px))}.ranking-labels{display:flex;justify-content:space-between;font-size:max(calc((8px) * var(--fz, 1)), var(--letra-piso, 0px));color:#9a8d75;letter-spacing:.1em;padding:5px 12px 12px}#ranking{list-style:none;margin:0;padding:0;max-height:390px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c2b497 transparent}#ranking li{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:14px 12px;font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px))}#ranking li.current{background:#e8dfc966;border-radius:8px}.rank-number{font-weight:700;color:#b09b73;font-size:max(calc((16px) * var(--fz, 1)), var(--letra-piso, 0px));min-width:26px}.rank-name{min-width:0;overflow-wrap:anywhere;flex:1}.rank-meta{font-size:max(calc((11px) * var(--fz, 1)), var(--letra-piso, 0px));color:#8c7a5b;text-align:right}.rank-meta b{display:block;color:#6b5c43;margin-bottom:3px}.security-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}#password button{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));margin-top:5px}.connections{border-left:1px solid var(--line);padding-left:26px}.connection-art{width:45px;height:45px;object-fit:contain;margin-bottom:12px}.connections p{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));color:var(--muted)}#social-login{display:flex;flex-direction:column;gap:10px}#social-login:empty{display:none}#social-login button{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));text-align:left;background:#e8e0d2;border:1px solid #d6c9b4}#social-login button:hover{background:#dfd3bd}.muted{color:var(--muted);font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.page-footer{display:flex;justify-content:space-between;color:#767b6b;font-size:max(calc((9px) * var(--fz, 1)), var(--letra-piso, 0px));letter-spacing:.07em;margin:23px 0 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.columns form{background:var(--cream);border-radius:16px;padding:24px}
@keyframes reveal{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}html[data-animacao="0"] *,html[data-animacao="0"] *:before{animation:none!important;transition:none!important}
@media(max-width:1000px){main{padding:26px 22px}.settings-layout{grid-template-columns:190px minmax(0,1fr);gap:16px}.settings-panel{padding:22px}.appearance-layout{gap:18px;grid-template-columns:minmax(135px,.65fr) minmax(0,1fr)}.settings-sidebar nav button{padding:12px 10px;font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.settings-sidebar nav button img{width:25px;height:25px}.wallet{gap:14px}}
@media(max-width:760px){main{padding:22px 16px}h1{font-size:max(calc((38px) * var(--fz, 1)), var(--letra-piso, 0px))}.page-header{gap:15px;margin-bottom:20px}.back-game{font-size:max(calc((11px) * var(--fz, 1)), var(--letra-piso, 0px));padding:10px}.player-head{padding:16px;gap:16px;flex-wrap:wrap}.wallet{width:100%;border-top:1px solid #424736;padding-top:12px;justify-content:space-between}.wallet b{font-size:max(calc((17px) * var(--fz, 1)), var(--letra-piso, 0px))}.settings-layout{display:block}.settings-sidebar{min-height:0;padding:0 0 16px}.settings-sidebar>.eyebrow,.sidebar-footer>span{display:none}.settings-sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.settings-sidebar nav button{flex-direction:column;gap:7px;padding:11px 4px;text-align:center;font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));min-height:74px;border-radius:12px}.settings-sidebar nav button span{line-height:1.25}.settings-sidebar nav button small,.settings-sidebar nav button b{display:none}.settings-sidebar nav button[aria-current]{box-shadow:inset 0 -2px var(--gold)}.sidebar-footer{padding:0;display:flex;justify-content:flex-end;margin:4px 0 0}.logout{font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));width:auto;gap:9px;padding:7px 0}.settings-panel{padding:20px;border-radius:16px;min-height:0}.section-heading h2{font-size:max(calc((27px) * var(--fz, 1)), var(--letra-piso, 0px))}.section-index{font-size:max(calc((33px) * var(--fz, 1)), var(--letra-piso, 0px))}.appearance-layout{grid-template-columns:1fr}.portrait-card{min-height:0;height:205px;display:block}#appearance-preview{width:170px;height:220px;max-height:none;position:absolute;bottom:0;left:0;margin:0}.portrait-card>.eyebrow{left:auto;right:16px;top:24px}.portrait-caption{position:absolute;right:12px;left:170px;bottom:25px;padding:0 6px;border:0;background:none}.portrait-caption strong{font-size:max(calc((16px) * var(--fz, 1)), var(--letra-piso, 0px));overflow-wrap:anywhere}.portrait-caption span{line-height:1.4}#face-fields{gap:0 12px}.form-footer{flex-direction:column}.security-layout{grid-template-columns:1fr;gap:26px}.connections{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.page-footer{font-size:max(calc((8px) * var(--fz, 1)), var(--letra-piso, 0px));gap:15px}.ranking-labels{font-size:max(calc((7px) * var(--fz, 1)), var(--letra-piso, 0px))}.item{align-items:flex-start}.columns{grid-template-columns:1fr}}

.security-layout:has(#password[hidden]){grid-template-columns:1fr}.security-layout:has(#password[hidden]) .connections{border:0;padding-left:0}
@media(min-width:761px) and (max-height:740px){main{padding-top:20px}.page-header{margin-bottom:16px}h1{font-size:max(calc((38px) * var(--fz, 1)), var(--letra-piso, 0px))}.player-head{padding:12px 20px;margin-bottom:16px}.settings-panel{padding:22px}.section-heading{padding-bottom:14px;margin-bottom:18px}.portrait-card{min-height:320px}.settings-sidebar{min-height:400px}}
/* Itens da conta com hierarquia de nome, detalhes e estado. */
.item{box-shadow:inset 3px 0 #c4b79d}.item[data-rarity=raro]{box-shadow:inset 3px 0 #719aba}.item[data-rarity=epico]{box-shadow:inset 3px 0 #a789c4}.item[data-rarity=lendario]{box-shadow:inset 3px 0 #c39c45}.item p{display:flex;flex-direction:column;gap:5px;min-width:0}.item p strong{font-size:max(calc((15px) * var(--fz, 1)), var(--letra-piso, 0px));overflow-wrap:anywhere}.item p small{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px));color:#786953}.item-state{font-size:max(calc((10px) * var(--fz, 1)), var(--letra-piso, 0px));align-self:flex-start;padding:3px 8px;border-radius:20px;background:#e3ddcd;color:#5f6451}label{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}input,select{font-size:max(calc((14px) * var(--fz, 1)), var(--letra-piso, 0px))}.form-footer small{font-size:max(calc((12px) * var(--fz, 1)), var(--letra-piso, 0px))}.connections p{font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px))}.section-heading>div>p{font-size:max(calc((13px) * var(--fz, 1)), var(--letra-piso, 0px))}.empty-state a{display:inline-block;padding:9px 12px;border-radius:8px;background:#e7ddc8;text-decoration:none;color:#65502c}