.cs{--c1:#3D2FD9;--c2:#E2409C;position:fixed;inset:0;z-index:9000;color:#fff;overflow:hidden;font-family:inherit;background:#07040f;animation:csEntra .45s cubic-bezier(.2,.8,.2,1) both}.cs.saindo{animation:csSai .3s ease forwards}html.cs-aberto{overflow:hidden}.cs-fundo{position:absolute;inset:0;background:radial-gradient(80% 70% at 85% 10%,color-mix(in srgb,var(--c2) 55%,transparent),transparent 70%),radial-gradient(70% 80% at 10% 90%,color-mix(in srgb,var(--c1) 60%,transparent),transparent 70%),#07040f;transition:background .6s ease}.cs-luz{position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#000000a6);pointer-events:none}.cs-carregando{position:absolute;inset:0;display:grid;place-items:center;font-weight:600;opacity:.8}.cs-topo{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(18px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px))) clamp(16px,4vw,48px) 0}.cs-marca{font-size:15px;letter-spacing:.04em;opacity:.9}.cs-marca b{font-weight:800}.cs-dir{display:flex;align-items:center;gap:16px;font-size:15px}.cs-user{font-weight:700}.cs-hora{font-variant-numeric:tabular-nums;opacity:.85}.cs-x{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer}.cs-x:hover{background:#fff3}.cs-hero{position:absolute;left:clamp(16px,4vw,48px);right:clamp(16px,4vw,48px);top:clamp(80px,16vh,170px);max-width:620px}.cs-hero.troca{animation:csHero .45s cubic-bezier(.2,.8,.2,1)}.cs-gen{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.cs-tit{margin:6px 0 10px;font-family:B7 Titulo,system-ui,sans-serif;font-size:clamp(32px,6vw,64px);line-height:1.02;letter-spacing:-.03em;text-shadow:0 6px 30px rgba(0,0,0,.4)}.cs-txt{margin:0;font-size:clamp(14px,1.6vw,17px);line-height:1.5;opacity:.88;max-width:520px}.cs-acoes{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}.cs-jogar{height:48px;padding:0 30px;border:0;border-radius:99px;background:#fff;color:#120a2e;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px -8px #ffffff80;transition:transform .15s ease}.cs-jogar:hover,.cs-jogar:focus-visible{transform:scale(1.05);outline:none}.cs-rec{font-size:14px;font-weight:600;opacity:.9}.cs-fila{position:absolute;left:0;right:0;bottom:calc(64px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:24px clamp(16px,4vw,48px);scroll-padding:0 clamp(16px,4vw,48px)}.cs-fila::-webkit-scrollbar{display:none}.cs-capa{flex:none;position:relative;width:clamp(96px,11vw,140px);aspect-ratio:1;border:0;border-radius:18px;cursor:pointer;color:#fff;background:linear-gradient(145deg,var(--c1),var(--c2));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 10px 24px -12px #000000b3;opacity:.7;transform:scale(.92);transition:transform .25s cubic-bezier(.2,.9,.3,1.2),opacity .2s,box-shadow .2s}.cs-capa i{font-style:normal;font-size:clamp(34px,4vw,48px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.cs-capa b{font-size:11.5px;font-weight:700;padding:0 6px;text-align:center;line-height:1.15}.cs-capa.on{opacity:1;transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 18px 40px -12px color-mix(in srgb,var(--c2) 80%,transparent)}.cs-capa:hover{opacity:1}.cs-dicas{position:absolute;left:0;right:0;bottom:calc(18px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));display:flex;gap:22px;justify-content:center;font-size:12.5px;opacity:.7}.cs-dicas kbd{display:inline-block;min-width:20px;padding:2px 6px;margin-right:3px;border-radius:6px;background:#ffffff24;font:600 11px ui-monospace,monospace;text-align:center}@media (hover:none){.cs-dicas{display:none}.cs-fila{bottom:calc(16px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))}}.cs.jogando>:not(.cs-jogo):not(.cs-fundo){visibility:hidden}.cs-jogo{position:absolute;inset:0;display:flex;flex-direction:column;background:#05020cd1;animation:csEntra .3s ease both}.cs-jogo-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px))) 14px 10px}.cs-voltar{height:36px;padding:0 14px;border-radius:99px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-weight:700;cursor:pointer}.cs-palco{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:0 10px calc(10px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));overflow:auto}.cs-palco>*{max-width:100%}.cs-erro{opacity:.8}@keyframes csEntra{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes csSai{to{opacity:0;transform:scale(1.03)}}@keyframes csHero{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@media (max-width:600px){.cs-hero{top:90px}.cs-capa{width:92px}}.jx{width:100%;height:100%;display:flex;flex-direction:column;gap:8px;color:#fff}.jx-hud{display:flex;justify-content:center;gap:22px;font-size:14px;opacity:.9}.jx-hud b{font-variant-numeric:tabular-nums}.jx-area{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.jx-area canvas{display:block;border-radius:16px;touch-action:none;box-shadow:0 20px 50px -20px #000c,inset 0 0 0 1px #ffffff14}.jx-tela{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background:#07040f99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px}.jx-tela[hidden]{display:none}.jx-tela b{font-size:26px}.jx-tela p{margin:0;max-width:320px;opacity:.85;line-height:1.45}.jx-bt{margin-top:6px;height:44px;padding:0 26px;border:0;border-radius:99px;background:#fff;color:#120a2e;font-weight:800;font-size:15px;cursor:pointer}@media (prefers-reduced-motion:reduce){.cs,.cs-hero.troca,.cs-jogo,.cs-capa{animation:none;transition:none}}.pf-ent .pf-ent-ic{width:18px;text-align:center;font-size:15px}.pf-chave{margin-left:auto;position:relative;width:34px;height:20px;border-radius:99px;background:var(--borda,#ddd);transition:background .2s;flex:none}.pf-chave:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.pf-chave.on{background:linear-gradient(90deg,#7b4dff,#e2409c)}.pf-chave.on:after{transform:translate(14px)}