:root{--tinta: #f2ead8;--tinta-fraca: #b9ad93;--fundo: #171325;--painel: rgba(28, 22, 42, .94);--painel-claro: rgba(46, 37, 66, .96);--ouro: #d8ab4a;--ouro-fraco: #8a6a2c;--vida: #d8484a;--vida-fundo: #3a1416;--mana: #4a8fd8;--mana-fundo: #142a3a;--xp: #86d24a;--xp-fundo: #1d2e14;--perigo: #e0653f;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--fundo);color:var(--tinta);font:14px/1.45 var(--serif);-webkit-font-smoothing:antialiased}canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui>*{pointer-events:auto}.painel{background:var(--painel);border:1px solid var(--ouro-fraco);border-radius:4px;box-shadow:0 10px 34px #0009,inset 0 1px #fff0c817;backdrop-filter:blur(3px)}.painel>header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#d8ab4a38,#d8ab4a0a);border-bottom:1px solid var(--ouro-fraco);font:600 14px/1 var(--serif);letter-spacing:.06em;color:var(--ouro);text-transform:uppercase}.painel>header button{background:none;border:0;color:var(--tinta-fraca);font:16px/1 var(--mono);cursor:pointer;padding:0 2px}.painel>header button:hover{color:var(--perigo)}.barra{position:relative;height:15px;border:1px solid rgba(0,0,0,.6);border-radius:3px;overflow:hidden}.barra>i{position:absolute;inset:0;transform-origin:left;transition:transform .18s ease-out;display:block}.barra>span{position:relative;display:block;text-align:center;font:600 10px/15px var(--mono);letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.9)}.barra.vida{background:var(--vida-fundo)}.barra.vida>i{background:linear-gradient(180deg,#f4706a,var(--vida))}.barra.mana{background:var(--mana-fundo)}.barra.mana>i{background:linear-gradient(180deg,#6fb0f0,var(--mana))}.barra.xp{background:var(--xp-fundo);height:9px}.barra.xp>i{background:linear-gradient(180deg,#a8e86a,var(--xp))}.barra.xp>span{font-size:8px;line-height:9px}#retrato{position:absolute;top:14px;left:14px;width:268px;padding:10px 12px 12px;display:grid;gap:6px}#retrato .linha{display:flex;align-items:baseline;justify-content:space-between;gap:8px}#retrato .nome{font:600 16px/1.2 var(--serif);color:var(--tinta)}#retrato .classe{font:11px/1.2 var(--mono);color:var(--ouro);letter-spacing:.08em;text-transform:uppercase}#retrato .nivel{font:600 11px/1 var(--mono);color:var(--fundo);background:var(--ouro);padding:3px 7px;border-radius:3px;letter-spacing:.04em}#alvo{position:absolute;top:14px;left:50%;transform:translate(-50%);width:300px;padding:8px 12px 10px;display:none;gap:5px}#alvo.visivel{display:grid}#alvo .linha{display:flex;align-items:baseline;justify-content:space-between;gap:8px}#alvo .nome{font:600 15px/1.2 var(--serif)}#alvo .grau{font:10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}#alvo .grau.elite{color:#6fd0e0}#alvo .grau.chefe{color:var(--perigo)}#barra-acoes{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:5px;padding:7px;border-radius:5px}.espaco{position:relative;width:50px;height:50px;border-radius:4px;background:#0c0914d9;border:1px solid var(--ouro-fraco);display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:border-color .12s,transform .08s}.espaco:hover{border-color:var(--ouro)}.espaco:active{transform:translateY(1px)}.espaco .tecla{position:absolute;top:1px;left:3px;font:9px/1 var(--mono);color:var(--tinta-fraca)}.espaco .glifo{line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}.espaco .glifo svg{display:block}:root{--gt: #cfc7b4;--gd: #d8ab4a}.espaco .conta{position:absolute;bottom:1px;right:3px;font:600 10px/1 var(--mono);color:var(--tinta);text-shadow:0 1px 2px #000}.espaco .recarga{position:absolute;inset:0;background:#06040cbd;transform-origin:bottom;pointer-events:none}.espaco.sem-mana{border-color:var(--vida)}.espaco.vazio{opacity:.38}#log{position:absolute;bottom:82px;left:14px;width:380px;max-height:172px;overflow:hidden;display:flex;flex-direction:column-reverse;gap:2px;font:12px/1.4 var(--serif);pointer-events:none}#log p{margin:0;padding:3px 9px;border-radius:3px;background:#0a0711d1;text-shadow:0 1px 3px #000;border-left:2px solid rgba(216,171,74,.3);animation:entra .2s ease-out}#log p.ganho{color:var(--xp)}#log p.perda{color:var(--perigo)}#log p.raro{color:var(--ouro)}#log p.sistema{color:#6fd0e0}@keyframes entra{0%{opacity:0;transform:translateY(4px)}}#numeros{position:absolute;inset:0;overflow:hidden;pointer-events:none}.numero{position:absolute;font:700 17px/1 var(--serif);text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.7);animation:sobe 1.05s cubic-bezier(.2,.7,.3,1) forwards;will-change:transform,opacity}.numero.critico{font-size:25px;color:#ffd15c}.numero.recebido{color:#ff8b7a}.numero.cura{color:#7fe0a0}.numero.errou{color:#b9ad93;font-style:italic;font-size:14px}@keyframes sobe{0%{opacity:0;transform:translate(-50%) scale(.7)}16%{opacity:1;transform:translate(-50%,-14px) scale(1.12)}32%{transform:translate(-50%,-22px) scale(1)}to{opacity:0;transform:translate(-50%,-62px) scale(.95)}}#placas{position:absolute;inset:0;overflow:hidden;pointer-events:none}.placa{position:absolute;transform:translate(-50%,-100%);text-align:center;width:132px}.placa .nome{font:600 11px/1.25 var(--serif);text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placa .nome .nv{color:var(--tinta-fraca);font-family:var(--mono);font-size:9px}.placa .vida{height:4px;margin:2px auto 0;width:74px;background:#000000b8;border:1px solid rgba(0,0,0,.85);border-radius:2px;overflow:hidden}.placa .vida>i{display:block;height:100%;background:var(--vida);transform-origin:left}.placa.elite .nome{color:#8fe0f0}.placa.chefe .nome{color:#ffa070}.placa.chefe .vida{width:106px;height:6px}.placa.alvo .nome{color:#ffd15c}.placa.jogador .nome{color:#a8d8ff}.janela{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;flex-direction:column;max-height:82vh;width:640px}.janela.aberta{display:flex}.janela .corpo{overflow-y:auto;padding:12px}.janela .corpo::-webkit-scrollbar{width:9px}.janela .corpo::-webkit-scrollbar-thumb{background:var(--ouro-fraco);border-radius:4px}.janela .corpo::-webkit-scrollbar-track{background:#0000004d}.grade-itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:5px}.item{position:relative;aspect-ratio:1;border-radius:4px;cursor:pointer;background:#0c0914cc;border:1px solid var(--ouro-fraco);display:grid;place-items:center;line-height:0;transition:border-color .12s,background .12s}.item svg,.item .icone{display:block}.icone{display:block;image-rendering:pixelated}.espaco .glifo .icone{width:34px;height:34px}.mini-glifo{display:inline-block;vertical-align:-3px;line-height:0}.zona svg{display:block}.item:hover{border-color:var(--ouro);background:#281e3ce6}.item.g1{border-color:#4d8a3f}.item.g2{border-color:#b9963c}.item.g3{border-color:#c07038;box-shadow:0 0 9px #e08b4559}.item .qtd{position:absolute;right:2px;bottom:1px;font:600 10px/1 var(--mono);text-shadow:0 1px 2px #000}.item.equipado:after{content:"✓";position:absolute;top:1px;right:3px;font-size:10px;color:var(--xp)}.espacos-equipamento{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.espaco-eq{border:1px dashed var(--ouro-fraco);border-radius:4px;padding:6px;min-height:58px;cursor:pointer;background:#0c09148c}.espaco-eq:hover{border-style:solid;border-color:var(--ouro)}.espaco-eq .rotulo{font:9px/1 var(--mono);color:var(--tinta-fraca);text-transform:uppercase;letter-spacing:.07em}.espaco-eq .conteudo{font:12px/1.3 var(--serif);margin-top:4px}.espaco-eq.cheio{border-style:solid}.ficha{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px}.ficha .l{display:flex;justify-content:space-between;gap:10px;padding:2px 0;border-bottom:1px dotted rgba(216,171,74,.18)}.ficha .l b{font-weight:600;color:var(--tinta);font-family:var(--mono);font-size:12px}.ficha .l span{color:var(--tinta-fraca);font-size:12px}.btn{font:600 12px/1 var(--serif);letter-spacing:.04em;padding:7px 13px;border-radius:3px;cursor:pointer;background:linear-gradient(180deg,#d8ab4a47,#d8ab4a1a);border:1px solid var(--ouro-fraco);color:var(--tinta);transition:background .12s,border-color .12s}.btn:hover{background:#d8ab4a66;border-color:var(--ouro)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.mini{padding:3px 8px;font-size:11px}#dica{position:absolute;z-index:40;max-width:320px;padding:9px 11px;display:none;font:12px/1.45 var(--serif);pointer-events:none}#dica.visivel{display:block}#dica h4{margin:0 0 4px;font:600 14px/1.2 var(--serif)}#dica .linha{display:flex;justify-content:space-between;gap:14px;color:var(--tinta-fraca)}#dica .linha b{color:var(--tinta);font-family:var(--mono);font-weight:600}#dica .nota{margin-top:6px;color:var(--ouro);font-style:italic;font-size:11px}#dica .ruim{color:var(--perigo)}.lista-zonas{display:grid;gap:5px}.zona{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 11px;border-radius:4px;cursor:pointer;background:#0c091499;border:1px solid transparent}.zona:hover{border-color:var(--ouro);background:#281e3ccc}.zona.bloqueada{opacity:.4;cursor:not-allowed}.zona.atual{border-color:var(--xp)}.zona.fronteira{border-color:var(--ouro);background:#d8ab4a1a}.zona.fronteira .nv{color:var(--ouro);font-weight:600}.zona .pt{font:600 14px/1.2 var(--serif)}.zona .en{font:10px/1.2 var(--mono);color:var(--tinta-fraca);letter-spacing:.05em}.zona .nv{font:11px/1 var(--mono);color:var(--ouro)}#criacao{position:fixed;inset:0;z-index:50;display:none;grid-template-columns:320px 1fr 330px;align-items:stretch}#criacao.aberta{display:grid}#criacao .coluna{padding:18px;overflow-y:auto;background:var(--painel)}#criacao .coluna:first-child{border-right:1px solid var(--ouro-fraco)}#criacao .coluna:last-child{border-left:1px solid var(--ouro-fraco)}#criacao .palco{position:relative;background:radial-gradient(ellipse at 50% 62%,#2c2444,#171325 72%);overflow:hidden}#criacao .palco canvas{display:block;width:100%;height:100%}#criacao .palco .assinatura{position:absolute;left:0;right:0;bottom:22px;text-align:center;font:italic 13px/1.5 var(--serif);color:var(--tinta-fraca);pointer-events:none}#criacao .palco .assinatura b{display:block;font:600 20px/1.2 var(--serif);color:var(--ouro);font-style:normal}#criacao h1{margin:0 0 4px;font:400 30px/1.1 var(--serif);color:var(--ouro);letter-spacing:.04em}#criacao .sub{margin:0 0 18px;color:var(--tinta-fraca);font-size:12px;font-style:italic}#criacao h2{margin:18px 0 8px;font:600 12px/1 var(--mono);color:var(--ouro);letter-spacing:.1em;text-transform:uppercase}.casa{display:grid;gap:3px;padding:9px 11px;margin-bottom:6px;border-radius:4px;cursor:pointer;background:#0c091499;border:1px solid transparent;transition:border-color .12s,background .12s}.casa:hover{background:#281e3cd9}.casa.escolhida{border-color:var(--ouro);background:#32264af2}.casa .titulo{display:flex;align-items:center;gap:8px;font:600 15px/1.2 var(--serif)}.casa .marca{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.casa .lema{font:italic 11px/1.3 var(--serif);color:var(--ouro)}.casa .jeito{font-size:11px;color:var(--tinta-fraca);line-height:1.4}.casa .ramos{font:10px/1.3 var(--mono);color:var(--tinta-fraca);letter-spacing:.03em}.campo{display:grid;gap:5px;margin-bottom:12px}.campo label{font:10px/1 var(--mono);color:var(--tinta-fraca);text-transform:uppercase;letter-spacing:.08em}.campo input[type=text]{background:#08060ee6;border:1px solid var(--ouro-fraco);border-radius:3px;padding:8px 10px;color:var(--tinta);font:15px/1 var(--serif);outline:none}.campo input[type=text]:focus{border-color:var(--ouro)}.campo input[type=range]{width:100%;accent-color:var(--ouro)}.amostras{display:flex;flex-wrap:wrap;gap:5px}.amostra{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 -3px 6px #00000059}.amostra.escolhida{border-color:var(--tinta)}#criacao .rodape{margin-top:20px;display:grid;gap:8px}#criacao .btn.grande{padding:12px;font-size:15px;letter-spacing:.06em}#morte{position:fixed;inset:0;z-index:45;display:none;place-items:center;background:#140408ad;backdrop-filter:grayscale(1) blur(2px)}#morte.aberta{display:grid}#morte .caixa{text-align:center;padding:30px 44px}#morte h2{margin:0 0 6px;font:400 34px/1 var(--serif);color:var(--perigo);letter-spacing:.1em}#morte p{margin:0 0 18px;color:var(--tinta-fraca)}#carga{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--fundo);transition:opacity .4s ease-out}#carga.some{opacity:0;pointer-events:none}#carga .marca{font:400 44px/1 var(--serif);color:var(--ouro);letter-spacing:.18em}#carga .estado{margin-top:14px;color:var(--tinta-fraca);font:12px/1 var(--mono);letter-spacing:.1em}#carga .erro{color:var(--perigo);max-width:560px;text-align:center;font-family:var(--mono);font-size:12px}#convite{position:absolute;bottom:78px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:4px;display:none;background:#0a0711e0;border:1px solid var(--ouro);font:13px/1.3 var(--serif);text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap}#convite.visivel{display:block}#convite b{display:inline-block;min-width:18px;text-align:center;background:var(--ouro);color:var(--fundo);border-radius:3px;padding:1px 5px;margin-right:6px;font:700 11px/1.4 var(--mono)}#chat{position:absolute;bottom:56px;left:14px;width:380px}#chat[hidden]{display:none}#chat input{width:100%;padding:7px 10px;border-radius:3px;background:#0a0711f2;border:1px solid var(--ouro);color:var(--tinta);font:13px/1.3 var(--serif);outline:none}#chat input::placeholder{color:var(--tinta-fraca);font-style:italic}#ajuda{position:absolute;right:14px;bottom:88px;font:10px/1.7 var(--mono);color:var(--tinta-fraca);text-align:right;text-shadow:0 1px 3px #000;pointer-events:none;letter-spacing:.04em}#ajuda b{color:var(--ouro);font-weight:600}#minimapa{position:absolute;top:14px;right:14px;width:168px;height:168px;padding:0;overflow:hidden;border-radius:4px}#minimapa canvas{width:100%;height:100%;display:block}#minimapa .rotulo{position:absolute;left:0;right:0;bottom:0;text-align:center;font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 0;background:linear-gradient(0deg,rgba(12,9,20,.92),transparent);color:var(--ouro)}