/* Visual herdado da versão original (artifact). Acréscimos no fim do arquivo. */
:root{--bg:#0B0D10;--s:#171A1F;--s2:#20242A;--b:#262A31;--t:#F5F5F4;--m:#9298A2;--d:#6C727D;--a:#B7F34B;--a2:#B7F34B;--r:12px;--f:Inter,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}
html{scroll-padding-top:calc(60px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%}*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--t);font:15px/1.55 var(--f);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(24px,4vw,34px);line-height:1.15}h3{font-size:16px}
.disp{font-size:clamp(34px,7vw,56px);line-height:1.02;font-weight:800;letter-spacing:-.04em}
h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--d);font-weight:600;margin:38px 0 14px;display:flex;justify-content:space-between;align-items:baseline}h2 a{color:var(--m);text-transform:none;letter-spacing:0;font-size:13px;font-weight:500}
.m{color:var(--m)}.cap{font-size:12px;color:var(--d)}.grow{flex:1;min-width:0}label{display:block;font-size:12px;color:var(--m);margin-bottom:5px}
#nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:#0B0D10ee;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--b)}
.top{max-width:1120px;margin:0 auto;height:56px;padding:0 16px;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.03em;font-size:18px}.brand svg{width:26px;height:26px}
.lk{display:flex;gap:2px}.lk a{padding:7px 12px;border-radius:8px;color:var(--m);font-size:14px;font-weight:500;transition:.15s}.lk a:hover{color:var(--t);background:var(--s2)}.lk a.on{color:var(--t);background:var(--s2)}
.gs{flex:1;max-width:260px;margin-left:auto}.gs input{height:36px;padding:0 12px;font-size:14px}.me{display:flex;align-items:center;gap:10px}
main{max-width:1120px;margin:0 auto;padding:24px 16px 80px;min-height:70vh}
input,select,textarea{background:var(--s);border:1px solid var(--b);border-radius:10px;padding:10px 12px;width:100%;outline:0;transition:border-color .15s;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--d)}input[type=range]{padding:0;accent-color:var(--a);border:0;background:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:10px;background:var(--s2);border:1px solid var(--b);cursor:pointer;font-weight:500;font-size:14px;transition:background .15s,border-color .15s,transform .08s;-webkit-tap-highlight-color:transparent}.btn:hover{border-color:#343A43;background:#262B32}.btn:active{transform:scale(.97)}
.btn.p{background:var(--a);border-color:var(--a);color:#0B0D10;font-weight:600}.btn.p:hover{background:#c6f66e}.btn.on{background:#B7F34B18;border-color:var(--a);color:var(--a)}.btn.sm{min-height:32px;padding:0 12px;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:20px 14px}
.row{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.row>*{flex:0 0 138px;scroll-snap-align:start}
.card{display:block;position:relative;min-width:0;transition:transform .15s}.card:active{transform:scale(.98)}
.cv{aspect-ratio:2/3;border-radius:10px;position:relative;overflow:hidden;border:1px solid #ffffff14;transition:transform .2s,box-shadow .2s;background:var(--s2)}
.cv i{position:absolute;inset:0;display:grid;place-items:center;font:800 56px var(--f);opacity:.2;font-style:normal}.cv span{display:none}.cv::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#000a);pointer-events:none}
@media(hover:hover){.card:hover .cv{transform:scale(1.03);box-shadow:0 10px 24px #0009}.card:hover .ov{opacity:1}}
.st{position:absolute;top:8px;left:8px;z-index:2;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:6px;background:#0B0D10d9}
.nt{position:absolute;top:8px;right:8px;z-index:2;font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px;background:var(--a);color:#0B0D10}
.ov{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;font-size:11px;color:#fffc;opacity:0;transition:opacity .2s}
.cm{margin-top:9px}.cm b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm small{display:block;color:var(--d);font-size:12px;line-height:1.5}.cm .rt{color:var(--a)}
.panel{background:var(--s);border:1px solid var(--b);border-radius:14px;padding:18px;min-width:0}.panel>h3{margin-bottom:12px}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--b);color:var(--m);font-size:13px;cursor:pointer;transition:.15s}.chip:hover{color:var(--t)}.chip.on{background:var(--t);color:#0B0D10;border-color:var(--t)}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:14px 0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0}.stat{background:var(--s);border:1px solid var(--b);border-radius:14px;padding:16px;min-width:0}.stat b{display:block;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.stat span{font-size:11px;color:var(--d);letter-spacing:.06em;text-transform:uppercase}.stat small{font-size:13px;color:var(--d)}
.bar{display:flex;align-items:center;gap:10px;font-size:13px;margin:9px 0}.bar span:first-child{width:96px;flex:0 0 96px;color:var(--m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar div{height:6px;border-radius:3px;background:var(--a)}.bar b{color:var(--m);font-weight:500}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.f2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin-bottom:14px}
.note{border:1px solid var(--b);border-left:3px solid var(--d);padding:10px 14px;background:var(--s);border-radius:10px;font-size:13px;color:var(--m);margin:12px 0}
.act{padding:10px 0;border-bottom:1px solid var(--b);font-size:14px}.act:last-child{border:0}.q{margin:6px 0 0;color:var(--m);overflow-wrap:anywhere}
.dr{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--b)}.dr:last-child{border:0}.mini{flex:0 0 46px;width:46px}.mini .cv i{font-size:22px}.am{margin-bottom:2px}
.avs{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;background:#262A31;color:var(--t);font-weight:700;flex:0 0 auto;vertical-align:middle}.avs img{width:100%;height:100%;object-fit:cover}.who{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
.stars{color:var(--a);letter-spacing:1px;font-size:13px}.stars i{color:#343A43;font-style:normal}
.hh{display:grid;grid-template-columns:1fr 190px;gap:32px;align-items:center;padding:12px 0}.hh .card{justify-self:end;width:100%}
.ph{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.avbtn{position:relative;border:0;background:none;padding:0;cursor:pointer;border-radius:50%;line-height:0}.cam{position:absolute;right:2px;bottom:2px;width:30px;height:30px;border-radius:50%;background:var(--a);color:#0B0D10;display:grid;place-items:center;border:3px solid var(--bg)}.bio{margin:8px 0 14px;color:var(--m);max-width:560px;overflow-wrap:anywhere}
.gh{border-radius:18px;padding:24px;display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:end;border:1px solid var(--b)}.gc{width:100%}.scs{display:flex;gap:26px;flex-wrap:wrap;margin-top:18px}.sc b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.sc span{font-size:11px;color:var(--d);text-transform:uppercase;letter-spacing:.06em}.sc.me b{color:var(--a)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:24px;align-items:start}.cols>div{display:grid;gap:16px;min-width:0}
.mine{border-color:#343A43}.rv{padding:12px 0;border-bottom:1px solid var(--b)}.rv:last-child{border:0}.rv p{margin:6px 0 0;color:var(--m);overflow-wrap:anywhere}
.ms{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:10px;font-weight:800;font-size:20px;color:#0B0D10;vertical-align:middle;margin-right:8px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.tile{background:var(--s);border:1px solid var(--b);border-radius:14px;padding:16px;cursor:pointer;transition:.15s}.tile.on{border-color:var(--a)}.tile b{display:block;font-size:20px}.tile small{color:var(--d)}
.tl{position:relative}.tl::before{content:'';position:absolute;left:29px;top:0;bottom:0;width:1px;background:var(--b)}.mh{position:relative;margin:30px 0 14px;font-weight:700;letter-spacing:.14em;font-size:12px;color:var(--m)}
.tr{display:flex;gap:16px;margin-bottom:12px;animation:up .35s both}@keyframes up{from{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.tr{animation:none}}
.dd{flex:0 0 60px;text-align:center;position:relative;z-index:1;align-self:flex-start;background:var(--bg);padding-bottom:4px}.dd b{display:block;font-size:22px;line-height:1.1}.dd span{font-size:10px;color:var(--d);letter-spacing:.1em}
.evc{flex:1;min-width:0;display:flex;gap:14px;background:var(--s);border:1px solid var(--b);border-radius:14px;padding:12px}.evc.finished,.evc.replayed{border-color:#B7F34B55}
.ecv{flex:0 0 52px;width:52px}.ecv.big{flex-basis:76px;width:76px}.evb{flex:1;min-width:0}.evk{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--d)}.finished .evk,.replayed .evk{color:var(--a)}.evn{font-size:16px;font-weight:600;letter-spacing:-.01em}.evm{font-size:13px;color:var(--m);margin-top:2px}
.evx{display:flex;flex-direction:column}.ib{background:none;border:0;cursor:pointer;color:var(--d);font-size:12px;padding:4px 6px;border-radius:6px}.ib:hover{color:var(--t)}
.mo{position:fixed;inset:0;z-index:50;background:#000b;display:grid;place-items:center;padding:16px;overflow:auto;animation:fd .15s}@keyframes fd{from{opacity:0}}.mb{width:100%;max-width:460px;max-height:92vh;overflow:auto}.pvi{width:128px;height:128px;border-radius:50%;object-fit:cover;margin:8px}
.pb{height:6px;border-radius:3px;background:var(--s2);overflow:hidden;margin:12px 0}.pb div{height:100%;background:var(--a);transition:width .2s}
#toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:var(--s2);border:1px solid var(--b);border-radius:10px;padding:10px 16px;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s;max-width:90vw;font-size:14px}#toast.show{opacity:1}
.sk{display:grid;gap:14px}.sk i{height:110px;border-radius:14px;background:linear-gradient(90deg,var(--s) 25%,var(--s2) 50%,var(--s) 75%);background-size:200% 100%;animation:sh 1.2s infinite}@keyframes sh{to{background-position:-200% 0}}
.auth{max-width:380px;margin:8vh auto 0}.auth input{margin:5px 0}.auth .brand{font-size:24px;margin-bottom:8px}.auth .brand svg{width:34px;height:34px}
.bn{display:none}
@media(max-width:820px){.cols{grid-template-columns:1fr}.gh{grid-template-columns:130px 1fr;padding:16px;gap:16px}.hh{grid-template-columns:1fr 112px;gap:16px}}
@media(max-width:700px){.lk,.gs{display:none}.top{justify-content:space-between}.me{margin-left:auto}main{padding:18px 14px 96px}.dd{flex-basis:46px}.tl::before{left:22px}.evc{padding:10px}.ecv.big{flex-basis:64px;width:64px}.ph{gap:16px}.scs{gap:18px}.sc b{font-size:24px}
.bn{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#0B0D10f7;border-top:1px solid var(--b);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}.bn a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10.5px;color:var(--d);min-height:48px;-webkit-tap-highlight-color:transparent}.bn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bn a.on{color:var(--a)}.btn,.chip,select,input{min-height:42px}.chip{min-height:34px}.btn.sm{min-height:34px}}
.pbanner{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:8px 0}

:root{--fh:Manrope,Inter,system-ui,sans-serif}
h1,h2,h3,.disp,.brand,.sc b,.stat b,.evn{font-family:var(--fh)}
:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.brand em{font-style:normal;color:var(--a)}.brand{text-transform:none;letter-spacing:-.04em}
.cv{background:radial-gradient(120% 90% at 15% 0%,hsl(var(--h),20%,24%),#171A1F 72%);color:#fff}.cv .ph{position:absolute;inset:0;margin:auto;width:26%;opacity:.22}.cv::after{background:linear-gradient(transparent 60%,#0008)}
.badge,.st{backdrop-filter:none}.rat{display:inline-flex;gap:6px;align-items:center}
.sec{display:flex;justify-content:space-between;align-items:baseline;margin:40px 0 14px}.sec h2{margin:0;font-size:20px;text-transform:none;letter-spacing:-.02em;color:var(--t);font-weight:700}.sec a{color:var(--m);font-size:13px;font-weight:500}.sec a:hover{color:var(--a)}
.hero{position:relative;overflow:hidden;border-radius:20px;min-height:340px;display:grid;grid-template-columns:1fr 200px;gap:32px;align-items:center;padding:36px;background:linear-gradient(110deg,hsl(var(--h),22%,15%),#0B0D10 75%)}
.hero .hi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0B0D10 20%,#0B0D1000 85%);z-index:1}
.hc,.hp{position:relative;z-index:2}.hc p{color:var(--m);max-width:460px;margin:14px 0 24px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--a)}.hc .disp{margin-top:10px;font-size:clamp(30px,5.4vw,52px)}
.hp .cv{box-shadow:0 18px 40px #0009}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.qk{display:flex;align-items:center;gap:14px;background:var(--s);border-radius:14px;padding:16px;transition:background .15s;min-width:0}.qk:hover{background:var(--s2)}.qk svg{width:22px;height:22px;flex:0 0 22px;stroke:var(--a);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qk b{display:block;font-size:14px}.qk small{color:var(--d);font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.empty{background:var(--s);border-radius:16px;padding:40px 20px;text-align:center;color:var(--m)}.empty svg{color:var(--d);margin-bottom:10px}.empty h3{color:var(--t);margin-bottom:6px}.empty p{margin:0 auto 18px;max-width:360px}
.sf{position:relative;margin:0}.sf svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--d);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}.sf input{height:36px;padding:0 12px 0 34px;font-size:14px;background:var(--s)}
.sbtn{display:none}.sbtn svg{width:22px;height:22px;stroke:var(--m);fill:none;stroke-width:1.8;stroke-linecap:round}
.panel,.stat,.tile,.evc,.qk,.empty{border-color:transparent}.panel,.stat,.tile,.evc{border:1px solid #ffffff0d}
@media(max-width:820px){.hero{grid-template-columns:1fr 112px;padding:22px;gap:16px;min-height:260px}}
@media(max-width:700px){.sbtn{display:grid;place-items:center;width:34px;height:34px}.quick{gap:8px}.qk{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}.hero::before{background:linear-gradient(90deg,#0B0D10 35%,#0B0D1000 100%)}}
@media(max-width:420px){.hero{grid-template-columns:1fr}.hp{display:none}}

.cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .3s}.cv img.ok{opacity:1}.cv.ld{background:linear-gradient(90deg,#171A1F 25%,#20242A 50%,#171A1F 75%) 0 0/200% 100%;animation:sh 1.2s infinite}
.chip{background:transparent;font-family:inherit}.chip .cn{color:var(--d);margin-left:5px;font-size:12px}.chip.on .cn{color:#0B0D10aa}
.banner{position:relative;height:clamp(120px,22vw,240px);border-radius:18px;overflow:hidden;background:linear-gradient(110deg,hsl(var(--h),22%,17%),#0B0D10 80%)}.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}.banner::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0B0D1099)}
.pid{display:flex;gap:18px;align-items:flex-end;margin:-52px 20px 0;position:relative;z-index:2}.pid .avs{border:4px solid var(--bg);font-size:38px!important}.pid h1{padding-bottom:6px}.avbtn:focus-visible{outline-offset:3px}
.bio{margin:14px 4px 16px;color:var(--m);max-width:620px;overflow-wrap:anywhere}.pid+.chips,.bio+.chips{margin:0 4px}
.favs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.favs .card{min-width:0}
.rvc{display:flex;gap:16px;background:var(--s);border-radius:14px;padding:14px;margin-bottom:10px}.mini2{flex:0 0 64px;width:64px;display:block}.rvh{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.ex{margin:6px 0 8px;color:var(--m);overflow-wrap:anywhere}.lnk{background:none;border:0;color:var(--a);cursor:pointer;padding:0;margin-left:8px;font-size:12px}.lnk:hover{text-decoration:underline}
.big{font-family:var(--fh);font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:4px}.panel .cap{margin:4px 0 10px}
.sum{color:var(--d);font-size:13px;margin:0 0 14px}.lbar{display:flex;gap:10px;margin:16px 0 20px;flex-wrap:wrap;align-items:center}.lsf{flex:1 1 220px}.lbar select{width:auto;flex:0 0 auto}
.seg{display:flex;background:var(--s);border-radius:10px;padding:3px}.seg button{border:0;background:none;color:var(--m);padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px}.seg button.on{background:var(--s2);color:var(--t)}
.lst{padding:6px 14px}.lrow{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #ffffff0d;min-width:0}.lrow:last-child{border:0}.lc{flex:0 0 44px;width:44px}.lrow b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lrow small{color:var(--d);font-size:12px;display:block}.lrow .st{position:static}
.fr{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #ffffff0d}.fr:last-of-type{border:0}.tile{text-align:left;font:inherit;color:inherit;border:1px solid #ffffff0d}.tile small{display:block}
@media(max-width:700px){.favs{grid-template-columns:repeat(2,1fr)}.pid{margin:-44px 8px 0;gap:14px}.pid .avs{width:88px!important;height:88px!important}.rvc{padding:12px;gap:12px}.tiles{grid-template-columns:1fr}.lbar select{flex:1}}

.cv span.pt{display:-webkit-box;position:absolute;left:10px;right:10px;bottom:10px;z-index:2;font:600 12px/1.25 var(--fh);color:#F5F5F4cc;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cv.has span.pt,.mini span.pt,.mini2 span.pt,.lc span.pt,.ecv span.pt{display:none}.cv .ph{bottom:34%;margin-top:18%}
.cv img.land{object-fit:contain;background:#0B0D10}.hp .cv span.pt{font-size:14px}
.gh{position:relative;overflow:hidden}.gh::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0B0D10ee 28%,#0B0D1040)}.gh>*{position:relative;z-index:2}.gh>.gbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity .4s}.gh>.gbg.ok{opacity:.55}
.banner img.bi{opacity:1}.bprev{aspect-ratio:3/1;border-radius:12px;overflow:hidden;background:var(--s2)}.bprev img{width:100%;height:100%;object-fit:cover;display:block}
.xs{margin:14px 0 4px}.xs input{height:44px;font-size:15px}.dg .st2{font-weight:600}

/* ===================== Acréscimos da versão com servidor ===================== */
.hidden{display:none!important}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn.dg{color:#F87171;border-color:#F8717144}.btn.dg:hover{background:#F8717118}
.btn.w{width:100%}
.btn.steam{background:#171d25;border-color:#2a475e;color:#c7d5e0}.btn.steam:hover{background:#1b2838}
.btn.epic{background:#2a2a2a;border-color:#3a3a3a;color:#fff}
.btn svg{width:18px;height:18px;flex:0 0 18px}
.or{display:flex;align-items:center;gap:10px;color:var(--d);font-size:12px;margin:14px 0}.or::before,.or::after{content:'';flex:1;height:1px;background:var(--b)}
.auth{max-width:400px;margin:6vh auto 40px}.auth .panel{padding:24px}.auth .lnkb{background:none;border:0;color:var(--m);cursor:pointer;font-size:13px;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.auth .fld{margin:10px 0}.auth input{margin:0}
.err{color:#ff6b6b;font-size:13px;min-height:18px;margin:6px 0}
.ok-msg{color:var(--a);font-size:13px;margin:6px 0}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--s2);color:var(--m);vertical-align:middle}
.pill.a{background:#B7F34B22;color:var(--a)}.pill.r{background:#F8717122;color:#F87171}.pill.y{background:#ffd16622;color:#ffd166}

/* menu do avatar */
.menu{position:relative}.menu>button{background:none;border:0;padding:0;cursor:pointer;border-radius:50%;line-height:0}
.menu .dd2{position:absolute;right:0;top:calc(100% + 8px);background:var(--s);border:1px solid var(--b);border-radius:12px;min-width:210px;padding:6px;box-shadow:0 14px 40px #000a;z-index:45}
.menu .dd2 a,.menu .dd2 button{display:flex;width:100%;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--t);background:none;border:0;cursor:pointer;text-align:left}
.menu .dd2 a:hover,.menu .dd2 button:hover{background:var(--s2)}.menu .dd2 .who2{padding:8px 12px 10px;border-bottom:1px solid var(--b);margin-bottom:4px}
.menu .dd2 .who2 b{display:block;font-size:14px}.menu .dd2 .who2 small{color:var(--d);font-size:12px}

/* página do jogo */
.scores{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.scr{display:flex;align-items:center;gap:10px;background:#0B0D10aa;border:1px solid #ffffff14;border-radius:12px;padding:8px 12px 8px 8px;min-width:0}
.scr .n{display:grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border-radius:9px;font:800 17px var(--fh);color:#0B0D10}
.scr b{display:block;font-size:13px;line-height:1.2}.scr small{display:block;font-size:11px;color:var(--m);line-height:1.3}
a.scr:hover{border-color:#ffffff30}
.shots{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.shots img{height:130px;border-radius:10px;scroll-snap-align:start;cursor:zoom-in;background:var(--s2);flex:0 0 auto}
.lb{position:fixed;inset:0;background:#000e;z-index:70;display:grid;place-items:center;padding:16px;cursor:zoom-out}.lb img{max-width:100%;max-height:92vh;border-radius:10px}
.stbtns{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin-bottom:16px}
.ppl{display:flex;gap:10px;flex-wrap:wrap}.ppl a{display:flex;align-items:center;gap:8px;background:var(--s2);border-radius:99px;padding:4px 12px 4px 4px;font-size:13px}
.achv{margin-top:6px}.achv .pb{margin:8px 0 2px}

/* feed */
.fd{background:var(--s);border:1px solid #ffffff0d;border-radius:14px;padding:14px;margin-bottom:12px;display:flex;gap:14px}
.fd .mini2{flex:0 0 58px;width:58px}.fd .fh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.fd .fh .cap{margin-left:auto}
.fd .ft{margin:6px 0 0;font-size:15px}.fd .q{white-space:pre-wrap}
.fa{display:flex;gap:4px;margin-top:8px}.fa button{background:none;border:0;color:var(--m);cursor:pointer;font-size:13px;padding:6px 10px;border-radius:8px;display:inline-flex;gap:6px;align-items:center}.fa button:hover{background:var(--s2);color:var(--t)}.fa button.on{color:#ff7a90}
.cmts{margin-top:8px;border-top:1px solid var(--b);padding-top:8px}.cmt{font-size:13px;padding:6px 0;display:flex;gap:8px}.cmt p{margin:2px 0 0;color:var(--m);white-space:pre-wrap;overflow-wrap:anywhere}
.cmtf{display:flex;gap:8px;margin-top:6px}.cmtf input{min-height:38px}
.people{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.people a{flex:0 0 76px;text-align:center;font-size:12px;color:var(--m)}.people a b{display:block;color:var(--t);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* configurações e admin */
.setg{display:grid;gap:16px;max-width:760px}
.setg .panel h3{margin-bottom:4px}.setg .panel>.cap{margin:0 0 14px}
.fl{display:grid;gap:12px}.fl .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sw{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--t)}.sw input{width:auto;min-height:0;accent-color:var(--a);transform:scale(1.25)}
.conn{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #ffffff0d}.conn:last-child{border:0}.conn .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--s2);flex:0 0 38px}.conn .ic svg{width:22px;height:22px}
.ses{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff0d;font-size:13px}.ses:last-child{border:0}
.danger{border-color:#F8717133!important}
.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--d);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border-bottom:1px solid var(--b)}.tbl td{padding:10px;border-bottom:1px solid #ffffff0d;vertical-align:middle}.tbl tr:last-child td{border:0}
.tblw{overflow-x:auto}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.ires{display:grid;gap:8px;margin-top:12px}.ires .it{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--s2);border-radius:10px;padding:10px 12px;font-size:13px}.ires .it code{font-size:11px;color:var(--m);overflow-wrap:anywhere;flex:1 1 220px}
.ucard{display:none}
@media(max-width:700px){
 .fl .row2{grid-template-columns:1fr}
 .tbl.resp thead{display:none}.tbl.resp tr{display:block;background:var(--s2);border-radius:12px;padding:10px 12px;margin-bottom:10px}.tbl.resp td{display:flex;justify-content:space-between;gap:10px;border:0;padding:4px 0}.tbl.resp td::before{content:attr(data-l);color:var(--d);font-size:12px}.tbl.resp td.acts{justify-content:flex-start}.tbl.resp td.acts::before{display:none}
 .scr{padding:6px 10px 6px 6px}.scr .n{min-width:34px;height:34px;font-size:15px}
 .shots img{height:100px}
 .fd{padding:12px;gap:12px}.fd .mini2{flex-basis:46px;width:46px}
 .menu .dd2{position:fixed;left:12px;right:12px;top:calc(60px + env(safe-area-inset-top,0px));min-width:0}
}
.install{display:flex;gap:12px;align-items:center;background:#B7F34B14;border:1px solid #B7F34B44;border-radius:12px;padding:12px 14px;margin:0 0 16px;font-size:14px}.install .grow{min-width:0}
.offline{position:fixed;top:0;left:0;right:0;z-index:80;background:#ffd166;color:#0B0D10;text-align:center;font-size:13px;font-weight:600;padding:4px calc(8px + env(safe-area-inset-right,0px)) 4px}
textarea{resize:vertical;min-height:80px}
.gpick{max-height:300px;overflow:auto;margin-top:8px}

/* celular: cabeçalho do jogo empilhado (capa + texto embaixo) */
@media(max-width:700px){
 .gh{grid-template-columns:1fr;gap:14px;align-items:start;padding:14px}
 .gh .gc{width:110px}
 .gh h1.disp{font-size:26px!important}
 .scores{gap:8px}.scr{flex:1 1 calc(50% - 8px);min-width:0}.scr b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scr small{font-size:10.5px}
 .stbtns{grid-template-columns:repeat(3,1fr)}.stbtns .btn{padding:0 6px;font-size:13px}
}
.scr>span:last-child{min-width:0;overflow:hidden}.scr small{overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.scr .n{font-size:13px;min-width:38px}.scr small{white-space:nowrap}}

/* caixinhas explicativas */
.tipbox{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#B7F34B12,#B7F34B05);border:1px solid #B7F34B40;border-radius:14px;padding:14px 14px 14px 16px;margin:16px 0;font-size:14px;line-height:1.55;animation:up .3s both}
.tipbox .tic{font-size:20px;line-height:1.2}.tipbox b{color:var(--t)}.tipbox .tbody{color:var(--m);margin-top:4px}
.tipbox ol,.tipbox ul{margin:6px 0 0;padding-left:18px}.tipbox li{margin:3px 0}
.tipbox .tclose{flex:0 0 auto;border:1px solid #B7F34B55;color:var(--a);font-weight:600;padding:6px 10px}.tipbox .tclose:hover{background:#B7F34B18;color:var(--a)}
@media(max-width:700px){.tipbox{flex-wrap:wrap;padding:12px}.tipbox .grow{flex:1 1 calc(100% - 40px)}.tipbox .tclose{margin-left:32px}}
/* tutorial */
.tour{text-align:center;padding:6px 4px}.tour .tic2{font-size:44px;line-height:1;margin:6px 0 12px;color:#c7d5e0;display:flex;justify-content:center}.tour h3{font-size:20px;margin-bottom:8px}.tour p{margin:0 auto;max-width:360px;min-height:96px}
.dots{display:flex;gap:6px;justify-content:center;margin-top:16px}.dots button{width:8px;height:8px;border-radius:99px;border:0;background:var(--b);cursor:pointer;padding:0;transition:width .2s,background .2s}.dots button.on{width:22px;background:var(--a)}
/* perguntas frequentes */
.faq{padding:4px 18px}.faq details{border-bottom:1px solid #ffffff0d;padding:12px 0}.faq details:last-child{border:0}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';color:var(--a);font-size:18px;line-height:1}.faq details[open] summary::after{content:'–'}.faq p,.faq div.m{margin:8px 0 2px;font-size:14px}.faq ul{padding-left:18px;margin:6px 0}

/* montar coleção pela Steam */
.impg{border:1px solid #ffffff12;border-radius:12px;padding:12px;margin-bottom:10px}.imph{display:flex;gap:12px;align-items:center}.imph select{width:auto;flex:0 0 auto}.imph .cn{color:var(--d);font-weight:500;margin-left:4px}
.impg details{margin-top:8px}.impg summary{cursor:pointer}.impl{max-height:220px;overflow:auto;margin-top:6px}
.impi{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid #ffffff0a;cursor:pointer;color:var(--t);font-size:14px;margin:0}.impi input{width:auto;min-height:0;accent-color:var(--a)}.impi small{display:block}
@media(max-width:700px){.imph{flex-wrap:wrap}.imph select{flex:1 1 100%}}

/* Steam ao vivo */
.dtabs{display:inline-flex;margin:12px 0 4px}.dtabs button{padding:8px 14px;font-size:14px}
.shead{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}.shead img{border-radius:12px}
.rp{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:99px;white-space:nowrap;vertical-align:middle;margin-left:4px}
.rp.r0{background:#ffffff10;color:var(--m)}.rp.r1{background:#66c0f420;color:#8fd0f7}.rp.r2{background:#b98cff22;color:#c7a6ff}.rp.r3{background:#ff9f4322;color:#ffb36b}.rp.r4{background:#ffd16630;color:#ffd166}
.ptl{padding:12px 16px}.tli{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #ffffff08;min-width:0}.tli:last-child{border:0}.tli:hover b{color:var(--a)}
.tli .grow{min-width:0}.tli small{display:block;color:var(--d);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tday{flex:0 0 40px;font:700 12px var(--fh);color:var(--m)}.aic{flex:0 0 40px;width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:var(--s2);font-size:18px;object-fit:cover}.aic.evi{background:#B7F34B14}
.pbar{display:block;height:6px;border-radius:3px;background:var(--s2);overflow:hidden;margin:6px 0 4px}.pbar span{display:block;height:100%;background:var(--a);border-radius:3px}
.ppct{flex:0 0 auto;font:800 16px var(--fh);color:var(--m)}.ppct.full{color:var(--a)}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px}.rcard{display:flex;gap:12px;align-items:center;background:var(--s);border:1px solid #ffffff0d;border-radius:12px;padding:10px;min-width:0}.rcard img{width:48px;height:48px;border-radius:8px}.rcard b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcard small{display:block;color:var(--d);font-size:12px;margin-bottom:4px}.rcard .rp{margin-left:0}.rcard .grow{min-width:0}
.vbars{display:flex;align-items:flex-end;gap:4px;height:150px;padding-top:18px}.vb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;position:relative}
.vb i{display:block;width:100%;max-width:26px;background:var(--a);border-radius:4px 4px 0 0;min-height:2px;opacity:.85}.vb:hover i{opacity:1}.vv{font-size:10px;color:var(--m);margin-bottom:3px;white-space:nowrap}.vl{font-size:10px;color:var(--d);margin-top:5px;height:12px;white-space:nowrap}
.alist{margin-top:10px}.ai{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #ffffff08}.ai:last-child{border:0}.ai img{width:40px;height:40px;border-radius:8px;flex:0 0 40px}.ai b{display:block;font-size:13.5px}.ai small{display:block;color:var(--d);font-size:12px}.ai.off{opacity:.62}.ai .grow{min-width:0}
.quick{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
@media(max-width:700px){.quick{grid-template-columns:1fr 1fr}.vbars{height:120px;gap:2px}.tday{flex-basis:36px}.shead .btn{width:100%}}
.pst{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:700px){.pst{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* rede: compositor e posts */
.comp{margin-top:16px}.comph{display:flex;gap:12px;align-items:flex-start}.comph textarea{min-height:46px;border:0;background:var(--s2);resize:none}
.compa{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.compa label.btn{cursor:pointer;margin:0;color:var(--t);font-size:13px}
.cpm{position:relative;margin-top:10px;border-radius:12px;overflow:hidden;background:#000;max-height:420px;display:flex;justify-content:center}.cpm img,.cpm video{max-width:100%;max-height:420px;display:block}.cpx{position:absolute;top:8px;right:8px;background:#000a;color:#fff}
.fd.post{display:block}.fd.post>.grow{width:100%}.ptext{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}
.pmedia{margin-top:10px;border-radius:12px;overflow:hidden;background:#000;display:flex;justify-content:center}.pmedia img,.pmedia video{display:block;max-width:100%;max-height:560px;width:auto;height:auto}.pmedia img{cursor:zoom-in}
.pgame{margin-top:10px;min-height:28px;font-size:12px}
/* sino */
.bell{position:relative;display:grid;place-items:center;width:36px;height:36px;color:var(--m)}.bell svg{width:22px;height:22px}.bell:hover{color:var(--t)}.bdg{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ff5d73;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.nt.new{background:#B7F34B0a;margin:0 -14px;padding:10px 14px}.nt span>span{display:block}
/* comparar */
.cmph{display:flex;justify-content:center;align-items:center;gap:22px;margin:18px 0 10px}.cmph a{display:flex;flex-direction:column;align-items:center;gap:8px}.vs{font:800 18px var(--fh);color:var(--a)}
.cmp{padding:14px 18px}.cmpl{display:grid;grid-template-columns:64px 1fr 130px 1fr 64px;gap:10px;align-items:center;padding:7px 0;font-size:13px}.cmpl .cl{text-align:center;color:var(--m)}.cv1{text-align:right;font-weight:700}.cv2{font-weight:700}.cv1.win,.cv2.win{color:var(--a)}
.cbar{height:8px;background:var(--s2);border-radius:4px;overflow:hidden;display:flex;justify-content:flex-end}.cbar.r{justify-content:flex-start}.cbar i{display:block;height:100%;background:var(--a);border-radius:4px}
.cmpt td{min-width:120px}.cmpt .st2{font-weight:600;font-size:12px}
/* ranking */
.rkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}.rk h3{font-size:15px;margin-bottom:8px}.rkr{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:8px;font-size:14px}.rkr:hover{background:var(--s2)}.rkr.me{background:#B7F34B12}.rkn{width:26px;text-align:center;font-weight:700;color:var(--m)}.rkr b{color:var(--t)}
.grk{margin-top:8px}.grk>small{display:block;margin-bottom:2px}
/* desafios */
.chc{margin-bottom:12px}.chh{display:flex;gap:14px}.chh .mini2{flex:0 0 56px;width:56px}.cht{display:block;font-size:16px;margin:4px 0 2px}
.chv{display:flex;align-items:center;justify-content:center;gap:16px;margin:14px 0 6px}.chs{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:110px;padding:10px;border-radius:12px;background:var(--s2);font-size:13px}.chs.win{outline:1px solid var(--a)}
.nck{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.nck .tile{padding:12px}.nck small{display:block;margin-top:4px;font-size:12px}
.ncl{max-height:260px;overflow:auto}.ncl .ai{cursor:pointer;margin:0;color:var(--t)}.ncl input{width:auto;min-height:0;accent-color:var(--a)}
@media(max-width:700px){.cmpl{grid-template-columns:44px 1fr 92px 1fr 44px;gap:6px;font-size:12px}.nck{grid-template-columns:1fr}.chs{min-width:0;flex:1}.chv{gap:8px}.cmph{gap:12px}.me{gap:4px}}

/* ideias e bugs */
.idc{margin-bottom:10px}.idh{display:flex;gap:14px;align-items:flex-start}.idt{margin:8px 0 6px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}
.vote{flex:0 0 48px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border-radius:10px;border:1px solid var(--b);background:var(--s2);color:var(--m);cursor:pointer;font:inherit}.vote b{font-size:15px;color:var(--t)}.vote.on{border-color:var(--a);color:var(--a);background:#B7F34B14}.vote.on b{color:var(--a)}
.idm{max-width:260px;max-height:180px;border-radius:10px;cursor:zoom-in;display:block;margin-bottom:6px}
.idr{margin-top:10px;padding:10px 12px;border-radius:10px;background:#B7F34B10;border-left:3px solid var(--a);font-size:14px}.idr p{margin:4px 0 0;white-space:pre-wrap;color:var(--t)}
.ida{margin-top:10px}.ida summary{cursor:pointer}

.pill.fam{background:#66c0f41c;color:#8fd0f7;font-size:10.5px;padding:2px 7px}