:root{--midnight:#0d2155;--dell-blue:#0672cb;--cosmos:#1d2c3b;--raven:#40586d;--white:#fff;--quartz:#f0f0f0;--titanium:#d2d2d2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background:var(--quartz)}body{background:var(--quartz);min-height:100vh;color:var(--cosmos);-webkit-font-smoothing:antialiased;font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400}a{color:inherit}header{--h1:clamp(40px,6vw,64px);--lede:clamp(16px,2vw,19px);--cap:calc(var(--h1) * .7109);max-width:1200px;margin:0 auto;padding:48px 16px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--cosmos);margin-bottom:14px;font-size:13px;font-weight:500}.brand{width:clamp(190px,22vw,240px);height:auto;margin-bottom:56px;display:block}h1{font-size:var(--h1);letter-spacing:-.005em;margin-left:-.0903em;font-weight:300;line-height:1.1}.element{width:var(--cap);height:calc(var(--cap) / 4);background:var(--dell-blue);margin-top:calc(var(--cap) - var(--h1) * ((1.1 - 1.172) / 2 + .244));margin-bottom:calc(var(--cap) - var(--lede) * ((1.55 - 1.172) / 2 + .928 - .7109));display:block}.lede{font-size:var(--lede);color:var(--cosmos);max-width:600px;margin-left:-.0825em;line-height:1.55}@supports (text-box:trim-both cap alphabetic){h1,.lede{text-box:trim-both cap alphabetic}.element{margin:var(--cap) 0}}main{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:0 16px 56px;display:grid}@media (max-width:980px){main{grid-template-columns:1fr;max-width:560px}}.game{background:var(--white);outline:1px solid var(--titanium);border-radius:4px;flex-direction:column;transition:outline-color .2s;display:flex;overflow:hidden}.game:hover{outline-color:var(--raven)}.scene{aspect-ratio:16/10;text-decoration:none;display:block;position:relative;overflow:hidden}.scene .bg{object-fit:cover;width:100%;height:100%;transition:transform 1.2s ease-out;position:absolute;inset:0}.game:hover .scene .bg{transform:scale(1.04)}.body{flex-direction:column;flex:1;padding:24px;display:flex}.body .eyebrow{margin-bottom:10px}.gh{margin-bottom:12px;font-size:28px;font-weight:300;line-height:1.15}.tag{color:var(--cosmos);min-height:4.65em;margin-bottom:20px;font-size:16px;line-height:1.55}.btn{background:var(--raven);color:var(--quartz);border-radius:2px;align-self:flex-start;padding:12px 28px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-block}.btn:hover{background:var(--cosmos)}.btn:focus-visible{outline:2px solid var(--dell-blue);outline-offset:3px}.lbhead{border-top:1px solid var(--titanium);justify-content:space-between;align-items:baseline;margin:28px 0 12px;padding-top:20px;display:flex}.lbhead h2{letter-spacing:.16em;text-transform:uppercase;color:var(--cosmos);font-size:13px;font-weight:500}ol.lb{flex-direction:column;gap:6px;list-style:none;display:flex}.lb li{background:var(--cosmos);color:var(--white);border-radius:2px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:8px 14px 8px 8px;font-size:15px;display:grid}.lb .k{background:var(--raven);width:28px;height:28px;color:var(--white);border-radius:50%;place-items:center;font-size:13px;font-weight:500;display:grid}.lb li:first-child .k{background:var(--dell-blue);color:var(--white)}.lb li:nth-child(2) .k,.lb li:nth-child(3) .k{background:var(--quartz);color:var(--cosmos)}.lb .n{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.lb .n small{color:var(--quartz);text-overflow:ellipsis;font-size:13px;font-weight:400;display:block;overflow:hidden}.lb .s{font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.lb li.empty{text-align:left;color:var(--white);padding:16px 14px;display:block}footer{max-width:1200px;color:var(--cosmos);margin:0 auto;padding:24px 16px 40px;font-size:13px}footer a{margin-left:8px}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn.outline{color:var(--raven);box-shadow:inset 0 0 0 1px var(--raven);background:0 0}.btn.outline:hover{background:var(--raven);color:var(--quartz)}.link{color:var(--raven);margin-top:20px;font-size:15px;font-weight:500;display:inline-block}.boards .body{padding-top:20px}.boards .lbhead{border-top:0;margin-top:0;padding-top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.scene .shot{border-bottom:1px solid var(--titanium)}