:root{--paper:#ece5d5;--card:#f4efe3;--ink:#23201c;--muted:#5f5a50;--muted2:#8e8778;--hot:#f0600f;--hot2:#f58040;--hot-d:#b04600;--hot-l:#f3d7bd;--bom:#2d7a3f;--ruim:#b3261e;--f-read:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--f-show:"Dela Gothic One", "Arial Black", Impact, sans-serif;--sombra:6px 6px 0 var(--ink);--gutter:#23201c;--scrim:#1412108c}@media (prefers-color-scheme:dark){:root{--paper:#1e1c1a;--card:#282522;--ink:#e7e0d2;--muted:#aba392;--muted2:#77705f;--hot:#ff6b1f;--hot2:#ff8a4c;--hot-d:#ff8a4c;--hot-l:#4a2b17;--bom:#6fcf8a;--ruim:#ff7a6e;--sombra:6px 6px 0 #0f0e0d;--gutter:#0f0e0d;--scrim:#0009}}*{box-sizing:border-box}html,body{background:#1a1714;height:100%;margin:0;overflow:hidden}body{font-family:var(--f-read);color:var(--ink)}.cena{position:fixed;inset:0}.cena canvas{display:block}.hud{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;gap:14px;display:grid;position:fixed;inset:0}.hud>*{pointer-events:auto}.quadro{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--sombra);position:relative}.poder{clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);grid-area:1/1;align-self:start;min-width:300px;padding:12px 18px 14px}.rotulo{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.poder b{font:400 52px/1 var(--f-show);text-shadow:4px 4px 0 var(--hot);font-variant-numeric:tabular-nums;margin:2px 0 4px;display:block}.poder .taxa{color:var(--hot-d);font-size:15px;font-weight:700}.poder .sobe{animation:.3s steps(4,end) sobe}@keyframes sobe{0%{transform:translateY(-3px)}to{transform:none}}.prox{gap:4px;margin-top:10px;display:grid}.prox .linha{color:var(--muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.prox .linha strong{color:var(--ink)}.barra{border:2.5px solid var(--ink);background:var(--card);height:14px}.barra i{background:repeating-linear-gradient(-45deg, var(--hot) 0 6px, var(--hot2) 6px 12px);height:100%;transition:width .3s steps(6,end);display:block}.faixa{grid-area:1/3;align-self:start;align-items:center;gap:16px;padding:10px 16px;font-size:15px;font-weight:700;display:flex}.orbs{gap:4px;display:flex}.orbs i{border:2.5px solid var(--ink);background:var(--hot);border-radius:50%;width:14px;height:14px}.orbs i.off{background:var(--card);border-style:dashed}.moeda:before{content:"";background:var(--hot);width:10px;height:10px;margin-right:6px;display:inline-block;transform:rotate(45deg)}.saga{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);grid-area:2/3;align-self:start;gap:8px;width:280px;padding:12px 16px 14px;display:grid}.saga h2{font:400 18px/1.1 var(--f-show);margin:0}.saga .linha{justify-content:space-between;gap:10px;font-size:14px;display:flex}.saga .peq,.peq{color:var(--muted);font-size:13px}.feed{pointer-events:none;grid-area:3/1;align-self:end;gap:6px;width:280px;display:grid}.feed div{background:var(--paper);border:2.5px solid var(--ink);justify-content:space-between;gap:10px;padding:6px 10px;font-size:14px;animation:.15s steps(3,end) entra;display:flex}.feed b{font:400 15px var(--f-show);color:var(--hot-d)}@keyframes entra{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.acoes{grid-area:3/2;place-self:end center;align-items:end;gap:14px;display:flex}.btn{font:400 20px var(--f-show);cursor:pointer;background:var(--ink);color:var(--paper);clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);border:0;min-height:48px;padding:12px 22px}.btn-wrap{filter:drop-shadow(5px 5px 0 var(--hot))}.btn:active{transform:translate(2px,2px)}.btn:disabled{cursor:default;opacity:.6}.btn:focus-visible{outline:3px solid var(--hot);outline-offset:3px}.btn.claro{background:var(--paper);color:var(--ink);border:3px solid var(--ink)}.recarga{font:700 12px var(--f-read);letter-spacing:.06em;display:block}.veu{pointer-events:auto;background:#1412108c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.volta{width:min(520px,100%);box-shadow:12px 12px 0 var(--hot);gap:12px;padding:24px 26px;display:grid}.volta h2{font:400 36px/1 var(--f-show);transform-origin:0;margin:0;transform:rotate(-2deg)}.volta .big{font:400 56px/1 var(--f-show);color:var(--hot-d)}.volta .ganhos div{border-bottom:3px solid var(--ink);justify-content:space-between;padding:9px 2px;font-size:16px;display:flex}.volta .ganhos div:first-child{border-top:3px solid var(--ink)}.volta .ganhos b{font:400 18px var(--f-show)}.volta .ganhos .rare{background:repeating-linear-gradient(-45deg, var(--hot-l) 0 6px, var(--card) 6px 12px)}.hud{grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto)}@media (max-width:1000px),(max-height:560px){.hud{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:8px}.saga,.feed,.prox{display:none}.poder{clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);min-width:0;padding:6px 14px 8px 10px}.poder b{text-shadow:3px 3px 0 var(--hot);margin:0;font-size:30px}.poder .rotulo{font-size:11px}.poder .taxa{font-size:13px}.faixa{gap:10px;padding:6px 10px;font-size:13px}.orbs i{border-width:2px;width:11px;height:11px}.acoes{gap:8px}.btn{min-height:44px;padding:10px 14px;font-size:15px}.quadro{box-shadow:4px 4px 0 var(--ink)}.volta{gap:8px;padding:16px 18px}.volta h2{font-size:26px}.volta .big{font-size:38px}.volta .ganhos div{padding:5px 2px;font-size:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.abas{grid-area:2/1;place-self:center start;gap:6px;display:grid}.abas button{cursor:pointer;background:var(--paper);min-width:150px;min-height:44px;color:var(--ink);border:3px solid var(--ink);font:700 14px var(--f-read);letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);box-shadow:4px 4px 0 var(--ink);justify-content:space-between;align-items:center;gap:14px;padding:8px 12px 8px 14px;display:flex}.abas button:hover{background:var(--card)}.abas button.on{background:var(--ink);color:var(--paper)}.abas kbd{font:400 12px var(--f-show);opacity:.55}.abas button:focus-visible{outline:3px solid var(--hot);outline-offset:2px}.folha-veu{background:var(--scrim);z-index:30;place-items:center;padding:24px;animation:.18s steps(4,end) abre;display:grid;position:fixed;inset:0}@keyframes abre{0%{opacity:0}to{opacity:1}}.folha{background:var(--gutter);width:min(1100px,100%);max-height:calc(100dvh - 48px);box-shadow:14px 14px 0 var(--hot);gap:12px;padding:12px;animation:.18s steps(4,end) sobe-f;display:grid;overflow:auto}@keyframes sobe-f{0%{transform:translateY(8px)}to{transform:none}}.folha-topo{background:var(--paper);clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 6px));justify-content:space-between;align-items:center;padding:8px 10px 8px 18px;display:flex}.folha-topo h2{font:400 30px/1 var(--f-show);text-shadow:3px 3px 0 var(--hot);margin:0}.fechar{border:3px solid var(--ink);background:var(--card);width:44px;height:44px;color:var(--ink);font:400 26px/1 var(--f-show);cursor:pointer}.fechar:hover{background:var(--ink);color:var(--paper)}.folha .q{background:var(--paper);min-width:0;position:relative;overflow:hidden}.folha h3{font:400 24px/1.05 var(--f-show);margin:0}.folha .peq{color:var(--muted);font-size:14px}.folha .texto{margin:0;font-size:15px;line-height:1.45}.linha-topo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.f-grade{gap:12px;display:grid}.f-sagas{grid-template-columns:repeat(3,minmax(0,1fr))}.f-equipe{grid-template-columns:repeat(4,minmax(0,1fr))}.f-dois{grid-template-columns:minmax(0,1fr) 340px;gap:12px;display:grid}.btn.pequeno{padding:10px 18px;font-size:16px}.btn.perigo{background:var(--ruim);color:#fff}.carimbo{font:400 18px var(--f-show);color:var(--ink);border:3px solid var(--ink);background:var(--paper);white-space:nowrap;padding:3px 9px;display:inline-block;transform:rotate(-6deg)}.carimbo.hot{color:var(--hot-d);border-color:var(--hot-d)}.forma{font:700 12px var(--f-read);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper);white-space:nowrap;padding:3px 8px;display:inline-block;transform:skew(-12deg)}.forma.hot{background:var(--hot);color:#111}.trava{pointer-events:none;background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--ink) 13%, transparent) 0 2px, transparent 2px 9px);position:absolute;inset:0}.speed{pointer-events:none;opacity:.45;background:repeating-conic-gradient(from 0deg, var(--ink) 0deg 1deg, transparent 1deg 6deg);width:760px;height:760px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#0000 0 14%,#000 34%,#0000 58%);mask-image:radial-gradient(circle,#0000 0 14%,#000 34%,#0000 58%)}.f-saga{clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),0 100%);align-content:start;gap:10px;padding:16px 18px;display:grid}.f-saga:nth-child(2n){clip-path:polygon(0 8px,100% 0,100% 100%,0 100%)}.f-saga.ativa{box-shadow:inset 0 0 0 5px var(--hot)}.f-saga.bloq h3,.f-saga.bloq .vilao,.f-saga.bloq .kpis{opacity:.45}.f-saga .vilao{font-size:15px;font-weight:700}.kpis{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.kpis div{gap:2px;padding:8px 0;display:grid}.kpis div+div{border-left:3px solid var(--ink);padding-left:12px}.kpis b{font:400 26px/1 var(--f-show)}.hot{color:var(--hot-d)}.f-saga .pe{justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.f-membro{align-content:start;justify-items:start;gap:8px;padding:16px;display:grid}.f-membro .linha-topo{width:100%}.f-membro .sprite{height:150px;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 var(--ink));justify-self:center}.f-membro .silhueta{width:100%;height:150px;font:400 64px var(--f-show);color:var(--muted2);background-image:radial-gradient(color-mix(in srgb, var(--ink) 18%, transparent) 1.2px, transparent 1.5px);background-size:7px 7px;place-items:center;display:grid}.f-membro .grande{font:400 32px/1 var(--f-show);text-shadow:3px 3px 0 var(--hot)}.folha .f-membro.vazio{border:3px dashed var(--muted2);background:0 0}.folha .f-membro.vazio h3,.folha .f-membro.vazio .peq{color:var(--paper)}.f-inv{align-content:start;gap:12px;padding:16px 18px;display:grid}.slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.slot{aspect-ratio:1;border:3px solid var(--ink);background:var(--card);cursor:pointer;font:inherit;color:var(--ink);place-items:center;padding:0;display:grid;position:relative}.slot:focus-visible{outline:3px solid var(--hot);outline-offset:2px}.slot.vazio{border-style:dashed;border-color:var(--muted2);cursor:default;font:400 13px var(--f-show);color:var(--muted2);background:0 0}.slot.sel{box-shadow:0 0 0 4px var(--hot)}.slot.inc{background-image:radial-gradient(color-mix(in srgb, var(--ink) 20%, transparent) 1px, transparent 1.4px);background-size:6px 6px}.slot.raro{background-image:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--ink) 12%, transparent) 0 2px, transparent 2px 7px)}.slot.epic{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--ink) 11%, transparent) 0 2px, transparent 2px 6px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--ink) 11%, transparent) 0 2px, transparent 2px 6px)}.slot.lend{background:var(--hot-l)}.pips{gap:2px;display:flex;position:absolute;top:4px;left:4px}.pips i{background:var(--ink);width:6px;height:6px;transform:rotate(45deg)}.slot.lend .pips i{background:var(--hot);outline:1.5px solid var(--ink)}.esfera{aspect-ratio:1;color:#c4140e;width:52%;font:400 14px var(--f-show);background:radial-gradient(circle at 35% 30%,#fff2c8 0 16%,#ffb21a 42%,#f0600f 100%);border:3px solid #111;border-radius:50%;place-items:center;line-height:1;display:grid}.qtd{background:var(--ink);color:var(--paper);font:400 12px var(--f-show);padding:2px 5px 1px;position:absolute;bottom:0;right:0}.f-tip{align-content:start;gap:10px;padding:16px 18px;display:grid}.principal{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);flex-wrap:wrap;align-items:baseline;gap:10px;padding:8px 0;display:flex}.principal b{font:400 32px/1 var(--f-show)}.delta{color:var(--hot-d);font-weight:700}.attr{justify-content:space-between;align-items:baseline;gap:10px;padding:3px 0;font-size:15px;display:flex}.attr b{font:400 16px var(--f-show)}.attr .ok{color:var(--bom)}.attr .no{color:var(--ruim)}.equipado{border:2.5px dashed var(--ink);gap:2px;padding:8px 10px;display:grid}.f-bancada{gap:14px;padding:16px 18px;display:grid}.salto{justify-content:center;align-items:center;gap:36px;min-height:230px;display:flex;position:relative;overflow:hidden}.slot.grande{cursor:default;width:110px;height:110px}.nivel{position:relative}.nivel s{font:400 44px/1 var(--f-show);color:var(--muted2);margin-right:14px;text-decoration:none}.nivel b{font:400 110px/1 var(--f-show);text-shadow:7px 7px 0 var(--hot)}.sfx{font:400 40px var(--f-show);color:var(--hot);-webkit-text-stroke:2px #111;animation:.25s steps(4,end) estoura;position:absolute;top:14px;right:24px;transform:rotate(8deg)}.sfx.falhou{color:var(--ruim)}@keyframes estoura{0%{transform:rotate(8deg)scale(.6)}to{transform:rotate(8deg)scale(1)}}.kpis3{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kpis3 div{gap:2px;padding:8px 12px;display:grid}.kpis3 div+div{border-left:3px solid var(--ink)}.kpis3 b{font:400 28px/1 var(--f-show)}.passo{border:3px solid var(--ink);background:var(--card);align-items:center;display:inline-flex}.passo .rotulo{padding:0 12px}.passo button{border:0;border-left:3px solid var(--ink);background:var(--paper);width:44px;height:44px;color:var(--ink);font:400 20px var(--f-show);cursor:pointer}.passo b{text-align:center;min-width:44px;font:400 20px var(--f-show);border-left:3px solid var(--ink);line-height:44px}.aviso{border:3px solid var(--ink);background:var(--hot-l);padding:10px 12px;font-size:15px;line-height:1.4}.f-arena{gap:8px;padding:16px 18px;display:grid}.podio{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;min-height:360px;padding:10px 20px 0;display:grid;position:relative;overflow:hidden}.podio .p{text-align:center;justify-items:center;gap:6px;display:grid;position:relative}.podio .nome{font-size:16px;font-weight:700}.podio b{font:400 26px/1 var(--f-show)}.podio .bloco{border:4px solid var(--ink);width:100%;font:400 60px/1 var(--f-show);place-items:center;display:grid}.podio .p1 .bloco{background:var(--hot);color:#111;height:150px}.podio .p2 .bloco{background:var(--card);height:108px}.podio .p3 .bloco{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--ink) 14%, transparent) 0 3px, var(--card) 3px 10px);height:80px}.podio .sprite{height:110px;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 var(--ink))}.linha{border-bottom:2px solid var(--ink);padding:8px 0}.linha .pos{font:400 16px var(--f-show);width:40px}.linha .nomel{flex:1}.linha.voce{background:var(--hot-l);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);margin:6px -18px 0;padding:10px 18px;font-weight:700}@media (max-width:1000px),(max-height:560px){.abas{align-self:end;gap:4px}.abas button{min-width:0;padding:6px 10px;font-size:12px}.abas kbd{display:none}.folha-veu{padding:0}.folha{width:100%;height:100dvh;max-height:100dvh;box-shadow:none;padding:8px}.f-sagas,.f-equipe{grid-template-columns:repeat(2,minmax(0,1fr))}.f-dois{grid-template-columns:1fr}.slots{gap:5px}.folha-topo h2{font-size:22px}.nivel b{font-size:72px}.salto{min-height:160px}.podio{min-height:260px}.podio .p1 .bloco{height:100px}.podio .p2 .bloco{height:72px}.podio .p3 .bloco{height:54px}}@media (prefers-reduced-motion:reduce){.folha-veu,.folha,.sfx{animation:none}}