:root{color-scheme:dark;--text:#f2f3f2;--muted:#a7adb0;--blue:#86c8dd;--red:#c7483f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101417;color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.notice{position:fixed;top:90px;right:20px;z-index:100;background:#331e1d;border:1px solid #a7443b;padding:12px 18px}.site-header{position:absolute;inset:0 0 auto;height:82px;z-index:20;display:flex;align-items:center;gap:52px;padding:0 3%;direction:ltr;background:linear-gradient(#10141985,transparent)}.dota-brand img{width:190px;max-width:24vw}.site-header nav{display:flex;align-items:center;gap:30px;direction:rtl;margin-right:auto}.site-header nav a{font-weight:800;font-size:15px;color:#c7c9c8;white-space:nowrap;text-shadow:0 2px 8px #000}.site-header nav a.active{color:#fff;border-bottom:3px solid #ba3f36;padding-bottom:7px}.site-header nav a:hover{color:#fff}.all-heroes-link{border:1px solid #aebbc0;color:#fff;background:#b9c3c418;text-transform:uppercase;padding:10px 18px;font-weight:700;white-space:nowrap;box-shadow:0 0 0 2px #ffffff12 inset}.grid-mark{font-size:25px;vertical-align:middle;margin-right:8px;line-height:0}.hero-stage{height:min(780px,100vh);min-height:675px;position:relative;overflow:hidden;isolation:isolate;direction:ltr;background:#192229 url('https://cdn.steamstatic.com/apps/dota2/images/dota_react/backgrounds/greyfade.jpg') center/cover}.stage-shapes{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1119 0%,#182329c9 28%,#1d2b3333 68%,#889ca722 100%),linear-gradient(0deg,#050709b8,transparent 30%),linear-gradient(150deg,transparent 65%,#c2d0d021 65%,#6f829222 83%,transparent 83%)}.hero-render{position:absolute;right:1%;bottom:0;height:84%;width:66%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 36px #000a)}.hero-render[hidden]{display:none}.hero-rail{position:absolute;left:2.5%;top:22%;bottom:12%;display:flex;align-items:center;flex-direction:column;justify-content:space-between;border-left:2px solid #ffffff45;padding-left:13px;color:#ffffff8a;z-index:3}.hero-rail button{background:none;border:0;color:#ddd;font:50px Georgia,serif;line-height:.8}.hero-rail button:hover{color:white}.hero-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font:700 16px Georgia,serif;letter-spacing:.2em}.hero-intro{position:absolute;z-index:4;top:17%;left:12%;width:min(440px,34vw);direction:rtl;text-align:right;text-shadow:0 2px 14px #000a}.attribute-line{display:flex;align-items:center;gap:8px;font-size:20px;letter-spacing:.05em}.attribute-line img{width:30px;height:30px}.hero-intro h1{font-size:clamp(42px,4.6vw,72px);line-height:1.15;margin:11px 0 0;font-weight:900;letter-spacing:-.06em}.english-name{font:700 12px Arial,sans-serif;letter-spacing:.17em;color:#cdd9dd;margin:0 0 13px}.hero-tagline{color:#9be1f4;font-weight:800;letter-spacing:.04em;font-size:13px;margin:0 0 14px}.hero-hype{font-size:clamp(14px,1.3vw,19px);line-height:1.85;max-height:185px;overflow:auto;margin:0;color:#e3e8e9}.story-trigger{background:transparent;color:#becbd0;border:0;border-bottom:1px solid #889da5;padding:1px 0;margin-top:9px;font-size:12px}.story-trigger:hover{color:#fff}.attack-complexity{display:grid;gap:15px;margin-top:24px}.attack-complexity small{display:block;color:#b3b8bc;font-size:12px;letter-spacing:.12em}.attack-complexity strong{display:block;margin-top:3px;font-size:15px}.attack-complexity #complexity{display:flex;gap:9px;margin-top:10px}.attack-complexity #complexity i{height:14px;width:14px;transform:rotate(45deg);border:1px solid #aaa;background:#34383a}.attack-complexity #complexity i.filled{background:#fff;border-color:#fff}.stage-skills{position:absolute;z-index:5;right:6%;bottom:42px;text-align:center;direction:rtl}.stage-skills>span{display:block;font-size:14px;font-weight:800;letter-spacing:.12em;margin-bottom:11px;text-shadow:0 2px 8px black}.stage-abilities,.ability-tabs{display:flex;align-items:center;gap:9px;justify-content:center;flex-wrap:wrap}.ability-icon-button{position:relative;border:2px solid #5a6266;padding:0;width:75px;height:75px;background:#23282a;box-shadow:0 3px 12px #000a;transition:filter .15s,transform .15s,border-color .15s}.ability-icon-button:hover{transform:translateY(-4px);filter:brightness(1.25)}.ability-icon-button[aria-selected=true]{border-color:#eee;box-shadow:0 0 13px #b8e6efaa}.ability-icon-button>img{width:100%;height:100%;object-fit:cover}.ability-icon-button.compact{width:67px;height:67px}.ability-icon-button .ability-badges{position:absolute;top:-15px;right:-7px;display:flex;gap:1px}.ability-badges img{width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 1px 3px #000)}.icon-tooltip{display:none;position:absolute;bottom:calc(100% + 10px);right:50%;transform:translateX(50%);min-width:125px;background:#13191ded;padding:5px 9px;color:white;font-size:11px;pointer-events:none}.ability-icon-button:hover .icon-tooltip,.ability-icon-button:focus-visible .icon-tooltip{display:block}.scroll-cue{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);color:#d2dbdf;background:transparent;border:0;font-size:12px}.scroll-cue b{display:block;font-size:21px;line-height:1}.stats-band{background:#161b1d;min-height:180px;display:grid;grid-template-columns:170px 210px minmax(280px,1fr) minmax(330px,1.05fr);gap:28px;padding:24px max(5%,calc((100vw - 1520px)/2));direction:ltr;align-items:center;border-top:1px solid #292f30;border-bottom:1px solid #41484a}.stats-portrait img{width:150px;height:95px;object-fit:cover}.resource-bars{width:150px;margin-top:-4px;font:700 11px Arial;color:#fff;text-align:center}.resource-bars span{display:block;padding:1px}.resource-bars span:first-child{background:linear-gradient(90deg,#197b34,#77cc42)}.resource-bars span:last-child{background:linear-gradient(90deg,#124cbc,#58d6e4)}.attribute-stats{border-right:1px solid #3a4144;padding-right:25px}.attribute-stats>div{display:flex;align-items:center;gap:9px;margin:7px 0}.attribute-stats img{width:26px;height:26px}.attribute-stats strong{font:700 24px Georgia,serif}.attribute-stats small{color:#8c969b;font:13px Arial}.roles-stats{height:100%;padding-top:8px;display:flex;flex-direction:column}.role-bars{display:grid;grid-template-columns:repeat(3,minmax(78px,1fr));gap:7px 15px;flex:1}.role{font:700 11px Arial;text-align:left;color:#ddd}.role i{display:block;height:6px;background:#464d50;margin-top:5px}.role b{display:block;background:linear-gradient(90deg,#a8c4d4,#f6fbff);height:100%;box-shadow:0 0 7px #aacbe9}.roles-stats>small{text-align:center;color:#8e979b;letter-spacing:.1em}.combat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.combat-col h3{font-size:12px;color:#9ba5aa;font-weight:500;margin:0 0 6px;text-align:left}.combat-col>div{display:flex;align-items:center;gap:7px;margin:4px 0;font:12px Arial;white-space:nowrap}.combat-col img{width:19px;height:19px;object-fit:contain}.ability-section{background:#1d2429 url('https://cdn.steamstatic.com/apps/dota2/images/dota_react/backgrounds/grey_painterly.png') center top/cover;padding:70px 4.5% 125px;min-height:750px}.ability-eyebrow{font-size:11px;color:#9fadb5;text-align:center}.ability-section h2,.upgrade-section h2{font-size:clamp(28px,3vw,42px);text-align:center;letter-spacing:-.04em;margin:8px 0 0}.ability-intro{text-align:center;color:#a8b4b8;font-size:13px;margin:7px 0 40px}.ability-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr);gap:20px;direction:ltr;align-items:start;max-width:1500px;margin:auto}.video-frame{height:410px;background:#080b0c;position:relative;overflow:hidden;box-shadow:0 8px 20px #0008}.video-frame video,.video-frame img{height:100%;width:100%;object-fit:cover}.ability-tabs{justify-content:flex-start;direction:ltr;margin:0;padding:0 12px}.ability-tabs .ability-icon-button{margin-top:-18px;z-index:2}.ability-panel{background:#080a0bf2;direction:rtl;min-height:440px;padding:22px 28px 24px;box-shadow:0 8px 20px #0007;text-align:right}.ability-panel-head{display:flex;align-items:center;gap:17px;background:#16191b;margin:-22px -28px 0;padding:17px 26px}.selected-icon{height:76px;width:76px;object-fit:cover;box-shadow:0 3px 7px black}.ability-panel-head h3{font-size:25px;line-height:1.4;margin:0}.ability-panel-head small{display:block;text-align:right;color:#8f9a9f;font:12px Arial}.innate-label{font-size:11px;color:#b4d6e6}.ability-description{color:#cbd1d3;font-size:14px;line-height:1.9;margin:18px 0 22px;white-space:pre-line}.mechanics{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;border-top:1px solid #303536;padding-top:16px}.mechanics>div{display:flex;align-items:baseline;gap:5px;font-size:11px}.mechanics span,.special-values span{color:#879297}.mechanics strong{color:#eef1f2}.special-values{padding:20px 0 14px;font-size:12px}.special-values>div{display:flex;align-items:baseline;gap:6px;line-height:1.8}.special-values bdi{font-weight:700;color:#e7eaeb}.resource-cost{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #292f30;padding:8px 0;color:#c7d2d7;font-size:12px}.resource-cost span:last-child{color:#62cbe5}.ability-panel blockquote{background:#191b1c;color:#aeb5b7;border-right:2px solid #76838b;margin:12px 0 0;padding:8px 13px;font-style:italic;font-size:12px}.panel-upgrade{border:1px solid #665b4a;background:#29251e;display:flex;align-items:flex-start;gap:13px;padding:12px;margin-top:14px}.panel-upgrade img{width:42px;height:42px;object-fit:contain}.panel-upgrade strong{color:#d7ba81;font-size:13px}.panel-upgrade p{color:#d5d2c8;font-size:12px;line-height:1.8;margin:3px 0}.notes,.original-copy{color:#9aabad;font-size:11px;margin-top:14px}.notes summary,.original-copy summary{cursor:pointer}.notes li{line-height:1.8}.original-copy p{text-align:left;line-height:1.7}.upgrade-section{background:#14191d;padding:66px max(5%,calc((100vw - 1450px)/2)) 85px}.upgrade-head>span{display:block;text-align:center;font-size:12px;color:#d0a75e}.upgrade-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:35px}.upgrade-card{color:#e7e9e9;display:flex;align-items:flex-start;text-align:right;gap:14px;padding:20px;background:linear-gradient(140deg,#273037,#171d22);border:1px solid #4b565a;min-height:170px}.upgrade-card:hover{border-color:#c3a872;background:#2c363c}.upgrade-emblem{width:49px;height:49px;object-fit:contain;flex:none}.upgrade-card small{font-size:11px;color:#d8b978}.upgrade-card h3{font-size:17px;margin:2px 0}.upgrade-card p{font-size:12px;color:#afb9bc;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.upgrade-arrow{align-self:flex-end;margin-right:auto}.no-upgrades{grid-column:1/-1;color:#a6b3b7;text-align:center}.hero-neighbors{display:grid;grid-template-columns:1fr 150px 1fr;height:190px;direction:ltr;background:#0d1114}.hero-neighbors button{position:relative;overflow:hidden;border:0;background:#151a1e;color:white;text-align:left;padding:24px 35px}.hero-neighbors button:hover{background:#272f33}.hero-neighbors button img{position:absolute;height:145%;width:57%;object-fit:contain;right:-10px;bottom:-35px;opacity:.9}.hero-neighbors button small,.hero-neighbors button strong{position:relative;z-index:1;display:block}.hero-neighbors button small{color:#aab1b5;font-size:11px}.hero-neighbors button strong{font-size:24px;max-width:50%;line-height:1.4}.hero-neighbors #neighbor-all{text-align:center;background:#242a2d;padding:15px;font-size:11px}.hero-neighbors #neighbor-all span{display:block;font-size:74px;line-height:1.4}footer{background:#101416;border-top:1px solid #363d40;color:#929da2;text-align:center;font-size:12px;padding:24px 20px}footer a{text-decoration:underline;color:#d0dee2}.overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center}.overlay-scrim{position:absolute;inset:0;background:#070a0ded;backdrop-filter:blur(8px)}.picker-dialog,.story-dialog{position:relative;background:#1b2429;border:1px solid #4b5a60;box-shadow:0 25px 90px #000;max-height:88vh;overflow:auto}.picker-dialog{width:min(1000px,94vw);padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head small,.story-dialog>small{color:#cc9e68;font-size:12px}.dialog-head h2,.story-dialog h2{font-size:30px;margin:2px 0 18px}.close-button{background:transparent;border:0;color:#fff;font:35px Arial;line-height:1}.picker-dialog input{background:#10181d;border:1px solid #64727a;color:#fff;padding:12px 16px;width:100%;outline:none;margin-bottom:20px}.picker-dialog input:focus{border-color:#aed7e5}.hero-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-height:58vh;overflow:auto}.hero-tile{padding:0 0 8px;background:#222d32;color:#f0f2f1;border:1px solid #3c4a51;text-align:center;overflow:hidden}.hero-tile:hover,.hero-tile.selected{border-color:#add2dd;background:#314047}.hero-tile img{height:70px;width:100%;object-fit:cover}.hero-tile span,.hero-tile small{display:block}.hero-tile span{font-size:11px;line-height:1.4}.hero-tile small{font:9px Arial;color:#9dacb3}.no-results{grid-column:1/-1;text-align:center;color:#aab8bd}.story-dialog{width:min(720px,92vw);padding:36px 46px}.story-dialog .close-button{position:absolute;top:18px;left:20px}.story-dialog p{font-size:15px;line-height:2.2;color:#d5dedf;white-space:pre-line}.story-dialog details{color:#9facb2;font-size:12px}.story-dialog summary{cursor:pointer}.story-dialog details p{text-align:left;font-size:12px}
@media(max-width:1100px){.site-header{gap:25px}.site-header nav{gap:15px}.hero-intro{left:9%;width:42vw}.hero-render{right:-12%;width:80%}.stats-band{grid-template-columns:150px 180px 1fr;gap:18px}.combat-stats{grid-column:1/-1;justify-self:center;width:75%;padding-top:12px}.ability-layout{grid-template-columns:1fr 1fr}.video-frame{height:340px}.upgrade-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:68px;padding:0 16px;gap:12px}.dota-brand img{width:110px;max-width:none}.site-header nav{gap:9px;margin-left:auto}.site-header nav a{font-size:10px}.site-header nav a:nth-child(n+3){display:none}.all-heroes-link{padding:7px 9px;font-size:10px}.all-heroes-link .grid-mark{font-size:19px;margin-right:0}.hero-stage{height:790px;min-height:790px}.hero-render{top:45px;bottom:auto;right:-15%;width:130%;height:57%;object-position:center top}.stage-shapes{background:linear-gradient(0deg,#080e13 2%,#111c26e8 40%,#22323a22 74%),linear-gradient(130deg,#15242e,#6d808a29)}.hero-intro{left:9%;right:9%;top:46%;width:auto;text-align:right}.hero-intro h1{font-size:40px;margin:4px 0 0}.attribute-line{font-size:13px}.attribute-line img{width:23px;height:23px}.hero-tagline{font-size:11px;margin-bottom:7px}.hero-hype{font-size:12px;max-height:74px;line-height:1.7}.story-trigger{margin-top:3px}.attack-complexity{display:flex;gap:30px;margin-top:12px}.attack-complexity small{font-size:10px}.attack-complexity strong{font-size:12px}.stage-skills{right:3%;left:3%;bottom:37px}.stage-skills>span{font-size:11px;margin-bottom:6px}.stage-abilities{gap:4px}.ability-icon-button.compact{width:48px;height:48px}.ability-badges img{width:16px;height:16px}.ability-icon-button .ability-badges{top:-9px}.scroll-cue{bottom:2px}.hero-rail{display:none}.stats-band{display:grid;grid-template-columns:110px 1fr;padding:18px;gap:15px}.stats-portrait img,.resource-bars{width:110px}.stats-portrait img{height:70px}.attribute-stats{border:0;padding:0}.attribute-stats>div{margin:2px 0}.attribute-stats strong{font-size:17px}.attribute-stats img{width:20px;height:20px}.roles-stats,.combat-stats{grid-column:1/-1;width:100%}.roles-stats{min-height:120px}.combat-stats{gap:5px}.combat-col>div{font-size:10px}.ability-section{padding:50px 15px 75px}.ability-layout{grid-template-columns:1fr}.video-frame{height:230px}.ability-panel{min-height:0}.ability-tabs{padding:0;gap:5px}.ability-tabs .ability-icon-button{width:52px;height:52px}.upgrade-section{padding:55px 16px}.upgrade-list{grid-template-columns:1fr}.hero-neighbors{grid-template-columns:1fr 90px 1fr;height:130px}.hero-neighbors button{padding:14px}.hero-neighbors button strong{font-size:13px;max-width:80%}.hero-neighbors button img{display:none}.hero-neighbors #neighbor-all span{font-size:38px}.hero-grid{grid-template-columns:repeat(3,1fr)}.picker-dialog{padding:18px}.hero-tile img{height:60px}.story-dialog{padding:28px}}
@media(max-width:420px){.site-header nav a:first-child{display:none}.hero-intro{top:44%}.hero-hype{max-height:80px}.ability-icon-button.compact{width:44px;height:44px}.stage-skills{bottom:38px}.combat-stats{grid-template-columns:repeat(3,1fr)}.combat-col img{width:14px;height:14px}}

/* The Heroes tab opens a roster; individual profiles keep the cinematic layout. */
body.directory-mode .site-header{position:relative;background:#141b20;border-bottom:1px solid #38444a}
.directory-page{min-height:calc(100vh - 82px);padding:74px max(5%,calc((100vw - 1450px)/2)) 100px;background:radial-gradient(circle at 50% 5%,#48565c66,transparent 45%),#151d22 url('https://cdn.steamstatic.com/apps/dota2/images/dota_react/backgrounds/grey_painterly.png') center top/cover}
.directory-intro{text-align:center;margin:0 auto 38px}.directory-intro span{color:#d2a583;font-size:12px;letter-spacing:.12em}.directory-intro h1{font-size:clamp(36px,5vw,65px);line-height:1.25;margin:10px 0;color:#f3f4f2}.directory-intro p{color:#bdc8cc;font-size:15px;margin:0}
.directory-toolbar{display:flex;align-items:center;gap:17px;background:#10161ae8;border:1px solid #4f5a60;padding:12px 18px;margin-bottom:22px}.directory-toolbar label{font-size:13px;color:#d7e1e3;white-space:nowrap}.directory-toolbar input{min-width:0;flex:1;background:transparent;border:0;border-bottom:1px solid #73828a;outline:none;color:#fff;padding:7px 2px;font-size:13px}.directory-toolbar input:focus{border-bottom-color:#c6dfe7}.directory-toolbar span{font-size:12px;color:#9fadad;white-space:nowrap}
.directory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.directory-card{border:1px solid #404e54;background:#1c282e;color:white;text-align:right;padding:0 0 10px;min-width:0;overflow:hidden;transition:transform .15s,border-color .15s,background .15s}.directory-card:hover,.directory-card:focus-visible{transform:translateY(-4px);border-color:#dae3e5;background:#34434a;outline:none}.directory-card img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover;filter:saturate(.85)}.directory-card:hover img{filter:saturate(1.15)}.directory-card span{display:block;font-size:14px;font-weight:800;padding:9px 12px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-card small{display:block;color:#9eb0b8;font:11px Arial,sans-serif;padding:1px 12px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.directory-page{min-height:calc(100vh - 68px);padding:48px 15px 70px}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.directory-card span{font-size:11px;padding:7px 7px 0}.directory-card small{font-size:9px;padding:1px 7px}.directory-toolbar{gap:8px;padding:9px}.directory-toolbar label{display:none}.directory-intro p{font-size:12px}}
@media(max-width:420px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shared SmartDota identity in the Persian hero guide. */
.dota-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;flex:none;direction:ltr}
.dota-brand img{display:block;width:47px;height:47px;max-width:none;filter:drop-shadow(0 2px 7px #0009)}
.dota-brand .brand-lockup{display:flex;flex-direction:column;direction:ltr}
.dota-brand .brand-wordmark{font:700 28px/1 Georgia,'Times New Roman',serif;letter-spacing:.015em;color:#f1e8dc;text-shadow:0 2px 6px #000b}
.dota-brand .brand-wordmark span{color:#e26858}
.dota-brand small{font-size:10px;color:#c3b6ad;letter-spacing:.05em;margin-top:5px;direction:rtl;text-align:right;font-weight:700}
.site-header{background:linear-gradient(#101313c9,transparent)}
@media(max-width:760px){.site-header{gap:10px}.dota-brand{gap:5px}.dota-brand img{width:32px;height:32px}.dota-brand .brand-wordmark{font-size:16px}.dota-brand small{font-size:8px;margin-top:3px}}
@media(max-width:390px){.site-header nav a:first-child{display:none}.dota-brand .brand-wordmark{font-size:15px}}

/* Item build sourced from stored winning matches for the selected hero. */
.item-build-section{padding:72px max(5%,calc((100vw - 1450px)/2)) 82px;background:radial-gradient(circle at 50% 0,#744a392b,transparent 48%),#171c20;color:#edf0ef}
.item-build-head{text-align:center}.item-build-head>span{font-size:12px;color:#d4a47e}.item-build-head h2{font-size:clamp(27px,3vw,42px);margin:7px 0 6px}.item-build-head p{font-size:13px;color:#a9b9bd;line-height:1.9;margin:0 auto 30px;max-width:900px}
.build-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.build-phase{background:linear-gradient(145deg,#283138,#171d21);border:1px solid #4a565c;border-top:2px solid #bf6350;min-width:0;padding:22px}.build-phase h3{margin:0 0 19px;font-size:19px;color:#e6c9b7}.build-items{display:grid;gap:11px}.build-item,.final-build-item{display:grid;grid-template-columns:53px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:11px;min-width:0;padding:8px;background:#1016199e;border:1px solid #37434a}.build-item-icon{grid-row:1/3;width:53px;height:42px;display:grid;place-items:center;background:#28343b;color:#c5ab7c;overflow:hidden}.build-item-icon img{width:100%;height:100%;object-fit:cover}.build-item strong,.final-build-item strong{font-size:12px;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.build-item small,.final-build-item small{font-size:10px;color:#a3b3b9}
.final-build{margin-top:24px;padding:25px;background:#111619;border:1px solid #4d5b60}.final-build h3{font-size:21px;color:#f0e5dc;margin:0 0 17px}.final-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.final-build-item{background:#222c31}.item-build-method{margin:20px 0 0;color:#8d9da4;font-size:12px;line-height:1.8}.item-build-empty{padding:30px;text-align:center;color:#b4c0c3;background:#20282d;border:1px solid #47545a;line-height:1.9}
@media(max-width:950px){.build-phases{grid-template-columns:1fr}.build-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.item-build-section{padding:50px 16px 62px}.build-items,.final-build-grid{grid-template-columns:1fr}.final-build{padding:17px}.build-phase{padding:16px}}
@media(max-width:760px){.site-header nav a:nth-child(3){display:inline}.site-header nav a:nth-child(n+4){display:none}}
.video-frame .ability-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:28px;text-align:center;direction:rtl;background-color:#10191e;background-size:cover,contain;background-position:center;background-repeat:no-repeat;color:#dce7e9}
.video-frame .ability-fallback[hidden]{display:none}
.video-frame .ability-fallback img{width:104px;height:104px;object-fit:cover;border:2px solid #849ca344;border-radius:8px;box-shadow:0 10px 30px #0009}
.ability-fallback strong{display:block}
.ability-fallback strong{font-size:20px;line-height:1.4}