:root{--fundo: #14110e;--painel: rgba(24, 20, 16, .92);--borda: #5a4a32;--texto: #efe6d2;--fraco: #a99a80;--ouro: #e3bb5c;--vida: #d9443a;--mana: #3a6fd9;--xp: #8c5ad9;--vigor: #86cf7f}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--fundo);color:var(--texto);font:14px/1.4 system-ui,sans-serif;overflow:hidden}#jogo{position:fixed;top:0;right:0;bottom:0;left:0}#telas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#telas>*{pointer-events:auto}button{background:#3a2f22;color:var(--texto);border:1px solid var(--borda);border-radius:6px;padding:8px 14px;font:inherit;cursor:pointer}button:hover{background:#4a3c2a}button.pri{background:#8a6a2a;border-color:var(--ouro)}input,select{background:#1e1914;color:var(--texto);border:1px solid var(--borda);border-radius:6px;padding:8px;font:inherit}.cartao{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 32px));background:var(--painel);border:1px solid var(--borda);border-radius:10px;padding:20px;display:grid;gap:10px}.cartao h1{margin:0;color:var(--ouro);font-size:22px}.cartao h1 .logo{display:block;width:min(240px,60vw);height:auto;margin:-4px auto 2px;border-radius:8px}.cartao .centro{text-align:center;margin:0}.cartao .erro{color:#ff8a7a;min-height:1.2em}.cartao .linha{display:flex;gap:8px}.cartao .linha>*{flex:1}.lista button{width:100%;text-align:left;margin-bottom:6px}.fraco{color:var(--fraco);font-size:12px}.ceu{display:flex;gap:8px;align-items:center;margin:4px 0 2px;font-size:12px}.relogio{position:relative;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--borda);background:conic-gradient(#e89a4a 0,#e89a4a 10%,#f2d36a 10%,#f2d36a 55%,#d0703a 55%,#d0703a 65%,#1c2652 65%,#1c2652)}.relogio i{position:absolute;left:14px;top:2px;width:2px;height:13px;background:#fff;border-radius:1px;transform-origin:1px 13px;box-shadow:0 0 2px #000}.barra{height:8px;background:#2a231b;border-radius:4px;overflow:hidden;margin:3px 0}.barra i{display:block;height:100%}#chat form{display:flex;gap:4px;padding:6px;border-top:1px solid var(--borda)}#aviso .x{float:right;margin:-4px -6px 4px 8px;min-width:28px;min-height:28px;padding:0}.painel .topo{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--borda);position:sticky;top:0;background:#1e1914}.painel .topo b{color:var(--ouro)}.painel .x{padding:4px 10px}.painel .corpo{padding:8px 10px;display:grid;gap:8px}.painel h3{margin:6px 0 0;font-size:13px;color:var(--ouro)}.painel .grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.painel .item{text-align:left;padding:8px;font-size:13px}.painel .item:disabled{opacity:.45;cursor:default}.painel .abas{display:flex;gap:6px}.painel .abas>*{flex:1}.criacao{width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto}.criacao .vitrine{display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.criacao .vitrine canvas{width:192px;height:192px;image-rendering:pixelated;background:radial-gradient(circle at 50% 70%,#3a3024,#1a1510 70%);border:1px solid var(--borda);border-radius:8px}.criacao .seta{min-width:44px;min-height:44px;font-size:18px}.criacao .dir{margin:-4px 0 0}.criacao .aviso-nome{min-height:1.2em;margin-top:-6px}.criacao .aviso-nome.ok{color:#7fe08a}.criacao .aviso-nome.ruim{color:#ff8a7a}.criacao .amostras{display:grid;gap:6px}.criacao .amostra{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px;font-size:13px}.criacao .amostra>div{display:flex;flex-wrap:wrap;gap:4px}.criacao .cor{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid #1a1510}.criacao .cor.sel{border-color:var(--ouro);box-shadow:0 0 0 2px var(--ouro)}.criacao .penteado{width:48px;height:48px;padding:3px;background:#1e1914}.criacao .penteado canvas{width:40px;height:40px;image-rendering:pixelated;display:block}.criacao .penteado.sel{border-color:var(--ouro);box-shadow:0 0 0 2px var(--ouro)}.criacao [hidden]{display:none}.criacao h1{font-family:Georgia,serif}@media(min-width:760px){.criacao{width:min(860px,calc(100vw - 32px))}.criacao .colunas{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.criacao .col-figura{display:grid;gap:10px}.criacao .vitrine canvas{width:288px;height:288px}.criacao .vitrine .seta[data-g="-1"]{left:8px}.criacao .vitrine .seta[data-g="1"]{right:8px}.criacao .rodape{margin-top:6px}}@media(max-width:759px){.criacao .colunas,.criacao .col-figura,.criacao .col-escolhas{display:grid;gap:10px}}.criacao .col-escolhas{display:grid;gap:8px}.criacao .colunas>*,.criacao .col-figura>*{min-width:0}.criacao .vitrine .seta{position:absolute;bottom:8px;z-index:1}.criacao .vitrine .seta[data-g="-1"]{left:calc(50% - 140px)}.criacao .vitrine .seta[data-g="1"]{right:calc(50% - 140px)}.criacao .amostra{grid-template-columns:1fr;gap:4px}.criacao .amostra>span{font-family:Georgia,serif;color:var(--texto)}#barra .menu button.explorar span{font-size:13px;margin-left:2px}#barra .menu button.explorar.ativo{background:#2f5a3a;border-color:#7fe08a;color:#eaffea;box-shadow:0 0 0 2px #7fe08a55}#explorando{position:absolute;left:50%;top:8px;transform:translate(-50%);max-width:min(420px,calc(100vw - 16px));display:flex;gap:6px;align-items:center;background:var(--painel);border:1px solid #7fe08a;color:#dfffe2;border-radius:999px;padding:6px 14px;font-size:13px;pointer-events:none;z-index:4}#explorando i{flex:none;width:10px;height:10px;border-radius:50%;background:#7fe08a;animation:pulsar-explorar 1.2s ease-in-out infinite}#explorando small{color:var(--fraco)}#explorando.parou{border-color:var(--ouro);color:var(--texto, #f3e7cf);border-radius:10px}#explorando.parou i{background:var(--ouro);animation:none}#explorando.parou small,#explorando[hidden]{display:none}@keyframes pulsar-explorar{50%{opacity:.3}}@media(max-width:640px){#explorando{top:auto;bottom:128px;font-size:12px}#barra .menu button.explorar span{display:none}#barra button.explorar.ativo span{display:inline}}img.ico,.ico-anim{width:32px;height:32px;image-rendering:pixelated;vertical-align:middle;margin-right:6px;flex:none}button.item img.ico,button.item .ico-anim{margin:-4px 6px -4px 0}.ico-anim{display:inline-block;overflow:hidden;position:relative}.ico-anim>img{position:absolute;left:0;top:0;height:100%;width:calc(var(--q) * 100%);max-width:none;image-rendering:pixelated}.ico-anim.loop>img{animation:ico-tira var(--dur) steps(var(--q)) var(--atraso) infinite}.ico-anim.raro.toca>img{animation:ico-tira var(--dur) steps(var(--q)) 1}@keyframes ico-tira{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.ico-anim>img{animation:none!important}}.icos-loot img.ico,.icos-loot .ico-anim{width:20px;height:20px;margin:0 2px 0 0}.ceu img.ico,p.fraco img.ico,.ceu .ico-anim,p.fraco .ico-anim{width:20px;height:20px;margin-right:3px}.criacao .arma{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:4px 6px;font-size:12px;background:#1e1914}.criacao .arma .ico{width:32px;height:32px}.criacao .arma.sel{border-color:var(--ouro);box-shadow:0 0 0 2px var(--ouro)}.criacao .dica-arma{margin:-2px 0 4px;font-size:12px}.criacao .arma img.ico{display:block;margin:0}.criacao .arma span{display:block;line-height:1.15}@media(max-width:759px){.criacao .col-figura{display:contents}.criacao .col-figura .erro,.criacao .col-figura .rodape{order:1}}@media(min-width:760px)and (max-height:860px){.criacao .vitrine canvas{width:216px;height:216px}.criacao h1{margin:0 0 4px;font-size:22px}}:root{--e: 1}.painel{position:absolute;left:50%;top:8px;transform:translate(-50%);width:min(400px,calc(100vw - 16px));max-height:calc(100vh - 16px - var(--e) * 72px);overflow:auto;background:var(--painel);border:1px solid var(--borda);border-radius:10px;z-index:5}#aviso{position:absolute;right:8px;top:calc(var(--e) * 160px);max-width:280px;background:var(--painel);border:1px solid var(--borda);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--fraco);z-index:3}body.hud-pele #mochila.aberta~#aviso,#mochila.aberta~#aviso{display:none}#hud{position:absolute;left:calc(var(--e) * 8px);top:calc(var(--e) * 8px);display:flex;gap:calc(var(--e) * 6px);align-items:flex-start;pointer-events:none}#hud .hud-retrato{border-image:none;pointer-events:auto;position:relative;flex:none;width:calc(var(--e) * 64px);height:calc(var(--e) * 64px);min-height:0;padding:0;border:0;border-radius:50%;background:#1e1914;box-shadow:0 0 0 2px var(--borda);cursor:pointer;image-rendering:pixelated}body.tem-retrato #hud .hud-retrato{background:var(--ui-retrato) center / 100% 100% no-repeat;box-shadow:none}#hud .hud-retrato canvas{position:absolute;left:18.75%;top:18.75%;width:62.5%;height:62.5%;border-radius:50%;image-rendering:pixelated;z-index:-1;background:#2a3a2a}body.tem-retrato #hud .hud-retrato canvas{z-index:auto}#hud .hud-nivel{position:absolute;right:-2px;bottom:-2px;min-width:calc(var(--e) * 16px);height:calc(var(--e) * 16px);padding:0 calc(var(--e) * 2px);border-radius:calc(var(--e) * 8px);background:#2a1d10;border:1px solid var(--ouro);color:var(--ouro);font:700 max(11px,calc(var(--e) * 7px)) / calc(var(--e) * 14px) system-ui,sans-serif;text-align:center}#hud .hud-barras{display:grid;gap:calc(var(--e) * 2px);padding-top:calc(var(--e) * 6px)}#hud .hud-barra{position:relative;width:calc(var(--e) * 160px);height:calc(var(--e) * 16px);background:#120e0a;border:1px solid var(--borda);border-radius:3px;overflow:hidden}body.tem-barra #hud .hud-barra{background:var(--ui-barra) center / 100% 100% no-repeat;border:0;border-radius:0;image-rendering:pixelated}#hud .hud-barra i{position:absolute;left:0;top:0;bottom:0;transition:width .25s}#hud .hud-barra.vida i{background:#c0392b}#hud .hud-barra.mana i{background:#2e6fd0}#hud .hud-barra.xp i{background:#c9a227}body.tem-barra_vida #hud .hud-barra.vida i{background:var(--ui-barra_vida) left top / calc(var(--e) * 160px) 100% no-repeat}body.tem-barra_mana #hud .hud-barra.mana i{background:var(--ui-barra_mana) left top / calc(var(--e) * 160px) 100% no-repeat}body.tem-barra_xp #hud .hud-barra.xp i{background:var(--ui-barra_xp) left top / calc(var(--e) * 160px) 100% no-repeat}#hud .hud-barra span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:600 max(11px,calc(var(--e) * 7px)) / 1 system-ui,sans-serif;color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000}#hud .hud-conds{display:flex;gap:calc(var(--e) * 2px);margin-top:calc(var(--e) * 2px);min-height:calc(var(--e) * 16px)}#hud .cond{width:calc(var(--e) * 16px);height:calc(var(--e) * 16px);background:center / 100% 100% no-repeat;image-rendering:pixelated;pointer-events:auto}#minimapa{position:absolute;right:calc(var(--e) * 8px);top:calc(var(--e) * 8px);width:calc(var(--e) * 128px);pointer-events:none;display:flex;flex-direction:column;align-items:center}#minimapa:before{content:"";display:block;width:100%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 2px var(--borda)}body.tem-minimapa #minimapa:before{background:var(--ui-minimapa) center / 100% 100% no-repeat;box-shadow:none;image-rendering:pixelated;position:relative;z-index:1}#minimapa .janela{position:absolute;left:14%;top:0;width:72%;aspect-ratio:1;margin-top:calc(var(--e) * 128px * .14)}#minimapa .lugar{margin-top:calc(var(--e) * 2px);font:600 max(12px,calc(var(--e) * 7px)) system-ui,sans-serif;color:var(--ouro);text-shadow:0 1px 0 #000,0 0 3px #000;white-space:nowrap}#barra{position:absolute;left:50%;bottom:calc(var(--e) * 5px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;max-width:calc(100vw - 16px)}#barra .hotbar{position:relative;width:calc(var(--e) * 344px);height:calc(var(--e) * 64px);background:#1a140f;border:1px solid var(--borda);border-radius:8px}body.tem-hotbar #barra .hotbar{background:var(--ui-hotbar) center / 100% 100% no-repeat;border:0;border-radius:0;image-rendering:pixelated}#barra .casa{border-image:none;position:absolute;left:calc(var(--e) * (var(--cx) - 18) * 1px);top:calc(var(--e) * (var(--cy) - 18) * 1px);width:calc(var(--e) * 36px);height:calc(var(--e) * 36px);min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center}body:not(.tem-hotbar) #barra .casa{background:#0d0a07;box-shadow:inset 0 0 0 1px var(--borda)}#barra .casa:hover{filter:brightness(1.2)}#barra .casa.apertada,#barra .casa:active{filter:brightness(1.5);transform:translateY(1px)}#barra .casa em{position:absolute;left:calc(var(--e) * (var(--nx) - var(--cx) + 18) * 1px - 2px);top:calc(var(--e) * (var(--ny) - var(--cy) + 18) * 1px - 2px);font:700 max(10px,calc(var(--e) * 6px)) / 1 system-ui,sans-serif;color:var(--ouro);text-shadow:0 1px 0 #000;font-style:normal;z-index:1}#barra .casa .ico-casa{display:contents}#barra .casa img.ico,#barra .casa .ico-anim{width:calc(var(--e) * 32px);height:calc(var(--e) * 32px);margin:0}#barra .casa small{position:absolute;right:1px;bottom:0;font:700 max(10px,calc(var(--e) * 6px)) / 1 system-ui,sans-serif;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000}#barra .menu{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}#barra .menu button{min-height:max(28px,calc(var(--e) * 20px));padding:0 max(10px,calc(var(--e) * 8px));font-size:max(12px,calc(var(--e) * 7px));line-height:1}#mochila{position:absolute;right:calc(var(--e) * 8px);top:calc(var(--e) * 160px);width:calc(var(--e) * 188px);padding:calc(var(--e) * 40px) calc(var(--e) * 16px) calc(var(--e) * 8px);isolation:isolate;display:none;z-index:4;background:var(--painel);border:1px solid var(--borda);border-radius:10px;box-sizing:border-box}#mochila.aberta{display:block}body.tem-painel #mochila{background:transparent;border:0;border-radius:0}body.tem-painel #mochila:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:calc(var(--e) * 16px) solid transparent;border-image:var(--ui-painel) 16 fill / calc(var(--e) * 16px) / 0 stretch;image-rendering:pixelated}body.tem-ornamento #mochila .orn{position:absolute;left:calc(var(--e) * 20px);right:calc(var(--e) * 20px);top:calc(var(--e) * 8px);height:calc(var(--e) * var(--uih-ornamento, 8px));background:var(--ui-ornamento) center / 100% 100% no-repeat;image-rendering:pixelated}#mochila .topo{position:absolute;left:calc(var(--e) * 16px);right:calc(var(--e) * 12px);top:calc(var(--e) * 18px);display:flex;justify-content:space-between;align-items:center}#mochila .topo b{color:var(--ouro);font:700 max(13px,calc(var(--e) * 8px)) system-ui,sans-serif;text-shadow:0 1px 0 #000}#mochila .x{border-image:none;width:calc(var(--e) * 16px);height:calc(var(--e) * 16px);min-width:20px;min-height:20px;padding:0;border:0;border-radius:0;background:#3a2a1a}#mochila .x:after{content:"✕";font-size:11px;color:var(--ouro)}body.tem-btn_fechar_normal #mochila .x{background:var(--ui-btn_fechar_normal) center / 100% 100% no-repeat;image-rendering:pixelated}body.tem-btn_fechar_normal #mochila .x:after{content:none}#mochila .grade-slots{display:grid;grid-template-columns:repeat(4,calc(var(--e) * 36px));gap:calc(var(--e) * 4px);max-height:calc(100vh - var(--e) * 260px);overflow-y:auto}#mochila .slot{border-image:none;position:relative;width:calc(var(--e) * 36px);height:calc(var(--e) * 36px);min-width:0;min-height:0;padding:0;margin:0;border:1px solid #3a2f22;border-radius:3px;background:#0d0a07;display:flex;align-items:center;justify-content:center;overflow:hidden}body.tem-slot_normal #mochila .slot{background:var(--ui-slot_normal) center / 100% 100% no-repeat;border:0;border-radius:0;image-rendering:pixelated}#mochila .slot.sel{border-color:var(--ouro);box-shadow:0 0 0 1px var(--ouro)}body.tem-slot_selecionado #mochila .slot.sel{background-image:var(--ui-slot_selecionado);box-shadow:none}#mochila .slot img.ico,#mochila .slot .ico-anim{width:calc(var(--e) * 32px);height:calc(var(--e) * 32px);margin:0}#mochila .slot small{position:absolute;right:2px;bottom:1px;font:700 max(10px,calc(var(--e) * 6px)) / 1 system-ui,sans-serif;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000}#mochila .rodape{margin-top:calc(var(--e) * 4px);font:600 max(11px,calc(var(--e) * 6px)) system-ui,sans-serif;color:var(--fraco);text-align:center}#chat{position:absolute;left:calc(var(--e) * 8px);bottom:calc(var(--e) * 5px);width:min(calc(var(--e) * 300px),calc(100vw - 16px));height:calc(var(--e) * 110px);display:flex;flex-direction:column;isolation:isolate;background:var(--painel);border:1px solid var(--borda);border-radius:8px;padding:calc(var(--e) * 6px);box-sizing:border-box}body.tem-chat_painel #chat{background:transparent;border:0;border-radius:0;padding:calc(var(--e) * 10px) calc(var(--e) * 10px) calc(var(--e) * 8px)}body.tem-chat_painel #chat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:calc(var(--e) * 16px) solid transparent;border-image:var(--ui-chat_painel) 16 fill / calc(var(--e) * 16px) / 0 stretch;image-rendering:pixelated}#chat ul{list-style:none;margin:0;padding:0 2px;flex:1;min-height:0;overflow-y:auto;font-size:max(12px,calc(var(--e) * 6px));background:none!important;border:0!important}#chat li.sistema{color:#9fd0ff}#chat li.ajuda b{color:#7fe08a}#chat li b{color:var(--ouro)}#chat form{display:flex;gap:4px;padding-top:4px}#chat input,#chat select,#chat button{min-height:max(24px,calc(var(--e) * 14px));font-size:max(12px,calc(var(--e) * 6px));padding:0 6px;border:1px solid #5a4630;border-image:none;border-radius:3px;background:#0d0a07cc;color:inherit}#chat button{background:#3a2a1a;color:var(--ouro)}#chat input{flex:1;min-width:0}@media(max-width:760px){#chat{bottom:calc(16px + var(--e) * 64px + 34px);height:96px}#mochila{top:auto;bottom:calc(16px + var(--e) * 64px + 34px)}#aviso{display:none}}@media(max-width:760px){#barra .menu button{padding:2px 6px}}.painel .equip{display:grid;grid-template-columns:repeat(3,calc(var(--e) * 36px));gap:calc(var(--e) * 4px);justify-content:center}.painel .equip .slot{width:calc(var(--e) * 36px);height:calc(var(--e) * 36px);min-width:0;min-height:0;padding:0;margin:0;border:1px solid #3a2f22;border-image:none;border-radius:3px;background:#0d0a07;display:flex;align-items:center;justify-content:center;opacity:1;cursor:pointer}.painel .equip .slot:disabled{cursor:default}body.tem-slot_normal .painel .equip .slot{background:var(--ui-slot_normal) center / 100% 100% no-repeat;border:0;border-radius:0;image-rendering:pixelated}.painel .equip .slot img.ico,.painel .equip .slot .ico-anim{width:calc(var(--e) * 32px);height:calc(var(--e) * 32px);margin:0}