/* wormzilla/lab.css — PayatGamer · V2.46 — laboratório de skins do WormZilla (cores e fontes do site) */
.wz-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,560px);gap:clamp(16px,3vw,32px);align-items:center;padding:clamp(18px,3vw,30px);margin-bottom:18px;
  background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--cyan) 16%,transparent),transparent 55%),radial-gradient(90% 120% at 0% 100%,color-mix(in srgb,var(--hot) 14%,transparent),transparent 60%),var(--card);border:1px solid var(--border)}
@media(max-width:860px){.wz-hero{grid-template-columns:1fr}}
.wz-hero .pg-h1 span{color:var(--y-t,var(--y))}
.wz-hero-pv{width:100%;height:auto;display:block}
.wz-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;border-bottom:3px solid var(--y)}
.wz-tab{padding:12px 18px;border:0;background:var(--card);color:var(--text2);font:800 14px var(--font-heavy,inherit);cursor:pointer;box-shadow:inset 0 0 0 1px var(--border)}
.wz-tab:hover{color:var(--text)}
.wz-tab.act{background:var(--y);color:var(--on-accent,#14110F);box-shadow:none}
.wz-pane{display:grid;gap:18px}
.wz-pane[hidden]{display:none}
.wz-box{background:var(--card);border:1px solid var(--border);padding:clamp(14px,2.4vw,22px);display:grid;gap:12px;min-width:0}
.wz-h{display:flex;align-items:center;gap:10px;margin:0;font:900 19px/1.2 var(--font-heavy,inherit);color:var(--text)}
.wz-h span{display:grid;place-items:center;width:30px;height:30px;background:var(--y);color:var(--on-accent,#14110F);font-size:15px}
.wz-hint{margin:0;color:var(--text2);font-size:13.5px;line-height:1.55}.wz-hint b{color:var(--text)}
.wz-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.wz-sp{flex:1}
.wz-grp{display:inline-flex;gap:3px;padding:3px;background:var(--bg);border:1px solid var(--border)}
.wz-gb{min-width:38px;min-height:36px;padding:6px 11px;border:0;background:transparent;color:var(--text);font:700 13px var(--font-display,inherit);cursor:pointer}
.wz-gb:hover{background:var(--card2)}
.wz-gb.on{background:var(--y);color:var(--on-accent,#14110F)}
.wz-gb:focus-visible,.wz-tab:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.wz-lbl{display:inline-flex;align-items:center;gap:8px;font:700 12.5px var(--font-mono,monospace);color:var(--text2)}
.wz-lbl.wz-col{display:grid;grid-template-columns:70px 1fr 50px;align-items:center}
.wz-lbl input[type=range]{accent-color:var(--y)}
.wz-num{width:72px;min-height:38px;padding:6px 8px}
.wz-in{min-height:38px;padding:6px 10px}
.wz-depth input[type=checkbox]{width:18px;height:18px;accent-color:var(--y)}
.wz-ed{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px}
@media(max-width:820px){.wz-ed{grid-template-columns:1fr}}
.wz-stage{line-height:0;border:1px solid var(--border);overflow:hidden;background:repeating-conic-gradient(#3a3651 0 25%,#262238 0 50%) 0 0/24px 24px}
#ed,#wed{width:100%;height:auto;cursor:grab;touch-action:none}
#ed:active,#wed:active{cursor:grabbing}
.wz-cols{display:flex;flex-direction:column;gap:6px;max-height:430px;overflow:auto;padding-right:4px}
.wz-cols small{font:700 11px var(--font-mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-top:4px}
.wz-crow{display:flex;gap:6px}.wz-crow select{flex:1;min-width:0}
.wz-sel{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:6px 8px;font:600 13px inherit;min-height:34px}
.wz-hex{position:relative;background:#0f0d1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='96'%3E%3Cpath d='M28 16l28 16v32L28 80 0 64V32zM28 0v16M28 80v16' fill='none' stroke='%23353060' stroke-width='2'/%3E%3C/svg%3E");border:1px solid var(--border)}
.wz-hex canvas{display:block;max-width:100%}
.wz-res{padding:14px;min-height:190px;display:flex;align-items:center;justify-content:center;overflow:auto}
#pv,#wpv{width:100%;height:auto}
.wz-cards{display:grid;gap:12px}
.wz-card{border:1px solid var(--border);padding:12px;background:var(--bg)}
.wz-card.sel{border-color:var(--y);box-shadow:inset 0 0 0 1px var(--y)}
.wz-card .top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.wz-card .top b{color:var(--text);font:800 15px var(--font-heavy,inherit)}
.wz-rings{display:flex;flex-wrap:wrap;gap:10px;padding:12px}
.wz-ring{display:flex;flex-direction:column;align-items:center;gap:4px;width:98px}
.wz-ring canvas{width:98px;height:auto}
.wz-ring small{color:var(--text3);font-size:11px}
.wz-ring select{width:98px;min-height:30px;padding:3px 5px;font-size:12px}
.wz-empty{padding:24px;text-align:center;color:var(--text3);border:2px dashed var(--border)}
.wz-wed{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
@media(max-width:860px){.wz-wed{grid-template-columns:1fr}}
.wz-wstage{max-width:760px}
.wz-wside{display:grid;gap:10px}
.wz-wlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.wz-wi{border:1px solid var(--border);background:var(--bg);padding:10px;display:grid;gap:8px}
.wz-wi.sel{border-color:var(--y)}
.wz-wi canvas{width:100%;height:auto;background:repeating-conic-gradient(#3a3651 0 25%,#262238 0 50%) 0 0/16px 16px}
.wz-wi b{font:800 13px var(--font-heavy,inherit);color:var(--text)}
.wz-wi small{color:var(--text3);font:11px var(--font-mono,monospace)}
.wz-wi .wz-bar{gap:4px}
.wz-nota{margin:18px 0 0;font-size:12.5px;color:var(--text3)}
.wz-toast{position:fixed;left:50%;bottom:22px;z-index:3000;transform:translate(-50%,120px);padding:10px 18px;background:var(--card);color:var(--text);border:2px solid var(--y);font-weight:700;transition:transform .25s}
.wz-toast.on{transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.wz-toast{transition:none}}
.wz-dk{accent-color:var(--y);width:110px}
#dCorBox .wz-sel{min-height:34px}
/* ── Canva (V2.48) ── */
.wz-cv{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
@media(max-width:980px){.wz-cv{grid-template-columns:1fr}}
#cvPalco{width:100%;height:auto;display:block;cursor:move;touch-action:none}
#cvPalco.borracha{cursor:crosshair}
.wz-cvside{display:grid;gap:12px;min-width:0}
.wz-cvbox{background:var(--bg);border:1px solid var(--border);padding:12px;display:grid;gap:8px;min-width:0}
.wz-cvt{font:800 12px var(--font-mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}
.wz-cvprop{display:grid;gap:8px}
.wz-cvprop .wz-lbl.wz-col{grid-template-columns:80px 1fr 46px}
.wz-cvtxt{display:grid;gap:4px}.wz-cvtxt textarea{width:100%;min-height:54px;resize:vertical}
.wz-cvbg{display:grid;gap:8px;padding-top:8px;border-top:1px dashed var(--border)}
.wz-cvbg>b{color:var(--text);font-size:13.5px}
.wz-cvlista{display:grid;gap:5px;max-height:300px;overflow:auto}
.wz-cvl{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--card);padding:3px}
.wz-cvl.sel{border-color:var(--y)}.wz-cvl.off{opacity:.5}
.wz-cvn{flex:1;min-width:0;text-align:left;background:none;border:0;color:var(--text);font:600 13px inherit;cursor:pointer;padding:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wz-cvl .wz-grp{flex:none;gap:1px;padding:2px}
.wz-cvl .wz-gb{min-width:28px;min-height:30px;padding:3px 5px;font-size:12px}
.wz-cvprop .wz-grp{flex-wrap:wrap}
.wz-cvprop input[type=color],.wz-box input[type=color]{width:40px;height:32px;padding:0;border:1px solid var(--border);background:none;cursor:pointer}
.wz-sw{gap:5px}
.wz-swb{width:26px;height:26px;border:2px solid var(--border);background:var(--c);box-shadow:0 0 8px var(--c);cursor:pointer;padding:0}
.wz-swb.on{border-color:var(--text);outline:2px solid var(--y);outline-offset:1px}
/* ── V2.50 ── */
.wz-stage31{aspect-ratio:3/1;width:100%}
.wz-stage31 canvas{width:100%;height:100%;display:block}
.wz-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:none;overflow:visible;padding:0}
.wz-cols .wz-cols-t{grid-column:1/-1;margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;color:var(--text)}
.wz-ccel{display:grid;gap:3px}.wz-ccel>small{font:700 11px var(--font-mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}
.wz-ctls{align-items:flex-start;row-gap:12px}
.wz-ctl{display:flex;flex-direction:column;gap:4px;min-width:0}
.wz-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.wz-leg{display:block;font:500 11.5px/1.35 var(--font-display,inherit);color:var(--text3);max-width:260px}
.wz-wside .wz-leg,.wz-cols-t .wz-leg{max-width:none}
.wz-tog.on{background:var(--cyan);border-color:var(--cyan);color:#06121a}
.wz-tipos .wz-gb{position:relative}
.wz-tipos .wz-gb.tem::after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--green,#39d98a);box-shadow:0 0 0 2px var(--bg)}
/* prévia flutuante */
.wz-float{position:fixed;right:18px;bottom:18px;z-index:2500;width:min(520px,calc(100vw - 24px));min-width:260px;background:var(--card);border:2px solid var(--y);box-shadow:0 24px 60px -18px rgba(0,0,0,.75);resize:horizontal;overflow:hidden}
.wz-float[hidden]{display:none}
.wz-float-h{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--y);color:var(--on-accent,#14110F);cursor:move;user-select:none;touch-action:none}
.wz-float-h b{flex:1;font:800 13px var(--font-heavy,inherit)}
.wz-float-h .wz-sel{min-height:28px;padding:2px 6px;font-size:12px;background:#fff;color:#14110F;border-color:rgba(0,0,0,.25)}
.wz-float-x{border:0;background:rgba(0,0,0,.15);color:inherit;width:28px;height:28px;font-weight:900;cursor:pointer}
.wz-float canvas{display:block;width:100%;height:auto;background:#0f0d1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='96'%3E%3Cpath d='M28 16l28 16v32L28 80 0 64V32zM28 0v16M28 80v16' fill='none' stroke='%23353060' stroke-width='2'/%3E%3C/svg%3E")}
@media(max-width:640px){.wz-float{left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;width:auto}}
/* ajuda */
.wz-ajuda article{border-top:1px solid var(--border);padding-top:12px}
.wz-ajuda h3{margin:0 0 8px;font:800 17px var(--font-heavy,inherit);color:var(--text)}
.wz-ajuda ol,.wz-ajuda ul{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--text2);line-height:1.6}
.wz-ajuda p{margin:8px 0 0;color:var(--text2);line-height:1.6}.wz-ajuda b{color:var(--text)}
.wz-ajuda a{color:var(--y-t,var(--y))}
.wz-aj-toc{display:flex;flex-wrap:wrap;gap:6px}
.wz-aj-toc a{padding:6px 10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-weight:700;font-size:13px}
.wz-aj-toc a:hover{border-color:var(--y)}
.wz-ajuda details{border:1px solid var(--border);background:var(--bg);padding:10px 12px;margin-top:6px}
.wz-ajuda summary{cursor:pointer;font-weight:700;color:var(--text)}
/* ── V2.51: seletor de idioma com bandeiras ── */
.pg-crumb{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.wz-lang{margin-left:auto;position:relative;z-index:60;font:600 13px var(--font-display,inherit);text-transform:none;letter-spacing:0}
[dir=rtl] .wz-lang{margin-left:0;margin-right:auto}
.wz-lang summary{list-style:none;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;user-select:none}
.wz-lang summary::-webkit-details-marker{display:none}
.wz-lang summary:hover,.wz-lang[open] summary{border-color:var(--y)}
.wz-lang summary i{font-style:normal;color:var(--text3)}
.wz-flag{display:block;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.wz-lang ul{position:absolute;right:0;top:calc(100% + 6px);min-width:230px;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--border);box-shadow:0 18px 40px -16px rgba(0,0,0,.7);display:grid;gap:2px}
[dir=rtl] .wz-lang ul{right:auto;left:0}
.wz-lang li a,.wz-lang-off{display:flex;align-items:center;gap:10px;padding:8px 10px;color:var(--text);text-decoration:none}
.wz-lang li a:hover{background:var(--card2)}
.wz-lang li a.on{background:color-mix(in srgb,var(--y) 14%,transparent)}
.wz-lang li span{flex:1}
.wz-lang small{font:600 10.5px var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;color:var(--text3)}
.wz-lang li a.on small{color:var(--y-t,var(--y))}
.wz-lang-off{opacity:.45;cursor:not-allowed}