@font-face{font-family:CGOutfit;src:url('Outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--cg-navy:#0D101B;--cg-lime:#C5FA58;--cg-ice:#F4F6FF;--cg-mist:#A1ABC1}
.cg-platform{background:var(--cg-navy);color:var(--cg-ice);font-family:CGOutfit,system-ui,sans-serif}
.cg-platform button,.cg-platform input,.cg-platform select,.cg-platform textarea{font-family:inherit}
.cg-logo,.wordmark:has(.cg-wordmark),.brand:has(.cg-wordmark),.cgb-brand:has(.cg-wordmark){display:inline-flex;align-items:center;gap:10px;flex:none;text-decoration:none;line-height:1}
.cg-emblem,.brand-emblem{display:block;width:44px;height:44px;flex:none;object-fit:contain;border-radius:12px}
.cg-wordmark,.wordmark-image{display:block;width:184px;height:30px;object-fit:contain;max-width:none}
.cg-brand-return{display:inline-flex;align-items:center;gap:7px}
.cg-brand-return .brand-emblem{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;border-radius:7px;flex:none}
a:has(>.cg-emblem):focus-visible,.cg-hero-link:focus-visible{outline:3px solid var(--cg-lime);outline-offset:5px}
.cg-home .site-head{background:#0D101BF5}
.cg-brand-hero{height:250px;position:relative;isolation:isolate;overflow:hidden;border-radius:18px;margin:0 0 24px;background:#0D101B}
.cg-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-2}
.cg-brand-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0D101BF0 0,#0D101B80 40%,transparent 65%)}
.cg-hero-copy{padding:30px 36px;position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.cg-hero-copy>p{font-size:10px;letter-spacing:.15em;font-weight:650;color:var(--cg-mist);margin:0 0 12px}
.cg-hero-copy h1{font-family:Archivo,'Archivo Narrow','Arial Narrow',sans-serif;font-weight:800;font-style:italic;font-size:56px;line-height:.93;letter-spacing:-1.5px;margin:0}
.cg-hero-copy h1>span{color:var(--cg-lime)}
.cg-hero-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:600;color:var(--cg-ice);margin-top:18px;text-decoration:none}
.cg-hero-link span{color:var(--cg-lime);font-size:19px}
.filtering .cg-brand-hero{display:none}
.cg-home .game-art:before{content:'';position:absolute;z-index:1;left:8px;bottom:8px;width:28px;height:28px;border-radius:8px;background:url('icon-64.png') center/cover no-repeat;box-shadow:0 2px 10px #0005;pointer-events:none}
.cg-home .community-invite{background:#181D2C;border-color:#C5FA5830}
.cg-home .community-invite>a{background:var(--cg-lime);color:var(--cg-navy)}
.cg-community{--ink:#0D101B;--panel:#181D2C;--raised:#21283A;--line:#303A50;--text:#F4F6FF;--muted:#A1ABC1;--lime:#C5FA58;--body:CGOutfit,system-ui,sans-serif}
.cg-community .wordmark{gap:10px}
.cg-community .site-footer>a[href='/']{color:var(--cg-lime)}
@media(max-width:800px){.cg-brand-hero{height:230px}.cg-hero-copy{padding:26px}.cg-hero-copy h1{font-size:50px}}
@media(max-width:560px){.cg-emblem,.brand-emblem{width:36px;height:36px;border-radius:10px}.cg-wordmark,.wordmark-image{width:160px;height:27px}.cg-brand-hero{height:195px;margin-bottom:16px;border-radius:14px}.cg-hero-art{object-position:61% center}.cg-hero-copy{padding:21px}.cg-hero-copy>p{font-size:8px;margin-bottom:10px}.cg-hero-copy h1{font-size:40px;line-height:.96;letter-spacing:-1px}.cg-hero-link{font-size:11px;margin-top:13px;gap:12px}.cg-brand-hero:after{background:linear-gradient(90deg,#0D101BF5,#0D101B77 52%,transparent 90%)}.cg-home .game-art:before{width:22px;height:22px;left:6px;bottom:6px;border-radius:6px}}
@media(prefers-reduced-motion:reduce){.cg-platform{scroll-behavior:auto}}
.cg-brand-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.cg-brand-link .cg-brand-icon{display:block;width:28px;height:28px;border-radius:8px;object-fit:contain}
.cg-brand-link .cg-brand-wordmark{display:block;width:150px;height:24px;object-fit:contain}
@media(max-width:560px){.cg-hero-copy h1{font-size:36px}}

.cg-brand-return[hidden]{display:none!important}.cg-brand-return .wordmark-image{display:block;width:164px;height:27px;object-fit:contain;border-radius:0}.cg-brand-return .brand-emblem[width="32"]{width:32px;height:32px}

.cg-looplab .start-overlay .start-panel>a[href="/"]{display:inline-flex;align-items:center;gap:8px}.cg-looplab .start-overlay .start-panel>a[href="/"]:before{content:"";display:block;flex:none;width:28px;height:28px;border-radius:8px;background:url("icon-64.png") center/contain no-repeat}