.ss5gk36{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}@keyframes rank-scroll-ss5gk36{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.ss5gk36 .side-ad{aspect-ratio:1;box-shadow:var(--ug-shadow-xs);-webkit-transition:-webkit-transform .18s var(--ease-ui),box-shadow .18s var(--ease-ui);transition:transform .18s var(--ease-ui),box-shadow .18s var(--ease-ui);border-radius:30px;display:block;overflow:hidden}.ss5gk36 .side-ad:hover{box-shadow:var(--ug-shadow-md);transform:translateY(-2px)}.ss5gk36 .side-ad img{object-fit:cover;width:100%;height:100%;display:block}.ss5gk36 .rank-card{background:var(--color-surface-solid);border:1px solid var(--color-line);box-shadow:var(--ug-shadow-xs);border-radius:30px;padding:18px;overflow:hidden}.ss5gk36 .rank-head{color:var(--color-text);background:radial-gradient(circle at 92% 0,#47d3c433,#0000 34%),linear-gradient(135deg,#e8fbff 0%,#d9f3ff 52%,#f6fdff 100%);border-bottom:1px solid #8bd3eeb8;align-items:center;gap:8px;margin:-18px -18px 14px;padding:13px 18px;display:flex}.ss5gk36 .rank-head strong{font-size:20px}.ss5gk36 .rank-title-icon{object-fit:contain;filter:drop-shadow(0 6px 10px #307caa24);width:34px;height:34px;margin:-7px -2px -7px -4px;display:block}.ss5gk36 .rank-viewport{height:250px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(#0000,#000 7% 93%,#0000)}.ss5gk36 .rank-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;animation:18s linear infinite rank-scroll-ss5gk36;display:flex}.ss5gk36 .rank-card:hover .rank-list{animation-play-state:paused}.ss5gk36 .rank-list li{display:-ms-grid;-ms-grid-columns:26px 1fr auto;-webkit-transition:background .16s var(--ease-ui);transition:background .16s var(--ease-ui);border-radius:10px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 6px;display:grid}.ss5gk36 .rank-list li:hover{background:color-mix(in srgb, var(--color-primary) 7%, transparent)}.ss5gk36 .rank-no{display:-ms-grid;width:26px;height:26px;color:var(--color-muted);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:8px;place-items:center;font-size:12px;font-weight:900;display:grid}.ss5gk36 .rank-no-1{color:#fff;background:linear-gradient(135deg,#f5c451,#d89b25)}.ss5gk36 .rank-no-2{color:#fff;background:linear-gradient(135deg,#b9c6d2,#8fa3b3)}.ss5gk36 .rank-no-3{color:#fff;background:linear-gradient(135deg,#e0a579,#c07a45)}.ss5gk36 .rank-user{flex-direction:column;min-width:0;line-height:1.25;display:flex}.ss5gk36 .rank-user strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ss5gk36 .rank-user small{color:var(--color-muted);font-size:12px}.ss5gk36 .rank-amount{color:var(--color-gold);white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:900;display:inline-flex}.ss5gk36 .rank-fire-icon{object-fit:contain;filter:drop-shadow(0 4px 7px #d89b252e);width:19px;height:19px;display:block}.ss5gk36 .side-app{min-height:300px;color:var(--color-text);border:1px solid var(--color-line);box-shadow:var(--ug-shadow-xs);-webkit-transition:-webkit-transform .18s var(--ease-ui),box-shadow .18s var(--ease-ui);transition:transform .18s var(--ease-ui),box-shadow .18s var(--ease-ui);background:linear-gradient(145deg,#fffffff0 0%,#e8f9ffeb 52%,#e1f7ffdb 100%);border-radius:30px;flex-direction:column;gap:12px;padding:18px;display:flex;position:relative;overflow:hidden}.ss5gk36 .side-app:hover{box-shadow:var(--ug-shadow-md);transform:translateY(-2px)}.ss5gk36 .side-app-head{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.ss5gk36 .side-app-icon{object-fit:contain;filter:drop-shadow(0 10px 14px #108ecd29);flex:none;width:62px;height:62px}.ss5gk36 .side-app-body{flex-direction:column;flex:auto;min-width:0;line-height:1.3;display:flex}.ss5gk36 .side-app-body strong{font-size:16px}.ss5gk36 .side-app-body span{color:var(--color-muted);font-size:12px}.ss5gk36 .app-preview{z-index:1;display:-ms-grid;cursor:pointer;background:0 0;border:0;place-items:center;min-height:148px;margin:-4px 0 -2px;display:grid;position:relative}.ss5gk36 .app-preview img{filter:drop-shadow(0 18px 26px #307caa24);width:min(220px,92%);height:auto;display:block}.ss5gk36 .side-app-qr{z-index:1;cursor:pointer;border:1px solid var(--color-line);background:#ffffffd1;border-radius:22px;align-items:center;gap:12px;padding:12px;display:flex;position:relative;box-shadow:inset 0 1px #ffffffb8}.ss5gk36 .qr-box{display:-ms-grid;width:84px;height:84px;color:var(--color-text);background:#ffffffe6;border:1px solid #079bd82e;border-radius:18px;flex:none;place-items:center;font-size:34px;display:grid;box-shadow:0 10px 20px #307caa14}.ss5gk36 .qr-text{color:var(--color-muted);flex-direction:column;gap:4px;font-size:12px;line-height:1.4;display:flex}.ss5gk36 .qr-text strong{color:var(--color-text);font-size:14px}.ss5gk36 .app-platforms{-webkit-box-flex-wrap:wrap;flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.ss5gk36 .app-platforms i{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, #fff);border:1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}
.s1hyv6oc{scroll-snap-margin-top:120px;scroll-margin-top:120px}@keyframes enterArrowFlow-s1hyv6oc{0%,to{opacity:.35;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}.s1hyv6oc .lobby-toolbar{background:color-mix(in srgb, var(--color-surface) 70%, transparent);border:1px solid var(--color-line);box-shadow:var(--ug-shadow-xs);border-radius:32px;flex-direction:column;gap:10px;margin-bottom:14px;padding:16px 22px;display:flex}.s1hyv6oc .chip-row{-webkit-box-flex-wrap:wrap;flex-wrap:wrap;gap:8px;display:flex}.s1hyv6oc .chip-row button{min-height:42px;color:var(--color-text);background:linear-gradient(180deg, var(--color-surface-solid), color-mix(in srgb, var(--color-primary) 6%, var(--color-surface-solid)));cursor:pointer;-webkit-transition:color .18s var(--ease-ui),-webkit-transform .18s var(--ease-ui),box-shadow .18s var(--ease-ui);transition:color .18s var(--ease-ui),transform .18s var(--ease-ui),box-shadow .18s var(--ease-ui);border:0;border-radius:999px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700;box-shadow:0 4px 12px #307caa1a,inset 0 1px #ffffffe6,inset 0 -5px 9px #307caa14}.s1hyv6oc .chip-row button:hover{color:var(--color-primary);transform:translateY(-2px)}.s1hyv6oc .chip-row button.is-active{color:#fff;background:var(--gradient-primary);box-shadow:0 9px 20px color-mix(in srgb, var(--color-primary) 38%, transparent),inset 0 1px 0 #ffffff80,inset 0 -7px 12px #00000029}.s1hyv6oc .lobby-card{background:color-mix(in srgb, var(--color-surface) 70%, transparent);border:1px solid var(--color-line);box-shadow:var(--ug-shadow-xs);border-radius:30px;margin-top:8px;padding:22px}.s1hyv6oc .game-grid{display:-ms-grid;-ms-grid-columns:repeat(auto-fill, minmax(150px, 1fr));grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.s1hyv6oc .game-card{cursor:pointer;background:var(--color-surface-solid);border:1px solid var(--color-line);box-shadow:var(--ug-shadow-xs);-webkit-transition:-webkit-transform .19s var(--ease-ui),box-shadow .19s var(--ease-ui),border-color .19s var(--ease-ui);transition:transform .19s var(--ease-ui),box-shadow .19s var(--ease-ui),border-color .19s var(--ease-ui);border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden}.s1hyv6oc .game-card.is-hidden{display:none}.s1hyv6oc .game-card:hover{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-line));box-shadow:var(--ug-shadow-md);transform:translateY(-3px)}.s1hyv6oc .cover-wrap{aspect-ratio:1;background:#eefaff;position:relative;overflow:hidden}.s1hyv6oc .cover-wrap:before{content:"";z-index:0;background-image:var(--game-bg);-webkit-background-position:center center;-webkit-background-size:cover;filter:saturate(1.02);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.s1hyv6oc .cover-wrap:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#ffffff1a,#0000 42%,#051e2d1a),radial-gradient(circle at 82% 16%,#ffffff38,#0000 22%);position:absolute;inset:0}.s1hyv6oc .cover-wrap img{z-index:1;object-fit:contain;width:100%;height:100%;-webkit-transition:-webkit-transform .52s var(--ease-ui);transition:transform .52s var(--ease-ui);display:block;position:relative}.s1hyv6oc .game-card:hover .cover-wrap img{transform:scale(1.028)}.s1hyv6oc .off-badge{z-index:3;color:#fff;background:#5a6b7ad1;border:1px solid #ffffff57;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;position:absolute;top:12px;right:12px}.s1hyv6oc .game-card.is-off{cursor:not-allowed;opacity:.72}.s1hyv6oc .game-card.is-off .cover-wrap img{filter:grayscale()}.s1hyv6oc .game-card.is-off:hover{transform:none}.s1hyv6oc .game-body{flex-direction:column;flex:auto;padding:16px;display:flex}.s1hyv6oc .game-name{align-items:center;gap:9px;min-width:0;margin:0;font-size:17px;font-weight:700;line-height:1.18;display:flex}.s1hyv6oc .game-vendor-logo{object-fit:contain;flex:none;width:auto;max-width:46px;height:26px}.s1hyv6oc .game-name>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.s1hyv6oc .game-foot{border-top:1px solid var(--color-line);align-items:center;margin-top:auto;padding-top:14px;display:flex}.s1hyv6oc .game-enter{color:#fff;background:var(--gradient-primary-clean);min-height:40px;box-shadow:0 8px 18px color-mix(in srgb, var(--color-primary) 26%, transparent);-webkit-transition:-webkit-transform .18s var(--ease-ui),box-shadow .18s var(--ease-ui);transition:transform .18s var(--ease-ui),box-shadow .18s var(--ease-ui);border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:3px;padding:0 12px;font-weight:900;-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.s1hyv6oc .game-card:hover .game-enter{box-shadow:0 12px 24px color-mix(in srgb, var(--color-primary) 34%, transparent);transform:translateY(-1px)}.s1hyv6oc .enter-arrows{align-items:center;margin-left:4px;display:inline-flex}.s1hyv6oc .enter-arrows svg{width:.5em;margin-left:-4px;animation:1.2s ease-in-out infinite enterArrowFlow-s1hyv6oc}.s1hyv6oc .enter-arrows svg:nth-child(2){animation-delay:.16s}.s1hyv6oc .enter-arrows svg:nth-child(3){animation-delay:.32s}