/* Tela inicial e opções de vídeo — independente da rede. */
.home-screen{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:22px;overflow:auto;background:radial-gradient(circle at 83% 33%,#2c817b77,transparent 36%),radial-gradient(circle at 10% 80%,#5b327f72,transparent 37%),linear-gradient(140deg,#04101d,#092e3f 55%,#061d2a)}
.home-screen.hidden{display:none}
.home-stars{position:absolute;inset:0;pointer-events:none;opacity:.48;background-image:radial-gradient(circle,#eafff9 1px,transparent 2px),radial-gradient(circle,#ffda81 1px,transparent 2px);background-position:0 0,80px 120px;background-size:86px 95px,173px 146px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 85%,transparent)}
.home-card{position:relative;isolation:isolate;width:min(1090px,100%);min-height:590px;border:1px solid #d5ffe15d;border-radius:30px;box-shadow:0 30px 100px #000b,0 0 80px #53cfa91e;background:linear-gradient(140deg,#173749ee,#092739f7 55%,#19554aef);overflow:hidden}
.home-card:after{content:'';position:absolute;inset:auto -130px -280px auto;width:630px;height:630px;border:62px solid #81efc015;border-radius:50%;z-index:-1}
.home-topline{display:flex;justify-content:space-between;gap:12px;padding:22px 31px 0;font-size:11px;letter-spacing:2px;font-weight:900}
.home-tag{color:#e4fca3}.home-offline{color:#a9f4d0;letter-spacing:1px}
.home-content{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:stretch;min-height:540px}
.home-copy{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:16px 28px 31px 49px;z-index:1}
.home-logo{font-size:15px;letter-spacing:2px;font-weight:1000;color:#fff;margin-bottom:12px}.home-logo span{color:#abffb1}
.home-copy h1{font-size:clamp(29px,3.65vw,47px);line-height:1.12;letter-spacing:-1.25px;font-weight:1000;margin:0 0 13px;color:#fff7e6;text-wrap:balance;white-space:pre-line;text-shadow:0 5px 22px #061921}
.home-description{font-size:14px;line-height:1.63;color:#d6f2e8;margin:0 0 20px;max-width:490px}
.home-feature-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.home-feature-list span{background:#062b3d9e;border:1px solid #7ecfb663;border-radius:12px;padding:9px 10px;font-size:14px;color:#ffe3a2}.home-feature-list small{font-size:11px;color:#f2fff3}
.home-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(450px,100%)}.home-options .home-start{grid-column:1/-1}
.home-btn{border:1px solid #bdebd690;background:linear-gradient(120deg,#214d5b,#1b6170);color:#f5fffa;border-radius:14px;min-height:53px;padding:12px 17px;font-size:14px;font-weight:900;letter-spacing:.65px;box-shadow:0 5px 13px #03192485;transition:transform .15s,filter .15s}.home-btn:hover{filter:brightness(1.22);transform:translateY(-2px)}.home-btn:focus-visible{outline:3px solid #ffe6a4;outline-offset:3px}
.home-start{background:linear-gradient(100deg,#a1f392,#63c8a0 56%,#60bde1);color:#082b36;font-size:20px;min-height:65px;border:2px solid #e9ffb8;box-shadow:0 8px 30px #4dcc97a0}
.home-footer{font-size:11px;color:#a9cfd1;margin-top:25px}
.home-art{position:relative;min-height:530px;display:grid;place-items:center;overflow:hidden}.home-art-halo{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#bcffe040 0,#4abdc044 34%,#3a817a12 69%,transparent 70%);box-shadow:0 0 90px #63eac739;animation:homeAura 8s ease-in-out infinite}
.home-art-hero{width:min(420px,95%);height:410px;position:relative;background-image:url('assets/heroes/leo.png');background-size:300% 400%;background-repeat:no-repeat;background-position:left top;filter:drop-shadow(0 17px 16px #061521) drop-shadow(0 0 23px #8ffccb70);animation:homeHover 4s ease-in-out infinite}
.home-art-ground{position:absolute;bottom:40px;width:290px;height:40px;background:#071d2a83;border-radius:50%;filter:blur(7px)}
.home-art-magic{position:absolute;z-index:2;display:grid;place-items:center;width:70px;height:70px;font-size:30px;border-radius:50%;background:#145d6fc9;border:2px solid #bbffe588;box-shadow:0 0 24px #76eee466;animation:homeHover 4s ease-in-out infinite}.magic-one{top:15%;left:12%;animation-delay:.2s}.magic-two{top:24%;right:7%;animation-delay:1.3s}.magic-three{bottom:15%;right:16%;animation-delay:2.5s}
.home-subpanel{width:min(450px,100%);padding:14px 16px;background:#072534d9;border:1px solid #8bd3bd7d;border-radius:18px}.home-subpanel h2{font-size:19px;color:#d8ffdf;margin:0 0 12px}.home-subpanel label{display:block;margin:10px 0 5px;font-size:12px;color:#d5efe5;font-weight:900}.home-subpanel select{display:block;width:100%;background:#113e4d;color:#f7fff7;border:1px solid #a1d9c5;border-radius:9px;padding:10px 9px;font-size:13px;min-height:40px}.home-setting-note{font-size:11px;line-height:1.45;color:#acccd3;margin:10px 0}.home-back{min-height:40px;width:100%;font-size:12px;margin-top:6px}.home-ranking-list{max-height:235px;overflow:auto}.home-rank-row{display:flex;justify-content:space-between;gap:10px;padding:9px 3px;border-bottom:1px solid #7fd3c447;font-size:12px}.home-rank-row small{display:block;color:#aeced0;margin-top:4px}.home-rank-row b{color:#ffe4a1}.home-empty{font-size:12px;color:#b4dee0;padding:15px 0}
.home-return-btn{float:left;border:1px solid #72cfaa;border-radius:11px;background:#0c5365;color:#fff7c9;padding:7px 12px;margin:-6px 0 2px;font-size:12px;font-weight:900}
.home-ranking-list{max-height:min(350px,48vh)}
.home-rank-row{align-items:flex-start;padding:12px 5px}
.home-rank-row .home-rank-info{min-width:0;flex:1}
.home-rank-row .home-rank-info strong{display:block;color:#f6fff7;font-size:13px}
.home-rank-row small{line-height:1.35;margin-top:5px}
.home-rank-row b{white-space:nowrap;font-size:13px}
.rank-detail-list{max-height:48vh;overflow-y:auto;margin:10px 0;text-align:left}
.rank-detail-row{align-items:flex-start;padding:13px 6px}
.rank-detail-row>div{min-width:0;flex:1}
.rank-detail-row small{display:block;line-height:1.4;margin-top:4px}
.rank-detail-row strong{flex:none;color:#ffe2a0;white-space:nowrap}
.combat-regen{display:flex;justify-content:space-between;gap:9px;color:#a4ffc4;font-size:11px;font-weight:900;margin:5px 1px 4px}.combat-regen b{font-variant-numeric:tabular-nums}.combat-damage-head{margin-top:9px;padding-top:7px;border-top:1px solid #b2e7e54c;color:#ffe6a3;font-size:10px;font-weight:900;letter-spacing:.45px}.combat-damage-list{display:flex;flex-direction:column;gap:3px;max-height:138px;overflow:hidden;margin-top:5px;font-size:10px;line-height:1.2}.combat-damage-list>div{display:flex;align-items:center;justify-content:space-between;gap:4px}.combat-damage-list span{color:#e0fce8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-damage-list b{flex-shrink:0;color:#ffcf93;font-variant-numeric:tabular-nums}
@keyframes homeHover{50%{transform:translateY(-10px)}}@keyframes homeAura{50%{transform:scale(1.08);opacity:.76}}
@media(max-width:790px){.home-screen{padding:9px}.home-card{border-radius:20px;min-height:auto}.home-content{grid-template-columns:1fr;min-height:auto}.home-copy{padding:22px 25px 35px}.home-art{position:absolute;inset:0 0 auto auto;width:48%;min-height:340px;opacity:.15;pointer-events:none}.home-art-hero{height:320px}.home-copy h1{font-size:34px}.home-options{max-width:450px}.home-topline{padding:17px 21px 0}.home-offline{letter-spacing:0}}
@media(max-width:470px){.home-feature-list span{padding:7px;font-size:11px}.home-feature-list small{font-size:10px}.home-copy{padding:17px 16px 25px}.home-copy h1{font-size:28px}.home-description{font-size:12px}.home-btn{font-size:11px;padding:9px}.home-start{font-size:17px}.home-footer{font-size:9px}.combat-damage-list{max-height:78px;font-size:8px}.combat-damage-head{font-size:8px}.combat-regen{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-art-halo,.home-art-hero,.home-art-magic{animation:none}}