.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gl-hero{isolation:isolate;padding:150px 0 36px;position:relative;overflow:hidden}.gl-hero__glow{z-index:-1;background:radial-gradient(40% 70% at 85% 10%, var(--accent-glow), transparent 65%), url(/images/bg-lines.svg) center / cover no-repeat;opacity:.35;position:absolute;inset:0}.gl-hero__inner{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.gl-hero__copy{gap:22px;display:grid}.gl-hero__title{text-wrap:balance;max-width:16ch;font-size:clamp(34px,4.4vw,64px)}.gl-live{align-items:center;gap:8px;display:inline-flex}.gl-live i{background:var(--accent);width:7px;height:7px;animation:gl-pulse 1.6s var(--ease-out) infinite;transform:rotate(45deg)}@keyframes gl-pulse{50%{opacity:.25}}.gl-rtp-btn{flex:none}.gl-rtp-btn svg{width:18px;height:18px}.gl-rtp-btn:hover svg{transform:none}.gl-bar{box-shadow:0 1px 0 var(--line);padding-bottom:8px}.gl-bar__inner{gap:12px;display:grid}.gl-bar__row{gap:10px;display:flex}.gl-search{background:var(--ink-3);min-width:0;height:48px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s var(--ease-out);flex:1;align-items:center;gap:12px;padding:0 8px 0 16px;display:flex}.gl-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}.gl-search>svg{width:18px;height:18px;color:var(--mute);flex:none}.gl-search input{min-width:0;height:100%;color:var(--paper);font:inherit;background:0 0;border:0;flex:1;font-size:16px}.gl-search input:focus{outline:none}.gl-search input::placeholder{color:var(--mute)}.gl-search input::-webkit-search-cancel-button{display:none}.gl-search__clear{width:32px;height:32px;color:var(--mute-2);place-items:center;display:grid}.gl-search__clear[hidden]{display:none}.gl-search__clear:hover{color:var(--accent)}.gl-search__clear svg{width:16px;height:16px}.gl-sort{background:var(--ink-3);height:48px;box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:10px;padding-left:16px;display:flex;position:relative}.gl-sort__label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:10px;font-weight:700}.gl-sort select{appearance:none;height:100%;color:var(--paper);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 40px 0 0;font-size:15px}.gl-sort select:focus{outline:none}.gl-sort:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}.gl-sort option{background:var(--ink-2)}.gl-sort__chev{width:16px;height:16px;color:var(--mute-2);pointer-events:none;position:absolute;right:14px}.gl-sort--block{padding-left:16px}.gl-sort--block select{font-family:var(--font-display);flex:1;font-weight:700}.gl-icon-btn{background:var(--ink-3);width:48px;height:48px;color:var(--paper);box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:background-color .3s var(--ease-out), color .3s var(--ease-out);flex:none;place-items:center;display:grid}.gl-icon-btn:hover{background:var(--ink-4);color:var(--accent)}.gl-icon-btn svg{width:20px;height:20px}.gl-icon-btn.is-spinning svg{animation:.8s linear infinite gl-spin}@keyframes gl-spin{to{transform:rotate(360deg)}}.gl-studios{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;min-height:108px;padding:6px 0 20px;display:grid}.gl-chip{min-width:0;color:var(--mute-2);box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background-color .25s var(--ease-out), color .25s var(--ease-out), box-shadow .25s var(--ease-out);align-content:start;justify-items:center;gap:6px;padding:12px 6px 10px;display:grid}.gl-chip__logo{width:48px;height:48px;font-family:var(--font-display);color:var(--paper);background:#eef0e914;border-radius:12px;place-items:center;font-size:14px;font-weight:800;display:grid;overflow:hidden}.gl-chip__logo img{object-fit:contain;width:100%;height:100%}.gl-chip__logo svg{width:22px;height:22px}.gl-chip__name{text-align:center;overflow-wrap:break-word;max-width:100%;line-height:1.25;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.gl-chip small{color:var(--mute);margin-top:-2px;font-size:11px;font-weight:600}.gl-chip:hover{color:var(--paper);background:var(--ink-3)}.gl-chip[aria-pressed=true]{color:var(--paper);background:var(--ink-3);box-shadow:inset 0 0 0 2px var(--accent)}.gl-chip[aria-pressed=true] .gl-chip__name,.gl-chip[aria-pressed=true] small{color:var(--accent)}.gl-body{padding-top:24px;padding-bottom:var(--section)}.gl-count{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);min-height:18px;margin-bottom:18px;font-size:12px;font-weight:600}.gl-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:22px 12px;margin:0;padding:0;list-style:none;display:grid}.gl-grid>li{content-visibility:auto;contain-intrinsic-size:auto 240px;min-width:0}.gl-tile{text-align:left;gap:4px;width:100%;display:grid}.gl-tile__art{aspect-ratio:1;border-radius:18%;margin-bottom:8px;display:block;position:relative;overflow:hidden}.gl-tile__art img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out), filter .4s var(--ease-out)}.gl-tile__art img.is-broken{visibility:hidden}.gl-tile__play{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity .3s var(--ease-out);background:#070c098c;place-content:center;justify-items:center;gap:10px;font-size:10px;font-weight:700;display:grid;position:absolute;inset:0}.gl-tile__play svg{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:transform .35s var(--ease-out);padding:12px 11px 12px 13px;transform:scale(.85)}.gl-tile:hover .gl-tile__play,.gl-tile:focus-visible .gl-tile__play,.gl-tile.is-launching .gl-tile__play{opacity:1}.gl-tile:hover .gl-tile__play svg,.gl-tile:focus-visible .gl-tile__play svg{transform:none}.gl-tile:hover .gl-tile__art img{transform:scale(1.06)}.gl-tile.is-launching .gl-tile__play svg{animation:gl-pulse .9s var(--ease-out) infinite}.gl-tile:focus-visible{outline:none}.gl-tile:focus-visible .gl-tile__art{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--accent);overflow:visible}.gl-tile__name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.gl-tile__studio{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:11px;font-weight:600}.gl-more{justify-content:center;margin-top:48px;display:flex}.gl-more[hidden]{display:none}.gl-more .btn:hover svg{transform:translateY(3px)}.gl-skel{gap:8px;display:grid}.gl-skel span{aspect-ratio:1;border-radius:18%;margin-bottom:4px}.gl-skel i{width:80%;height:12px}.gl-skel i+i{width:45%;height:10px}.gl-skel span,.gl-skel i{background:linear-gradient(90deg, var(--ink-3) 0%, var(--ink-4) 50%, var(--ink-3) 100%) 0 0 / 200% 100%;animation:1.4s linear infinite gl-shimmer;display:block}@keyframes gl-shimmer{to{background-position:-200% 0}}.gl-state{text-align:center;justify-items:center;gap:12px;padding:72px 0;display:grid}.gl-state[hidden]{display:none}.gl-state__title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(20px,2vw,28px);font-weight:800}.gl-state__text{color:var(--mute-2);margin-bottom:12px}.gl-dialog{width:min(460px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--paper);background:0 0;border:0;padding:0;overflow:visible}.gl-dialog::backdrop{-webkit-backdrop-filter:blur(6px);background:#070c09c7}.gl-dialog[open]{animation:gl-rise .35s var(--ease-out)}@keyframes gl-rise{0%{opacity:0;transform:translateY(16px)}}.gl-dialog__panel{--chamfer:22px;background:radial-gradient(80% 60% at 100% 0%, #c6ff2e1a, transparent 70%), var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-strong);gap:22px;padding:30px 28px 28px;display:grid;position:relative}.gl-dialog__close{width:40px;height:40px;position:absolute;top:14px;right:14px}.gl-dialog__close svg{width:16px;height:16px}.gl-dialog__title{margin-top:-8px;font-size:clamp(26px,3vw,34px)}.gl-dialog__lede{color:var(--mute-2);margin-top:-10px;font-size:15px}.gl-field{gap:8px;display:grid}.gl-field__label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:10px;font-weight:700}.gl-field__value{background:var(--ink);box-shadow:inset 0 0 0 1px var(--line);color:var(--mute-2);word-break:break-all;user-select:all;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;display:block}.gl-field__hint{color:var(--mute);font-size:13px}.gl-dialog__error{color:#ffb4b4;background:#ff5c5c1a;padding:12px 14px;font-size:14px;box-shadow:inset 3px 0 #ff5c5c}.gl-dialog__error[hidden]{display:none}.gl-dialog__submit{justify-content:space-between;width:100%}.gl-dialog__submit:disabled{opacity:.55;cursor:progress}.gl-toast{z-index:200;background:var(--paper);max-width:min(520px,100% - 32px);color:var(--ink);box-shadow:0 20px 50px #00000080, inset 4px 0 0 var(--accent-2);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);padding:14px 18px;font-size:15px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px)}.gl-toast.is-on{opacity:1;transform:translate(-50%)}.gl-toast[data-tone=error]{box-shadow:0 20px 50px #00000080,inset 4px 0 #ff5c5c}@media (width<=1180px){.gl-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=860px){.gl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gl-hero__inner{flex-direction:column;align-items:flex-start}}@media (width<=640px){.gl-hero{padding-top:120px}.gl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}.gl-sort__label{display:none}.gl-bar__row .gl-sort select{width:96px;padding-right:32px}.gl-bar__row .gl-sort{padding-left:12px}.gl-tile__name{font-size:13px}.gl-tile__studio{font-size:10px}.gl-studios{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.gl-chip{padding:10px 4px 8px}.gl-chip__logo{border-radius:10px;width:40px;height:40px}.gl-chip__name{letter-spacing:.02em;font-size:9px}}@media (width<=420px){.gl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
