:root{--midnight:#0d2155;--ocean:#00468b;--dell-blue:#0672cb;--mist:#c5d4e3;--white:#fff;--quartz:#f0f0f0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background:var(--midnight)}body{background:var(--midnight);min-height:100vh;color:var(--white);-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}.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(--quartz);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(--ocean);border-radius:4px;outline:2px solid #0000;flex-direction:column;transition:outline-color .2s,transform .2s;display:flex;overflow:hidden}.game:hover{outline-color:var(--dell-blue);transform:translateY(-4px)}.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)}.scene:after{content:"";background:linear-gradient(#0d215580 0%,#0d215500 45%,#00468bf2 100%);position:absolute;inset:0}.scene .logo{z-index:2;width:58%;position:absolute;top:9%;left:7%}.scene .char{z-index:2;height:78%;position:absolute;bottom:-2%;right:5%}.game[data-game=keyfly] .char{height:64%;bottom:6%}.game[data-game=simicard] .char{border-radius:8px;height:74%;bottom:4%;rotate:6deg}.body{flex-direction:column;flex:1;padding:20px 24px 24px;display:flex}.tag{color:var(--quartz);min-height:3.1em;margin-bottom:20px;font-size:16px;line-height:1.55}.btn{background:var(--white);color:var(--midnight);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(--quartz)}.btn:focus-visible{outline:2px solid var(--white);outline-offset:3px}.lbhead{border-top:1px solid #f0f0f040;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(--quartz);font-size:13px;font-weight:500}ol.lb{flex-direction:column;gap:6px;list-style:none;display:flex}.lb li{background:var(--midnight);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(--ocean);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(--mist);color:var(--midnight)}.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:center;color:var(--quartz);padding:16px 8px;display:block}footer{max-width:1200px;color:var(--quartz);margin:0 auto;padding:0 16px 40px;font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--quartz);margin-bottom:14px;font-size:13px;font-weight:500}
