.home-page{color:#edf0f3;background:#101318;width:100%;max-width:none;min-height:100vh}.home-page .nav{color:#9ca6b2;width:100%;max-width:1440px;min-height:68px;box-shadow:none;background:#0e1116;border-bottom:1px solid #292f38;margin:0 auto;padding:12px 32px}.home-page .nav .logo{height:25px}.home-page .nav .tabs{gap:24px}.home-page .nav .tab{color:#8c97a5;height:44px;font-size:13px}.home-page .nav .tab.on{color:#fff}.home-page .nav .tab.on:after{background:#ee6b50;height:3px;bottom:-12px}.home-page .nav-cta{color:#e8edf2;background:#1a2028;border:1px solid #353d48;border-radius:6px;min-height:38px;font-size:12px}.product-home{width:min(1080px,100% - 40px);margin:0 auto;padding:34px 0 70px}.home-search-panel{background:#181d24;border:1px solid #303741;border-radius:8px;padding:34px 40px 25px;box-shadow:0 2px 12px #0000002e}.home-breadcrumb{color:#7d8794;font-size:12px;font-weight:600}.home-breadcrumb span{color:#4e5865;margin:0 7px}.home-search-heading{align-items:baseline;gap:14px;display:flex}.home-search-heading h1{color:#f4f6f8;letter-spacing:-.05em;font-size:25px}.home-search-heading p{color:#8d98a5;font-size:12px}.op-search{background:#11161c;border:1px solid #47515e;border-radius:6px;align-items:center;width:100%;height:58px;margin-top:25px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.op-search.focused{border-color:#ee6b50;box-shadow:0 0 0 3px #ee6b501f}.region-button{color:#b5bec8;cursor:pointer;background:#11161c;border:0;border-right:1px solid #343d48;align-items:center;gap:10px;height:34px;margin-left:10px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.region-button span{color:#8994a1}.op-search-icon{color:#7c8794;margin:0 14px;font-size:26px;line-height:1;transform:rotate(-20deg)}.op-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:14px}.op-search input::placeholder{color:#687481}.op-search-submit{color:#fff;cursor:pointer;background:#ee6b50;border:0;border-radius:4px;height:42px;margin-right:8px;padding:0 21px;font-size:13px;font-weight:800}.op-search-submit:hover{background:#f0795e}.op-suggestions{z-index:20;background:#1b2129;border:1px solid #3a4450;border-radius:6px;padding:9px;position:absolute;top:64px;left:0;right:0;box-shadow:0 10px 25px #0006}.op-suggestions>span{color:#818c99;padding:7px 10px 9px;font-size:11px;font-weight:700;display:block}.op-suggestions button{color:#e8edf2;text-align:left;cursor:pointer;background:#1b2129;border:0;border-radius:4px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.op-suggestions button:hover{background:#252d37}.op-suggestions img{object-fit:cover;border-radius:4px;width:30px;height:30px}.op-suggestions small{color:#8c98a5;margin-left:auto;font-size:11px}.search-history{color:#7f8995;align-items:center;gap:8px;margin-top:17px;font-size:11px;display:flex}.search-history button{color:#aeb7c1;cursor:pointer;background:#20262e;border:1px solid #343d48;border-radius:4px;padding:5px 9px;font-size:11px}.search-history button:hover{color:#fff;border-color:#a65343}.search-result{color:#dba698;background:#2b1d1c;border:1px solid #704236;border-radius:4px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:12px;display:flex}.search-result strong{color:#ffab96}.home-content-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:16px;margin-top:16px;display:grid}.home-data-card{background:#181d24;border:1px solid #303741;border-radius:8px;box-shadow:0 2px 12px #00000024}.data-card-header{justify-content:space-between;align-items:flex-start;padding:22px 22px 16px;display:flex}.data-eyebrow{color:#ee785d;letter-spacing:-.02em;font-size:11px;font-weight:800;display:block}.data-card-header h2{color:#f0f3f5;letter-spacing:-.05em;margin-top:6px;font-size:17px}.data-card-header>a{color:#8994a1;font-size:11px;font-weight:700}.data-card-header>a span{vertical-align:-2px;margin-left:5px;font-size:18px;line-height:0}.hero-table-head,.hero-table-row{grid-template-columns:35px 38px minmax(100px,1fr) 55px 65px;align-items:center;gap:10px;padding:0 22px;display:grid}.hero-table-head{color:#7f8a97;border-top:1px solid #2b333d;border-bottom:1px solid #2b333d;height:32px;font-size:10px}.hero-table-head span:nth-child(2){grid-column:2/4}.hero-table-row{color:#b8c0c9;border-bottom:1px solid #252d36;min-height:58px}.hero-table-row:hover{background:#20262e}.hero-table-row .rank{color:#7e8995;font:600 12px Inter}.hero-table-row img{object-fit:cover;border-radius:5px;width:34px;height:34px}.hero-table-row strong{font-size:13px;font-weight:700}.hero-table-row .tier{border-radius:3px;justify-self:start;padding:4px 6px;font:800 10px Inter}.tier-1{color:#f1846c;background:#ee6b5029}.tier-2{color:#efb06d;background:#f0a04b24}.tier-3{color:#74d99a;background:#4ad07d1f}.tier-4{color:#9aa5b1;background:#252c34}.hero-table-row>b{color:#67d18d;font:700 12px Inter}.card-foot{color:#7f8b98;justify-content:space-between;padding:14px 22px;font-size:10px;display:flex}.card-foot span{color:#9da8b3}.home-side-stack{flex-direction:column;gap:16px;display:flex}.map-table{padding:0 22px 12px}.map-table>a{border-top:1px solid #252d36;grid-template-columns:24px minmax(0,1fr) 70px 48px;align-items:center;gap:8px;min-height:47px;display:grid}.map-table .rank{color:#7f8995;font:600 11px Inter}.map-table strong{color:#d6dce2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.map-table small{color:#818c98;font-size:10px}.map-table b{color:#c5ccd4;text-align:right;font:700 11px Inter}.update-card{padding-bottom:20px}.update-card>p{color:#909ba7;padding:0 22px;font-size:12px;line-height:1.65}.update-links{gap:8px;padding:16px 22px 0;display:flex}.update-links a{color:#aeb7c1;text-align:center;border:1px solid #353e49;border-radius:4px;flex:1;padding:10px;font-size:11px;font-weight:700}.update-links a:hover{color:#f18a72;border-color:#a65343}.update-links span{float:right;color:#8994a0;font-size:16px;line-height:10px}.home-app-banner{color:#fff;background:#1c252f;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:23px 25px;display:flex}.home-app-banner h2{letter-spacing:-.04em;margin-top:7px;font-size:17px}.home-app-banner p{color:#9ca9b6;margin-top:6px;font-size:11px}.home-app-banner .data-eyebrow{color:#ef8a70}.home-app-banner>a{color:#fff;white-space:nowrap;background:#ee6b50;border-radius:4px;padding:10px 15px;font-size:12px;font-weight:800}.home-meta{color:#707c89;justify-content:space-between;margin-top:20px;font-size:10px;display:flex}@media (max-width:900px){.home-page .nav{padding:10px 18px}.home-page .nav .tabs{gap:15px}.product-home{width:min(100% - 28px,680px)}.home-search-heading{display:block}.home-search-heading p{margin-top:8px}.home-content-grid{grid-template-columns:1fr}.home-side-stack{grid-template-columns:1fr 1fr;display:grid}.home-app-banner{margin-top:16px}}@media (max-width:560px){.home-page .nav .tabs{gap:17px}.home-page .nav .tab:nth-child(5),.home-page .nav-cta{display:none}.product-home{width:calc(100% - 20px);padding-top:20px}.home-search-panel{padding:24px 16px 20px}.home-search-heading h1{font-size:22px}.op-search{height:54px}.region-button{margin-left:6px;padding:0 9px}.op-search-icon{margin:0 8px}.op-search-submit{height:40px;padding:0 13px}.home-side-stack{display:flex}.hero-table-head,.hero-table-row{grid-template-columns:25px 34px minmax(80px,1fr) 45px 55px;padding:0 14px}.data-card-header{padding-left:16px;padding-right:16px}.card-foot{padding-left:14px;padding-right:14px}.home-app-banner{padding:20px;display:block}.home-app-banner>a{margin-top:15px;display:inline-block}.home-meta{line-height:1.8;display:block}}
.home-page{background:#101318;width:100%;max-width:none;min-height:100vh;position:relative;overflow:visible}.home-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,#ee3b431f,#0000 28%),radial-gradient(circle at 100% 100%,#5b8def1f,#0000 34%),linear-gradient(#13161c 0%,#101318 100%);position:fixed;inset:0}.home-page .nav{z-index:20;width:100%;max-width:1440px;min-height:68px;box-shadow:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0e1116;border-bottom:1px solid #292f38;margin:0 auto;padding:12px 32px;position:sticky}.home-page .nav .logo{width:auto;height:25px}.home-page .nav .tabs{gap:24px}.home-page .nav .tab{color:#8c97a5;height:44px;font-size:13px;font-weight:600}.home-page .nav .tab.on{color:#fff}.home-page .nav .tab.on:after{background:#ee6b50;height:3px;bottom:-12px}.home-page .nav-cta{color:#e8edf2;background:#1a2028;border:1px solid #353d48;border-radius:6px;min-height:38px;padding:0 16px;font-size:12px;font-weight:700}.figma-home-main{min-height:calc(100vh - 68px);padding:0 0 180px;overflow:visible}.figma-hero{width:min(1080px,100% - 48px);height:274px;margin:0 auto;position:relative;overflow:visible}.hero-image-stage{isolation:isolate;position:absolute;inset:0;overflow:visible}.hero-media-clip{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-image-shadow{z-index:-2;opacity:.76;filter:blur(28px);background:#000;border-radius:14px;position:absolute;inset:8px 12px -8px;transform:translateY(14px)scale(.95)}.hero-image{z-index:0;object-fit:fill;opacity:.65;filter:saturate(.92);border-radius:0;width:100%;max-width:none;height:221.89%;position:absolute;top:-42.26%;left:0}.hero-image-stage:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#101318cc 0%,#0000 22% 72%,#101318f2 100%);position:absolute;inset:0}.hero-fade{z-index:2;pointer-events:none;position:absolute}.hero-fade-left{background:linear-gradient(90deg,#101318 0%,#101318f0 20%,#10131800 100%);width:25.35%;inset:0 auto 0 0}.hero-fade-right{background:linear-gradient(270deg,#101318 0%,#101318f0 20%,#10131800 100%);width:25.35%;inset:0 0 0 auto}.hero-fade-top{background:linear-gradient(#101318 0%,#1013188a 50%,#0000 100%);width:100%;height:28%;inset:0 0 auto}.hero-fade-bottom{background:linear-gradient(#0000 0%,#10131885 50%,#101318 100%);width:100%;height:26%;inset:auto 0 0}.overwatch-lockup{z-index:4;opacity:.86;width:216px;height:92px;position:absolute;top:33.22%;left:40%}.overwatch-wordmark,.overwatch-icon{display:block;position:absolute;overflow:hidden}.overwatch-wordmark{width:216px;height:19.711px;top:72.27px;left:0}.overwatch-wordmark img{width:245.18px;max-width:none;height:128.73px;position:absolute;top:-105.8px;left:-.065px}.overwatch-icon{width:61.597px;height:61.597px;top:0;left:77.2px}.overwatch-icon img{width:163.45px;max-width:none;height:85.04px;position:absolute;top:0;left:-50.96px}.figma-search{z-index:6;background:#1f1f25;border:1px solid #353535;border-radius:9px;align-items:center;width:65.2%;height:42px;font-family:Pretendard,Inter,sans-serif;display:flex;position:absolute;top:242px;left:17.4%;box-shadow:0 18px 42px #00000085,0 4px 16px #00000057}.figma-search-field{flex:1;min-width:0;height:100%;position:relative}.figma-search-field input{color:#e8e8eb;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 21px;font-size:11px}.figma-search-field input::placeholder{color:#b6b6b6;opacity:1}.figma-search-divider{background:#35353a;flex:none;width:1px;height:22px}.figma-region{color:#b6b6b6;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:136px;height:100%;padding:0 15px;font-size:9px;display:flex;position:relative}.figma-region img{object-fit:cover;opacity:.9;border-radius:1px;width:17px;height:12px}.figma-region i{border-top:5px solid #b6b6b6;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:auto}.figma-search-submit{cursor:pointer;background:0 0;border:0;place-items:center;width:45px;height:100%;display:grid}.figma-search-submit img{object-fit:contain;opacity:.82;width:30px;height:30px}.figma-suggestions{z-index:10;background:#1f1f25;border:1px solid #353535;border-radius:8px;padding:7px;position:absolute;top:48px;left:0;right:0;box-shadow:0 20px 45px #0000009e}.figma-suggestions button{color:#e8e8eb;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;width:100%;padding:7px 9px;display:flex}.figma-suggestions button:hover{background:#2b2b33}.figma-suggestions img{object-fit:cover;border-radius:4px;width:28px;height:28px}.figma-suggestions small{color:#888b95;margin-left:auto;font-size:10px}.figma-search-message{z-index:7;color:#e7a497;font-size:11px;position:absolute;top:291px;left:17.4%}@media (max-width:900px){.figma-home-main{padding-top:16px}.figma-hero{width:calc(100% - 32px)}.overwatch-lockup{transform-origin:top;left:50%;transform:translate(-50%)scale(.82)}.figma-search{width:84%;left:8%}}@media (max-width:560px){.home-page .nav{padding:10px 16px}.home-page .nav .tabs{gap:18px}.figma-home-main{padding-top:8px}.figma-hero{width:calc(100% - 20px);height:250px}.overwatch-lockup{top:31%;transform:translate(-50%)scale(.62)}.figma-search{width:96%;height:42px;top:210px;left:2%}.figma-region{gap:5px;width:88px;padding:0 9px}.figma-region img{width:15px;height:10px}.figma-search-field input{padding:0 12px;font-size:10px}.figma-search-message{top:260px;left:2%}.hero-fade-left,.hero-fade-right{width:20%}}