:root{color-scheme:dark;--ink:#dce4e7;--muted:#8da0a9;--blue:#172833;--red:#d05242;--gold:#edb83e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;background:#1d140e url('/static/item-workbench.webp') center/cover fixed}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{height:64px;background:#0b1115e8;border-bottom:1px solid #36444a;display:flex;direction:ltr;align-items:center;gap:44px;padding:0 2.3%;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand img{width:34px;height:34px}.brand span{font:800 22px/1 Georgia,serif;letter-spacing:-.04em}.brand b{color:var(--red)}.site-header nav{display:flex;direction:rtl;align-items:center;gap:30px;height:100%;margin-right:auto}.site-header nav a{height:100%;display:grid;place-items:center;font-size:13px;font-weight:800;color:#aebbc0;border-bottom:3px solid transparent}.site-header nav a:hover,.site-header nav a.active{color:#fff}.site-header nav a.active{border-bottom-color:var(--red)}
.shop-toolbar{min-height:77px;display:flex;align-items:center;gap:23px;padding:12px max(3%,calc((100vw - 2020px)/2));background:#1b140fd9;box-shadow:0 12px 30px #0002}.shop-intro{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.shop-intro span{font-size:11px;color:#8da1a7}.shop-intro strong{font-size:19px;color:#eee}.shop-intro small{font-size:11px;color:#82959a}.shop-search{margin-right:auto;width:min(350px,30vw);display:flex;align-items:center;height:38px;border:1px solid #50616a;background:#0c181f;padding:0 10px}.shop-search:focus-within{border-color:#d98d74}.shop-search input{border:0;outline:0;background:none;color:#fff;min-width:0;width:100%;font-size:12px}.shop-search>span:last-child{font-size:27px;line-height:1;color:#92aab4;transform:rotate(-20deg)}.shop-filters{display:flex;gap:4px}.shop-filters button{background:#13222a;border:1px solid #35434b;color:#a9b8bd;padding:5px 10px;font-size:11px}.shop-filters button:hover,.shop-filters button.active{color:#fff;border-color:#ac5a4c;background:#4b2a25}
.shop-layout{direction:ltr;display:grid;grid-template-columns:minmax(295px,1.16fr) minmax(295px,1.16fr) minmax(215px,.73fr) minmax(305px,.8fr);gap:13px;max-width:2020px;margin:0 auto;padding:0 3% 24px;align-items:start}.shop-column{direction:rtl;min-width:0}.shop-column>h1,.shop-column>h2{text-align:center;color:#99afb6;font-size:17px;font-weight:800;letter-spacing:.04em;margin:5px 0 2px;line-height:1.5;height:29px}.group-surface,.neutral-surface,.details-surface{height:calc(100vh - 195px);min-height:590px;background:#090909e9;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d4c50 #0d1012}.group-surface{padding:13px 13px 28px}.paired-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:17px 12px}.item-group{min-width:0}.item-group h3,.neutral-group h3{color:#8da4aa;font-size:12px;letter-spacing:.03em;font-weight:700;margin:0 0 4px;line-height:1.4;text-align:right}.item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.item-tile{border:1px solid #1e282b;background:#070b0d;padding:0;aspect-ratio:1.19;width:100%;min-width:0;display:block;position:relative;overflow:hidden}.item-tile img{display:block;width:100%;height:100%;object-fit:cover}.item-tile:hover,.item-tile:focus-visible{outline:0;border-color:#d2dfe1;filter:brightness(1.2);z-index:1}.item-tile.selected{border:2px solid #e45d47;box-shadow:0 0 12px #e45d4788}.item-tile.selected:hover{border-color:#f8c0a9}.item-group.empty-group,.neutral-group.empty-group{display:none}.neutral-surface{padding:13px 12px 25px}.neutral-group{margin-bottom:17px}.neutral-group h3{display:flex;align-items:center;justify-content:space-between}.neutral-group small{font-size:11px;color:#687b82;font-weight:400}.neutral-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.details-surface{display:flex;flex-direction:column;border:2px solid #090d0f;background:#0c171d;overflow:hidden}.detail-empty{color:#70858e;margin:30px 15px;text-align:center;font-size:13px}.detail-copy{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#445864 #111c22}.detail-heading{display:flex;align-items:flex-start;gap:11px;padding:14px 12px 12px;background:linear-gradient(105deg,#1a2a35,#213540);border-bottom:1px solid #263943}.detail-heading img{width:71px;height:54px;object-fit:cover;border:1px solid #506775;flex:none}.detail-heading h3{font-size:21px;margin:0;line-height:1.3;color:#f0f3f4}.detail-heading small{display:block;color:#95a9b2;font:11px Arial,sans-serif;text-align:right;margin:2px 0}.detail-heading strong{color:var(--gold);font-size:16px}.detail-main{padding:0 12px 15px}.detail-mechanics{color:#91acc0;border-bottom:1px solid #344752;padding:7px 0;font-size:11px}.detail-bonuses{padding:15px 0 8px;display:grid;gap:3px}.detail-bonuses p{margin:0;font-size:14px;color:#c4d1d5}.detail-bonuses strong{color:#f3f4f4}.detail-description{color:#abbcc4;font-size:13px;line-height:1.9;margin:7px 0 13px}.ability-card{margin:7px 0;background:#1b2a34}.ability-card h4{margin:0;background:#293f4e;padding:5px 8px;color:#d9e5ed;font-size:13px;line-height:1.5}.ability-card.active h4{background:#343f62;color:#ebefff}.ability-card p{font-size:12px;line-height:1.8;padding:7px 8px 9px;margin:0;color:#b4c3ca;white-space:pre-line}.ability-meta{display:flex;gap:10px;flex-wrap:wrap;padding:0 8px 9px;color:#d9dfe4;font-size:11px}.ability-meta b{color:#f0f3f3}.detail-note{background:#263f4e;color:#b7c9d1;font-size:12px;line-height:1.8;margin:8px 0;padding:7px 9px}.detail-source{display:block;color:#7999a9;font-size:10px;margin:15px 0 0}.detail-source:hover{color:white;text-decoration:underline}
.recipe-panel{border-top:3px solid #050809;background:linear-gradient(#1d2124,#10151b);min-height:217px;max-height:245px;display:flex;flex-direction:column;text-align:center;padding:8px 10px 10px;overflow:auto}.recipe-panel h4{font-size:11px;color:#92a6ad;margin:0 0 3px}.recipe-row{display:flex;justify-content:center;align-items:center;gap:12px}.recipe-item{border:0;background:none;padding:0;min-width:0;color:#d6e0e2;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:80px}.recipe-item img{width:53px;height:39px;object-fit:cover;border:1px solid #64737a}.recipe-item:hover img,.recipe-item:focus-visible img{border-color:#ef715b;filter:brightness(1.2)}.recipe-item span{font-size:9px;line-height:1.2;white-space:nowrap;max-width:76px;overflow:hidden;text-overflow:ellipsis}.recipe-item.current img{border:2px solid #e45d47}.recipe-line{width:2px;height:12px;background:#5c6469;margin:2px auto}.recipe-panel .recipe-row.components{margin-top:auto}.recipe-empty{font-size:10px;color:#819198;margin:2px 0 7px}.recipe-cost{font-size:10px;color:#c0aa75;margin:5px 0 0}
.item-tooltip{position:fixed;z-index:30;pointer-events:none;width:325px;max-width:calc(100vw - 18px);background:#17252f;border:2px solid #090e12;box-shadow:0 18px 46px #000d;text-align:right;direction:rtl}.tooltip-heading{display:flex;gap:9px;align-items:center;background:linear-gradient(110deg,#1a2934,#283b48);padding:9px}.tooltip-heading img{width:60px;height:45px;object-fit:cover;border:1px solid #526875}.tooltip-heading strong{font-size:16px;display:block}.tooltip-heading small{color:var(--gold);font-size:12px}.tooltip-body{padding:8px 10px 11px}.tooltip-meta{font-size:10px;color:#8ca7b9;padding-bottom:5px;border-bottom:1px solid #334650}.tooltip-bonuses{font-size:12px;color:#d9e3e7;margin:12px 0 8px}.tooltip-bonuses div{margin:2px 0}.tooltip-ability{background:#263b48;margin-top:6px;padding:6px 8px}.tooltip-ability strong{font-size:11px;color:#e3eaf0}.tooltip-ability p{font-size:11px;line-height:1.7;color:#b4c5cd;margin:3px 0 0;max-height:86px;overflow:hidden}.tooltip-footer{color:#8da5ae;font-size:10px;margin-top:8px}footer{display:flex;justify-content:center;gap:12px;color:#89969c;font-size:10px;padding:8px}footer a:hover{color:#fff}
@media(max-width:1320px){.shop-layout{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) minmax(190px,.7fr) minmax(290px,.9fr);gap:8px;padding-inline:1.5%}.group-surface{padding:10px 7px}.paired-groups{gap:14px 6px}.item-grid{gap:3px}.neutral-surface{padding-inline:6px}.detail-heading h3{font-size:18px}.shop-intro span{display:none}}
@media(max-width:1080px){.shop-layout{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 2% 20px}.basics-column{grid-column:1}.upgrades-column{grid-column:2}.neutrals-column{grid-column:1}.details-column{grid-column:2;grid-row:2}.group-surface,.neutral-surface{height:520px;min-height:0}.details-surface{height:520px;min-height:0}.neutral-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.shop-toolbar{flex-wrap:wrap;gap:10px}.shop-search{width:35vw}}
@media(max-width:650px){.site-header{height:56px;padding:0 10px;gap:12px}.brand img{width:27px;height:27px}.brand span{font-size:16px}.site-header nav{gap:10px}.site-header nav a{font-size:10px}.site-header nav a:first-child,.site-header nav a:last-child,.site-header nav a:nth-child(4){display:none}.shop-toolbar{padding:10px 12px}.shop-intro strong{font-size:16px}.shop-intro small{font-size:10px}.shop-search{order:3;width:100%;margin:0}.shop-filters{margin-right:auto}.shop-filters button{padding:4px 7px}.shop-layout{display:flex;flex-direction:column;padding:0 10px 18px}.shop-column{width:100%}.details-column{order:0}.basics-column{order:1}.upgrades-column{order:2}.neutrals-column{order:3}.shop-column>h1,.shop-column>h2{height:auto;font-size:15px;margin:9px 0 3px}.details-surface{height:480px}.group-surface,.neutral-surface{height:auto;max-height:none;min-height:0;padding:12px}.paired-groups{gap:16px 10px}.neutral-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.item-tooltip{display:none}.recipe-panel{min-height:160px}.shop-filters button.active{border-color:#e26c55}}
.paired-groups{direction:ltr}.paired-groups .item-group{direction:rtl}.ability-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;padding:0 8px 9px}.ability-attributes span{font-size:10px;color:#9fb5c0;line-height:1.5}.ability-attributes b{color:#e4e9eb}.detail-lore{font-size:11px;line-height:1.8;color:#7e9ca9;font-style:italic;background:#0c1a21;padding:8px 9px;margin:9px 0}
.shop-layout,.shop-toolbar{-webkit-user-select:none;user-select:none}.shop-search input{-webkit-user-select:text;user-select:text}
/* Frosted glass treatment for the Dota-style item shop. */
body{background-color:#101b27;background-image:radial-gradient(circle at 16% 14%,#557f9870,transparent 34%),radial-gradient(circle at 82% 77%,#b36c5550,transparent 36%),linear-gradient(135deg,#10202bc9,#171820d6),url('/static/item-workbench.webp');background-position:center;background-size:cover;background-attachment:fixed}
.site-header{background:#15222d9c;border-bottom:1px solid #ffffff31;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:0 8px 30px #03070b38}
.shop-toolbar{background:#1a283598;border-bottom:1px solid #ffffff2b;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 14px 35px #03070b2e}
.shop-intro span,.shop-intro small{color:#bdd0da}.shop-column>h1,.shop-column>h2{color:#d3e2e8;text-shadow:0 2px 12px #0009}
.group-surface,.neutral-surface,.details-surface{background:#14222db8;border:1px solid #ffffff35;border-radius:20px;box-shadow:inset 0 1px #ffffff29,0 16px 46px #03080e70;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}
.group-surface,.neutral-surface{scrollbar-color:#90a8b46b transparent}.item-group h3,.neutral-group h3{color:#b8cbd3;text-shadow:0 1px 8px #0008}
.item-tile{background:#101b24b8;border:1px solid #ffffff32;border-radius:5px;box-shadow:0 3px 10px #0005;transition:transform .16s,border-color .16s,box-shadow .16s}.item-tile img{border-radius:4px}.item-tile:hover,.item-tile:focus-visible{transform:translateY(-2px) scale(1.04);border-color:#e8faff;box-shadow:0 4px 18px #8bc6e570}.item-tile.selected{border:2px solid #f38772;box-shadow:0 0 0 2px #f3877244,0 4px 15px #0008}
.shop-search{background:#d5e9f014;border:1px solid #ffffff4b;border-radius:12px;box-shadow:inset 0 1px #ffffff24}.shop-search:focus-within{background:#d5e9f021;border-color:#e3f4f9}.shop-filters button{background:#d6e8f015;border:1px solid #ffffff38;border-radius:10px;color:#d3e0e4}.shop-filters button:hover,.shop-filters button.active{background:#e9f3f52a;border-color:#ffffffa8;color:white;box-shadow:inset 0 1px #ffffff48}
.details-surface{overflow:hidden}.detail-copy{scrollbar-color:#a3c2d47a transparent}.detail-heading{background:linear-gradient(130deg,#739caa4f,#b3cad342 54%,#7695a83d);border-bottom:1px solid #ffffff38;box-shadow:inset 0 1px #ffffff51}.detail-heading img{border:1px solid #ffffff88;border-radius:7px;box-shadow:0 4px 13px #0005}.detail-mechanics{border-bottom-color:#ffffff31;color:#bdd6e3}.detail-bonuses p,.detail-description{color:#e0eaed}.ability-card{background:#b1d1df1b;border:1px solid #ffffff24;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff1c}.ability-card h4{background:#b9d9e326;color:#e7f5fa}.ability-card.active h4{background:#98a9e452;color:#fff}.ability-card p,.ability-attributes span{color:#d0e0e6}.detail-note{background:#a9d3e629;border:1px solid #ffffff25;border-radius:10px;color:#e1edf0}.detail-lore{background:#09151f5c;border:1px solid #ffffff1c;border-radius:10px;color:#b7cfd9}.detail-source{color:#aec9d8}
.recipe-panel{background:linear-gradient(#dae9ef22,#647f9228);border-top:1px solid #ffffff38;box-shadow:inset 0 1px #ffffff32}.recipe-panel h4{color:#d6e6ea}.recipe-item img{border:1px solid #ffffff69;border-radius:5px;box-shadow:0 4px 10px #0007}.recipe-item.current img{border:2px solid #ef917d}.recipe-item span,.recipe-empty{color:#d3e2e6}
.item-tooltip{background:#203440db;border:1px solid #ffffff85;border-radius:16px;overflow:hidden;box-shadow:inset 0 1px #ffffff5c,0 18px 52px #000a;backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}.tooltip-heading{background:linear-gradient(125deg,#a5cad14d,#dcebf143);border-bottom:1px solid #ffffff39}.tooltip-heading img{border-radius:6px;border-color:#ffffff99}.tooltip-meta{color:#c4dbe5;border-bottom-color:#ffffff33}.tooltip-bonuses,.tooltip-ability p{color:#e1edf0}.tooltip-ability{background:#b5d4df26;border:1px solid #ffffff20;border-radius:9px}.tooltip-ability strong{color:#fff}.tooltip-footer{color:#bdd2dc}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.group-surface,.neutral-surface,.details-surface{background:#1b2c38f2}.item-tooltip{background:#263b48f7}}