:root{--bg:#1b1228;--panel:#201430eb;--ink:#fff8ec;--muted:#c9b8dd;--green:#9dff6a;--yellow:#ffd23f;--red:#ff4d6d;--teal:#2fb5a8;--radius:18px;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select{font:inherit}.hidden{display:none!important}#loading{z-index:50;text-align:center;background:radial-gradient(circle at 50% 40%,#3a2357,#120b1c);place-content:center;gap:14px;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .lg{font-size:72px;animation:1s ease-in-out infinite bob}#loading .lt{font-family:"Baloo 2";font-size:22px}#loading .lb{background:#0006;border-radius:10px;width:220px;height:10px;overflow:hidden}#loading .lb i{background:linear-gradient(90deg, var(--green), var(--yellow));width:0;height:100%;transition:width .3s;display:block}@keyframes bob{50%{transform:translateY(-10px)rotate(-6deg)}}.ui{z-index:10;pointer-events:none;position:fixed;inset:0}.ui>*{pointer-events:auto}.ui.center{place-items:center;padding:16px;display:grid;overflow-y:auto}.ui.menuui{display:flex}.ui.ingame{pointer-events:none}.logo{text-align:center;letter-spacing:.02em;filter:drop-shadow(0 6px #0008);margin:8px 0 18px;font-family:"Baloo 2";font-weight:800;line-height:.85}.logo span{display:block}.logo span:first-child{color:var(--green);-webkit-text-stroke:2px #1d3a10;font-size:clamp(44px,11vw,84px);transform:rotate(-3deg)}.logo span:last-child{color:var(--yellow);-webkit-text-stroke:2px #4a3500;font-size:clamp(40px,10vw,76px);transform:rotate(2deg)}.panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #fff2;border-radius:24px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:20px;overflow-y:auto;box-shadow:0 20px 60px #000a}.panel.narrow{width:min(420px,100%)}.panel h2{margin:0 0 12px;font-family:"Baloo 2";font-size:26px}.hint{color:var(--muted);text-align:center;font-size:14px}.lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:10px 0 6px;font-size:13px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.or{text-align:center;color:var(--muted);margin:12px 0}.btn{background:#ffffff1c;border:2px solid #ffffff30;border-radius:14px;flex:1;min-height:46px;padding:11px 16px;font-weight:800;transition:transform .1s,background .2s}.btn:hover{background:#ffffff2c}.btn:active{transform:scale(.96)}.btn.go{color:#10240a;background:linear-gradient(#b6ff8c,#5fcf3a);border-color:#2c6b16;box-shadow:0 4px #2c6b16}.btn.big{padding:14px;font-family:"Baloo 2";font-size:20px}.btn.ghost{color:var(--muted);background:0 0;border-color:#fff2}.btn.small{flex:0;min-height:34px;padding:6px 12px;font-size:13px}.btn.danger{border-color:var(--red);background:#ff4d6d33}.btn.hero{color:#3a2a00;background:linear-gradient(#ffe680,#f2b705);border-color:#8a6a00}.btn.fogo{background:linear-gradient(#ff8a6a,#e0533d);border-color:#7a1f10}.btn.bar{background:linear-gradient(#d9a066,#a0703c);border-color:#5a3a14}.btn.off{opacity:.55}.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 0 6px #9dff6a33,0 4px #2c6b16}}.ib{background:#0006;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.tabs{gap:6px;margin-bottom:12px;display:flex}.tabs button{background:#ffffff12;border-radius:12px;flex:1;padding:10px;font-weight:800}.tabs button.on{background:var(--yellow);color:#2a1b00}.form{flex-direction:column;gap:10px;display:flex}.form input:not([type=radio]),select{color:var(--ink);background:#0007;border:2px solid #ffffff2a;border-radius:12px;outline:none;padding:12px}.form input:focus{border-color:var(--green)}.form.row{flex-direction:row}.form.row input{flex:1}.avatars{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.avatars label,.avatars button{text-align:center;cursor:pointer;background:#ffffff10;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:12px;display:flex}.avatars input{display:none}.avatars img{aspect-ratio:1;object-fit:cover;background:#fff3;border-radius:10px;width:100%}.avatars button.on{border-color:var(--green);background:#9dff6a22}.avatars label:has(input:checked){border-color:var(--green);background:#9dff6a22}.menu{flex-direction:column;align-items:stretch;width:min(460px,100%);max-height:100%;margin:auto;padding:16px;display:flex;overflow-y:auto}.menubtns{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b122899;border-radius:24px;padding:16px}.userchip{background:#0008;border-radius:16px;align-self:flex-start;align-items:center;gap:10px;padding:6px 8px;display:flex}.userchip img{object-fit:cover;border-radius:10px;width:40px;height:40px}.userchip span{flex-direction:column;display:flex}.userchip small{color:var(--muted)}.ad{border-radius:14px;min-height:60px;margin-top:12px;overflow:hidden}.ad.placeholder{color:#fff5;text-transform:uppercase;letter-spacing:.1em;background:#0004;border:2px dashed #fff2;place-items:center;font-size:12px;display:grid}.overlay{z-index:40;background:#0009;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.overlay .panel{animation:.25s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.rank{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.rank li{background:#ffffff10;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.rank li.me{outline:2px solid var(--green);background:#9dff6a26}.rank img{object-fit:cover;border-radius:8px;width:32px;height:32px}.rank span{flex:1}.rank em{color:var(--yellow);font-style:normal;font-weight:800}.friends{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.friends li{background:#ffffff10;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.friends img{border-radius:8px;width:32px;height:32px}.rules{font-size:15px;line-height:1.45}.rules h2,.rules h3{color:var(--yellow);margin:14px 0 4px;font-family:"Baloo 2"}.opts{flex-wrap:wrap;gap:8px 16px;margin:12px 0;display:flex}.opts label{background:#ffffff10;border-radius:12px;align-items:center;gap:6px;padding:8px 10px;display:flex}.opts select{padding:6px}.lobbyhead{justify-content:space-between;align-items:center;gap:12px;display:flex}.lobbyhead .btn{flex:none}.code{letter-spacing:.2em;color:var(--yellow);font-family:"Baloo 2";font-size:40px}.members{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0;display:grid}.member{background:#ffffff10;border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex}.member img{object-fit:cover;border-radius:10px;width:42px;height:42px}.member div{flex-direction:column;flex:1;min-width:0;display:flex}.member small{color:var(--muted);font-size:12px}.member.spec{opacity:.6}.heroes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.heroes button{text-align:left;background:#ffffff10;border:2px solid #0000;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:54px 1fr;gap:0 8px;padding:6px;display:grid}.heroes img{object-fit:cover;border-radius:10px;grid-row:span 2;width:54px;height:54px}.heroes small{color:var(--muted);font-size:11px;line-height:1.2}.heroes .on{border-color:var(--yellow);background:#ffd23f22}.heroes .taken{opacity:.35}.queue h2{text-align:center}.dots{justify-content:center;gap:12px;margin:12px 0;font-size:40px;display:flex}.dots span{opacity:.3;transition:all .3s}.dots span.on{opacity:1;animation:1s infinite bob}.qtimer{text-align:center;color:var(--yellow);margin-bottom:10px;font-family:"Baloo 2";font-size:32px}.game{pointer-events:none;position:fixed;inset:0}.game>*{pointer-events:auto}.game .vignette,.game .flash,.game .tags,.game .floats,.game .banner,.game .log{pointer-events:none}.vignette{opacity:0;background:radial-gradient(#0000 50%,#a00014a6);transition:opacity .6s;animation:1s infinite hb;position:absolute;inset:0}@keyframes hb{0%,to{filter:brightness()}15%{filter:brightness(1.6)}30%{filter:brightness()}45%{filter:brightness(1.3)}}.flash{opacity:0;position:absolute;inset:0}.flash.go{animation:.7s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.topbar{padding:max(8px, env(safe-area-inset-top)) 10px 8px;background:linear-gradient(#000a,#0000);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.pileinfo{background:#0007;border-radius:12px;flex-wrap:wrap;gap:10px;padding:8px 12px;font-size:15px;font-weight:800;display:flex}.pileinfo .risk{color:#ff9fb0}.turninfo{text-align:center;text-shadow:0 2px 4px #000;flex:1;font-size:15px}.timer{top:calc(max(8px, env(safe-area-inset-top)) + 52px);pointer-events:none;background:#0005;border-radius:5px;height:5px;position:absolute;left:10px;right:10px;overflow:hidden}.timer div{background:var(--green);width:0;height:100%;transition:width .2s linear}.timer div.low{background:var(--red)}.ptag{text-align:center;white-space:nowrap;will-change:transform;pointer-events:auto;cursor:pointer;background:#120b1ccc;border:2px solid #fff2;border-radius:12px;padding:3px 9px;font-size:13px;position:absolute;top:0;left:0}.ptag .nm{font-weight:800}.ptag .st{color:var(--muted);font-size:12px}.ptag.cur{border-color:var(--yellow);box-shadow:0 0 12px #ffd23f88}.ptag.dead{border-color:var(--green);background:#1d3a10cc}.ptag.targetable{border-color:var(--red);background:#4a0d18e0;animation:1s infinite pulse}.tags{position:absolute;inset:0}.tags .ptag{pointer-events:auto}.banner{color:#fff;text-shadow:0 5px #000,0 0 30px #000;opacity:0;white-space:nowrap;text-align:center;font-family:"Baloo 2";font-size:clamp(30px,8vw,64px);font-weight:800;transition:opacity .2s,transform .35s cubic-bezier(.2,1.6,.4,1);position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)scale(.5)}.banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}.banner.zumbi{color:var(--green);font-size:clamp(54px,14vw,120px)}.banner.vacina{color:#7dffd8}.banner.infectado{color:var(--green)}.banner.fogo,.banner.cancel{color:#ff8a6a}.banner.win,.banner.heli,.banner.turn,.banner.hero{color:var(--yellow)}.log{left:10px;bottom:calc(234px + var(--safe-b));color:#fffc;text-shadow:0 1px 3px #000;flex-direction:column;gap:2px;max-width:60vw;font-size:12px;display:flex;position:absolute}.log div{animation:.3s fade}.revealed{pointer-events:none;background:#1d3a10dd;border-radius:12px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;top:110px;left:50%;transform:translate(-50%)}.revealed:empty{display:none}.revealed .lbl{color:var(--green);margin:0 6px}.revealed img{border-radius:4px;width:40px}.bottom{padding-bottom:var(--safe-b);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom>*{pointer-events:auto}.actions{gap:8px;width:min(640px,100%);padding:0 10px 6px;display:flex}.actions:empty{display:none}.actions .btn{min-height:44px;font-size:15px}.actions .btn.draw{color:#10240a;background:linear-gradient(#b6ff8c,#5fcf3a);border-color:#2c6b16;flex:none}.hand{scrollbar-width:none;--ov:-18px;justify-content:safe center;align-items:flex-end;width:100%;height:200px;padding:0 12px 22px;display:flex;overflow:auto visible}.hand::-webkit-scrollbar{display:none}.hand .card{width:var(--cw,128px);margin:0 var(--ov);transform:rotate(var(--r)) translateY(var(--d));transform-origin:50% 120%;filter:drop-shadow(0 6px 8px #000a);animation:.35s backwards dealIn;animation-delay:calc(var(--i) * 30ms);-webkit-touch-callout:none;flex:none;transition:transform .18s,filter .2s;position:relative}@keyframes dealIn{0%{opacity:0;transform:translateY(120px)rotate(0)}}.hand .card img{pointer-events:none;border-radius:11px;width:100%;display:block}.hand .card .zoom{background:#120b1cd9;border:2px solid #fff5;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-style:normal;transition:transform .15s;display:grid;position:absolute;top:5px;left:5px;box-shadow:0 2px 6px #0008}.hand .card .zoom:before{content:"";position:absolute;inset:-8px}.hand .card .zoom:hover{transform:scale(1.15)}.hand .card:hover{z-index:2;transform:rotate(0)translateY(-14px)scale(1.06)}.hand .card.sel{z-index:3;filter:drop-shadow(0 0 10px var(--yellow)) drop-shadow(0 8px 10px #000);transform:rotate(0)translateY(-30px)scale(1.06)}.hand .card.combo img{outline-offset:-3px;outline:3px solid #9dff6a88}.hand.giving .card{animation:.5s infinite wiggle}@keyframes wiggle{50%{transform:rotate(calc(var(--r) + 3deg))}}.prompt{left:50%;bottom:calc(249px + var(--safe-b));width:min(560px,100% - 20px);position:absolute;transform:translate(-50%)}.pbox{background:var(--panel);text-align:center;border:2px solid #fff3;border-radius:18px;padding:12px;animation:.25s pop;box-shadow:0 10px 30px #000a}.pbox.react{border-color:#ff8a6a}.pbox.mini{background:#120b1ccc;padding:8px}.ptitle{margin-bottom:8px;font-weight:800}.sub{color:var(--muted);margin:4px 0;font-size:13px}.tagc{background:var(--red);border-radius:6px;padding:1px 6px;font-size:12px}.targets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.targets .btn{flex:0 auto}.slider{width:100%;accent-color:var(--green)}.pbox .cards{justify-content:center;gap:8px;margin:8px 0;display:flex}.mc{border-radius:10px;width:90px;transition:transform .15s}.mc img{border-radius:9px;width:100%}.mc.sel{outline:3px solid var(--yellow);transform:translateY(-10px)}.reactbar{flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.rb{background:#120b1ccc;border:2px solid #fff3;border-radius:50%;width:46px;height:46px;font-size:20px;font-weight:800;position:relative}.rb .badge{background:var(--red);border-radius:10px;padding:0 5px;font-size:11px;font-style:normal;position:absolute;top:-4px;right:-4px}.rb .badge:empty{display:none}.picker{background:var(--panel);border-radius:16px;grid-template-columns:repeat(4,44px);gap:6px;max-width:calc(100vw - 80px);padding:8px;display:grid;position:absolute;top:50%;right:62px;transform:translateY(-50%)}.picker button{background:#ffffff10;border-radius:10px;height:44px;font-size:26px}.picker button.wide{grid-column:span 2;font-size:14px;font-weight:800}.picker[data-kind=gif]{grid-template-columns:1fr;width:300px}.gifq input{width:100%;color:var(--ink);background:#0007;border:0;border-radius:10px;padding:8px}.gifs{grid-template-columns:repeat(3,1fr);gap:4px;max-height:50vh;margin-top:6px;display:grid;overflow-y:auto}.gifs button{height:auto;padding:0}.gifs img{object-fit:cover;border-radius:6px;width:100%;height:70px}.powered{color:var(--muted);text-align:center;grid-column:1/-1}.chat{right:62px;bottom:calc(244px + var(--safe-b));background:var(--panel);border-radius:16px;flex-direction:column;gap:6px;width:min(320px,100vw - 80px);padding:8px;display:flex;position:absolute}.chat .msgs{-webkit-user-select:text;user-select:text;flex-direction:column;gap:3px;max-height:180px;font-size:14px;display:flex;overflow-y:auto}.chat .presets{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.chat .presets button{background:#ffffff14;border-radius:10px;flex:none;padding:4px 8px;font-size:12px}.chat form{gap:4px;display:flex}.chat input{color:var(--ink);background:#0007;border:0;border-radius:10px;flex:1;padding:8px}.chat form button{background:var(--green);color:#10240a;border-radius:10px;padding:0 12px;font-weight:800}.floats{position:absolute;inset:0;overflow:hidden}.float{will-change:transform;position:absolute;top:0;left:0}.float .emo{filter:drop-shadow(0 4px 4px #000a);font-size:46px}.float .aud,.float .bub{color:#1b1228;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:14px;max-width:220px;padding:6px 10px;font-size:14px;font-weight:800;display:block;overflow:hidden;box-shadow:0 4px 10px #0008}.float .gif{border-radius:12px;width:140px;box-shadow:0 6px 18px #000c}.modal{z-index:5;background:#0009;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.mbox{background:var(--panel);text-align:center;border-radius:20px;width:min(560px,100%);max-height:90vh;padding:16px;animation:.25s pop;overflow-y:auto}.mbox h3{margin:0 0 10px;font-family:"Baloo 2"}.named{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-bottom:12px;display:grid}.named button img,.named div img{border-radius:8px;width:100%}.named.view{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.mbox.wide{text-align:left;width:min(720px,100%)}.cdetail{align-items:flex-start;gap:18px;display:flex}.cdetail .cbig{border-radius:16px;flex:none;width:min(300px,42vw);animation:.3s cubic-bezier(.2,1.4,.4,1) zoomIn;box-shadow:0 12px 30px #000c}@keyframes zoomIn{0%{opacity:0;transform:scale(.6)rotate(-6deg)}}.cinfo{flex:1;min-width:0}.cinfo h3{margin:6px 0 4px;font-size:28px}.ckind{background:var(--c);color:#fff;text-shadow:0 1px 2px #0008;border-radius:10px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.ctext{margin:4px 0 10px;font-size:17px;font-weight:700;line-height:1.35}.chow{background:#ffffff10;border-radius:12px;padding:10px 12px}.chow b{color:var(--yellow)}.chow p{color:#fffe;margin:4px 0 0;line-height:1.4}.ccount{color:var(--muted);margin:8px 0 12px;font-size:13px}.cinfo .col{margin-top:12px}.gloss h3{text-align:center}.gtabs{gap:6px;margin-bottom:10px;display:flex}.gtab{background:#ffffff12;border-radius:12px;flex:1;padding:8px;font-weight:800}.gtab.on{background:var(--yellow);color:#1b1228}.glist{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.gsec{color:var(--muted);margin:8px 2px 0;font-family:"Baloo 2";font-weight:800}.gitem{text-align:left;background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}button.gitem:hover{background:#ffffff1c}.gitem img{border-radius:6px;flex:none;width:48px}.gitem span{flex-direction:column;flex:1;min-width:0;display:flex}.gitem small{color:#fffc;font-size:13px;line-height:1.3}.gitem small.role{color:var(--muted)}.gitem i{color:var(--muted);font-size:22px;font-style:normal}.gitem .gicon{text-align:center;flex:none;width:40px;font-size:24px}.gloss>.btn{width:100%}@media (width<=560px){.cdetail{flex-direction:column;align-items:center}.cdetail .cbig{width:min(240px,66vw)}.cinfo h3{text-align:center;font-size:24px}.cinfo{width:100%}}.toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.toast{text-align:center;background:#120b1cee;border:2px solid #fff3;border-radius:14px;max-width:90vw;padding:8px 14px;font-weight:800;transition:opacity .4s;animation:.25s pop}.toast.error{border-color:var(--red)}.toast.out{opacity:0}.coach{z-index:30;pointer-events:auto;width:min(520px,100% - 20px);position:fixed;top:70px;left:50%;transform:translate(-50%)}.cbox{color:#1b1228;border:3px solid var(--teal);background:#fff8ec;border-radius:18px;padding:12px 14px;animation:.3s pop;box-shadow:0 10px 30px #000a}.cbox .who{color:var(--teal);font-family:"Baloo 2";font-weight:800}.cbox p{margin:4px 0 10px;line-height:1.4}.cbox .btn.ghost{color:#6b5a80;border-color:#0002}.hl{outline:4px solid var(--yellow);outline-offset:2px;border-radius:16px;animation:1.2s infinite pulse}@media (width<=640px){.hand{height:170px;padding:0 8px 16px}.hand .card .zoom{width:26px;height:26px;font-size:12px;top:3px;left:3px}.topbar .ib{width:38px;height:38px;font-size:18px}.topbar{gap:6px}.prompt{bottom:calc(212px + var(--safe-b))}.log{bottom:calc(202px + var(--safe-b))}.pileinfo{gap:6px;padding:6px 8px;font-size:13px}.turninfo{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:72px;font-size:13px;line-height:1.15;display:-webkit-box;overflow:hidden}.rb{width:40px;height:40px;font-size:17px}.reactbar{top:40%}.chat{bottom:calc(207px + var(--safe-b))}}