.lounge{--gold:#efc14a;--gold-deep:#e0ad28;--ink:#fff;--muted:#d5d7ef;--line:#ffffff1f;--card:#14103a;min-height:100svh;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0e1848;font-weight:600}.lounge ::selection{background:var(--gold);color:#2b2208}.lounge :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.lounge .stage{background:radial-gradient(900px 520px at 12% 18%,#7a4ad259,#0000 60%),radial-gradient(700px 480px at 88% 80%,#2a50be47,#0000 62%),radial-gradient(520px 420px at 70% 12%,#5a8ce629,#0000 55%),linear-gradient(#24186e 0%,#15145c 38%,#0e1848 100%);min-height:100svh}.lounge .stage:before,.lounge .stage:after{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:50%;position:fixed}.lounge .stage:before{background:radial-gradient(circle,#a05aff1f,#0000 70%);width:520px;height:520px;animation:18s ease-in-out infinite alternate lounge-orb;top:80px;left:-160px}.lounge .stage:after{background:radial-gradient(circle,#4678dc24,#0000 70%);width:640px;height:640px;animation:22s ease-in-out infinite alternate-reverse lounge-orb;bottom:-180px;right:-220px}.lounge .wrap{z-index:1;width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 72px;position:relative}.lounge header{z-index:4;align-items:center;gap:28px;display:flex;position:relative}.lounge .brand{color:var(--gold);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.lounge .brand img{width:auto;height:34px}.lounge nav{gap:22px;margin-left:18px;font-size:.92rem;font-weight:700;display:flex}.lounge nav a{color:var(--muted);text-decoration:none}.lounge nav a:hover{color:#fff}.lounge .header-right{align-items:center;gap:14px;margin-left:auto;display:flex}.lounge .search{border:1px solid var(--line);width:210px;height:38px;color:var(--muted);background:#080a2873;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex;position:relative}.lounge .search-panel{z-index:30;background:#0c0a28f5;border-radius:16px;width:min(380px,78vw);max-height:420px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 18px 40px #0006}.lounge .search-note,.lounge .search-more{color:var(--muted);padding:10px 12px;font-size:.86rem;font-weight:700;text-decoration:none;display:block}.lounge .search-more{color:var(--gold)}.lounge .search-more:hover{color:#fff}.lounge .search-hit{color:inherit;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:8px;text-decoration:none;display:grid}.lounge .search-hit:hover{background:#ffffff0f}.lounge .search-hit img,.lounge .search-mark{object-fit:cover;background:#14103a;border-radius:8px;width:42px;height:42px}.lounge .search-hit strong{font-size:.88rem;font-weight:800;display:block}.lounge .search-hit strong+span{color:var(--muted);margin-top:2px;font-size:.75rem;font-weight:700;display:block}.lounge .search input{color:#fff;min-width:0;font:inherit;caret-color:var(--gold);background:0 0;border:0;outline:0;flex:1;font-size:.88rem}.lounge .search input::placeholder{color:#b7bce0}.lounge .search:focus-within{border-color:#efc14ab3}.lounge .sign-in{color:var(--muted);font-size:.88rem;font-weight:800;text-decoration:none}.lounge .sign-in:hover{color:#fff}.lounge .hero{grid-template-columns:.92fr 1.08fr;align-items:center;min-height:460px;margin-top:20px;display:grid}.lounge .hero-copy h1,.lounge .hero-copy .lede,.lounge .hero-copy .cta,.lounge .hero-copy .hint{animation:.8s cubic-bezier(.16,1,.3,1) both lounge-rise}.lounge .hero-copy h1{animation-delay:80ms}.lounge .hero-copy .lede{animation-delay:.18s}.lounge .hero-copy .cta{animation-delay:.28s}.lounge .hero-copy .hint{animation-delay:.38s}.lounge .hero h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.4rem,4.4vw,3.35rem);font-weight:800;line-height:1.05}.lounge .lede{color:var(--muted);max-width:36ch;margin-top:14px;font-size:1.05rem;font-weight:600}.lounge .cta-carousel{margin-top:28px}.lounge .offer{align-items:baseline;gap:12px;min-height:1.4em;display:flex}.lounge .offer strong{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.lounge .offer span{color:var(--gold);font-weight:800}.lounge .cta{background:var(--gold);color:#2b2208;height:52px;font:inherit;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:10px;margin-top:14px;padding:0 28px;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 24px #efc14a47}.lounge .cta svg{animation:1.4s ease-in-out infinite lounge-flame}.lounge .cta:hover{background:var(--gold-deep);transform:translateY(-2px);box-shadow:0 16px 32px #efc14a61}.lounge .cta-dots{gap:8px;margin-top:16px;display:flex}.lounge .cta-dots button{cursor:pointer;background:#ffffff47;border:0;border-radius:999px;width:8px;height:8px;padding:0}.lounge .cta-dots button[aria-selected=true]{background:var(--gold);width:22px}.lounge .hint{max-width:36ch;color:var(--muted);align-items:flex-start;gap:10px;margin-top:26px;font-size:.92rem;font-weight:600;line-height:1.4;display:flex}.lounge .hint strong{color:var(--gold);font-size:.92rem;display:block}.lounge .hint i{border:1.5px solid var(--gold);width:18px;height:18px;color:var(--gold);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:11px;font-style:normal;font-weight:800;display:grid}.lounge .heroes{height:500px;position:relative;overflow:hidden}.lounge .heroes img,.lounge .heroes video{object-fit:cover;object-position:68% 20%;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;-webkit-mask-composite:source-in;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 100%),linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 100%),linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.lounge .heroes .is-on{opacity:1}.lounge .heroes .spark{z-index:2}.lounge .spark{background:var(--gold);width:5px;height:5px;box-shadow:0 0 10px var(--gold);pointer-events:none;border-radius:50%;animation:2.8s ease-in-out infinite lounge-spark;position:absolute}.lounge .heroes span:first-of-type{animation-delay:.4s;top:58%;left:38%}.lounge .heroes span:nth-of-type(2){animation-delay:1.1s;top:42%;left:52%}.lounge .heroes span:nth-of-type(3){animation-delay:1.8s;top:70%;left:64%}.lounge .heroes span:nth-of-type(4){animation-delay:.8s;top:28%;left:46%}.lounge .heroes span:nth-of-type(5){animation-delay:.2s;top:46%;left:30%}.lounge .heroes span:nth-of-type(6){animation-delay:.6s;top:38%;left:72%}.lounge .heroes span:nth-of-type(7){animation-delay:1.4s;top:62%;left:58%}.lounge .heroes span:nth-of-type(8){animation-delay:1s;top:30%;left:68%}.lounge .cats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c2a80;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:repeat(5,1fr);margin-top:8px;display:grid;overflow:hidden}.lounge .cats a{color:#e8e9fb;border-right:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;height:62px;font-size:.92rem;font-weight:700;text-decoration:none;display:flex}.lounge .cats a:last-child{border-right:0}.lounge .cats a:hover,.lounge .cats a[aria-current=page]{color:#fff;background:#ffffff0d}.lounge .cats svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:22px;height:22px}.lounge .block{margin-top:54px}.lounge .block h2,.lounge .best h2,.lounge .about h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.7rem,3vw,2.15rem);font-weight:800}.lounge .best{text-align:center}.lounge .block .sub,.lounge .best .sub,.lounge .about .copy p{color:var(--muted);margin-top:10px;font-weight:600;line-height:1.5}.lounge .best .sub{max-width:46ch;margin-inline:auto}.lounge .tabs{background:#0a0c2a8c;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:repeat(4,1fr);width:min(760px,100%);margin:28px auto 0;display:grid;overflow:hidden}.lounge .tabs button{color:#e4e6f8;height:44px;font:inherit;cursor:pointer;background:0 0;border:0;font-size:.9rem;font-weight:700}.lounge .tabs button+button{border-left:1px solid #ffffff1a}.lounge .tabs button[aria-selected=true]{background:var(--gold);color:#2b2208}.lounge .games{text-align:left;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.lounge .game{color:inherit;font:inherit;text-align:center;background:0 0;border:0;padding:0;text-decoration:none;display:block}.lounge button.game{cursor:pointer}.lounge .cover{aspect-ratio:2/3;background:var(--card);border-radius:16px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000047}.lounge .cover img{object-fit:contain;object-position:center;width:100%;height:100%}.lounge .game:hover .cover{transform:translateY(-8px);box-shadow:0 22px 40px #0006}.lounge .stories{margin-top:64px}.lounge .story-pick{color:#fff;width:min(320px,100%);height:46px;font:inherit;appearance:none;background-color:#0a0c2a8c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 6L8 10.5 12.5 6' stroke='%23efc14a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid #ffffff29;border-radius:999px;margin:22px auto 0;padding:0 48px 0 20px;font-weight:800;line-height:46px;display:block}.lounge .story-label{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lounge .story-note{color:var(--muted);margin-top:10px;font-size:.86rem;font-weight:700}.lounge .story-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin-top:14px;display:flex;overflow-x:auto}.lounge .story-row::-webkit-scrollbar{display:none}.lounge .story-row .game{scroll-snap-align:start;flex:0 0 calc(16.6667% - 13.3333px)}.lounge .score{color:var(--gold);background:#080a1eb8;border-radius:999px;padding:3px 7px;font-size:.72rem;font-weight:800;position:absolute;top:8px;right:8px}.lounge .game h3{color:#e7e9f8;margin-top:10px;font-size:.82rem;font-weight:700}.lounge .empty{color:var(--muted);margin-top:28px}.lounge .pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:28px;display:flex}.lounge .pager button{color:#e4e6f8;min-width:40px;height:40px;font:inherit;cursor:pointer;background:#0a0c2a8c;border:1px solid #ffffff29;border-radius:999px;padding:0 14px;font-size:.85rem;font-weight:800}.lounge .pager button[aria-current=page]{background:var(--gold);border-color:var(--gold);color:#2b2208}.lounge .pager button:disabled{opacity:.4;cursor:default}.lounge .sheet{background:#080a2059;border-radius:20px;margin-top:32px}.lounge .sheet-group{border-top:1px solid #ffffff14;grid-template-columns:minmax(180px,240px) 1fr;gap:8px 40px;padding:26px 28px 18px;display:grid}.lounge .sheet-group:first-child{border-top:0}.lounge .sheet-group h3{letter-spacing:-.03em;font-size:1.15rem;font-weight:800}.lounge .sheet-group>div p{max-width:24ch;color:var(--muted);margin-top:6px;font-size:.88rem;line-height:1.4}.lounge .sheet-group ul{list-style:none}.lounge .sheet-group li{color:#e8eaf8;border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:24px;padding:11px 0;font-size:.95rem;display:flex}.lounge .sheet-group li:last-child{border-bottom:0}.lounge .sheet-group strong{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right;font-weight:800}.lounge .quote-viewport{touch-action:pan-y;margin-top:32px;overflow:hidden}.lounge .quote-track{transition:transform .6s;display:flex}.lounge .quote-page{flex:0 0 100%;grid-template-columns:1fr 1fr;gap:28px 40px;min-width:0;display:grid}.lounge .quote-viewport .cta-dots{margin-top:18px}.lounge .quote{border-top:1px solid #ffffff1a;flex-direction:column;gap:14px;padding-top:18px;display:flex}.lounge .quote-top{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;font-weight:800;display:flex}.lounge .stars{color:var(--gold);gap:3px;display:flex}.lounge .quote p{color:#e7e9f8;white-space:pre-line;font-weight:600;line-height:1.55}.lounge .who{align-items:center;gap:12px;margin-top:auto;display:flex}.lounge .who img,.lounge .who .avatar{object-fit:cover;width:36px;height:36px;color:var(--gold);background:#efc14a2e;border-radius:50%;place-items:center;font-weight:800;display:grid}.lounge .who strong{font-size:.92rem;display:block}.lounge .who span{color:var(--muted);font-size:.8rem;font-weight:600}.lounge .site-foot{background:#06081c8c;border-top:1px solid #ffffff1a;margin-top:72px}.lounge .foot-wrap{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 28px}.lounge .foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px 28px;display:grid}.lounge .foot-brand{color:var(--gold);letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.lounge .foot-grid p{max-width:32ch;color:var(--muted);margin-top:12px;font-size:.95rem;line-height:1.5}.lounge .foot-grid h2{letter-spacing:.12em;text-transform:uppercase;color:#e8eaf8;margin:0;font-size:.78rem;font-weight:800}.lounge .foot-group button{width:100%;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:default;pointer-events:none;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:0;display:flex}.lounge .foot-group .chev{display:none}.lounge .foot-grid ul{gap:10px;margin-top:14px;list-style:none;display:grid}.lounge .foot-grid li,.lounge .foot-grid a{color:var(--muted);font-size:.95rem;font-weight:700;line-height:1.4;text-decoration:none}.lounge .foot-grid a:hover{color:#fff}.lounge .foot-base{color:var(--muted);border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:16px 24px;margin-top:40px;padding-top:18px;font-size:.88rem;font-weight:700;display:flex}.lounge .about{grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px;display:grid}.lounge .about .copy p+p{margin-top:14px}.lounge .frame{aspect-ratio:16/9;background:#100d30;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 16px 36px #00000052}.lounge .frame iframe,.lounge .play{border:0;width:100%;height:100%;position:absolute;inset:0}.lounge .play{color:#fff;font:inherit;cursor:pointer;background:#100d30;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:800;display:flex}.lounge .play img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lounge .play .veil{background:linear-gradient(#100d300d,#100d309e);position:absolute;inset:0}.lounge .play .mark{z-index:1;background:var(--gold);color:#2b2208;border-radius:16px;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:0 10px 24px #efc14a47}.lounge .play-label{z-index:1;position:relative}.lounge .stills{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-column:1/-1;gap:12px;margin-top:8px;display:flex;overflow-x:auto}.lounge .stills::-webkit-scrollbar{display:none}.lounge .still{scroll-snap-align:start;flex:0 0 calc(33.3333% - 8px);margin:0}.lounge .still video,.lounge .still img{aspect-ratio:16/9;object-fit:cover;pointer-events:none;background:#100d30;border-radius:16px;width:100%;display:block}.lounge .still figcaption{color:var(--muted);margin-top:8px;font-size:.82rem;font-weight:800}.lounge .links{flex-wrap:wrap;gap:16px 22px;margin-top:22px;display:flex}.lounge .links a{color:var(--gold);font-weight:800;text-decoration:none}.lounge .links a:hover{color:#fff}.lounge .trouble{text-align:center;margin-top:10px}.lounge .trouble a{color:var(--muted);font-size:.82rem;font-weight:700}@media (max-width:980px){.lounge header{flex-wrap:wrap;gap:14px}.lounge nav{order:3;gap:16px;width:100%;margin-left:0;overflow-x:auto}.lounge .hero{grid-template-columns:1fr;min-height:0}.lounge .heroes{order:-1;height:320px}.lounge .cats{grid-template-columns:1fr 1fr}.lounge .cats a:nth-child(5){grid-column:1/-1}.lounge .cats a{border-bottom:1px solid #ffffff14;border-right:0}.lounge .games{grid-template-columns:repeat(3,minmax(0,1fr))}.lounge .story-row .game{flex-basis:calc(33.3333% - 10.6667px)}.lounge .sheet-group,.lounge .foot-grid{grid-template-columns:1fr 1fr}.lounge .about{grid-template-columns:1fr}.lounge .still{flex-basis:82%}.lounge .search{width:150px}.lounge .search input{font-size:16px}}@media (max-width:640px){.lounge .games{grid-template-columns:1fr 1fr}.lounge .story-row .game{flex-basis:calc(50% - 8px)}.lounge .quote-page{gap:16px 12px}.lounge .quote p{font-size:.78rem}.lounge .tabs{border-radius:18px;grid-template-columns:1fr 1fr}.lounge .header-right{gap:8px}.lounge .sheet-group{grid-template-columns:1fr}.lounge .foot-grid{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.lounge .foot-intro,.lounge .foot-group{width:min(100%,28rem)}.lounge .foot-grid p{text-align:center;margin-inline:auto}.lounge .foot-group{border-top:1px solid #ffffff14}.lounge .foot-group button{text-align:center;cursor:pointer;pointer-events:auto;justify-content:center;padding:16px 0}.lounge .foot-group .chev{border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);width:7px;height:7px;display:block;transform:rotate(45deg)translateY(-2px)}.lounge .foot-group.is-open .chev{transform:rotate(225deg)translateY(-2px)}.lounge .foot-group ul{justify-items:center;margin-top:0;padding-bottom:16px;display:none}.lounge .foot-group.is-open ul{display:grid}.lounge .foot-base{text-align:center;flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){.lounge .stage:before,.lounge .stage:after,.lounge .cta svg,.lounge .spark,.lounge .hero-copy h1,.lounge .hero-copy .lede,.lounge .hero-copy .cta,.lounge .hero-copy .hint{animation:none}.lounge .cta:hover,.lounge .game:hover .cover,.lounge .game:hover .cover img{transform:none}.lounge .heroes img,.lounge .heroes video,.lounge .quote-track{transition:none}}@keyframes lounge-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes lounge-orb{0%{transform:translate(0)}to{transform:translate(28px,-18px)}}@keyframes lounge-flame{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.12)}}@keyframes lounge-spark{0%,to{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:1}to{opacity:0;transform:translateY(-42px)scale(1)}}.lounge .sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}
