:root{--fundo:#120a1e;--palco:#1c1030;--destaque:#ffcf3f;--destaque2:#ff5f9e;--texto:#f4ecff;--texto-fraco:#b6a7cf;--foil:#8a7fa8;--ok:#46e08a}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--fundo);color:var(--texto);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cena{background:radial-gradient(60% 40% at 20% 0%,color-mix(in srgb,var(--destaque)22%,transparent),transparent 70%),radial-gradient(50% 40% at 100% 100%,color-mix(in srgb,var(--destaque2)22%,transparent),transparent 70%),var(--fundo);place-items:center;min-height:100dvh;display:grid}.palco{background:var(--palco);flex-direction:column;width:min(440px,100vw);min-height:100dvh;display:flex;box-shadow:0 0 60px #00000080}.mesa{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex}.cabecalho{justify-content:space-between;align-items:center;display:flex}.marca{align-items:center;gap:10px;display:flex}.mascote{font-size:30px}.titulo{margin:0;font-size:18px;font-weight:800}.saldo{text-align:right;margin:0}.saldo dt{color:var(--texto-fraco);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.saldo dd{color:var(--destaque);margin:0;font-size:20px;font-weight:800}.cartela-caixa{background:linear-gradient(160deg,color-mix(in srgb,var(--destaque)16%,var(--palco)),var(--palco));border:1px solid color-mix(in srgb,var(--destaque)30%,transparent);border-radius:18px;padding:12px;position:relative}.cartela-titulo{text-align:center;color:var(--texto-fraco);margin:2px 0 10px;font-size:12px}.grade-caixa{aspect-ratio:1;width:100%;position:relative}.grade{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;inset:0}.celula{text-align:center;background:#0e0819;border:1px solid #ffffff0f;border-radius:12px;place-items:center;padding:4px;font-size:13px;font-weight:700;line-height:1.05;display:grid}.celula .emoji{font-size:30px}.celula.premiada{background:color-mix(in srgb,var(--destaque)24%,#0e0819);border-color:var(--destaque);color:var(--destaque)}.celula.acesa{animation:1.1s ease-in-out 3 pisca}@keyframes pisca{50%{box-shadow:0 0 18px var(--destaque)}}.foil{touch-action:none;cursor:grab;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.foil.pronto{cursor:default}.dica{text-align:center;color:var(--texto-fraco);min-height:16px;font-size:12px}.resultado{text-align:center;min-height:46px}.resultado .ganhou{color:var(--destaque);font-size:22px;font-weight:900}.resultado .perdeu{color:var(--texto-fraco);font-size:16px;font-weight:700}.resultado .pendente{color:var(--texto-fraco);margin-top:4px;font-size:11px;display:block}.controles{gap:10px;margin-top:auto;display:grid}.linha-preco{color:var(--texto-fraco);justify-content:space-between;align-items:center;font-size:14px;display:flex}.linha-preco strong{color:var(--texto);font-size:16px}.botao{color:#201400;background:var(--destaque);cursor:pointer;border:0;border-radius:14px;padding:15px;font-size:16px;font-weight:800}.botao:disabled{opacity:.55;cursor:default}.botao.secundario{color:var(--texto-fraco);background:0 0;border:1px solid #ffffff24;padding:9px;font-size:13px}.alerta{color:#ff9ab0;text-align:center;margin:0;font-size:13px}.tela-centro{min-height:100dvh;color:var(--texto-fraco);text-align:center;place-items:center;padding:24px;display:grid}.vitrine{max-width:640px;margin:0 auto;padding:40px 20px}.vitrine h1{color:var(--destaque)}.vitrine .intro{color:var(--texto-fraco);line-height:1.6}.vitrine code{background:#0e0819;border-radius:6px;padding:2px 6px}.modal-fundo{z-index:10;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.regras{background:var(--palco);border-radius:16px;width:100%;max-width:380px;max-height:80dvh;padding:20px;position:relative;overflow:auto}.regras h3{color:var(--destaque);margin-top:0}.regras table{border-collapse:collapse;width:100%;font-size:13px}.regras td{border-bottom:1px solid #ffffff14;padding:5px 0}.regras td:last-child{text-align:right;color:var(--destaque);font-weight:700}.fechar-modal{color:var(--texto-fraco);cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:10px;right:12px}.pixi-host{position:absolute;inset:0}.casas-teclado{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;inset:0}.casa-teclado{pointer-events:none;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0}.casa-teclado:focus-visible{outline:3px solid var(--destaque);outline-offset:-3px}.casa-teclado:disabled{visibility:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;list-style:none;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.celula.acesa{animation:none}}.menu-valor{background:var(--tema-menu,none)center/cover no-repeat,linear-gradient(160deg,color-mix(in srgb,var(--destaque)16%,var(--palco)),var(--palco));border:1px solid color-mix(in srgb,var(--destaque)30%,transparent);border-radius:18px;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.menu-valor-titulo{text-align:center;color:var(--destaque);font-size:20px;font-weight:900;font-family:var(--fonte-titulo,inherit);margin:4px 0 0}.menu-valor-sub{text-align:center;color:var(--texto-fraco);margin:0 0 6px;font-size:13px}.menu-valor-lista{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.menu-valor-item{cursor:pointer;border:1px solid color-mix(in srgb,var(--destaque)40%,transparent);background:color-mix(in srgb,var(--palco)70%,#000);width:100%;color:var(--texto);font:inherit;border-radius:14px;justify-items:center;gap:4px;padding:14px 8px;display:grid}.menu-valor-item strong{color:var(--destaque);font-size:22px}.menu-valor-item span{color:var(--texto-fraco);font-size:12px}.menu-valor-item:hover,.menu-valor-item:focus-visible{border-color:var(--destaque);outline:2px solid var(--destaque);outline-offset:1px}.cena[data-tema]:not([data-tema=padrao]){background-image:var(--tema-fundo,none);background-position:50%;background-size:cover}.logo-tema{object-fit:contain;max-width:220px;height:44px}.botao{font-family:var(--fonte-titulo,inherit)}@supports (background-image:var(--x)){.cena[data-tema]:not([data-tema=padrao]) .botao:not(.secundario){background-image:var(--tema-botao,none);background-size:100% 100%;background-color:var(--destaque)}.cena[data-tema]:not([data-tema=padrao]) .botao:not(.secundario):hover:not(:disabled){background-image:var(--tema-botao-hover,var(--tema-botao,none))}}@media (max-width:480px){.cena[data-tema]:not([data-tema=padrao]){background-image:var(--tema-fundo-mobile,var(--tema-fundo,none))}}.celula .simbolo-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:82%;height:82%}.celula:has(.simbolo-img){padding:2px}.resultado-arte{max-width:min(100%,240px);height:auto;margin:0 auto 6px;display:block}.cartela-caixa.com-bilhete{aspect-ratio:3/4;background:var(--tema-bilhete)center/100% 100% no-repeat;border:0;padding:25% 8.3333%}.cartela-titulo-fora{margin:-6px 0 0}.cena[data-tema]:not([data-tema=padrao]) .menu-valor-titulo,.cena[data-tema]:not([data-tema=padrao]) .menu-valor-sub{color:var(--texto);background:#0000009e;border-radius:999px;align-self:center;padding:6px 14px}.cena[data-tema]:not([data-tema=padrao]) .menu-valor-titulo{color:var(--texto);background:#000000c7}.cena[data-tema=raspadinha-nanquim] .botao:not(.secundario){color:var(--texto)}
