.mlbb-row{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin:55px auto}.mlbb-row p{color:#b9c2d8;line-height:1.7}.mlbb-card{padding:30px;border:1px solid #384562;border-radius:18px;background:#111b30;box-shadow:0 15px 50px #0004}.mlbb-label{font-size:12px;letter-spacing:.1em;color:#c6a1ff}.mlbb-card h3{font-size:25px;margin:25px 0 10px}.mlbb-card small{color:#e8bc83}.mlbb-action{padding:12px;background:#443764;border-radius:8px;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px}.mlbb-picture,.hero__art>img{width:100%;height:auto;border-radius:20px}.mlbb-row h2{font-size:clamp(28px,3vw,42px)}@media(max-width:760px){.mlbb-row{grid-template-columns:1fr;gap:24px}.mlbb-card{padding:22px}}
.mlbb-quiz{max-width:800px}.mlbb-quiz fieldset{margin:24px 0}.mlbb-quiz legend{padding:0 8px;font-weight:700}.mlbb-answer{display:flex;align-items:flex-start;gap:12px;padding:12px 0;cursor:pointer}.mlbb-answer input{margin-top:5px;flex-shrink:0}

.mlbb-rank-icon,.mlbb-position-icon{display:inline-block;vertical-align:middle;object-fit:contain;margin-right:8px}.mlbb-hero-picks{display:flex;gap:10px;margin-top:18px}.mlbb-hero-picks img{border-radius:9px;border:1px solid #59617b}

/* Компактный первый экран и этапы запуска — только MLBB. */
.mlbb-hero .hero__grid{padding-block:32px 28px;gap:32px;min-height:0}.mlbb-hero .hero__art{max-width:520px}.mlbb-hero .hero__art img{display:block;width:100%;height:auto;filter:none}.mlbb-hero .hero__text{gap:18px}.mlbb-hero h1{font-size:clamp(34px,4.1vw,52px)}.mlbb-roadmap{padding-top:24px!important;padding-bottom:28px!important}.mlbb-roadmap__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.mlbb-roadmap article{padding:24px;border:1px solid #39425b;border-radius:16px;background:#111a2b}.mlbb-roadmap h3{margin:14px 0;font-size:22px}.mlbb-roadmap p,.mlbb-roadmap li{color:#b9c2d8;font-size:15px;line-height:1.65}.mlbb-roadmap ul{padding-left:18px}.mlbb-status{font-size:12px;color:#e9be86;background:#e9be8614;border-radius:20px;padding:5px 10px;display:inline-block}.mlbb-status--live{color:#79ddb2;background:#79ddb214}.mlbb-ranks__list{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;gap:12px;padding:0;margin:24px 0}.mlbb-ranks__list li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px;border:1px solid #384562;border-radius:12px;font-size:13px}.mlbb-test-intro{padding-block:36px 18px!important;max-width:900px}.mlbb-test-intro h1{font-size:clamp(32px,5vw,52px);margin:16px 0}.mlbb-test-intro p{max-width:740px;color:#b9c2d8;line-height:1.7}.mlbb-test-body{padding-block:12px 36px!important;max-width:900px}.mlbb-quiz{max-width:none}.mlbb-quiz .quiz__step{margin:24px 0;min-inline-size:0}.mlbb-quiz .quiz__step[hidden],.mlbb-quiz[hidden],.mlbb-result[hidden]{display:none!important}.mlbb-quiz .quiz__q{font-size:clamp(22px,3vw,30px)}.mlbb-result{padding:28px;border:1px solid #584777;border-radius:20px;background:#10172b;scroll-margin-top:100px}.mlbb-result h2{font-size:32px;margin:12px 0}.mlbb-result__card{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;margin:24px 0}.mlbb-result__card h3{font-size:32px;margin-bottom:12px}.mlbb-result p{color:#b9c2d8;line-height:1.7}.mlbb-result .btn{margin:12px 12px 0 0}.mlbb-role-art{aspect-ratio:3/5;background-image:url('/img/mlbb-positions-v2.webp');background-size:500% 100%;background-position:calc(var(--role)*25%) center;background-repeat:no-repeat;border-radius:16px}.mlbb-role-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:24px}.mlbb-role-grid h3{font-size:23px;margin:14px 0 8px}.mlbb-role-grid p{font-size:14px;line-height:1.65;color:#b9c2d8}.mlbb-role-grid article{scroll-margin-top:100px}
@media(max-width:760px){.mlbb-hero .hero__grid{padding-block:24px 18px;gap:20px}.mlbb-hero .hero__art{max-width:340px}.mlbb-roadmap__grid{grid-template-columns:1fr}.mlbb-ranks__list{grid-template-columns:repeat(2,1fr)}.mlbb-role-grid{grid-template-columns:repeat(2,1fr)}.mlbb-result{padding:20px}.mlbb-result__card{grid-template-columns:1fr;gap:16px}.mlbb-result__card .mlbb-role-art{width:180px;margin:auto}}

.mlbb-role-heading{display:flex;align-items:center;gap:12px}.mlbb-role-heading img{width:32px;height:32px;object-fit:contain}.mlbb-rank-table{width:100%;border-collapse:collapse;margin:24px 0}.mlbb-rank-table th,.mlbb-rank-table td{text-align:left;padding:14px;border-bottom:1px solid #384562}.mlbb-rank-table img{vertical-align:middle;margin-right:12px}.mlbb-guide{max-width:940px}.mlbb-guide p,.mlbb-guide li{line-height:1.8;color:#b9c2d8}.mlbb-guide h2{margin:36px 0 16px}.mlbb-guide h1{font-size:clamp(32px,5vw,52px)}.mlbb-guide .mlbb-card{margin:24px 0}.mlbb-source-note{font-size:13px;color:#a8b5ca}

/* Точные иконки линий поверх иллюстраций, без перерисовки генератором. */
.mlbb-role-art{position:relative}.mlbb-role-art__badge{position:absolute;top:10px;right:10px;width:48px;height:48px;display:grid;place-items:center;border:1px solid #a6bdff88;border-radius:12px;background:#071326eF;box-shadow:0 3px 12px #0008}.mlbb-role-art__badge img{display:block;width:32px;height:32px;object-fit:contain}
.mlbb-meta-intro{padding-block:36px 16px!important}.mlbb-meta-body{padding-block:12px 32px!important}.mlbb-meta-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:24px 0}.mlbb-meta-filters label{display:flex;flex-direction:column;gap:8px;min-width:180px}.mlbb-meta-filters select{padding:12px;border:1px solid #59617b;border-radius:8px;background:#111a2b;color:#fff}.mlbb-meta-group[hidden]{display:none!important}.mlbb-meta-group{margin:0 auto 40px;scroll-margin-top:90px}.mlbb-meta-group__head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.mlbb-meta-group__head h2{font-size:28px}.mlbb-meta-group__head p{font-size:13px;color:#b9c2d8}.mlbb-tier{display:grid;grid-template-columns:64px 1fr;background:#111a2b;border:1px solid #384562;border-radius:12px;margin:12px 0;overflow:hidden}.mlbb-tier__label{display:grid;place-items:center;font-size:25px;color:#eac295;background:#eac29512}.mlbb-tier__label[data-tier=SS]{color:#fa95ab;background:#fa95ab18}.mlbb-tier__label[data-tier=S]{color:#ffd080;background:#ffd08018}.mlbb-tier__heroes{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;padding:16px;margin:0}.mlbb-tier__heroes a{display:flex;align-items:center;gap:10px;font-size:13px;text-decoration:none;min-height:48px}.mlbb-tier__heroes a:hover{text-decoration:underline}.mlbb-tier__heroes img,.mlbb-hero-initial{width:40px;height:40px;flex-shrink:0;border-radius:8px}.mlbb-hero-initial{display:grid;place-items:center;background:#26314a;color:#b9c2d8;font-size:19px}.mlbb-meta-warning{padding:14px;border:1px solid #b68b42;background:#b68b4214;border-radius:10px}@media(max-width:600px){.mlbb-meta-group__head{display:block}.mlbb-meta-filters label{min-width:0;flex:1 1 140px}.mlbb-tier{grid-template-columns:44px 1fr}.mlbb-tier__heroes{padding:12px;grid-template-columns:repeat(auto-fill,minmax(106px,1fr))}.mlbb-tier__heroes a{gap:7px}}

/* Native radio switches keep keyboard navigation and visible focus. */
.mlbb-meta-filters{display:grid;gap:20px}.mlbb-meta-filters fieldset{border:0;padding:0;margin:0;min-width:0}.mlbb-meta-filters legend{font-weight:700;margin-bottom:10px}.mlbb-switches{display:flex;flex-wrap:wrap;gap:8px}.mlbb-meta-filters .mlbb-switches label{position:relative;display:block;min-width:0;flex:0 1 auto;cursor:pointer}.mlbb-switches input{position:absolute;opacity:0;width:1px;height:1px}.mlbb-switches span{display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:52px;border:1px solid #59617b;border-radius:10px;background:#111a2b;color:#c9d2e7;transition:background .15s,border-color .15s}.mlbb-switches img{object-fit:contain;flex-shrink:0}.mlbb-switches input:checked+span{background:#24415d;border-color:#76d8ff;color:#fff;box-shadow:inset 0 0 0 1px #76d8ff}.mlbb-switches input:focus-visible+span{outline:3px solid #ffd080;outline-offset:3px}.mlbb-switches label:hover span{border-color:#9cdfff}@media(max-width:600px){.mlbb-meta-filters .mlbb-switches label{flex:1 1 125px}.mlbb-switches span{padding:8px 10px;font-size:13px}}

/* Landing: separate live resources from clearly marked future services. */
.mlbb-roadmap__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mlbb-roadmap article{display:flex;flex-direction:column;align-items:flex-start}.mlbb-roadmap article>a{margin-top:auto;padding-top:12px;font-weight:600}.mlbb-roadmap__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;min-height:40px}.mlbb-roadmap__top>img{object-fit:contain}.mlbb-lane-strip{display:flex;gap:8px}.mlbb-lane-strip img{object-fit:contain}.mlbb-status--soon{display:inline-flex;align-items:center;gap:7px;background:#f5ad371c;border:1px solid #f5ad3780;color:#ffcc70;font-size:14px;font-weight:800;letter-spacing:.04em;padding:7px 13px;border-radius:8px}.mlbb-previews>.heading>.mlbb-status--soon{font-size:17px;padding:10px 20px;margin-bottom:14px}.mlbb-rank-preview{list-style:none;padding:0;margin:8px 0 16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 6px;width:100%}.mlbb-rank-preview li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:11px;line-height:1.25;color:#c7d2e8}.mlbb-rank-preview img{object-fit:contain}.mlbb-previews{padding-top:32px!important}.mlbb-preview{overflow:hidden;position:relative;width:100%;padding:24px;border-color:#47506d;background:radial-gradient(ellipse at top right,#4779a52b,transparent 65%),#111b30}.mlbb-preview--training{background:radial-gradient(ellipse at top right,#4ab29122,transparent 65%),#111b30}.mlbb-preview--squad{background:radial-gradient(ellipse at top right,#9855c52b,transparent 65%),#111b30}.mlbb-preview__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid #ffffff14}.mlbb-preview .mlbb-label{font-size:11px;color:#b9c9e8}.mlbb-profile{display:flex;align-items:center;gap:14px;margin:20px 0}.mlbb-profile__avatar{border-radius:16px;border:2px solid #8cb3d9;object-fit:cover}.mlbb-profile h3{margin:0 0 5px;font-size:26px}.mlbb-profile__rank{margin-left:auto;object-fit:contain}.mlbb-preview__caption{font-size:12px;color:#a9bbd5}.mlbb-chips{display:flex;flex-wrap:wrap;gap:7px}.mlbb-chips>span{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:7px;padding:5px 8px;font-size:12px;color:#d1def2}.mlbb-chips img{object-fit:contain}.mlbb-pick-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9dafc9;margin-top:18px}.mlbb-preview-picks{display:flex;gap:16px;margin:12px 0 20px}.mlbb-preview-picks>div{display:grid;justify-items:center;gap:6px;font-size:11px;color:#c7d2e8}.mlbb-preview-picks img{border:1px solid #ffffff40;border-radius:12px}.mlbb-preview__foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #ffffff14;padding-top:14px;color:#9dafc9;font-size:11px}.mlbb-preview-copy__note{font-size:14px;border-left:3px solid #f5ad37;padding-left:14px}.mlbb-training-banner{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:20px;margin:20px 0}.mlbb-training-banner .mlbb-role-art{width:115px}.mlbb-training-banner h3{margin:8px 0;font-size:27px;line-height:1.15}.mlbb-training-banner p{font-size:12px;line-height:1.5}.mlbb-training-banner .mlbb-role-art__badge{width:34px;height:34px;top:6px;right:6px;border-radius:8px}.mlbb-training-banner .mlbb-role-art__badge img{width:24px;height:24px}.mlbb-training-plan{display:grid;gap:8px;margin-bottom:20px}.mlbb-training-plan>div{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;background:#ffffff06;font-size:13px;color:#c7d2e8}.mlbb-training-plan>div>span{font-size:11px;color:#79ddb2;font-weight:700}.mlbb-squad-emblem{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border:1px solid #b593ec;background:linear-gradient(140deg,#533b79,#1c2140);border-radius:16px;font-size:15px;font-weight:800;color:#e4d3ff;letter-spacing:.06em}.mlbb-squad-lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:24px 0}.mlbb-squad-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 3px;border:1px solid #ffffff1f;border-radius:10px;background:#ffffff05;font-size:11px;color:#bbcbe1}.mlbb-squad-slot__hero{border-radius:9px;max-width:100%;height:auto}.mlbb-squad-slot__lane{object-fit:contain}.mlbb-squad-slot--open{border:1px dashed #f5ad37;background:#f5ad370a;color:#ffcc70}.mlbb-squad-slot__vacancy{display:grid;place-items:center;width:56px;height:56px;font-size:36px;font-weight:300}.mlbb-squad-slot small{position:absolute;bottom:-10px;background:#553d20;border:1px solid #f5ad3780;color:#ffcc70;border-radius:4px;padding:2px 5px;font-size:10px}.mlbb-launch-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px;border:1px solid #f5ad3740;border-radius:16px;background:#f5ad3708}.mlbb-launch-note p{margin:0;flex:1 1 260px;color:#c7d2e8;line-height:1.6}
@media(max-width:760px){.mlbb-roadmap__grid{grid-template-columns:1fr}.mlbb-preview{padding:20px}.mlbb-preview-copy{grid-row:1}.mlbb-previews .mlbb-row{margin-block:36px;gap:20px}.mlbb-previews .mlbb-row+.mlbb-row{padding-top:32px;border-top:1px solid #ffffff14}.mlbb-preview-copy h2{margin-block:14px}.mlbb-profile{gap:10px}.mlbb-profile__avatar{width:56px;height:56px}.mlbb-profile__rank{width:48px;height:48px}.mlbb-profile h3{font-size:23px}.mlbb-training-banner{grid-template-columns:90px 1fr;gap:14px}.mlbb-training-banner .mlbb-role-art{width:90px}.mlbb-training-banner h3{font-size:23px}.mlbb-squad-lineup{gap:5px}.mlbb-squad-slot{font-size:10px}.mlbb-squad-slot__hero{width:44px}.mlbb-squad-slot__vacancy{width:44px;height:44px}.mlbb-launch-note .btn{width:100%}.mlbb-rank-preview{gap:14px 4px}}