body[data-deck-family=matches-landing]{padding-bottom:0!important}body[data-deck-family=matches-landing] main{max-width:1440px;padding:0 3% 0 5.2%}body[data-deck-family=matches-landing] .deck-io-contact{top:28.4vw;left:35.8%;right:auto}.matches-nav{z-index:20;background:#00060b88;border-bottom:1px solid #172b3a70;align-items:center;gap:3%;max-width:1440px;height:4.2vw;min-height:43px;max-height:61px;margin:auto;padding:0 2.8%;display:flex;position:relative}.matches-nav .brand{letter-spacing:-1px;font-size:clamp(20px,2vw,29px)}.matches-nav>nav{white-space:nowrap;align-self:stretch;gap:2vw;display:flex}.matches-nav>nav>a{color:#e2eaf1;align-items:center;padding:0 .6vw;font-size:clamp(10px,1vw,14px);text-decoration:none;display:flex;position:relative}.matches-nav>nav>a[aria-current]{color:#00f3fa}.matches-nav>nav>a[aria-current]:after{content:"";background:#00f3fa;height:2px;position:absolute;bottom:2px;left:0;right:0;box-shadow:0 0 9px #03dfff80}matches-search{flex-shrink:0;width:23.5vw;min-width:180px;max-width:338px;margin-left:auto;display:block;position:relative}matches-search form{background:#04101ee6;border:1px solid #405e82;border-radius:5px;align-items:center;gap:9px;height:clamp(30px,2.9vw,42px);padding:0 9px;display:flex;position:relative}matches-search:focus-within form{border-color:#9bd7ff;box-shadow:0 0 0 2px #183f73,0 0 9px #398dff,inset 0 0 8px #245ab0}matches-search input{color:#fff;background:0 0;border:0;height:100%;margin:0;padding:0;font-size:clamp(10px,1vw,14px);outline:0!important}matches-search input::-webkit-search-cancel-button{display:none}matches-search button{min-height:22px;box-shadow:none;font-size:inherit;background:0 0;border:0;padding:0}matches-search kbd{font:inherit;color:#c7dcf9;background:linear-gradient(#294969,#102137);border-radius:3px;padding:3px 5px;font-size:.85em;box-shadow:0 1px 4px #000}.nav-signin{white-space:nowrap;color:#e9eef6;border-left:1px solid #142438;align-items:center;gap:12px;padding-left:2.5%;font-size:clamp(10px,1vw,14px);text-decoration:none;display:flex}.steam-mark{flex-shrink:0;width:32px;height:32px;display:inline-block;overflow:hidden}.steam-mark img{width:120px;max-width:none;height:32px;display:block}.nav-signin .steam-mark,.step-circle .steam-mark{width:24px;height:24px}.nav-signin .steam-mark img,.step-circle .steam-mark img{width:90px;height:24px}.search-overlay{color:#e4edf5;background:linear-gradient(120deg,#021525f5,#000a15fa);border:1px solid #00dfff;border-radius:5px;width:min(36vw,518px);min-width:360px;padding:12px 8px 0;position:absolute;top:calc(100% + 3px);right:0;box-shadow:0 0 10px #00bdff50,0 15px 40px #0008}.search-heading{color:#b8e9f0;justify-content:space-between;padding:2px 3px 6px;font-size:clamp(9px,.9vw,13px);display:flex}.search-heading [data-count]{color:#acbcdd}.search-option{color:#eaf1fa;background:#06172590;border:1px solid #244157;border-radius:4px;align-items:center;gap:10px;min-height:38px;margin-bottom:6px;padding:4px;font-size:clamp(10px,1vw,14px);text-decoration:none;display:flex}.search-option[aria-selected=true]{background:linear-gradient(90deg,#062b53,#04172e);border-color:#9bd7ff;box-shadow:inset 0 0 5px #419fff,0 0 7px #2a92ff}.search-option strong{font-weight:500;display:block}.search-option small{color:#a6bed7;margin-top:3px;font-size:.86em;display:block}.search-option .result-portrait{object-fit:cover;border:1px solid #188ab2;border-radius:2px;width:44px;height:34px}.search-option .result-icon{background:#10293c;border-radius:3px;width:30px;height:28px;margin-right:5px;padding:4px}.result-arrow{color:#afd8e8;margin-left:auto;padding:0 8px;font-size:20px}.quick-heading{padding:7px 3px;font-size:clamp(8px,.8vw,11px)}.search-empty{padding:8px;font-size:12px}.search-footer{white-space:nowrap;border-top:1px solid #173047;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;padding:9px 0;font-size:clamp(6px,.66vw,9px);display:flex}.search-footer>span:last-child{align-items:center;gap:5px;display:flex}.matches-landing{min-height:52vw;max-height:750px;padding-top:3.6vw;position:relative}.matches-story{z-index:1;width:52%;position:relative}.matches-kicker{letter-spacing:2px;color:#b4d4ec;margin:0 0 .6vw;font-size:clamp(9px,1vw,14px)}.matches-story h1{letter-spacing:-.025em;color:#f5f5f4;margin:0 0 .65vw;font-size:clamp(54px,6.8vw,98px);font-weight:400;line-height:.97}.matches-story h1>span:first-child{color:#87e9f7}.matches-story .title-dot{color:#3299df}.matches-subtitle{color:#eff0f2;white-space:nowrap;letter-spacing:-.4px;margin:0;font-size:clamp(14px,1.55vw,22px);line-height:1.6}.matches-open-copy{color:#92b6d7;margin:0;font-size:clamp(12px,1.3vw,19px)}.matches-steam{width:31vw;max-width:446px;margin:2.2vw 0 1.6vw}.matches-steam button{color:#f1f4ff;background:radial-gradient(at 50% 0,#072456a6,#010b24);border:1px solid #b3e9ff;border-radius:9px;justify-content:flex-start;gap:1.8vw;width:100%;height:5.3vw;min-height:54px;max-height:76px;padding:0 2.2vw;font-size:clamp(14px,1.35vw,20px);display:flex;box-shadow:0 0 2px 2px #fff,0 0 5px 3px #0587ff,0 0 15px 4px #005aff,inset 0 0 12px #2476ff}.cta-arrow{margin-left:auto}.explore-first{color:#00eef7;border-bottom:1px solid #00d4df;padding-bottom:4px;font-size:clamp(12px,1.2vw,17px);text-decoration:none}.matches-steps{gap:12px;width:46vw;max-width:660px;margin:3vw 0 2.4vw;padding:0;list-style:none;display:flex}.matches-steps li{color:#e8ebec;white-space:nowrap;flex-direction:column;flex:1;gap:10px;min-width:0;font-size:clamp(10px,1.02vw,14px);display:flex;position:relative}.step-circle{border:1px solid #71e3ee;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.matches-steps li:not(:last-child):after{content:"";background:#498597;height:1px;position:absolute;top:19px;left:50px;right:0}.matches-public-tip{color:#88acd1;font-size:clamp(10px,1vw,14px);text-decoration:none}.matches-discover{background:linear-gradient(120deg,#031423eb,#020e17f5);border:1px solid #16465d;border-radius:5px;width:49%;padding:1.2vw;position:absolute;top:26.9vw;right:0}.matches-discover header{align-items:center;gap:14px;margin-bottom:.9vw;display:flex}.matches-discover h2{white-space:nowrap;margin:0;font-family:Anton,Impact,sans-serif;font-size:clamp(16px,1.65vw,24px);font-weight:400}.matches-discover header p{color:#91add0;margin:0;font-size:clamp(9px,.95vw,13px)}.matches-discover header>a{color:#00eaf4;margin-left:auto;font-size:25px;line-height:20px;text-decoration:none}.matches-arcana{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.arcana-card{aspect-ratio:.88;background:#03101a;border:1px solid #184252;border-radius:4px;text-decoration:none;display:block;position:relative;overflow:hidden}.arcana-card>img{object-fit:cover;width:310%;max-width:none;height:150%;position:absolute;top:-4%;left:-105%}.arcana-card>span{text-align:center;background:linear-gradient(#0000,#010a13 55%);padding:25px 0 7px;position:absolute;bottom:0;left:0;right:0}.arcana-card strong{color:#f2f4f5;font-family:Anton,Impact,sans-serif;font-size:clamp(11px,1.2vw,17px);font-weight:400;display:block}.arcana-card small{letter-spacing:3px;color:#a1c4e2;margin-top:3px;font-size:clamp(7px,.7vw,10px);display:block}.arcana-card:hover{border-color:#51e9f4}.matches-research{margin:0 0 32px;scroll-margin-top:20px}.matches-research>summary{color:#85a6be;font-size:12px}@media (width>=1440px){.matches-landing{min-height:749px;padding-top:52px}.matches-discover{top:387px}.matches-steps{margin:43px 0 35px}.matches-steam{margin:32px 0 23px}body[data-deck-family=matches-landing] .deck-io-contact{top:409px}}@media (width<=760px){.matches-nav{flex-wrap:wrap;gap:12px;height:auto;min-height:104px;max-height:none;padding:12px 16px}.matches-nav .brand{font-size:20px}.matches-nav>nav{order:4;justify-content:space-between;gap:3px;width:100%;height:34px}.matches-nav>nav>a{font-size:11px}.nav-signin{border:0;margin-left:auto;padding:0;font-size:11px}.nav-signin .steam-mark{display:none}matches-search{order:5;width:100%;max-width:none}matches-search form{height:40px}matches-search input{font-size:13px}.search-overlay{width:100%;min-width:0;top:calc(100% + 4px)}.search-heading,.search-option{font-size:12px}.search-option{min-height:44px}.quick-heading{font-size:10px}.search-footer{white-space:normal;flex-wrap:wrap;padding:10px 0;font-size:8px}.search-footer button{min-height:30px}body[data-deck-family=matches-landing] main{padding:0 20px}.matches-landing{min-height:0;max-height:none;padding-top:32px}.matches-story{width:100%}.matches-kicker{margin-bottom:12px;font-size:10px}.matches-story h1{margin-bottom:14px;font-size:clamp(50px,11vw,76px);line-height:1.02}.matches-subtitle{white-space:normal;max-width:360px;font-size:15px;line-height:1.6}.matches-open-copy{max-width:320px;margin-top:4px;font-size:13px}.matches-steam{width:min(100%,340px);margin:25px 0 20px}.matches-steam button{gap:20px;height:56px;padding:0 20px}.explore-first{font-size:13px}.matches-steps{gap:9px;width:100%;margin:30px 0 20px}.matches-steps li{white-space:normal;font-size:10px;line-height:1.5}.matches-steps li:after{left:46px!important}.matches-public-tip{font-size:11px}.matches-discover{width:100%;margin:38px 0 24px;padding:12px;position:relative;top:auto}.matches-discover header{gap:10px;margin-bottom:10px}.matches-discover header p{font-size:10px}.matches-discover h2{font-size:17px}.matches-arcana{gap:6px}.arcana-card strong{font-size:11px}.arcana-card small{letter-spacing:2px;font-size:7px}body[data-deck-family=matches-landing] .deck-io-contact{top:278px;left:90%}}@media (width>=761px){.matches-story h1{transform-origin:0;margin-bottom:0;transform:scaleX(1.2)}.matches-subtitle{line-height:1.45}.matches-steam{margin-top:2vw}.matches-nav{gap:2.6%}.matches-discover{width:49%}.search-overlay{padding-top:11px}.search-footer{padding:7px 0}.search-option{min-height:36px}.matches-arcana{margin-top:0}.matches-discover header{margin-bottom:.65vw}}.arcana-card.juggernaut>img{width:330%;height:auto;top:-45%;left:-115%}.arcana-card.drow>img{width:660%;height:auto;top:-12%;left:-293%}.arcana-card.windranger>img{width:455%;height:auto;top:-15%;left:-244%}@media (width>=761px){matches-search{margin-right:1.4vw}.matches-nav>nav{gap:2.1vw}.matches-nav .brand{font-weight:600}.matches-steps li{font-size:clamp(10px,1.05vw,15px)}.matches-steps li:nth-child(2){flex:1.08}}@media (width<=760px){body[data-deck-family=matches-landing] #research-io{mask-image:linear-gradient(90deg,#0002,#0009)}.search-overlay{background:#02111cfb}}@media (width>=761px){.matches-steam{width:30.6vw;max-width:441px}.matches-steam button{height:5.15vw}.matches-discover{width:48.9%}.matches-discover header h2{font-size:clamp(17px,1.7vw,24px)}.arcana-card{aspect-ratio:.88}.search-overlay{top:calc(100% + 1px)}}.arcana-card.juggernaut>img{width:440%;top:-80%;left:-170%}.arcana-card.drow>img{width:940%;top:-24%;left:-425%}.arcana-card.windranger>img{width:570%;top:-22%;left:-316%}.steam-mark{overflow:visible}.steam-mark img,.nav-signin .steam-mark img,.step-circle .steam-mark img{object-fit:contain;width:100%;max-width:100%;height:100%}body[data-deck-family=matches-landing] #research-io{mask-image:radial-gradient(28% 34% at 78% 32%,#000 80%,#0000 100%),linear-gradient(160deg,#0000 37%,#000 47% 51%,#0000 62%)}@media (width<=760px){body[data-deck-family=matches-landing] #research-io{mask-image:linear-gradient(90deg,#0002,#0009)}}.matches-steam .steam-mark img{filter:brightness(1.5)}.nav-signin .steam-mark{border:1px solid #25b8ff;border-radius:50%;width:28px;height:28px;padding:3px}.nav-signin .steam-mark img,.step-circle .steam-mark img{filter:sepia()saturate(4)hue-rotate(155deg)brightness(1.2)}@media (width>=761px){body[data-deck-family=matches-landing] #research-io{mask-image:url(/assets/matches/io-composition-mask.svg);mask-position:top;mask-size:100%;mask-repeat:no-repeat}}.matches-preview-entry{color:#9eb1c5;margin:8px 0 16px;font-size:11px}matches-search [data-search-toggle]{flex-shrink:0}matches-search [data-search-key]{white-space:nowrap}