*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:#f7f9ff}body{background:radial-gradient(circle at 50% -10%,#303a55 0,#161c2c 43%,#0b0e16 100%)}a,button{-webkit-tap-highlight-color:transparent}.lobby-desktop-shell{min-height:100dvh;display:grid;place-items:center}.lobby-app{width:min(100%,500px);min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 15px max(26px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#192236 0,#111827 42%,#0e1421 100%);box-shadow:0 0 70px #000a;overflow:hidden;position:relative}.lobby-app:before,.lobby-app:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.lobby-app:before{width:270px;height:270px;right:-120px;top:66px;background:radial-gradient(circle,#33d3a535,transparent 69%)}.lobby-app:after{width:260px;height:260px;left:-160px;top:270px;background:radial-gradient(circle,#5c78ff29,transparent 70%)}.lobby-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-block{min-width:0;display:flex;align-items:center;gap:10px}.brand-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:15px;background:linear-gradient(145deg,#394766,#1f2a42);box-shadow:inset 0 1px #ffffff30,0 9px 20px #0005;font-size:24px}.brand-block small{display:block;color:#7ff2cf;font-size:10px;font-weight:900;letter-spacing:.16em}.brand-block h1{max-width:210px;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.05;letter-spacing:.03em}.lobby-install-button{flex:0 0 auto;height:42px;padding:0 14px;border:1px solid #a8ffe0a6;border-radius:13px;background:linear-gradient(180deg,#35daa0,#12a972);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:900 13px/1 system-ui,-apple-system,"Microsoft YaHei",sans-serif;box-shadow:0 5px 0 #087c55,0 10px 24px #07a47045;cursor:pointer}.lobby-install-button:active{transform:translateY(3px);box-shadow:0 2px 0 #087c55,0 6px 15px #07a47038}.lobby-install-button span{font-size:17px}.lobby-install-button[hidden]{display:none!important}.lobby-hero{position:relative;z-index:2;margin:25px 1px 18px;padding:20px 20px 19px;border:1px solid #ffffff1c;border-radius:22px;background:linear-gradient(135deg,#26334bdb,#172033e8);box-shadow:inset 0 1px #ffffff17,0 15px 34px #0003;overflow:hidden}.lobby-hero:after{content:"";position:absolute;right:-24px;top:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#54e4be45,transparent 68%)}.hero-kicker{position:relative;z-index:1;display:inline-flex;padding:5px 9px;border:1px solid #72f5d071;border-radius:999px;background:#42d7aa19;color:#8bffdf;font-size:11px;font-weight:850}.lobby-hero h2{position:relative;z-index:1;margin:10px 0 5px;font-size:27px}.lobby-hero p{position:relative;z-index:1;margin:0;color:#9eabc0;font-size:13px}.module-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.module-card{min-width:0;overflow:hidden;border:1px solid #ffffff1c;border-radius:18px;background:#1b2436;color:#fff;text-decoration:none;box-shadow:inset 0 1px #ffffff17,0 9px 24px #0004;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.module-card:active{transform:scale(.975)}.module-visual{position:relative;aspect-ratio:1.25/1;overflow:hidden;background:linear-gradient(var(--sky) 0 64%,var(--ground) 64%)}.module-visual:after{content:"";position:absolute;left:-15%;right:-15%;bottom:-26%;height:55%;border-radius:50%;background:color-mix(in srgb,var(--ground),white 9%);box-shadow:0 -8px 30px #0001}.module-scene{position:absolute;inset:0}.module-scene:before{content:"";position:absolute;left:14%;top:17%;width:34px;height:11px;border-radius:99px;background:#fff8;box-shadow:20px -8px 0 5px #fff8}.module-orb{position:absolute;right:8%;top:8%;z-index:1;font-size:47px;filter:drop-shadow(0 7px 5px #0004)}.module-character{position:absolute;left:10%;bottom:6%;z-index:2;font-size:49px;filter:drop-shadow(0 8px 5px #0005)}.module-media{position:absolute;inset:0;z-index:1}.module-media img,.module-media video{width:100%;height:100%;display:block;object-fit:cover}.play-badge{position:absolute;z-index:3;right:8px;bottom:8px;padding:5px 8px;border:1px solid #ffffff91;border-radius:999px;background:#101726b5;color:#fff;font-size:9px;font-weight:950;letter-spacing:.13em;backdrop-filter:blur(5px)}.module-info{min-height:66px;padding:11px 12px 12px}.module-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.module-info span{display:flex;align-items:center;justify-content:space-between;margin-top:6px;color:#93f2d5;font-size:11px;font-weight:800}.module-info i{font-style:normal;font-size:20px;line-height:10px}.lobby-empty{grid-column:1/-1;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #ffffff2a;border-radius:20px;color:#9aa7bc;text-align:center}.lobby-empty span{font-size:48px}.lobby-empty strong{margin-top:12px;font-size:14px}.pwa-install-modal[hidden]{display:none}.pwa-install-modal{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:22px}.pwa-install-backdrop{position:absolute;inset:0;background:#05080edb;backdrop-filter:blur(6px)}.pwa-install-card{position:relative;width:min(100%,350px);padding:26px 22px 20px;border:1px solid #ffffff35;border-radius:22px;background:#fff;color:#14221f;text-align:center;box-shadow:0 24px 80px #000a}.pwa-install-card img{border-radius:18px;box-shadow:0 9px 24px #08785f4f}.pwa-install-card h2{margin:14px 0 9px;font-size:23px}.pwa-install-copy{font-size:14px;line-height:1.75;color:#4f5d59}.pwa-install-copy p{margin:0}.pwa-install-copy strong{color:#0b8b61}.pwa-install-close{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:#eef3f1;color:#44514d;font-size:24px;cursor:pointer}.pwa-install-confirm{margin-top:18px;min-width:145px;padding:12px 18px;border:0;border-radius:999px;background:#14a868;color:#fff;font-weight:850;font-size:14px;cursor:pointer}@media(min-width:600px){.lobby-app{min-height:min(100dvh,930px);margin:10px 0;border-radius:24px}}@media(max-width:360px){.lobby-app{padding-left:11px;padding-right:11px}.module-grid{gap:9px}.brand-block h1{max-width:145px;font-size:19px}.lobby-install-button{width:42px;padding:0}.lobby-install-button b{display:none}}@media(display-mode:standalone){.lobby-install-button{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}