html,body,#raiz{height:100%;margin:0}body{color:#fff;overscroll-behavior:none;background:#1d2b3a;font-family:system-ui,sans-serif;overflow:hidden}.tela{position:fixed;inset:0}.palco-do-jogo{position:absolute;inset:0}.palco-do-jogo canvas{display:block}.joystick{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.joystick-base{box-sizing:border-box;pointer-events:none;background:#ffffff1f;border:2px solid #fff6;border-radius:50%;width:96px;height:96px;margin:-48px 0 0 -48px;position:absolute}.joystick-manopla{background:#fff9;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.diagnostico{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));pointer-events:none;background:#0000008c;border-radius:4px;padding:4px 8px;font:12px/1.4 ui-monospace,monospace;position:absolute}.aviso-de-falha{text-align:center;place-items:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.tela-central{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.tela-central h1{margin:0;font-size:32px}.tela-central p{max-width:36ch;margin:0;line-height:1.5}.aviso{background:#00000059;border-radius:8px;padding:12px 16px}.botao{color:#1d2b3a;font:inherit;cursor:pointer;background:#f2c14e;border:0;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none}.botao:focus-visible,.cartao-do-jogador button:focus-visible{outline-offset:2px;outline:3px solid #fff}.cartao-do-jogador{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));background:#0000008c;border-radius:999px;align-items:center;gap:8px;padding:4px 4px 4px 12px;font-size:14px;display:flex;position:absolute}.cartao-do-jogador button{color:inherit;font:inherit;cursor:pointer;background:#ffffff2e;border:0;border-radius:999px;padding:6px 12px}