*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#0e1626;color:#f4ecd8;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}.la-tela{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:#0a101ec7}.la-tela[hidden]{display:none}.la-menu{background:linear-gradient(#0a101e59,#0a101ebf),var(--fundo, #2a1a14) center / cover}.la-tela h1{font-size:clamp(34px,7vw,64px);letter-spacing:1px;color:#ffd76a;text-shadow:0 4px 0 #7a2d0b,0 8px 24px rgba(0,0,0,.6);font-weight:900}.la-tela h2{font-size:clamp(24px,4.5vw,38px);color:#ffd76a;text-shadow:0 3px 0 #0008}.la-tela p{max-width:560px;font-size:15px;line-height:1.55;color:#e6dcc6}.la-tela .la-pequeno{font-size:13px;color:#b9ae96}.la-botoes{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}.la-btn{padding:12px 26px;font-size:18px;font-weight:800;border:0;border-radius:10px;cursor:pointer;background:linear-gradient(180deg,#ffcf5a,#f29a1f);color:#3a1702;box-shadow:0 4px #a5520c;font-family:inherit}.la-btn:active{transform:translateY(2px);box-shadow:0 2px #a5520c}.la-btn.claro{background:linear-gradient(180deg,#f4ecd8,#cfc2a3);color:#2b2416;box-shadow:0 4px #8c7f62}.la-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.la-cristais{display:flex;gap:8px;justify-content:center;font-size:28px}.la-topo{position:absolute;top:10px;right:10px;display:flex;gap:8px}.la-icone{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#00000059;color:#fff;font-size:18px;cursor:pointer}.la-toque{position:absolute;inset:auto 0 0;height:0;display:none}.la-tq{position:absolute;bottom:18px;width:68px;height:68px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#00000047;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:inherit;touch-action:none}.la-tq.ativo{background:#ffd76a73}.la-tq.esq{left:16px}.la-tq.dir{left:96px}.la-tq.baixo{left:56px;bottom:96px;width:56px;height:56px;font-size:20px}.la-tq.pular{right:16px;width:84px;height:84px;font-size:15px}.la-tq.atacar{right:112px;font-size:14px}@media (pointer: coarse){.la-toque{display:block}}.la-girar{display:none}@media (pointer: coarse) and (orientation: portrait){.la-girar{display:flex;position:absolute;inset:0;z-index:5;align-items:center;justify-content:center;padding:30px;text-align:center;background:#0a101eeb;font-size:18px;line-height:1.5}}
