.gg-page{background:#100e0d;color:#f2eee6;overflow:hidden}.gg-page .wrap{max-width:1320px;width:calc(100% - 80px)}.gg-page a{text-decoration:none}.gg-page button{font:inherit}.gg-page :is(a,button,summary):focus-visible{outline:2px solid #ffb75b;outline-offset:5px}.gg-hero{position:relative;min-height:650px;isolation:isolate;border-bottom:1px solid #ffffff16;display:flex;align-items:center;background:#100e0d}
.gg-banner{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));z-index:-3;overflow:hidden}.gg-banner-slice{position:relative;overflow:hidden;transform:skewX(-8deg) scale(1.12);border-right:2px solid #c6a17840}.gg-banner-slice img{height:100%;width:130%;max-width:none;object-fit:cover;object-position:50% 35%;transform:skewX(8deg) translateX(-12%) scale(1.05);filter:saturate(.65);animation:gg-pan 14s ease-in-out infinite alternate;animation-delay:calc(var(--slice)*-3s)}.gg-banner-slice:nth-child(2) img{object-position:65% center}.gg-banner-slice span{position:absolute;right:30px;bottom:42px;font-size:10px;letter-spacing:.2em;color:#e9dfd180;writing-mode:vertical-rl;transform:skewX(8deg)}
.gg-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100e0df2 0%,#100e0dd4 24%,#100e0d42 72%),linear-gradient(0deg,#100e0d 0%,transparent 40%,#100e0d20 80%,#100e0d99)}.gg-hero-copy{padding-top:50px;padding-bottom:60px}.gg-kicker{font-size:11px!important;letter-spacing:.19em;font-weight:700;color:#e8ab67!important;margin:0 0 22px!important}.gg-kicker span{color:#ffffff44;padding:0 12px}.gg-hero h1{font-family:'Russo One',sans-serif;font-size:clamp(46px,5.4vw,78px);line-height:1.08;letter-spacing:-.035em;margin:0 0 24px;font-weight:400;max-width:800px}.gg-hero h1 em{font-style:normal;color:#ff922e}.gg-intro{font-size:21px;color:#d5c9bb;line-height:1.7;margin:0 0 30px;max-width:610px}.gg-explore{display:inline-flex;gap:45px;align-items:center;background:#ff8a1c;padding:15px 24px;color:#211106;font-weight:700;font-size:15px;border:1px solid #ffad50;border-radius:4px;transition:transform .2s}.gg-explore:hover{transform:translateY(-3px)}.gg-explore span{font-size:24px;line-height:1}.gg-hero-meta{display:flex;gap:24px;margin-top:26px;color:#bcab98;font-size:13.5px}.gg-hero-meta span:before{content:'◆';font-size:6px;color:#d89655;margin-right:8px;vertical-align:2px}.gg-motion{position:absolute;bottom:24px;right:30px;background:#100e0d99;border:1px solid #ffffff30;color:#c3b8aa;border-radius:4px;padding:7px 12px;font-size:11px!important;cursor:pointer}
.gg-embers{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.gg-embers i{position:absolute;left:65%;bottom:-15px;width:3px;height:3px;background:#ffad59;border-radius:50%;box-shadow:0 0 12px #ff8000;animation:gg-ember 9s linear infinite}.gg-embers i:nth-child(2){left:80%;animation-delay:-2s}.gg-embers i:nth-child(3){left:48%;animation-delay:-5s}.gg-embers i:nth-child(4){left:92%;animation-delay:-7s}.gg-embers i:nth-child(5){left:28%;animation-delay:-3s}
.gg-library{padding:65px 0 0;scroll-margin-top:100px}.gg-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.gg-section-head .gg-kicker{margin-bottom:10px!important}.gg-section-head h2,.gg-about h2{font-size:clamp(25px,3vw,37px);line-height:1.25;font-weight:400;margin:0}.gg-library-count{font:38px 'Russo One',sans-serif;color:#66574b;display:flex;align-items:center;gap:12px}.gg-library-count span{font:10px 'Chakra Petch',sans-serif;letter-spacing:.17em;max-width:45px;color:#ac9b88}.gg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.gg-card{display:flex;flex-direction:column;min-width:0;border:1px solid #4d3d2e;border-radius:10px;overflow:hidden;background:#1a1612;position:relative;transition:border-color .3s,box-shadow .3s;transform-style:preserve-3d}.gg-card:hover,.gg-card:focus-within{border-color:var(--game-accent);box-shadow:0 20px 50px #0006}.gg-art{height:185px;position:relative;overflow:hidden;display:flex;align-items:end;padding:22px 26px}.gg-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111010eb,transparent 100%)}.gg-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.gg-card:hover .gg-art>img{transform:scale(1.09)}.gg-art h2{position:relative;z-index:1;margin:0;font-size:clamp(22px,2.2vw,31px);font-weight:400;line-height:1.25;max-width:85%;text-shadow:0 2px 18px #000}.gg-card-top{position:absolute;inset:18px 24px auto;z-index:1;display:flex;justify-content:space-between;align-items:center}.gg-card-top>span:first-child{font-size:10px;letter-spacing:.16em;color:var(--game-accent);font-weight:700;padding:5px 8px;background:#100e0dbc;border:1px solid #ffffff20;border-radius:3px}.gg-number{font:22px 'Russo One',sans-serif;color:#ffffff60}.gg-shot{position:relative;background:#0b0d10;overflow:hidden;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.gg-shot>img{width:100%;height:auto;display:block;transition:transform .6s}.gg-card:hover .gg-shot>img{transform:scale(1.025)}.gg-preview{position:absolute;right:12px;bottom:12px;color:#e9e5df;background:#11100ee8;border:1px solid #ffffff40;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:11px!important}.gg-preview span{margin-left:12px}.gg-copy{flex:1;display:flex;flex-direction:column;padding:26px 28px 28px}.gg-copy .gg-play{margin-top:auto}.gg-copy h3{font-family:'Chakra Petch',sans-serif;font-size:23px;line-height:1.3;margin:0 0 12px;color:#f6efe6}.gg-copy p{font-size:18px;line-height:1.6;color:#cdc1b2;margin:0}.gg-facts{display:flex;gap:8px;list-style:none;padding:0;margin:20px 0 23px;flex-wrap:wrap}.gg-facts li{font-size:13px;border:1px solid #ffffff18;background:#ffffff05;color:#cdbfae;padding:6px 11px;border-radius:3px}.gg-play{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 16px;background:#292017;border:1px solid #78532c;border-radius:4px;color:#ffb466;font-weight:700;font-size:16px;transition:background .2s}.gg-play:hover{background:#3f2a18}.gg-play span{font-size:21px;transition:transform .2s}.gg-play:hover span{transform:translate(3px,-3px)}
.gg-about{margin-top:72px;padding:40px 0;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;display:grid;grid-template-columns:1fr 1fr;gap:60px}.gg-about p{font-size:18px;color:#cdc1b2;line-height:1.7;margin:0 0 16px}.gg-about .gg-note{font-size:15px;color:#94887c}.gg-about a{color:#ffb466;font-size:14px}.gg-faq{padding:50px 0 65px;display:grid;grid-template-columns:1fr 2fr;column-gap:50px}.gg-faq h2{font-size:25px;grid-row:1/4;margin:0}.gg-faq details{grid-column:2;border-bottom:1px solid #ffffff16;padding:16px 0}.gg-faq summary{cursor:pointer;font-weight:600;font-size:19px;color:#e4d8c9}.gg-faq p{color:#bdb1a4;font-size:17px;line-height:1.7;margin-top:12px}
.gg-lightbox{width:fit-content;max-width:min(1100px,calc(100% - 32px));max-height:92dvh;padding:18px;border:1px solid #927355;border-radius:9px;background:#13110f;color:#f2eee6}.gg-lightbox::backdrop{background:#060505e8;backdrop-filter:blur(6px)}.gg-lightbox>div{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.gg-lightbox h2{font-size:20px;margin:0}.gg-lightbox button{background:transparent;border:1px solid #ffffff40;color:#eee;width:40px;height:40px;border-radius:4px;cursor:pointer}.gg-lightbox>img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(92dvh - 170px);margin:0 auto;background:#08090b}.gg-lightbox>.gg-play{margin-top:12px}.gg-page [hidden]{display:none!important}
@keyframes gg-pan{to{transform:skewX(8deg) translateX(-9%) scale(1.13)}}@keyframes gg-ember{0%{transform:translate(0,0);opacity:0}15%{opacity:.8}80%{opacity:.3}100%{transform:translate(70px,-530px);opacity:0}}
.gg-motion-paused *{animation-play-state:paused!important}.gg-motion-paused .gg-card{transform:none!important}.gg-motion-paused .gg-art>img,.gg-motion-paused .gg-shot>img{transform:none!important}
@media(max-width:900px){.gg-page .wrap{width:calc(100% - 40px)}.gg-hero{min-height:580px}.gg-grid{gap:20px}.gg-art{height:165px;padding:18px}.gg-card-top{inset:15px 18px auto}.gg-copy{padding:20px}.gg-about{gap:30px}.gg-hero-shade{background:linear-gradient(90deg,#100e0df2,#100e0d77),linear-gradient(0deg,#100e0d,transparent)}}
@media(max-width:650px){.gg-page .wrap{width:calc(100% - 32px)}.gg-hero{min-height:660px;align-items:end}.gg-banner{height:300px}.gg-banner-slice{transform:skewX(-5deg) scale(1.15)}.gg-banner-slice span{display:none}.gg-banner-slice img{filter:saturate(.8)}.gg-hero-shade{background:linear-gradient(0deg,#100e0d 5%,#100e0df5 52%,#100e0d20 100%)}.gg-hero-copy{padding:240px 0 65px}.gg-hero h1{font-size:48px}.gg-kicker{font-size:9px!important;letter-spacing:.13em}.gg-kicker span{padding:0 5px}.gg-intro{font-size:18px}.gg-hero-meta{gap:12px;flex-wrap:wrap;font-size:10px}.gg-motion{bottom:16px;right:16px}.gg-library{padding-top:35px}.gg-grid{grid-template-columns:1fr;gap:25px}.gg-library-count{font-size:28px}.gg-section-head h2{font-size:25px}.gg-library-count span{display:none}.gg-art{height:160px}.gg-art h2{font-size:26px}.gg-about{grid-template-columns:1fr;gap:24px;margin-top:40px}.gg-faq{display:block;padding-top:32px}.gg-faq h2{margin-bottom:12px}.gg-lightbox h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.gg-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.gg-card{transform:none!important}.gg-motion{display:none}}
.gg-play.rn-rgb{--rn-rgb-fill:#292017;--rn-rgb-fill-hover:#3f2a18;padding:11px 15px}

/* lightning line between each game's banner and its screenshot, in the game's own colour */
.gg-bolt-defs{position:absolute;width:0;height:0;overflow:hidden}
.gg-bolt{position:relative;height:0;z-index:3;pointer-events:none}
.gg-bolt svg{position:absolute;left:0;top:-14px;width:100%;height:28px;overflow:visible;display:block}
.gg-bolt use{fill:none;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:3}
.gg-bolt-base{filter:drop-shadow(0 0 3px var(--game-accent)) drop-shadow(0 0 10px var(--game-accent));animation:ggBoltFlicker 5s linear infinite}
.gg-bolt-base .arc{stroke:var(--game-accent);stroke-width:3.2}
.gg-bolt-base .core{stroke:#fff;stroke-width:1;opacity:.88}
.gg-bolt-spark{filter:drop-shadow(0 0 5px var(--game-accent));-webkit-mask:linear-gradient(90deg,transparent,#000 50%,transparent) no-repeat;mask:linear-gradient(90deg,transparent,#000 50%,transparent) no-repeat;-webkit-mask-size:26% 100%;mask-size:26% 100%;-webkit-mask-position:-35% 0;mask-position:-35% 0;animation:ggBoltRun 3.6s cubic-bezier(.45,.05,.55,.95) infinite}
.gg-bolt-spark use{stroke:#fff;stroke-width:3.4}
.gg-card:nth-child(2) .gg-bolt svg{animation-delay:-1.3s}.gg-card:nth-child(3) .gg-bolt svg{animation-delay:-2.4s}.gg-card:nth-child(4) .gg-bolt svg{animation-delay:-.6s}
.gg-card:hover .gg-bolt-base{filter:drop-shadow(0 0 4px var(--game-accent)) drop-shadow(0 0 16px var(--game-accent))}
@keyframes ggBoltRun{from{-webkit-mask-position:-35% 0;mask-position:-35% 0}to{-webkit-mask-position:136% 0;mask-position:136% 0}}
@keyframes ggBoltFlicker{0%,100%{opacity:1}6%{opacity:.7}8%{opacity:1}31%{opacity:1}33%{opacity:.62}35%{opacity:.95}37%{opacity:.78}39%{opacity:1}72%{opacity:1}74%{opacity:.72}76%{opacity:1}}