/* 22 Ball BR – lobby3.css (v101): lobby limpo. Só JOGAR em destaque; resto escuro com borda dourada. */
#k22L.l3{background:#07050a}
#k22L.l3 .kbg{inset:-6%;filter:blur(9px) brightness(.32) saturate(.7);animation:none}
#k22L.l3 .kvig{background:radial-gradient(ellipse at 50% 45%,rgba(0,0,0,.15) 0,rgba(0,0,0,.8) 75%)}
#k22L.l3 .kglow,#k22L.l3 .kdust{display:none}
/* barra de cima */
#k22L.l3 .l3top{position:absolute;left:0;right:0;top:0;height:max(44px,13vh);display:flex;align-items:center;gap:10px;padding:0 max(10px,2vw);background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0));z-index:4}
#k22L.l3 .l3me{display:flex;align-items:center;gap:8px;min-width:0;max-width:40vw}
#k22L.l3 .kav{position:relative;flex:none;width:max(34px,9.5vh);height:max(34px,9.5vh);border-radius:50%;border:2px solid #d9b25a!important;background:#16202e!important;display:flex;align-items:center;justify-content:center;font-size:max(18px,5vh);overflow:visible;margin:0!important}
#k22L.l3 .kav .kavi{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
#k22L.l3 .klv{position:absolute;bottom:-3px;right:-5px;font-size:10px}
#k22L.l3 .kwho{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;text-align:left}
#k22L.l3 .kwho b{font:800 max(12px,3.4vh) Rubik22,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:26vw}
#k22L.l3 .l3lvl{font:700 max(9px,2.5vh) system-ui,sans-serif;color:#e8d29a;white-space:nowrap}
#k22L.l3 .kxp{display:block;width:min(22vw,150px);height:6px;border-radius:3px;background:rgba(0,0,0,.6);box-shadow:inset 0 0 0 1px rgba(217,178,90,.45);overflow:hidden}
#k22L.l3 .kxp i{display:block;height:100%;min-width:2px;background:linear-gradient(90deg,#3ddc5a,#b6ff6a);border-radius:3px;transition:width .6s}
#k22L.l3 .ksp{flex:1}
#k22L.l3 .l3coin{display:flex;align-items:center;gap:6px;height:max(28px,7.5vh);padding:0 12px 0 6px;border-radius:999px;background:rgba(10,8,12,.85);border:1.5px solid #d9b25a!important;font:800 max(12px,3.3vh) Rubik22,system-ui,sans-serif;color:#ffe9a8}
#k22L.l3 .l3coin img{height:80%}
#k22L.l3 .l3sq{flex:none;width:max(26px,7vh);height:max(26px,7vh);border-radius:50%;background-color:rgba(10,8,12,.85)!important;border:1.5px solid #d9b25a!important;font:800 max(13px,3.6vh) system-ui,sans-serif;color:#f3e6c4;display:flex;align-items:center;justify-content:center;background-size:62%!important;background-repeat:no-repeat!important;background-position:center!important}
/* logo */
#k22L.l3 .klogo{position:absolute;left:50%;top:11vh;width:auto;height:22vh;max-width:40vw;object-fit:contain;transform:translateX(-50%);animation:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.8));z-index:3}
/* centro */
#k22L.l3 .l3mid{position:absolute;left:50%;top:34vh;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:3;width:min(64vw,128vh)}
#k22L.l3 .l3play{width:min(36vw,66vh);height:max(46px,15vh);border-radius:max(14px,4vh);background:linear-gradient(#7af27a,#2fbf4a 48%,#16872c)!important;box-shadow:0 5px 0 #0b5a1a,0 10px 24px rgba(0,0,0,.6),inset 0 2px 0 rgba(255,255,255,.6);font:900 max(22px,7vh) Rubik22,system-ui,sans-serif!important;color:#fff!important;letter-spacing:1px;text-shadow:0 2px 0 #0b5a1a,0 3px 6px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}
#k22L.l3 .l3play.kpr{transform:translateY(3px) scale(.97)}
#k22L.l3 .l3mesa{margin-top:1.4vh;font:600 max(10px,2.8vh) system-ui,sans-serif;color:#d8cfbd;opacity:.85;white-space:nowrap}
#k22L.l3 .l3row{margin-top:3.2vh;display:flex;gap:max(6px,1.2vw);width:100%;justify-content:center}
#k22L.l3 .l3sec{flex:1;max-width:min(15vw,30vh);height:max(34px,10.5vh);display:flex;align-items:center;justify-content:center;gap:6px;border-radius:max(10px,2.6vh);background:rgba(14,11,16,.88)!important;border:1.5px solid #d9b25a!important;color:#f3e6c4!important;font:800 clamp(10px,min(2.9vh,1.55vw),17px) Rubik22,system-ui,sans-serif!important;white-space:nowrap;padding:0 6px!important;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.5)}
#k22L.l3 .l3sec span{overflow:hidden;text-overflow:ellipsis}
#k22L.l3 .l3sec img,#k22L.l3 .l3sec svg{height:58%;width:auto;flex:none}
#k22L.l3 .l3sec .kb9{display:inline-flex;align-items:center;justify-content:center;height:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 22%,#f5c400 23%);color:#222;font:900 max(9px,2.4vh) system-ui}
#k22L.l3 .l3sec.kpr,#k22L.l3 .kib.kpr{transform:translateY(2px) scale(.96)}
/* laterais: 3 de cada lado */
#k22L.l3 .kside{position:absolute;top:22vh;display:flex;flex-direction:column;gap:2.2vh;z-index:3}
#k22L.l3 .kside.kL{left:max(10px,2.2vw)}#k22L.l3 .kside.kR{right:max(10px,2.2vw)}
#k22L.l3 .kib{width:max(40px,11vh);display:flex;flex-direction:column;align-items:center;gap:2px}
#k22L.l3 .kib i{width:max(34px,9.5vh);height:max(34px,9.5vh);aspect-ratio:auto;border-radius:max(10px,2.6vh);background-color:rgba(14,11,16,.88)!important;border:1.5px solid #d9b25a;background-size:68%!important;filter:none;box-shadow:0 3px 8px rgba(0,0,0,.5)}
#k22L.l3 .kib small{font:700 max(9px,2.5vh) system-ui,sans-serif;color:#e8dcc0;margin:0}
#k22L.l3 .kib.kdot::after{top:-3px;right:max(0px,.4vh);width:10px;height:10px;font-size:0;content:"";animation:none;border-width:1.5px}
/* baús: só aparece quando há algo para abrir */
#k22L.l3 .kchests{position:absolute;left:50%;bottom:3vh;transform:translateX(-50%);display:flex;gap:10px;z-index:3;height:max(36px,11vh)}
#k22L.l3 .kchests .kslot.vazio{display:none!important}
#k22L.l3 .kchests .kslot{height:100%;width:auto;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:10px;background:rgba(14,11,16,.85);border:1.5px solid #d9b25a;padding:2px}
#k22L.l3 .kchests .kslot img{height:70%}#k22L.l3 .kchests .kslot small{font:700 9px system-ui;color:#ffe9a8}
/* rodapé */
#k22L.l3 .l3bl{position:absolute;left:max(10px,2.2vw);bottom:max(8px,2.4vh);display:flex;align-items:center;gap:8px;z-index:4}
#k22L.l3 .l3more{height:max(26px,7vh);padding:0 12px;border-radius:999px;background:rgba(14,11,16,.88)!important;border:1.5px solid #d9b25a!important;color:#f3e6c4!important;font:700 max(10px,2.7vh) system-ui,sans-serif!important}
#k22L.l3 .l3next{position:absolute;right:max(10px,2.2vw);bottom:max(18px,5vh);font:600 max(9px,2.5vh) system-ui,sans-serif;color:#cfc4ad;opacity:.75;z-index:3;white-space:nowrap}
#k22L.l3 .kpass,#k22L.l3 .kfeat{display:none!important}
/* ✉ pequeno, só um ponto quando há mensagem nova; ao lado do "Mais" */
html.k22home #cx22Btn{left:max(10px,2.2vw)!important;bottom:max(8px,2.4vh)!important;width:max(26px,7vh)!important;height:max(26px,7vh)!important;font-size:max(13px,3.6vh)!important;border-width:1.5px!important;border-color:#d9b25a!important;background:rgba(14,11,16,.9)!important}
html.k22home #cx22Btn span+span{font-size:0!important;min-width:0!important;width:9px!important;height:9px!important;padding:0!important;top:-1px!important;right:-1px!important;border:1.5px solid #fff}
html.k22home body.l3cx #k22L.l3 .l3bl,html.k22home body:has(#cx22Btn) #k22L.l3 .l3bl{left:calc(max(10px,2.2vw) + max(26px,7vh) + 8px)}
/* Tutorial: só na primeira vez (fora disso fica dentro do "?") */
html.k22home.l3notut #tutBtn31{display:none!important}
/* folhas "?" e "Mais" */
#l3S{position:fixed;inset:0;z-index:2147482000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#l3S.on{display:flex}
#l3S .l3c{min-width:min(320px,80vw);max-width:90vw;max-height:88vh;overflow:auto;padding:14px;border-radius:16px;background:#120e14;border:1.5px solid #d9b25a;color:#f3e6c4;font:600 14px system-ui,sans-serif;box-shadow:0 10px 30px #000}
#l3S h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font:800 16px Rubik22,system-ui,sans-serif;color:#ffe9a8}
#l3S .l3x{width:32px;height:32px;border-radius:50%;border:1.5px solid #d9b25a;background:#1c1720;color:#fff;font:700 16px system-ui}
#l3S .l3it{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(217,178,90,.5);background:#1c1720;color:#f3e6c4;font:700 14px system-ui,sans-serif;text-align:left}
#l3S .l3it small{display:block;font-weight:500;font-size:11px;opacity:.7}
#l3S .l3it .pb{display:block;height:5px;margin-top:4px;border-radius:3px;background:#000;overflow:hidden;width:160px}#l3S .l3it .pb i{display:block;height:100%;background:#ffd54a}
/* v102: bloco central centralizado na vertical (lobby3.js posiciona), brilho de feltro verde atrás do JOGAR, sem resto visual do #lb2p29 */
#k22L.l3 .l3felt{position:absolute;left:50%;width:min(90vw,150vh);height:70vh;transform:translate(-50%,-50%);top:55%;background:radial-gradient(ellipse at center,rgba(40,140,70,.22) 0,rgba(25,95,50,.12) 35%,rgba(0,0,0,0) 70%);pointer-events:none;z-index:2}
#lb2p29,#lb2p29 *{color:transparent!important;text-shadow:none!important;box-shadow:none!important;background:transparent!important;border-color:transparent!important;filter:none!important}

/* v139: saldo só aparece com o valor real (antes mostrava 0 e depois 500) */
#k22L .l3coin:has(#k22Co:empty){visibility:hidden}

/* v4 rodapé limpo: JOGAR simples e elegante; "Próxima" limitada para não encostar no botão da Economia */
#k22L.l3 .l3play{width:min(36vw,66vh);height:max(44px,13vh);border-radius:max(12px,3.4vh);background:#22a447!important;border:0!important;box-shadow:0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);font:800 max(20px,6vh) Rubik22,system-ui,sans-serif!important;letter-spacing:3px;text-shadow:none;-webkit-text-stroke:0}
#k22L.l3 .l3play.kpr{background:#1d9140!important}
#k22L.l3 .l3next{max-width:28vw;overflow:hidden;text-overflow:ellipsis}
#k22L.l3 .kwho b{max-width:min(30vw,240px)}

/* ===== v167 – tela conceito 2 (lobby): fundo azul do salão, PASSE, 7 cartões (cartão inteiro = botão), rodapé ===== */
#k22L.l3.v7{background:#06101f;font-family:Lilita22,"Rubik22",system-ui,sans-serif}
#k22L.l3.v7 .kbg7{position:absolute;inset:0;background:#06101f url(/img/v167/lobby.webp) center 60%/cover no-repeat}
#k22L.l3.v7 .kbg7::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,16,.35),rgba(2,6,16,0) 40%,rgba(2,6,16,.25) 80%,rgba(2,6,16,.55))}
#k22L.l3.v7 button{font-family:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}
#k22L.l3.v7 .klogo{position:absolute;left:50%;top:calc(var(--tbh) + 2.5vh);height:17vh;width:auto;max-width:34vw;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 6px 10px #000c);z-index:3;animation:none}
#k22L.l3.v7 .l3tl{position:absolute;left:max(10px,env(safe-area-inset-left));top:calc(var(--tbh) + 2.4vh);display:flex;gap:8px;z-index:4}
#k22L.l3.v7 .l3sq{width:44px;height:44px;border-radius:50%;background:rgba(6,12,24,.75)!important;border:1.5px solid #8fb2e0!important;color:#fff;font:800 18px system-ui,sans-serif;display:flex;align-items:center;justify-content:center;padding:0}
/* PASSE */
#k22L.l3.v7 .l3pass{position:absolute;right:0;top:calc(var(--tbh) + 1.6vh);height:12.5vh;min-height:44px;width:27vw;padding:0 0 0 3vw;border:0;z-index:4;display:flex;align-items:center;justify-content:flex-start;
 clip-path:polygon(4% 0,100% 0,100% 100%,0 100%);background:linear-gradient(#ffe45a 0%,#ffd21f 40%,#f5a800 75%,#d98a00 100%);box-shadow:inset 0 3px 0 #fff6;color:#3a1c00}
#k22L.l3.v7 .l3pass span{font-size:clamp(14px,2.4vw,26px);white-space:nowrap;text-shadow:0 1px 0 #fff8}
#k22L.l3.v7 .l3pass b{font-weight:400}
#k22L.l3.v7 .l3pass .pst{position:absolute;right:1.5vw;top:50%;transform:translateY(-50%) rotate(-8deg);width:11vh;height:11vh;filter:drop-shadow(0 3px 3px #0008)}
#k22L.l3.v7 .l3pass .pst svg{width:100%;height:100%}
/* 7 cartões */
#k22L.l3.v7 .c7row{position:absolute;left:max(1.6vw,env(safe-area-inset-left));right:max(1.6vw,env(safe-area-inset-right));top:40vh;height:min(31vh,15vw);display:flex;gap:1.2vw;align-items:stretch;z-index:3}
#k22L.l3.v7 .c7{--t:#178402;--m:#3fc400;--d:#0f6400;--k:#0a3d00;position:relative;flex:1 1 0;min-width:0;height:100%;margin:0;padding:1.2vh .4vw 0;border:0;border-radius:max(8px,1.2vw);color:#fff;
 display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6vh;overflow:hidden;
 background:linear-gradient(var(--m) 0%,color-mix(in srgb,var(--m) 80%,var(--t)) 45%,var(--t) 80%,var(--d) 100%)!important;
 box-shadow:0 0 0 2px var(--k),inset 0 0 0 .32vw color-mix(in srgb,var(--m) 50%,#fff),inset 0 .5vh 0 .32vw #ffffff30,0 1.2vh 1.6vh #000b!important;transition:transform .12s}
#k22L.l3.v7 .c7::before{content:"";position:absolute;inset:.55vw;border-radius:max(5px,.8vw);background:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.22));box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);pointer-events:none}
#k22L.l3.v7 .c7.kpr,#k22L.l3.v7 .c7:active{transform:translateY(2px) scale(.97)}
#k22L.l3.v7 .c7>b{position:relative;font-weight:400;font-size:clamp(13px,2.15vw,25px);line-height:1.08;text-align:center;white-space:nowrap;
 text-shadow:0 0 1px var(--k),1.5px 0 0 var(--k),-1.5px 0 0 var(--k),0 1.5px 0 var(--k),0 -1.5px 0 var(--k),0 3px 0 rgba(0,0,0,.55)}
#k22L.l3.v7 .c7 .ic{position:relative;flex:1;width:80%;min-height:0;display:flex;align-items:center;justify-content:center;padding-bottom:1vh}
#k22L.l3.v7 .c7 .ic svg{height:100%;max-height:15vh;width:auto;max-width:100%;filter:drop-shadow(0 .6vh .6vh #0008)}
#k22L.l3.v7 .c7 .l3mesa{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0}
#k22L.l3.v7 .c7.p{--t:#4e08a1;--m:#8a32f5;--d:#3a0682;--k:#24004f}
#k22L.l3.v7 .c7.b{--t:#034193;--m:#1189f0;--d:#003269;--k:#00214a}
#k22L.l3.v7 .c7.t{--t:#0d7377;--m:#16c3b6;--d:#0b5a5e;--k:#033c3e}
#k22L.l3.v7 .c7.o{--t:#e05e00;--m:#ffa21a;--d:#c24f00;--k:#6a2600}
#k22L.l3.v7 .c7.y{--t:#e3a400;--m:#ffd42a;--d:#c88a00;--k:#6a4200}
/* Noite de Neon: maior, moldura dourada com luzinhas */
#k22L.l3.v7 .c7.neon{--k:#3a1c00;flex:1.42 1 0;justify-content:center;gap:1.6vh;margin:-.6vh .2vw;height:calc(100% + 1.2vh);
 background:radial-gradient(ellipse at 50% 40%,#5a2a00 0,#2a1200 60%,#170900 100%)!important;
 box-shadow:0 0 0 2px #3a1c00,inset 0 0 0 .55vw #ffc21a,inset 0 0 0 .75vw #8a4f00,0 0 2.4vh #ffb40088,0 1.2vh 1.6vh #000b!important}
#k22L.l3.v7 .c7.neon::before{inset:.25vw;border-radius:max(7px,1.1vw);background:none;box-shadow:none;
 background-image:radial-gradient(circle,#fff8c0 0 .26vw,#ffcf3a .36vw,transparent .5vw);background-size:2.05vw 2.05vw;
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:.55vw;animation:neon7 1.6s steps(2) infinite}
@keyframes neon7{50%{filter:brightness(.7)}}
#k22L.l3.v7 .c7.neon>b{font-size:clamp(16px,3vw,34px);color:transparent;background:linear-gradient(#fff9b0,#ffe03a 45%,#ffb000);-webkit-background-clip:text;background-clip:text;text-shadow:none;
 filter:drop-shadow(1.5px 0 0 #3a1c00) drop-shadow(-1.5px 0 0 #3a1c00) drop-shadow(0 1.5px 0 #3a1c00) drop-shadow(0 -1.5px 0 #3a1c00) drop-shadow(0 3px 0 #000a)}
#k22L.l3.v7 .c7.neon .tm{position:relative;display:flex;align-items:center;gap:.5vw;padding:.7vh 1vw;border-radius:99px;background:#0009;box-shadow:inset 0 0 0 1px #ffcf3a66;font-size:clamp(11px,1.5vw,17px);white-space:nowrap}
#k22L.l3.v7 .c7.neon .tm svg{width:1.2em;height:1.2em}#k22L.l3.v7 .c7.neon .tm em{font-style:normal}
@media (prefers-reduced-motion:reduce){#k22L.l3.v7 .c7.neon::before{animation:none}}
/* rodapé */
#k22L.l3.v7 .f7{position:absolute;left:max(1vw,env(safe-area-inset-left));right:max(1vw,env(safe-area-inset-right));bottom:max(2.4vh,env(safe-area-inset-bottom));height:max(48px,14vh);display:flex;gap:1vw;align-items:stretch;z-index:4}
#k22L.l3.v7 .f7b{position:relative;flex:0 0 7.4%;min-width:44px;border:0;border-radius:max(8px,1vw);display:flex;align-items:center;justify-content:center;gap:.6vw;padding:0 .6vw;color:#fff;font-size:clamp(12px,1.8vw,20px);
 box-shadow:0 0 0 2px #2a1a08,inset 0 0 0 2px #ffffff40,0 .8vh 1.2vh #000a}
#k22L.l3.v7 .f7b.r{background:linear-gradient(#ff4a3a,#d01a10 55%,#8e0c06)!important}
#k22L.l3.v7 .f7b.bl{background:linear-gradient(#3b8cf5,#1257c8 55%,#0a3a8e)!important}
#k22L.l3.v7 .f7b.wide{flex:0 0 17%}
#k22L.l3.v7 .f7b.ev{flex:1 1 auto}
#k22L.l3.v7 .f7b span{white-space:nowrap;text-shadow:0 1.5px 0 #0008}
#k22L.l3.v7 .f7b .ic{height:76%;aspect-ratio:1;display:flex}#k22L.l3.v7 .f7b .ic svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px #0008)}
#k22L.l3.v7 .f7b.wide .ic,#k22L.l3.v7 .f7b.ev .ic{height:64%}
#k22L.l3.v7 .kgift.kdot::after{content:"!";position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#e2231a;box-shadow:0 0 0 2px #fff;font:800 12px/20px system-ui;text-align:center}
#k22L.l3.v7 .kchests{position:relative;left:auto;bottom:auto;transform:none;flex:1 1 43%;height:auto;display:flex!important;gap:.5vw;padding:.5vw;border-radius:max(8px,1vw);background:linear-gradient(#2a2f38,#14171c);box-shadow:0 0 0 2px #6a5a3a,inset 0 1px 0 #ffffff26}
#k22L.l3.v7 .kchests .kslot,#k22L.l3.v7 .kchests .kslot.vazio{display:flex!important;flex:1 1 0;aspect-ratio:auto;height:auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;border-radius:max(6px,.7vw);background:linear-gradient(#1c2028,#0c0e12);border:1px solid #4a4f58}
#k22L.l3.v7 .kchests .kslot img{height:62%;width:auto}
#k22L.l3.v7 .kchests .kslot small{font:400 clamp(10px,1.3vw,15px)/1.05 Lilita22,system-ui,sans-serif;color:#fff;text-align:center}
#k22L.l3.v7 .kchests .kslot.vazio small{font-size:0}
#k22L.l3.v7 .kchests .kslot.vazio small::after{content:"Espaço de baú";font-size:clamp(10px,1.3vw,15px);color:#b9bfc8}
#k22L.l3.v7 .kchests .kslot.pronto{border-color:#ffcf3a;box-shadow:0 0 10px #ffcf3a88}
/* barra do kit escondida (a barra única é a #tb167) */
#k22L.l3.v7 .l3top,#k22L.l3.v7 .kside,#k22L.l3.v7 .l3mid,#k22L.l3.v7 .l3bl{display:none!important}
html.k22home #cx22Btn{left:auto!important;right:max(10px,env(safe-area-inset-right))!important;top:calc(var(--tbh) + 15.5vh)!important;bottom:auto!important}
#k22L.l3.v7 .c7 .an22card{display:none!important}
html.k22home #ec22btn{bottom:calc(max(48px,14vh) + max(2.4vh,env(safe-area-inset-bottom)) + 1.2vh)!important;height:max(28px,6.4vh)!important}
/* 1 contra 1: o cartão do mesmo molde (anula o JOGAR verde antigo do .l3play) */
#k22L.l3.v7 .c7.l3play{width:auto;height:100%;font:inherit!important;letter-spacing:0;-webkit-text-stroke:0}
#k22L.l3.v7 .kchests .kslot{background-image:linear-gradient(#1c2028,#0c0e12)!important}
#k22L.l3.v7 .kchests .kslot.vazio::before{content:"";width:56%;flex:1;max-height:62%;background:url(/img/kit/bau-madeira.webp) center/contain no-repeat;opacity:.55;filter:grayscale(.4)}
#k22L.l3.v7 .kchests .kslot{border:1px solid #4a4f58!important;border-image:none!important;width:auto;position:relative}
#k22L.l3.v7 .kchests .kslot.pronto{border-color:#ffcf3a!important}
#k22L.l3.v7 .kchests .kslot img{position:static;width:auto;top:auto}
#k22L.l3.v7 .kchests .kslot small{position:static;bottom:auto;opacity:1}

/* ===== v168 – Lobby Home "acabamento 3D AAA" (conceito v4-lobby): mesmo layout da v167 ===== */
/* fundo de salão desfocado */
#k22L.l3.v7 .kbg7{filter:blur(3px) saturate(1.1);transform:scale(1.04)}
#k22L.l3.v7 .kbg7::after{background:radial-gradient(120% 80% at 50% 55%,rgba(2,6,16,0) 35%,rgba(2,6,16,.55)),linear-gradient(180deg,rgba(2,6,16,.45),rgba(2,6,16,0) 35%,rgba(2,6,16,.3) 80%,rgba(2,6,16,.6))}
/* cartões: gradiente, bevel/emboss, luz de cima, sombra projetada */
#k22L.l3.v7 .c7{background:linear-gradient(180deg,color-mix(in srgb,var(--m) 70%,#fff) 0%,var(--m) 14%,var(--t) 58%,var(--d) 100%)!important;
 box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(0,0,0,.35),inset 2px 0 0 rgba(255,255,255,.12),inset -2px 0 0 rgba(0,0,0,.18),0 0 0 2px var(--k),0 1.2vh 1.6vh rgba(0,0,0,.6),0 .4vh 0 var(--k)!important}
#k22L.l3.v7 .c7::before{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 32%,rgba(0,0,0,0) 60%,rgba(0,0,0,.25));box-shadow:inset 0 0 0 1px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.25)}
#k22L.l3.v7 .c7>b{text-shadow:0 2px 0 var(--k),0 3px 4px rgba(0,0,0,.55)}
/* ícone 3D grande no centro (arte própria em img/v168; SVG fica de reserva) */
#k22L.l3.v7 .ic .i3d{display:none}
#k22L.l3.v7 .ic.ok3 .i3d{display:block;height:100%;max-height:17vh;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 .8vh .7vh rgba(0,0,0,.65))}
#k22L.l3.v7 .ic.ok3>svg{display:none}
#k22L.l3.v7 .c7 .ic svg{max-height:16vh;filter:drop-shadow(0 .8vh .7vh rgba(0,0,0,.65))}
/* Noite de Neon: moldura de lâmpadas acesas */
#k22L.l3.v7 .c7.neon{background:radial-gradient(120% 90% at 50% 30%,#6a3a08,#2a1402 70%)!important;box-shadow:0 0 0 3px #ffb300,0 0 0 6px #6a3a00,0 0 2.4vh #ffb30099,0 1.2vh 1.6vh rgba(0,0,0,.6)!important}
#k22L.l3.v7 .c7.neon::after{content:"";position:absolute;inset:3px;border-radius:inherit;pointer-events:none;
 background:radial-gradient(circle,#fff8c8 0 1.4px,#ffcf3a 2.2px,transparent 3.6px) 0 0/calc(100%/9) 9px repeat-x,radial-gradient(circle,#fff8c8 0 1.4px,#ffcf3a 2.2px,transparent 3.6px) 0 100%/calc(100%/9) 9px repeat-x,
 radial-gradient(circle,#fff8c8 0 1.4px,#ffcf3a 2.2px,transparent 3.6px) 0 0/9px calc(100%/10) repeat-y,radial-gradient(circle,#fff8c8 0 1.4px,#ffcf3a 2.2px,transparent 3.6px) 100% 0/9px calc(100%/10) repeat-y;
 filter:drop-shadow(0 0 3px #ffd54a);animation:neon168 1.6s steps(2) infinite}
@keyframes neon168{50%{opacity:.75}}
@media (prefers-reduced-motion:reduce){#k22L.l3.v7 .c7.neon::after{animation:none}}
/* rodapé */
#k22L.l3.v7 .f7b{box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.35),0 0 0 2px rgba(0,0,0,.55),0 .9vh 1.2vh rgba(0,0,0,.55)!important}
#k22L.l3.v7 .f7b .ic.ok3 .i3d{max-height:none;height:100%}
#k22L.l3.v7 .kchests{background:linear-gradient(rgba(20,24,32,.72),rgba(8,10,14,.82));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 2px #7a6236,inset 0 1px 0 #ffffff2e,0 .9vh 1.2vh rgba(0,0,0,.55)}
#k22L.l3.v7 .kchests .kslot,#k22L.l3.v7 .kchests .kslot.vazio{background:linear-gradient(rgba(255,255,255,.07),rgba(0,0,0,.25));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
#k22L.l3.v7 .kchests .kslot img{filter:drop-shadow(0 3px 3px rgba(0,0,0,.7)) saturate(.85) contrast(1.1)}
#k22L.l3.v7 .kchests .kslot.vazio::before{background-image:url(/img/v168/bau-metal.webp);opacity:.9;filter:drop-shadow(0 3px 3px rgba(0,0,0,.7))}
#k22L.l3.v7 .f7b.ev{background:linear-gradient(#ff5a46,#d01a10 55%,#7e0a04)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.35),0 0 0 2px #ffcf3a,0 .9vh 1.2vh rgba(0,0,0,.55)!important}