:root{--bg:#141713;--paper:#f4f5ee;--lime:#ddf889;--ink:#20251d;--muted:#aeb6a6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #a8a0ff;outline-offset:6px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;padding:16px;background:var(--lime);color:var(--ink);z-index:100}.skip:focus{top:15px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19}.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:25px;letter-spacing:-1.3px}.brand-icon{display:grid;place-items:center;width:37px;height:37px;color:var(--bg);background:var(--lime);font-size:32px;line-height:1;border-radius:10px}.brand-light{font-weight:400}.brand-dot{color:var(--lime)}nav{display:flex;gap:38px;font-size:14px}nav a{padding:12px 0;color:#d4dacd}nav a:hover{color:var(--lime)}.opening{font-size:12px;color:#c8d0c0;border:1px solid #49513e;border-radius:30px;padding:11px 14px;display:flex;gap:9px;align-items:center}.opening i{height:6px;width:6px;background:var(--lime);border-radius:50%}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;min-height:655px;padding-block:69px 79px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 28px;display:flex;align-items:center;gap:9px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(54px,5.9vw,86px);line-height:.99;letter-spacing:-5px;margin:0;font-weight:750}h1 em{font-style:normal;color:var(--lime)}.intro{font-size:16px;line-height:1.75;color:#bdc5b5;margin:29px 0}.button{display:inline-flex;align-items:center;gap:35px;padding:17px 23px;background:var(--lime);color:var(--ink);border-radius:7px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#eafdbe;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.hero-note{font-size:11px;color:#a6b09c;margin-top:16px}.arcade{height:440px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid #414c35;border-radius:50%;width:440px;height:440px;top:0;left:0;z-index:-2}.orbit-two{width:345px;height:345px;left:47px;top:47px}.tile{position:absolute;width:253px;height:315px;border-radius:18px;box-shadow:0 25px 70px #0004;display:flex;flex-direction:column;padding:25px}.tile-back{right:4px;top:9px;transform:rotate(15deg);background:#b7a9ef;color:#272039}.tile-back svg{height:180px;width:100%;margin:10px 0}.tile-tag{font-size:11px;letter-spacing:2px}.tile-back .tile-bottom{font-size:25px;letter-spacing:-1px}.tile-front{left:16px;top:86px;transform:rotate(-10deg);background:var(--lime);color:#172013}.tile-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:bold;letter-spacing:1.5px}.tile-top span:last-child{font-size:22px}.board{width:100%;height:175px}.tile-front .tile-bottom{font-size:30px;line-height:1;letter-spacing:-1.5px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.tile-bottom>span{font-size:62px;font-weight:400}.mini-tile{position:absolute;right:13px;bottom:33px;width:124px;height:113px;background:#f1f0e7;border:7px solid var(--bg);border-radius:23px;transform:rotate(12deg);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 30px #0004}.mini-tile>span:first-child{font-size:9px;font-weight:bold;letter-spacing:3px}.play-arrow{font-size:29px}.spark{position:absolute;color:var(--lime);line-height:1}.spark-one{left:10px;top:8px;font-size:55px;transform:rotate(10deg)}.spark-two{right:-8px;top:240px;font-size:37px}.arcade-caption{position:absolute;bottom:-12px;right:0;font-size:9px;letter-spacing:2px;color:#9eaa92}.ticker{overflow:hidden;background:var(--lime);color:var(--ink);border-block:1px solid var(--lime);padding:19px 0;user-select:none}.ticker>div{display:flex;align-items:center;gap:38px;white-space:nowrap;font-size:14px;font-weight:800;letter-spacing:1px;width:max-content;transform:translateX(-30px)}.ticker b{font-size:22px;font-weight:400}.library{padding-block:88px 92px;scroll-margin-top:25px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:39px;gap:20px}.muted{color:#9da991;margin-bottom:23px}h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;letter-spacing:-2px;font-weight:600;margin:0}h2>span{color:var(--lime)}.section-aside{font-size:13px;line-height:1.8;color:#aeb9a3;margin:0 0 3px}.empty{display:flex;align-items:center;gap:30px;border:1px dashed #515c43;background:#1b2018;padding:37px 40px;border-radius:13px}.empty-symbol{width:96px;height:96px;flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;place-items:center;border:1px solid #46523a;border-radius:18px;transform:rotate(-7deg);background:#242d1c;color:var(--lime);font-size:31px}.label{font-size:9px;letter-spacing:1.7px;color:var(--lime);font-weight:700}h3{font-size:24px;letter-spacing:-.7px;margin:12px 0}.empty p{font-size:14px;line-height:1.8;color:#aeb8a3;margin:0}.empty-arrow{font-size:42px;color:#768668;margin-left:auto}.club{background:var(--paper);color:var(--ink)}.club-inner{padding-block:75px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.club .muted{color:#67735c}.club h2{font-size:42px}.club h2 em{font-style:normal;color:#68785b}.club-copy{padding-top:3px;font-size:16px;line-height:1.75}.club-copy p{margin:0 0 18px}.club-copy .subtle{color:#64705d;font-size:14px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:700;border-bottom:1px solid #89957f;padding-bottom:6px;margin-top:8px}.text-link span{font-size:20px}.footer{padding-block:34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:20px}.footer .brand-icon{width:30px;height:30px;font-size:25px;border-radius:8px}.footer p{font-size:12px;color:#9da991}.footer>a:last-child{font-size:12px}.footer>a:last-child span{padding-left:12px}.game-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.game-card{display:flex;flex-direction:column;border:1px solid #414b37;border-radius:15px;overflow:hidden;background:#1e251a;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.game-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.game-art{height:170px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:65px}.game-copy{padding:24px}.game-copy h3{margin:0 0 12px}.game-copy p{color:#bec7b3;font-size:14px;line-height:1.6}.game-link{display:flex;justify-content:space-between;margin-top:25px;font-size:13px;color:var(--lime)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:1px solid #536147;background:transparent;color:var(--paper);padding:9px 16px;border-radius:25px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--lime);color:var(--ink)}.catalogue-error{color:#e4c997;font-size:14px;line-height:1.6}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:710px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}h1{font-size:66px;letter-spacing:-3.5px}.hero{gap:20px}.arcade{transform:scale(.84);transform-origin:center right;margin-left:-35px}.club-inner{gap:45px}.opening{font-size:10px}.game-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:83px}.header .brand{font-size:22px}.header .brand-icon{width:32px;height:32px}nav{gap:20px;font-size:12px}.opening{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:44px;padding-bottom:42px;gap:0}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:22px}h1{font-size:clamp(46px,9.8vw,69px);letter-spacing:-3px}.intro{font-size:14px;margin:24px 0}.arcade{width:420px;max-width:100%;height:390px;transform:scale(.86);transform-origin:center center;margin:12px auto -20px}.tile-back{right:8px}.tile-front{left:3px;top:75px}.tile{width:225px;height:290px;padding:22px}.orbit{width:360px;height:360px;left:5px;top:10px}.orbit-two{width:280px;height:280px;left:45px;top:50px}.spark-two{right:0}.mini-tile{bottom:10px;right:-8px}.arcade-caption{bottom:-25px;font-size:8px;right:0}.ticker{padding:15px 0}.ticker>div{font-size:12px;gap:27px}.library{padding-block:52px}.section-top{display:block;margin-bottom:28px}h2{font-size:34px;letter-spacing:-1.6px}.section-aside{margin-top:20px}.empty{padding:27px 24px;gap:22px;align-items:flex-start;flex-direction:column}.empty-symbol{width:65px;height:65px;font-size:24px;border-radius:13px}.empty h3{font-size:23px}.empty p{font-size:13px}.empty-arrow{display:none}.club-inner{grid-template-columns:1fr;gap:30px;padding-block:49px}.club h2{font-size:34px}.club-copy{font-size:15px}.footer{flex-wrap:wrap;padding-block:28px;gap:18px}.footer p{order:3;width:100%;margin:0}.game-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Let the mobile grid shrink to its viewport instead of its illustration width. */
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}.arcade{width:min(420px,100%)}}