.card-container{--mini-card-width:clamp(118px, 8.8vw, 141px);--mini-card-gap:clamp(8px, .9vw, 14px);--mini-expanded-card-min:clamp(94px, 10vw, 141px);--mini-lobby-card-min:clamp(118px, 15vw, 170px);flex-direction:column;align-items:center;gap:clamp(8px,1vw,10px);width:100%;margin-inline:auto;display:flex}.featured-minigame{aspect-ratio:1000/566;cursor:pointer;isolation:isolate;background-position:top;background-size:cover;border-radius:10px;width:100%;max-width:1400px;height:auto;min-height:0;position:relative;overflow:hidden}.featured-minigame:before{content:"";z-index:-1;background:linear-gradient(#0f0f0f00 46%,#0f0f0f94 100%),radial-gradient(90% 80%,#0000 0%,#0000001f 100%);position:absolute;inset:0}.featured-minigame .featured-play{color:#111;min-width:clamp(160px,17vw,216px);height:clamp(58px,6.4vw,72px);font-family:New Amsterdam,NewAmsterdam-Regular,Impact,sans-serif;font-size:clamp(25px,3.1vw,34px);font-weight:var(--AppTheme--weight-regular);cursor:pointer;background:#facf01;border:0;border-radius:999px;transition:filter .16s,transform .16s,box-shadow .16s;position:absolute;bottom:clamp(132px,14.5vw,134px);left:50%;transform:translate(-50%);box-shadow:0 8px #00000029}.featured-minigame .featured-play:hover{filter:brightness(1.08);transform:translate(-50%)translateY(-2px);box-shadow:0 10px #0000002e}.featured-minigame .featured-title{color:#fff;font-family:New Amsterdam,NewAmsterdam-Regular,Impact,sans-serif;font-size:clamp(42px,5.4vw,58px);font-weight:var(--AppTheme--weight-regular);text-align:center;text-shadow:0 4px #00000073,0 0 12px #00000073;line-height:.95;position:absolute;bottom:clamp(58px,6.6vw,64px);left:24px;right:24px}.title-box,.title-box-list{color:#fff;align-items:center;gap:8px;display:none}.title-box .title-icon,.title-box-list .title-icon{filter:brightness(0)saturate()invert(82%)sepia(72%)saturate(1322%)hue-rotate(358deg)brightness(101%)contrast(97%);width:18px;height:18px}.title-box span,.title-box-list span{font-size:14px;font-weight:var(--AppTheme--weight-regular)}.title-box-list{justify-content:flex-start;width:min(100%,1400px);margin-bottom:6px;display:flex}.title-box-list .title-icon{width:28px;height:28px}.title-box-list span{font-size:20px;line-height:1}.card-list,.card-list-lobby{justify-content:center;gap:var(--mini-card-gap);scrollbar-width:none;background:#202020;border-radius:14px;width:100%;transition:max-height .28s,opacity .18s;display:grid}.card-list::-webkit-scrollbar{display:none}.card-list-lobby::-webkit-scrollbar{display:none}.card-list .game-card,.card-list-lobby .game-card{cursor:pointer;background:#242424;border:1px solid #0000;border-radius:10px;min-width:0;transition:transform .16s,border-color .16s,filter .16s;display:block;position:relative;overflow:hidden}.card-list .game-card:after,.card-list-lobby .game-card:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;border:1px solid #0000;transition:border-color .16s;position:absolute;inset:0}.card-list .game-card:hover,.card-list .game-card.active,.card-list-lobby .game-card:hover,.card-list-lobby .game-card.active,.card-list .game-card:hover:after,.card-list .game-card.active:after,.card-list-lobby .game-card:hover:after,.card-list-lobby .game-card.active:after{border-color:#facf01}.card-list .game-card:hover,.card-list-lobby .game-card:hover{transform:translateY(-2px)}.card-list .game-card.active .title-wrapper,.card-list-lobby .game-card.active .title-wrapper{opacity:0}.card-list .game-card.active .card-hover-overlay,.card-list-lobby .game-card.active .card-hover-overlay{opacity:1}.card-list .game-card.active .card-play-button,.card-list-lobby .game-card.active .card-play-button{transform:translateY(0)scale(1)}.card-list .card-image,.card-list-lobby .card-image{aspect-ratio:1/1.04;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;transition:opacity .16s,filter .16s;position:relative;overflow:hidden}.card-list .card-image>.game-duration,.card-list .card-image>.game-timer,.card-list-lobby .card-image>.game-duration,.card-list-lobby .card-image>.game-timer{z-index:2;color:#fff;min-height:clamp(18px,1.5vw,20px);font-size:clamp(9px,.7vw,10px);font-weight:var(--AppTheme--weight-regular);white-space:nowrap;background:#141414db;border-radius:999px;justify-content:center;align-items:center;padding:2px clamp(7px,.7vw,8px);display:flex;position:absolute;top:clamp(6px,.8vw,10px)}.card-list .card-image>.game-duration,.card-list-lobby .card-image>.game-duration{left:clamp(6px,.7vw,9px)}.card-list .card-image>.game-timer,.card-list-lobby .card-image>.game-timer{right:clamp(6px,.7vw,9px)}.card-list .title-wrapper,.card-list-lobby .title-wrapper{z-index:3;text-align:center;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;min-height:58%;padding:clamp(9px,1vw,12px) clamp(6px,.8vw,8px) clamp(10px,1.2vw,16px);display:flex;position:absolute;bottom:0;left:0;right:0}.card-list .title-wrapper .card-title,.card-list-lobby .title-wrapper .card-title{color:#fff;max-width:100%;font-family:New Amsterdam,NewAmsterdam-Regular,Impact,sans-serif;font-size:clamp(17px,1.35vw,24px);font-weight:var(--AppTheme--weight-regular);text-align:center;text-shadow:0 2px 9px #000000b8;text-transform:uppercase;word-break:keep-all;overflow-wrap:anywhere;font-family:New Amsterdam,CookieRun-Regular,sans-serif;font-size:clamp(17px,1.35vw,24px);line-height:.9;font-weight:var(--AppTheme--weight-regular);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:.96;display:-webkit-box;overflow:hidden}.card-list .title-wrapper .card-gameType-label,.card-list-lobby .title-wrapper .card-gameType-label{color:#bdbdbd;font-size:10px;font-weight:var(--AppTheme--weight-regular);margin-top:3px;line-height:1;display:none}.card-list .card-hover-overlay,.card-list-lobby .card-hover-overlay{z-index:4;opacity:0;pointer-events:none;background:linear-gradient(#0000002e 0%,#000000b3 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:clamp(8px,1vw,12px);padding:clamp(12px,1.3vw,16px) 12px 10%;transition:opacity .18s;display:flex;position:absolute;inset:0}.card-list .card-hover-title,.card-list-lobby .card-hover-title{color:#facf01;max-width:100%;font-family:New Amsterdam,NewAmsterdam-Regular,Impact,sans-serif;font-size:clamp(16px,1.25vw,23px);font-weight:var(--AppTheme--weight-regular);text-align:center;text-shadow:0 2px #000000bf,0 0 12px #0009;text-transform:uppercase;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:.96;display:-webkit-box;overflow:hidden}.card-list .card-play-button,.card-list-lobby .card-play-button{color:#202020;width:min(82%,130px);height:clamp(38px,3.6vw,42px);min-height:0;font-family:New Amsterdam,NewAmsterdam-Regular,Impact,sans-serif;font-size:clamp(13px,1.5vw,15px);font-weight:var(--AppTheme--weight-regular);cursor:pointer;background:#facf01;border:0;border-radius:999px;line-height:1;transition:transform .18s;transform:translateY(8px)scale(.96);box-shadow:0 8px 18px #00000047}.card-list .game-card:not(.active):hover .card-image,.card-list-lobby .game-card:not(.active):hover .card-image{opacity:.82;filter:brightness(.9)}.card-list-lobby{z-index:2;position:relative}.card-list-lobby .title-wrapper{background:linear-gradient(#0000 0%,#000000e6 100%);min-height:62%}.classic-lobby-grid{grid-template-columns:repeat(auto-fit, minmax(var(--mini-lobby-card-min), 1fr));background:0 0;border-radius:0;gap:clamp(8px,.9vw,12px);max-width:1400px;padding:0}.classic-lobby-grid .game-card{border-radius:8px}.classic-lobby-grid .title-wrapper{min-height:58%}.classic-lobby-grid .game-card:hover .title-wrapper{opacity:0}.classic-lobby-grid .game-card:hover .card-hover-overlay{opacity:1}.classic-lobby-grid .game-card:hover .card-play-button{transform:translateY(0)scale(1)}.classic-lobby-grid .card-hover-overlay{background:linear-gradient(#0000001f 0%,#000000c2 100%);gap:9px;padding:12px 14px 8%}.classic-lobby-grid .card-hover-title{color:#facf01;font-size:clamp(16px,1.3vw,20px);line-height:1}.classic-lobby-grid .card-play-button{width:min(78%,128px);height:clamp(38px,3.2vw,42px);font-size:clamp(18px,1.5vw,22px)}.card-list{overflow-x:hidden}.card-list .game-card{width:var(--mini-card-width);border-radius:9px}.card-list.collapsed,.card-list-lobby.collapsed{scroll-behavior:smooth;justify-content:flex-start;max-height:148px;display:flex;overflow:auto hidden}.card-list.collapsed .game-card,.card-list-lobby.collapsed .game-card{flex:0 0 var(--mini-card-width)}.card-list.expanded,.card-list-lobby.expanded{grid-template-columns:repeat(auto-fit, minmax(var(--mini-expanded-card-min), 1fr));background:0 0;width:100%;max-height:650px;display:grid;overflow:visible}.card-list.expanded .game-card,.card-list-lobby.expanded .game-card{width:100%}.card-carousel-shell{box-sizing:border-box;border-radius:14px;width:min(100%,1400px);transition:width .22s,max-height .28s,padding .22s,background-color .22s;position:relative;overflow:hidden}.card-carousel-shell.collapsed,.card-carousel-shell.expanded{background:#303030;padding:14px}.card-carousel-shell.collapsed{max-height:176px}.card-carousel-shell.collapsed:before,.card-carousel-shell.collapsed:after{content:"";z-index:6;pointer-events:none;opacity:0;width:92px;transition:opacity .16s;position:absolute;top:0;bottom:0}.card-carousel-shell.collapsed:before{background:linear-gradient(270deg,#20202000,#141414b8 58%,#141414f5);border-radius:14px 0 0 14px;left:0}.card-carousel-shell.collapsed:after{background:linear-gradient(90deg,#20202000,#141414b8 58%,#141414f5);border-radius:0 14px 14px 0;right:0}.card-carousel-shell.collapsed .game-card:hover{transform:none}.card-carousel-shell.collapsed.has-previous:before,.card-carousel-shell.collapsed.has-next:after{opacity:1}.card-carousel-shell.expanded{max-height:760px}.card-carousel-shell.collapsing{max-height:176px}.card-carousel-shell.expanded:before,.card-carousel-shell.expanded:after,.card-carousel-shell.collapsing:before,.card-carousel-shell.collapsing:after,.card-carousel-shell.expanded .carousel-previous-button,.card-carousel-shell.expanded .carousel-next-button,.card-carousel-shell.collapsing .carousel-previous-button,.card-carousel-shell.collapsing .carousel-next-button{display:none}.card-carousel-shell .card-list{background:0 0}.carousel-previous-button,.carousel-next-button{z-index:7;color:#111;width:24px;height:24px;font-family:Arial,sans-serif;font-size:0;font-weight:var(--AppTheme--weight-regular);cursor:pointer;background:#facf01;border:0;border-radius:50%;place-items:center;line-height:1;transition:transform .14s,filter .14s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000006b}.carousel-previous-button:hover,.carousel-next-button:hover{filter:brightness(1.08);transform:translateY(-50%)scale(1.05)}.carousel-previous-button:before,.carousel-next-button:before{font-size:20px;font-weight:var(--AppTheme--weight-regular);line-height:1}.carousel-previous-button{left:7px}.carousel-previous-button:before{content:"<"}.carousel-next-button{right:7px}.carousel-next-button:before{content:">"}.card-list-toggle{box-sizing:border-box;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:min(100%,1400px);padding:0;transition:filter .16s;display:flex}.card-list-toggle:hover{filter:brightness(1.08)}.card-list-toggle img{width:100%;height:auto;display:block}.empty-list-lobby{color:#bdbdbd;width:100%;min-height:260px;font-weight:var(--AppTheme--weight-regular);background:#202020;border-radius:12px;place-items:center;display:grid}