.label-icon-parent{flex:none;line-height:0;display:inline-block}.label-icon-parent svg{width:100%;height:100%;display:block}@keyframes game-card-swap-in{0%{opacity:0;transform:translateY(8px)}}.game-card-parent{aspect-ratio:139/233;perspective:1100px;width:100%;height:100%;scroll-margin:calc(var(--chrome-top) + var(--gap)) 0 calc(var(--chrome-bottom) + var(--gap));--radius:clamp(6px, 4cqw, 18px);display:block;position:relative;container-type:inline-size}.game-card-parent.flown-out{opacity:0;pointer-events:none}.game-card-parent.swap-in{animation:game-card-swap-in .32s var(--lobby-ease) backwards;animation-delay:min(var(--swap-index) * 13ms, .24s)}.game-card-parent .card{transform-style:preserve-3d;transition:transform .78s var(--lobby-ease);will-change:transform;position:absolute;inset:0}.game-card-parent .card.flipped{transform:rotateY(180deg)scale(1.03)}.game-card-parent .card.flipped .face .art.soft{transform:scale(1.25)}.game-card-parent .card .face{border-radius:var(--radius);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;transform:translateZ(.2px)}.game-card-parent .card .face .art{transition:transform .55s var(--lobby-ease);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.game-card-parent .card .face .art.soft{z-index:0;transition:transform 1.1s var(--lobby-ease);filter:blur(clamp(2px,.9cqw,6px));transform:scale(1.02)}.game-card-parent .card .face.front{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#17091d;border:none;width:100%;padding:0;display:block}.game-card-parent .card .face.front:focus-visible{outline:2px solid var(--lobby-color-focus);outline-offset:2px}.game-card-parent .card .face.front .gloss{opacity:.75;transition:opacity .35s var(--lobby-ease);background:linear-gradient(150deg,#ffffff2b 0%,#fff0 34%);position:absolute;inset:0}.game-card-parent .card .face.front .ring{border-radius:inherit;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s var(--lobby-ease);background:linear-gradient(145deg,#ff2f9d,#7a2ce0 55%,#ffffffa6);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-card-parent .card .face.front .corner{aspect-ratio:1;clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;width:33%;display:block;position:absolute;top:0;right:0}.game-card-parent .card .face.front .corner .glyph{width:44%;height:44%;color:var(--lobby-color-text);position:absolute;top:7%;right:6%}.game-card-parent .card .face.front .corner.top-performer .glyph{right:4.35%}.game-card-parent .card .face.front .corner.coming-soon .glyph{right:.133333%}.game-card-parent .card .face.front .corner.top-performer{background:#6621cc80}.game-card-parent .card .face.front .corner.fan-favorite{background:#f7008780}.game-card-parent .card .face.front .corner.coming-soon{background:#43337680}.game-card-parent .card .face.front .hint{text-align:left;opacity:0;transition:opacity .3s var(--lobby-ease), transform .3s var(--lobby-ease);background:linear-gradient(#0c041000,#0c0410e0);flex-direction:column;gap:.4cqw;padding:9cqw 4.5cqw 4cqw;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(18%)}.game-card-parent .card .face.front .hint .name{color:var(--lobby-color-text);font-size:clamp(9px,5.4cqw,19px);font-weight:800;line-height:1.15}.game-card-parent .card .face.front .hint .cta{color:var(--lobby-color-accent);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(7px,3.6cqw,13px);font-weight:600}.game-card-parent .card .face.back{background:#0a0a0c;flex-direction:column;padding:0 clamp(8px,5.5cqw,26px) clamp(8px,5.5cqw,26px);display:flex;transform:rotateY(180deg)translateZ(.2px);box-shadow:inset 0 0 0 1px #ffffff1a,0 3cqw 7cqw #0000008c;container-type:size}.game-card-parent .card .face.back .veil{z-index:0;background:linear-gradient(#00000094,#000000bd);position:absolute;inset:0}.game-card-parent .card .face.back .close{z-index:2;cursor:pointer;background:#0a040e80;border:1px solid #ffffff47;border-radius:50%;width:clamp(30px,14cqw,62px);height:clamp(30px,14cqw,62px);padding:0;transition:background .2s,border-color .2s,transform .2s;position:absolute;top:3.5cqw;right:3.5cqw}.game-card-parent .card .face.back .close span{background:var(--lobby-color-text);border-radius:2px;width:44%;height:clamp(1.5px,.6cqw,3px);position:absolute;top:50%;left:50%}.game-card-parent .card .face.back .close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.game-card-parent .card .face.back .close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.game-card-parent .card .face.back .close:hover{background:#f7008780;border-color:#ffffff8c;transform:scale(1.08)}.game-card-parent .card .face.back .detail,.game-card-parent .card .face.back .actions{z-index:1;position:relative}.game-card-parent .card .face.back .detail{scrollbar-width:none;min-height:0;margin-block:25cqh auto;overflow-y:auto}.game-card-parent .card .face.back .detail .chip{color:var(--lobby-color-text);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.5em;margin-bottom:clamp(6px,2.6cqw,13px);padding:clamp(3px,1.4cqw,7px) clamp(7px,3cqw,15px);font-size:clamp(8px,3.4cqw,13px);font-weight:800;display:inline-flex}.game-card-parent .card .face.back .detail .chip .glyph{width:1.35em;height:1.35em}.game-card-parent .card .face.back .detail .chip.top-performer{background:#6621cc}.game-card-parent .card .face.back .detail .chip.fan-favorite{background:#f70087}.game-card-parent .card .face.back .detail .chip.coming-soon{background:#433376}.game-card-parent .card .face.back .detail .name{color:var(--lobby-color-text);text-align:center;text-wrap:balance;margin-bottom:clamp(12px,6.5cqw,30px);font-size:clamp(15px,8cqw,32px);font-weight:800;line-height:1.12}.game-card-parent .card .face.back .detail .bullets{flex-direction:column;gap:clamp(5px,2.6cqw,13px);padding:0;display:flex}.game-card-parent .card .face.back .detail .bullets li{color:#ffffffe6;padding-left:clamp(12px,5.6cqw,24px);font-size:clamp(12px,5.8cqw,21px);font-weight:400;line-height:1.34;position:relative}.game-card-parent .card .face.back .detail .bullets li:before{content:"";background:linear-gradient(90deg,#f50086,#6621cb);border-radius:50%;width:clamp(5px,2.4cqw,10px);height:clamp(5px,2.4cqw,10px);position:absolute;top:.48em;left:0}.game-card-parent .card .face.back .actions{flex-shrink:0;gap:clamp(4px,2.6cqw,12px);margin-top:clamp(8px,5cqw,24px);display:flex}.game-card-parent .card .face.back .actions .button{border-radius:calc(var(--radius) * .6);min-width:0;color:var(--lobby-color-text);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:none;flex:1 1 0;padding:clamp(5px,3.4cqw,16px) clamp(2px,1.5cqw,8px);font-size:clamp(10px,4.6cqw,17px);font-weight:800;transition:background .25s,box-shadow .25s,transform .15s}.game-card-parent .card .face.back .actions .button:active{transform:scale(.97)}.game-card-parent .card .face.back .actions .button.dismiss{background:#ffffff12;border:1px solid #ffffff4d}.game-card-parent .card .face.back .actions .button.dismiss:hover{background:#ffffff24;border-color:#fff9}.game-card-parent .card .face.back .actions .button.play{background:linear-gradient(101deg,#f50086,#6621cb);box-shadow:0 .8cqw 3cqw #f7008761}.game-card-parent .card .face.back .actions .button.play:hover{background:linear-gradient(101deg,#ff2f9d,#7d33e8);box-shadow:0 1.2cqw 4cqw #f700878c}.game-card-parent.hero .card.flipped{transform:rotateY(180deg)}@media (hover:hover) and (pointer:fine){.game-card-parent:hover{z-index:3}.game-card-parent:hover .card:not(.flipped){transform:translateY(-1.6cqw)scale(1.035)}.game-card-parent:hover .card:not(.flipped) .art{transform:scale(1.09)}.game-card-parent:hover .card:not(.flipped) .ring,.game-card-parent:hover .card:not(.flipped) .gloss,.game-card-parent:hover .card:not(.flipped) .hint{opacity:1}.game-card-parent:hover .card:not(.flipped) .hint{transform:none}}@media (prefers-reduced-motion:reduce){.game-card-parent.swap-in{animation:none}}.game-hero-parent{z-index:9;position:fixed;inset:0}.game-hero-parent .backdrop{-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .38s var(--lobby-ease);background:#0b040fc4;position:absolute;inset:0}.game-hero-parent.open .backdrop{opacity:1}.game-hero-parent .flight{transition:left var(--hero-flight) var(--lobby-ease), top var(--hero-flight) var(--lobby-ease), width var(--hero-flight) var(--lobby-ease), height var(--hero-flight) var(--lobby-ease);will-change:left, top, width, height;position:fixed}.label-filter-parent{z-index:4;pointer-events:none;left:0;right:0;top:var(--bar-top);height:var(--filter-h);padding-inline:var(--pad-x);--pill-gap:clamp(5px, .55vw, 11px);--pill-pad-x:1.35em;--pill-icon:1.55em;position:absolute;container-type:inline-size}.label-filter-parent .rail{justify-content:center;align-items:center;gap:var(--pill-gap);flex-wrap:nowrap;height:100%;display:flex}.label-filter-parent .rail .pill{padding:.68em var(--pill-pad-x);color:var(--lobby-color-text);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:background-color .22s var(--lobby-ease), border-color .22s var(--lobby-ease), color .22s var(--lobby-ease), transform .16s var(--lobby-ease);background-origin:border-box;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:.6em;font-family:inherit;font-size:min(1.8vh,18px,1.88cqi);font-weight:700;line-height:1;display:inline-flex}.label-filter-parent .rail .pill:active{transform:scale(.96)}.label-filter-parent .rail .pill:focus-visible{outline:2px solid var(--lobby-color-focus);outline-offset:3px}.label-filter-parent .rail .pill .glyph{width:var(--pill-icon);height:var(--pill-icon)}.label-filter-parent .rail .pill.all{background-color:#d2b0ff33;border-color:#d2b0ff}.label-filter-parent .rail .pill.all.active{background-color:#d2b0ff}.label-filter-parent .rail .pill.top-performer{background-color:#6621cc33;border-color:#6621cc}.label-filter-parent .rail .pill.top-performer.active{background-color:#6621cc}.label-filter-parent .rail .pill.fan-favorite{background-color:#f7008733;border-color:#f70087}.label-filter-parent .rail .pill.fan-favorite.active{background-color:#f70087}.label-filter-parent .rail .pill.coming-soon{background-color:#43337633;border-color:#433376}.label-filter-parent .rail .pill.coming-soon.active{background-color:#433376}.label-filter-parent .rail .pill.all.active{color:#14080d}@container (width<=560px){.label-filter-parent .rail{--pill-gap:5px}.label-filter-parent .rail .pill{--pill-pad-x:.9em;--pill-icon:1.4em;letter-spacing:.04em;gap:.45em;font-size:min(1.8vh,18px,2.05cqi)}}@media (hover:hover) and (pointer:fine){.label-filter-parent .rail .pill.all:hover{background-color:#d2b0ff57}.label-filter-parent .rail .pill.all.active:hover{background-color:#d2b0ffd9}.label-filter-parent .rail .pill.top-performer:hover{background-color:#6621cc57}.label-filter-parent .rail .pill.top-performer.active:hover{background-color:#6621ccd9}.label-filter-parent .rail .pill.fan-favorite:hover{background-color:#f7008757}.label-filter-parent .rail .pill.fan-favorite.active:hover{background-color:#f70087d9}.label-filter-parent .rail .pill.coming-soon:hover{background-color:#43337657}.label-filter-parent .rail .pill.coming-soon.active:hover{background-color:#433376d9}}@keyframes lobby-drift-pink{0%{transform:translate(0,0)scale(1)}to{transform:translate(-7%,6%)scale(1.14)}}@keyframes lobby-drift-violet{0%{transform:translate(0,0)scale(1.08)}to{transform:translate(9%,-7%)scale(1)}}@keyframes lobby-drift-ember{0%{transform:translate(0,0)scale(.94)}to{transform:translate(-5%,-9%)scale(1.18)}}.lobby-background-parent{z-index:0;pointer-events:none;background-color:var(--lobby-color-base);position:absolute;inset:0;overflow:hidden}.lobby-background-parent .glow{will-change:transform;border-radius:50%;position:absolute}.lobby-background-parent .glow.pink{background:radial-gradient(closest-side,#ff0c98e6,#f0008257 46%,#f0008200 72%);width:82vmax;height:82vmax;animation:41s ease-in-out infinite alternate lobby-drift-pink;top:-30%;right:-16%}.lobby-background-parent .glow.violet{background:radial-gradient(closest-side,#7042e0d1,#482eac4d 48%,#482eac00 74%);width:92vmax;height:92vmax;animation:57s ease-in-out infinite alternate lobby-drift-violet;bottom:-36%;left:-22%}.lobby-background-parent .glow.ember{background:radial-gradient(closest-side,#c4005475,#c4005400 70%);width:64vmax;height:64vmax;animation:47s ease-in-out infinite alternate lobby-drift-ember;top:26%;right:2%}.lobby-background-parent .scrim{background:radial-gradient(125% 95% at 50% 44%,#05020900 0%,#05020985 100%),linear-gradient(#05020999 0%,#05020914 20%,#0502091f 68%,#050209a8 100%);position:absolute;inset:0}.lobby-background-parent .grain{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.top-bar-parent{z-index:4;pointer-events:none;--scrim-top:inherit;position:absolute;left:0;right:0}.top-bar-parent:before{--scrim-top:inherit;content:"";z-index:-1;opacity:var(--scrim-top);transition:opacity .14s linear;position:absolute;left:0;right:0}.top-bar-parent{height:var(--bar-top);padding:0 var(--pad-x);justify-content:space-between;align-items:center;gap:12px;display:flex;top:0}.top-bar-parent:before{height:calc(var(--chrome-top) * 1.75);background:linear-gradient(#040107e0 0%,#040107cc 40%,#040107ad 57%,#04010752 78%,#04010700 100%);top:0}.top-bar-parent .start{align-items:center;gap:clamp(10px,1.5vh,20px);display:flex}.top-bar-parent .start .home{width:clamp(30px,4.4vh,52px);height:clamp(30px,4.4vh,52px);color:var(--lobby-color-text);pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:border-color .25s var(--lobby-ease), background-color .25s var(--lobby-ease), filter .25s var(--lobby-ease), transform .25s var(--lobby-ease);background-color:#ffffff12;border:1px solid #ffffff47;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.top-bar-parent .start .home .glyph,.top-bar-parent .start .home .glyph svg{width:100%;height:100%}.top-bar-parent .start .home:focus-visible{outline:2px solid var(--lobby-color-focus);outline-offset:4px}@media (hover:hover) and (pointer:fine){.top-bar-parent .start .home:hover{border-color:var(--lobby-color-accent);filter:drop-shadow(0 0 14px #f70087a6);background-color:#f7008733;transform:translateY(-1px)}}.top-bar-parent .start .logo{pointer-events:auto;height:clamp(20px,3.4vh,42px);transition:filter .25s var(--lobby-ease), transform .25s var(--lobby-ease);display:block}.top-bar-parent .start .logo img{object-fit:contain;width:auto;height:100%}.top-bar-parent .start .logo .wordmark{height:100%;color:var(--lobby-color-text);white-space:nowrap;align-items:center;font-size:calc(clamp(20px,3.4vh,42px)/1.66667);font-weight:700;display:flex}.top-bar-parent .start .logo:hover{filter:drop-shadow(0 0 14px #f70087a6);transform:translateY(-1px)}.top-bar-parent .start .logo:focus-visible{outline:2px solid var(--lobby-color-focus);outline-offset:6px}.top-bar-parent.playnetic .start .logo{height:calc(clamp(20px,3.4vh,42px)/1.09649)}.top-bar-parent .link{color:#ffffffd1;letter-spacing:.02em;pointer-events:auto;border-bottom:1px solid #ffffff47;font-size:clamp(10px,1.55vh,16px);font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.top-bar-parent .link:hover{color:var(--lobby-color-accent);border-color:var(--lobby-color-accent)}@property --fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scrim-top{syntax:"<number>";inherits:false;initial-value:0}@property --scrim-bottom{syntax:"<number>";inherits:false;initial-value:0}.lobby-parent{--bar-top:clamp(52px, 7vh, 92px);--filter-h:0px;--chrome-top:calc(var(--bar-top) + var(--filter-h));--chrome-bottom:clamp(30px, 4vh, 48px);--pad-x:clamp(12px, 3.2vw, 64px);--gap:clamp(7px, 1vw, 20px);--cols:3;--fade-top:0px;--fade-bottom:0px;--scrim-top:0;--scrim-bottom:0;width:100%;height:100dvh;display:block;position:relative;overflow:hidden}@media (width<=700px){.lobby-parent{--chrome-bottom:46px}}@media (width>=960px){.lobby-parent{--cols:4}}@media (width>=1400px){.lobby-parent{--cols:5}}@media (width>=2200px){.lobby-parent{--cols:6}}@media (orientation:landscape) and (height<=880px) and (width>=1000px){.lobby-parent{--cols:5}}@media (orientation:landscape) and (height<=620px){.lobby-parent{--cols:6}}@media (orientation:landscape) and (height<=460px){.lobby-parent{--cols:7}}.lobby-parent.has-filters{--bar-top:clamp(42px, 5.2vh, 70px);--filter-h:clamp(40px, 6vh, 64px)}.lobby-parent .page{--fade-top:inherit;--fade-bottom:inherit;--scrim-top:inherit;--scrim-bottom:inherit;display:contents}.lobby-parent .page .scroller{--fade-top:inherit;--fade-bottom:inherit;z-index:1;padding:var(--chrome-top) var(--pad-x) var(--chrome-bottom);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--fade-top), #000 calc(100% - var(--fade-bottom)), transparent 100%);position:absolute;inset:0;overflow:hidden auto}.lobby-parent .page .scroller .grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--gap);padding:var(--gap) 0 calc(var(--gap) * 2);max-width:2200px;margin-inline:auto;display:grid}.lobby-parent .page .legal{z-index:4;pointer-events:none;--scrim-bottom:inherit;position:absolute;left:0;right:0}.lobby-parent .page .legal:before{--scrim-bottom:inherit;content:"";z-index:-1;opacity:var(--scrim-bottom);transition:opacity .14s linear;position:absolute;left:0;right:0}.lobby-parent .page .legal{min-height:var(--chrome-bottom);padding:0 var(--pad-x) max(4px, .6vh);color:#ffffff8c;text-align:center;justify-content:center;align-items:center;font-size:clamp(8.5px,1.35vh,13px);line-height:1.3;display:flex;bottom:0}.lobby-parent .page .legal:before{background:linear-gradient(#04010700 0%,#04010740 30%,#040107a1 64%,#040107cc 100%);height:264%;bottom:0}.app-parent{display:contents}.app-parent .preview-note{z-index:5;color:var(--lobby-color-text);white-space:nowrap;pointer-events:none;background-color:#040107d9;border-radius:999px;margin:0;padding:4px 12px;font-size:12px;position:fixed;top:6px;left:50%;transform:translate(-50%)}:root{--lobby-color-base:#09030f;--lobby-color-text:#fff;--lobby-color-focus:#ff5cc0;--lobby-color-accent:#ff7ac4;--lobby-ease:cubic-bezier(.22, .86, .24, 1)}@font-face{font-family:Lobby Lato;src:url(/assets/Lato-Regular-BwLIet1C.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lobby Lato;src:url(/assets/Lato-Bold-B5iD31kO.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lobby Lato;src:url(/assets/Lato-Black-BGKY3P7n.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;list-style:none}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;color:var(--lobby-color-text);text-rendering:optimizespeed;background-color:var(--lobby-color-base);margin:0;font-family:Lobby Lato,sans-serif;line-height:1.5}::-webkit-scrollbar{width:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}#root *,#root :before,#root :after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}
