/* Central de Heróis: aço escuro, sinalização âmbar e espaço para inspecionar o modelo. */
.lb-credits{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;border:1px solid #726449!important;border-radius:8px!important;background:linear-gradient(145deg,#34382b,#171e19)!important;color:#e4c68b!important;white-space:nowrap;min-height:38px;font-family:inherit}.lb-credits i,.hw-wallet i{color:#d8b575}.lb-credits>span{font-size:12px;opacity:.7}
#pgHeroes{max-width:1440px;margin:auto;padding-bottom:36px;color:#e6e9df;font-family:'Saira Condensed',sans-serif}#pgHeroes button{font-family:inherit;cursor:pointer}#pgHeroes button:disabled{cursor:default;opacity:.55}#pgHeroes h1,#pgHeroes h2,#pgHeroes h3{margin:0;text-shadow:none}#pgHeroes h1{font:clamp(27px,3vw,40px) 'Black Ops One',sans-serif;color:#f0e8cf}#pgHeroes p{line-height:1.5}.hw-eyebrow{font-size:12px;letter-spacing:2px;color:#c6ac72}.hw-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 22px}.hw-head p{margin:6px 0 0;color:#b4b8a8;font-size:17px}.hw-wallet{display:flex;align-items:center;gap:14px;background:#17201ce8;border:1px solid #645c3d;border-radius:12px;padding:12px 20px;color:#eee3c6;text-align:left}.hw-wallet i{font-size:25px}.hw-wallet b{display:block;font-size:26px;line-height:1.1}.hw-wallet small{display:block;color:#a9b3a2;font-size:13px}
.hw-classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.hw-classes>button{display:flex;align-items:center;gap:13px;text-align:left;color:#bfc3b7;border:1px solid #46503b;background:linear-gradient(135deg,#1f2922ee,#101813ee);border-radius:12px;padding:16px 18px;position:relative}.hw-classes>button>i{font-size:25px;color:var(--hero-accent);width:34px;text-align:center}.hw-classes small{display:block;font-size:10px;letter-spacing:1.3px;color:#a5b09d}.hw-classes b{display:block;font-size:21px;font-weight:700;line-height:1.2}.hw-classes em{font-style:normal;font-size:9px;letter-spacing:1px;align-self:start;margin-left:auto;color:#c2bc9a}.hw-classes button.on{border-color:var(--hero-accent);background:linear-gradient(135deg,#343a28ef,#18251def);box-shadow:inset 0 -3px var(--hero-accent)}
.hw-workbench{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border:1px solid #596049;border-radius:16px;overflow:hidden;background:#111a16f5;box-shadow:0 18px 60px #0006}.hw-stage{min-width:0;background:radial-gradient(ellipse at 50% 30%,#37443b80,transparent 65%),linear-gradient(125deg,#18251ff8,#0b130ff8);border-right:1px solid #3c4937;position:relative}.hw-stage-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#9cae9c;padding:19px 22px}.hw-led{display:inline-block;width:6px;height:6px;background:#8db877;box-shadow:0 0 8px #8db877;border-radius:50%;margin-right:7px}.hw-view{position:relative;height:clamp(260px,26vw,380px);background:linear-gradient(transparent 95%,#768c6910 95%),linear-gradient(90deg,transparent 95%,#768c6910 95%);background-size:36px 36px}.hw-view canvas{width:100%;height:100%;display:block;object-fit:contain;touch-action:pan-y}.hw-view>#hwModelLoading{position:absolute;top:40%;left:0;width:100%;text-align:center;color:#c5d2b8}.hw-orbit{position:absolute;bottom:6px;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:14px;color:#9aa991;font-size:10px;letter-spacing:1px}.hw-orbit button{background:#1a271f;border:1px solid #536449;color:#e5d49b;width:34px;height:30px;border-radius:7px;font-size:22px;line-height:1}.hw-stage-info{padding:20px 26px 22px}.hw-stage-info>small{color:var(--hero-accent);font-size:11px;letter-spacing:2px}.hw-stage-info h2{font-size:30px;color:#ede5d1}.hw-stage-info p{color:#afbba9;font-size:15px;margin:8px 0 15px}.hw-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #49543b;border-bottom:1px solid #49543b;padding:12px 0;gap:8px}.hw-stats small{display:block;color:#a2b199;font-size:12px}.hw-stats b{font-size:25px;font-weight:700;color:#ead7a8}.hw-stage-info .hw-weak{font-size:13px;margin:13px 0 0;color:#c1b598}
.hw-fit{padding:24px;min-width:0}.hw-fit-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.hw-fit-head small{font-size:10px;letter-spacing:1.5px;color:#a5b698}.hw-fit-head h2{font-size:28px;color:#eee4c6}.hw-cap{border:1px solid #6a7855;border-radius:8px;padding:7px 12px;color:#c6cbb7;font-size:15px;text-align:center;white-space:nowrap}.hw-cap b{color:#dfc582;font-size:24px}.hw-cap small{display:block;font-size:9px}.hw-cap.over{border-color:#ed775b;color:#ffb7a4}.hw-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}.hw-slots button{text-align:left;background:#1d2821;border:1px solid #43533c;border-radius:8px;color:#bdc5b6;padding:11px 10px;min-width:0}.hw-slots button.on{border-color:#d5b561;background:#343825;color:#f4e2b5}.hw-slots small{display:block;font-size:11px;opacity:.8}.hw-slots b{display:block;font-size:14px;font-weight:600;line-height:1.25;margin-top:4px}.hw-parts{display:grid;gap:10px}.hw-part{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 12px;border:1px solid #394a38;border-radius:10px;background:#1a251f}.hw-part.selected{border-color:#a28a4c;background:#303625}.hw-part-symbol{height:34px;width:34px;display:grid;place-items:center;background:#394333;border:1px solid #5b674b;border-radius:8px;color:#cfba7b}.hw-part h3{font-size:18px;color:#e6e6d7;line-height:1.2}.hw-part p{font-size:13px;color:#bbc7b2;margin:5px 0}.hw-part small{font-size:11px;color:#97a68e}.hw-part>button{border-radius:7px;border:1px solid #697454;background:#35422d;color:#e3e5d3;font-size:13px;padding:8px 10px;min-width:67px}.hw-part>button.hw-buy{color:#edcd89;background:#3a3320;border-color:#8b7745}.hw-save{margin-top:20px;border-top:1px solid #48513a;padding-top:14px}.hw-save>p{font-size:13px;color:#babd9f;margin:0 0 14px}.hw-primary{background:linear-gradient(#d7ad51,#af7d2f)!important;color:#171b14!important;border:1px solid #f4cc76!important;border-radius:8px!important;padding:12px 18px!important;font-size:17px!important;font-weight:800!important;letter-spacing:.3px}.hw-save>.hw-primary{width:100%}#hwStatus{display:block;min-height:30px;line-height:1.4;font-size:13px;color:#c5cbb2;margin-top:10px}.hw-foot{display:flex;align-items:center;gap:18px;background:#152019ea;border:1px solid #46553a;padding:18px 24px;border-radius:12px;margin-top:16px}.hw-foot>i{font-size:25px;color:#bbaa6f}.hw-foot b{font-size:18px;color:#e4dcc3}.hw-foot p{font-size:14px;color:#acb8a2;margin:4px 0}.hw-foot button{margin-left:auto;white-space:nowrap;border:1px solid #6b7450;background:#2c3826;padding:9px 16px;border-radius:8px;color:#e3d69f}.hw-empty{max-width:650px;margin:60px auto;padding:30px;background:#17201cef;border:1px solid #5a6847;border-radius:14px}.hw-empty p{font-size:18px;color:#c3ceb8}
.hw-dialog{box-sizing:border-box;max-width:530px;width:calc(100% - 28px);max-height:calc(100dvh - 30px);overflow:auto;background:linear-gradient(140deg,#233125,#111b16);color:#d8dfce;border:1px solid #8a8053;border-radius:15px;padding:30px;font-family:'Saira Condensed',sans-serif;box-shadow:0 30px 100px #000b}.hw-dialog::backdrop{background:#020603bb;backdrop-filter:blur(5px)}.hw-dialog h2{font-size:30px;line-height:1.2;color:#f0dfb3;margin:10px 0 18px}.hw-dialog>small{letter-spacing:2px;font-size:11px;color:#c7b47a}.hw-dialog p,.hw-dialog li{font-size:16px;line-height:1.5}.hw-dialog li{margin-bottom:12px}.hw-dialog ul{padding-left:20px}.hw-dialog-close{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#dcddcb;font-size:22px;cursor:pointer}.hw-dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.hw-dialog-actions>button{border:1px solid #71815a;border-radius:7px;background:#293527;color:#e2dbbf;padding:8px 16px}.hw-earned{color:#e5c780;margin:8px 0;font-size:18px}.dp-hero{margin-top:10px;font-size:15px;color:#e5cb8b}.dp-hero button{background:#242c20;border:1px solid #6f7750;color:#e4d49f;border-radius:5px;padding:4px 9px;font:inherit}
/* Navigation gets its own scrollable row; balances stay next to each other. */
html body #lbTop{height:auto!important;min-height:60px}
html body #lbNav{height:40px}
html body #lbNav>button{font-size:13px}
@media(max-width:600px) and (orientation:portrait){html body.phone-portrait #lbNav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:32px!important;height:64px!important;gap:0 3px!important;overflow:visible!important}html body.phone-portrait #lbNav>button,html body.phone-portrait #lbNav>#generalChatButton{font-size:10.5px!important;padding:7px 3px!important;white-space:nowrap!important;width:100%!important;min-width:0!important;border-left:0!important}html body.phone-portrait #lbNav>button.on::after{bottom:2px}}
@media(min-width:1101px){#lbTop{flex-wrap:wrap!important;gap:8px 20px!important}#lbNav{order:3;flex-basis:100%;justify-content:center!important;overflow-x:auto!important;scrollbar-width:none}#lbNav>button{flex:none!important;white-space:nowrap}#lbTop .lb-right{margin-left:auto}}
@media(max-width:1100px){.hw-classes>button{padding:13px 10px;gap:8px}.hw-classes b{font-size:18px}.hw-classes em{display:none}.hw-classes small{font-size:9px}.hw-fit{padding:18px}.hw-part{gap:8px;padding:12px 9px}.hw-stage-info{padding:17px 20px}.hw-part h3{font-size:17px}#lbTop .lb-right{gap:5px!important}.lb-credits{padding:5px 8px;font-size:13px;min-height:32px}.lb-credits>span{display:none}#lbNav{overflow-x:auto!important;scrollbar-width:none!important}#lbNav>button{flex-shrink:0!important;white-space:nowrap}}
@media(max-width:760px){.hw-workbench{grid-template-columns:minmax(0,1fr)}.hw-stage{border-right:0;border-bottom:1px solid #4d593e}.hw-head{gap:10px;margin-bottom:16px}.hw-head h1{font-size:26px}.hw-eyebrow{font-size:9px;letter-spacing:1px}.hw-head p{font-size:15px}.hw-wallet{padding:9px 11px;gap:8px}.hw-wallet i{font-size:19px}.hw-wallet b{font-size:22px}.hw-wallet small{font-size:10px}.hw-classes{gap:6px;margin-bottom:12px}.hw-classes>button{padding:11px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.hw-classes>button>i{font-size:21px}.hw-classes b{font-size:15px}.hw-classes small{font-size:8px;letter-spacing:.2px}.hw-view{height:270px}.hw-stage-top{padding:14px 16px;font-size:9px}.hw-stage-info{padding:13px 18px 18px}.hw-stage-info h2{font-size:27px}.hw-stage-info p{font-size:14px}.hw-fit{padding:18px 14px}.hw-fit-head{margin-bottom:14px}.hw-fit-head h2{font-size:25px}.hw-slots button{padding:9px 7px}.hw-slots b{font-size:12px}.hw-slots small{font-size:10px}.hw-part{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}.hw-part-symbol{width:28px;height:30px;font-size:13px}.hw-part h3{font-size:16px}.hw-part p{font-size:12px}.hw-part small{font-size:10px}.hw-part>button{font-size:12px;min-width:57px;padding:8px 7px}.hw-foot{padding:16px;gap:12px;flex-wrap:wrap}.hw-foot>i{font-size:20px}.hw-foot>div{flex:1;min-width:170px}.hw-foot button{width:100%;margin:0}.hw-dialog{padding:26px 22px}.hw-dialog h2{font-size:27px}#lbTop .lb-right{flex-wrap:nowrap!important}.lb-credits{min-width:47px;padding:4px 6px;gap:4px;font-size:12px}#lbTop #bAcct{max-width:135px!important}#lbTop .lb-brand{min-width:0!important}}
@media(max-width:380px){.hw-head{align-items:flex-start}.hw-wallet{padding:8px}.hw-wallet i{display:none}.hw-wallet small{max-width:70px}.hw-head h1{font-size:23px}.hw-eyebrow{font-size:8px}.hw-classes b{font-size:13px}.hw-part{grid-template-columns:minmax(0,1fr) auto}.hw-part-symbol{display:none}#lbTop #bAcct{max-width:105px!important}.lb-credits{min-width:39px;gap:3px;font-size:11px}.lb-credits i{font-size:10px}}
@media(orientation:landscape) and (max-height:550px) and (min-width:700px){.hw-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.hw-view{height:230px}.hw-classes b{font-size:16px}.hw-classes>button{padding:10px}.hw-stage-info h2{font-size:25px}.hw-foot{padding:12px 18px}}