div{box-sizing:border-box}body{padding:0;margin:0}#app{max-width:450px!important;margin-left:auto!important;margin-right:auto!important}@media screen and (min-width:450px){body{background:#b4b4b4}}#skeleton-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#f5f5f5;z-index:9999;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#skeleton-loader::-webkit-scrollbar{display:none}.skeleton-header{height:60px;background:#fff;display:flex;align-items:center;padding:0 20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.skeleton-header-logo,.skeleton-header-user{background:linear-gradient(90deg,#f0f0f0 0,#e0e0e0 100%,#f0f0f0 75%);border-radius:16px;animation:skeleton-pulse 4s cubic-bezier(.4,0,.6,1) infinite}.skeleton-header-logo{width:120px;height:32px}.skeleton-header-spacer{flex:1}.skeleton-header-user{width:80px;height:32px}.skeleton-banner{height:0;padding-bottom:35.534%;position:relative;margin:0;background:#fff}.skeleton-banner-inner{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 4s cubic-bezier(.25,.46,.45,.94) infinite}.skeleton-banner-indicators{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.skeleton-banner-dot{width:16px;height:16px;border-radius:50%;animation:skeleton-pulse 4s cubic-bezier(.4,0,.6,1) infinite}.skeleton-banner-dot:first-child{background:rgba(0,0,0,.3)}.skeleton-banner-dot:not(:first-child){background:rgba(0,0,0,.2)}.skeleton-notice{height:40px;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;padding:0 15px}.skeleton-notice-icon,.skeleton-notice-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 4s cubic-bezier(.25,.46,.45,.94) infinite}.skeleton-notice-icon{width:60px;height:20px;border-radius:10px}.skeleton-notice-text{flex:1;height:16px;border-radius:8px;margin-left:10px}.skeleton-menu{background:#fff;padding:15px 0;border-bottom:1px solid #f0f0f0}.skeleton-menu-list{display:flex;padding:0 15px;gap:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.skeleton-menu-list::-webkit-scrollbar{display:none}.skeleton-menu-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.skeleton-menu-icon,.skeleton-menu-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 4s cubic-bezier(.25,.46,.45,.94) infinite}.skeleton-menu-icon{width:48px;height:48px;border-radius:24px}.skeleton-menu-text{width:40px;height:12px;border-radius:6px;margin-top:8px}.skeleton-lobby-light{background:#f5f5f5;flex:1;overflow:hidden;margin-top:10px}.skeleton-lobby-light .skeleton-game-group{padding:15px;display:flex;flex-direction:column;width:100vw;height:200px;border-radius:12px;background-color:#fff}.skeleton-game-group-box{width:calc(100% - 30px)}.skeleton-lobby-light .skeleton-game-group .skeleton-game-image{height:112px}.skeleton-game-group+.skeleton-game-group{margin-top:10px}.skeleton-lobby-light .group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.group-header .skeleton-game-title{width:40%}.group-header .skeleton-game-action{width:30%}.skeleton-lobby-dark{background:#f5f5f5;padding:15px;flex:1;overflow:hidden}.skeleton-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skeleton-game-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.skeleton-game-image{width:100%;height:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 4s cubic-bezier(.25,.46,.45,.94) infinite}.skeleton-game-info{padding:8px}.skeleton-game-action,.skeleton-game-title{width:80%;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:skeleton-loading 4s cubic-bezier(.25,.46,.45,.94) infinite}.skeleton-footer{position:fixed;bottom:0;left:0;width:100%;height:75px;background:#fff;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -2px 8px rgba(0,0,0,.05)}.skeleton-nav-item{display:flex;flex-direction:column;align-items:center}.skeleton-nav-icon{width:24px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:12px;animation:skeleton-loading 4s cubic-bezier(.25,.46,.45,.94) infinite}.skeleton-nav-icon-active{width:32px;height:32px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:16px;animation:skeleton-pulse 4s cubic-bezier(.4,0,.6,1) infinite}.skeleton-nav-text{width:30px;height:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-top:4px;animation:skeleton-loading 4s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes skeleton-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.02)}100%{opacity:1;transform:scale(1)}}@media (max-width:375px){.skeleton-header{height:50px;padding:0 15px}.skeleton-menu-list{padding:0 10px;gap:15px}.skeleton-menu-icon{width:40px;height:40px;border-radius:20px}}@media (min-width:768px){#skeleton-loader{max-width:768px;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,.1)}}@media (prefers-reduced-motion:reduce){#skeleton-loader *{animation:none!important}}.loading-loader-wrap{width:100%;max-width:450px;height:100vh;display:flex;align-items:center;justify-content:center}.loading-loader-wrap .van-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:8px;overflow:hidden;position:relative;font-size:0;vertical-align:middle}.loading-loader-wrap .van-loading__spinner--spinner{width:55px;height:55px;position:relative;display:inline-block;vertical-align:middle;animation:loading-spin .8s steps(8) infinite}.loading-loader-wrap .van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.loading-loader-wrap .van-loading__line::before{content:'';display:block;background-color:currentColor;position:absolute;left:50%;top:0;transform:translateX(-50%)}.loading-loader-wrap .van-loading__line--1{transform:rotate(45deg);opacity:.3}.loading-loader-wrap .van-loading__line--1::before,.loading-loader-wrap .van-loading__line--2::before{width:7px;height:7px;border-radius:7px}.loading-loader-wrap .van-loading__line--2{transform:rotate(90deg);opacity:.4}.loading-loader-wrap .van-loading__line--3{transform:rotate(135deg);opacity:.5}.loading-loader-wrap .van-loading__line--3::before,.loading-loader-wrap .van-loading__line--4::before{width:8px;height:8px;border-radius:8px}.loading-loader-wrap .van-loading__line--4{transform:rotate(180deg);opacity:.6}.loading-loader-wrap .van-loading__line--5{transform:rotate(225deg);opacity:.7}.loading-loader-wrap .van-loading__line--5::before,.loading-loader-wrap .van-loading__line--6::before{width:10px;height:10px;border-radius:10px}.loading-loader-wrap .van-loading__line--6{transform:rotate(270deg);opacity:.8}.loading-loader-wrap .van-loading__line--7{transform:rotate(315deg);opacity:.9}.loading-loader-wrap .van-loading__line--7::before{width:11px;height:11px;border-radius:11px}.loading-loader-wrap .van-loading__line--8{transform:rotate(360deg);opacity:1}.loading-loader-wrap .van-loading__line--8::before{width:14px;height:14px;border-radius:14px}.loading-loader-wrap .van-loading__text{font-size:14px;margin-top:12px;text-align:center;color:var(--text-primary-color)}.loading-loader-wrap.light{background:#fff}.loading-loader-wrap.light .van-loading,.loading-loader-wrap.light .van-loading__text{color:#10c8e3}.loading-loader-wrap.orange{background:#fff}.loading-loader-wrap.orange .van-loading,.loading-loader-wrap.orange .van-loading__text{color:#bd9534}.loading-loader-wrap.dark{background:#171A25}.loading-loader-wrap.dark .van-loading,.loading-loader-wrap.dark .van-loading__text{color:#FFD69F}[data-theme-v=dark] .skeleton-game-card{background:#252837}[data-theme-v=dark] .skeleton-game-image,[data-theme-v=dark] .skeleton-game-title{background:#363948}@keyframes loading-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}