html,body{margin:0;height:100%;width:100%;overflow:hidden;background:#000;color:#fff;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#root{position:fixed;inset:0}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.letterbox{position:fixed;inset:0;background:#000;overflow:hidden;touch-action:none}.viewport{position:absolute;transform-origin:0 0;overflow:hidden;background:#000;image-rendering:pixelated}.tela{position:absolute;inset:0;overflow:hidden}.em{position:absolute}.fonte-pixel{display:block;line-height:0;vertical-align:top}.fonte-pixel canvas{display:block}.piscar{animation:piscar 1s steps(1,end) infinite}@keyframes piscar{0%{visibility:visible}50%{visibility:hidden}}.fundo-title{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 4px),linear-gradient(180deg,#102060,#401060 55%,#a02040)}.fundo-menu,.fundo-padrao{position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 4px,transparent 4px 8px),#101838}.fundo-selecao{position:absolute;inset:0;background:linear-gradient(90deg,#102050 0% 43%,#403010 43% 57%,#501010 57% 100%)}.fundo-vs{position:absolute;inset:0;background:linear-gradient(90deg,#a01818 0 50%,#1830a0 50% 100%)}.moldura{position:absolute;box-sizing:border-box;border:2px solid #f0f0f0;outline:1px solid #000;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #6080c0}.moldura-azul{background:#102070eb}.moldura-vermelho{background:#701010eb}.moldura-cinza{background:#404040eb}.moldura-preto{background:#000000f0}.item-menu{position:absolute;left:0;height:11px;cursor:pointer}.seta-menu{animation:seta .5s steps(2,end) infinite}@keyframes seta{50%{transform:translate(1px)}}.celula{position:absolute;width:32px;height:32px;box-sizing:border-box;cursor:pointer}.celula .retrato{display:block}.celula.bloqueada .retrato,.retrato.cinza{filter:grayscale(1) brightness(.55)}.selo-em-obra{position:absolute;left:0;bottom:0;width:32px;height:7px;overflow:hidden;background:#f8d838;pointer-events:none}.tarja-bloqueio{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#8080808c 0 3px,#4040408c 3px 6px)}.cadeado{position:absolute;left:11px;top:12px;width:10px;height:8px;background:#e0c040;box-shadow:0 0 0 1px #000}.cadeado:before{content:"";position:absolute;left:2px;top:-5px;width:4px;height:4px;border:1px solid #e0c040;border-bottom:none;box-shadow:0 0 0 1px #000}.cursor-selecao{position:absolute;box-sizing:border-box;pointer-events:none;z-index:3}.cursor-p1{border:2px solid #ff3030;animation:piscar-cursor .5s steps(1,end) infinite}.cursor-p2{border:2px solid #3080ff}.cursor-selecao.confirmado{animation:none;border-style:double;border-width:3px}.cursor-selecao .etiqueta{position:absolute}@keyframes piscar-cursor{50%{border-color:#ffd0d0}}.balao{position:absolute;z-index:10;box-sizing:border-box;padding:4px;background:#fff;border:1px solid #000;box-shadow:2px 2px #000}.canvas-jogo{position:absolute;left:0;top:0;width:256px;height:224px}.pausa-fundo{position:absolute;inset:0;background:#0000008c}.fade{position:absolute;inset:0;background:#000;pointer-events:none;z-index:50;opacity:0}.fade-saindo{animation:fade-saindo 133ms steps(8,end) forwards}.fade-entrando{animation:fade-entrando 133ms steps(8,end) forwards}@keyframes fade-saindo{0%{opacity:0}to{opacity:1}}@keyframes fade-entrando{0%{opacity:1}to{opacity:0}}.crt{position:absolute;inset:0;pointer-events:none;z-index:40}.crt-leve{background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 .5px,transparent .5px 1px)}.crt-forte{background:repeating-linear-gradient(0deg,rgba(0,0,0,.38) 0 .5px,transparent .5px 1px),radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.45) 100%)}.controle-virtual{position:fixed;inset:0;pointer-events:none;z-index:60;touch-action:none}.controle-virtual>*{pointer-events:auto}.area-dpad{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:16px;touch-action:none}.area-botoes{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:16px;touch-action:none}.area-start{position:absolute;left:50%;top:6px;transform:translate(-50%)}.editando{outline:2px dashed #f8d838;cursor:move}.bloqueio-edicao{position:absolute;inset:0;z-index:2}.dpad{position:relative;border-radius:50%;background:#28283cb3;box-shadow:0 0 0 3px #000,inset 0 0 0 3px #606080;touch-action:none}.dpad-braco{position:absolute;background:#404050;box-shadow:inset 0 0 0 2px #000}.dpad-braco.ativo{background:#f8d838}.dpad-cima,.dpad-baixo{left:36%;width:28%;height:34%}.dpad-cima{top:6%}.dpad-baixo{bottom:6%}.dpad-esq,.dpad-dir{top:36%;height:28%;width:34%}.dpad-esq{left:6%}.dpad-dir{right:6%}.dpad-miolo{position:absolute;left:36%;top:36%;width:28%;height:28%;background:#404050}.grupo-botoes{display:flex;flex-direction:column;touch-action:none}.linha-botoes{display:flex}.linha-botoes:last-child{margin-left:18%}.botao-acao{display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 0 3px #000,inset 0 -4px #00000059;pointer-events:none}.botao-LP,.botao-LK{background:#3060d0}.botao-MP,.botao-MK{background:#d0a020}.botao-HP,.botao-HK{background:#d03030}.botao-acao.ativo{filter:brightness(1.6);transform:translateY(2px)}.botao-start{padding:4px 10px;border-radius:10px;background:#505060;box-shadow:0 0 0 2px #000;touch-action:none}.botao-start.ativo{background:#a0a0b0}.overlay-girar{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#000}.icone-girar{width:48px;height:80px;border:6px solid #f8d838;border-radius:8px;animation:girar 1.6s steps(4,end) infinite}.dossie-conteudo{position:absolute;left:8px;top:4px;width:240px;display:flex;flex-direction:column;gap:4px}.dossie-topo{display:flex;gap:8px}.dossie-cabecalho{display:flex;flex-direction:column;gap:2px}.dossie-secao{margin-top:6px}.dossie-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dossie-podre,.dossie-golpe{display:flex;flex-direction:column;gap:1px}.icone-podre{align-self:flex-start;padding:1px 2px 0}.dossie-fonte{align-self:flex-end}.campo-oculto{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0}.botao-tela{position:absolute;cursor:pointer}@keyframes girar{50%,to{transform:rotate(-90deg)}}