.lobby-page{--lobby-ink:#eef3f4;--lobby-muted:#a3b1bd;--lobby-line:rgba(205,225,230,.14);background:radial-gradient(ellipse 70% 45% at 8% -5%,rgba(77,157,153,.25),transparent 70%),radial-gradient(ellipse 60% 48% at 98% 36%,rgba(86,82,144,.2),transparent 73%),linear-gradient(160deg,#0a121b 0%,#0c1821 48%,#0b111b 100%);color:var(--lobby-ink)}
.lobby-page::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(circle,rgba(228,240,232,.3) 0 1px,transparent 1.5px);background-size:83px 83px;background-position:17px 31px;mask-image:linear-gradient(#000,transparent 78%)}.lobby-page .grid{background-size:72px 72px;opacity:.45;mask-image:radial-gradient(ellipse 90% 75% at 50% 0,#000 20%,transparent 78%)}.lobby-page .topbar{position:relative;z-index:10;background:rgba(9,17,26,.65);backdrop-filter:blur(18px);border-bottom-color:var(--lobby-line)}.lobby-wrap{max-width:1240px;padding-top:0}
.lobby-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:48px;min-height:390px;padding:62px 0 48px}.lobby-copy{position:relative;z-index:2}.lobby-kicker{display:flex;align-items:center;gap:11px;color:#8ecbc3;font-size:.67rem;letter-spacing:.2em;font-weight:700}.lobby-kicker::before{content:'';width:25px;height:1px;background:#8ecbc3}.lobby-title{max-width:730px;margin:15px 0 12px;font-family:Georgia,'Noto Serif',serif;font-weight:400;font-size:clamp(2.8rem,6vw,5.7rem);line-height:1.02;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 10px 40px rgba(0,0,0,.35)}.lobby-sub{max-width:590px;margin:0;color:var(--lobby-muted);font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.75}.lobby-overview{display:flex;align-items:center;gap:16px;margin-top:27px;color:#c8d2d4;font-size:.76rem}.lobby-count{display:flex;align-items:baseline;gap:8px;padding:7px 13px;border:1px solid var(--lobby-line);border-radius:999px;background:rgba(255,255,255,.035)}.lobby-count strong{color:#e7d5a8;font-family:Georgia,serif;font-size:1.15rem;font-weight:400}.lobby-overview i{width:5px;height:5px;border-radius:50%;background:#75bf9b;box-shadow:0 0 12px #75bf9b;animation:lobby-pulse 2.2s ease-in-out infinite}
.lobby-orbit{position:relative;width:min(100%,380px);aspect-ratio:1;margin-inline:auto;opacity:.9}.lobby-orbit::before,.lobby-orbit::after{content:'';position:absolute;border:1px solid rgba(153,197,193,.14);border-radius:50%;inset:13%;transform:rotate(-18deg) scaleY(.54)}.lobby-orbit::after{inset:24%;transform:rotate(54deg) scaleY(.65)}.lobby-core{position:absolute;inset:34%;border:1px solid rgba(229,207,164,.4);border-radius:50%;background:radial-gradient(circle at 38% 34%,#e7dcbf,#8ba49c 20%,#263c48 55%,#121b29 75%);box-shadow:0 0 80px rgba(118,181,171,.24),inset -12px -14px 28px rgba(5,12,23,.75);animation:lobby-core 8s ease-in-out infinite}.lobby-core::before{content:'';position:absolute;inset:-22%;border:1px solid rgba(221,205,167,.12);border-radius:50%}.lobby-star{position:absolute;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(214,227,223,.2);border-radius:50%;background:#142431cc;color:#b8d4ce;box-shadow:0 8px 26px #030b1466}.lobby-star svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.lobby-star.s1{left:8%;top:28%;color:#e0bd88}.lobby-star.s2{right:6%;top:23%;color:#8eb6d1}.lobby-star.s3{right:14%;bottom:12%;color:#77b9ad}.lobby-star.s4{left:15%;bottom:8%;color:#b4a7d1}.lobby-spark{position:absolute;border-radius:50%;background:#e9dfc5;box-shadow:0 0 10px #e9dfc5}.lobby-spark.a{width:4px;height:4px;left:48%;top:7%}.lobby-spark.b{width:3px;height:3px;right:7%;top:52%}.lobby-spark.c{width:2px;height:2px;left:2%;bottom:37%}
.lobby-note{display:flex;align-items:center;gap:10px;margin:0 0 26px;padding:10px 14px;border:1px solid rgba(129,173,176,.18);border-radius:10px;background:rgba(23,47,56,.46);color:#aabec0;font-size:.78rem}.lobby-note::before{content:'';width:7px;height:7px;flex:none;border:1px solid #7eb1ad;border-radius:50%}.lobby-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 17px}.lobby-section-head h2{margin:0;font-family:Georgia,'Noto Serif',serif;font-size:1.5rem;font-weight:400;letter-spacing:-.025em}.lobby-section-head span{font-size:.68rem;letter-spacing:.16em;color:#728994}
.lobby-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lobby-games .game{--game-accent:#82b8b0;--game-deep:#17323a;display:grid;grid-template-columns:minmax(180px,.92fr) minmax(0,1.08fr);gap:0;min-height:250px;padding:0;overflow:hidden;border:1px solid var(--lobby-line);border-radius:18px;background:linear-gradient(135deg,rgba(27,42,53,.96),rgba(14,26,37,.96));box-shadow:0 16px 42px rgba(0,7,15,.24);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.lobby-games .game:hover{transform:translateY(-4px);border-color:var(--game-accent);box-shadow:0 23px 48px rgba(0,7,15,.42)}.lobby-game-art{position:relative;min-height:250px;overflow:hidden;background:var(--game-deep)}.lobby-game-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(14,26,37,.94));pointer-events:none}.lobby-game-art svg{display:block;width:100%;height:100%;position:absolute;inset:0}.lobby-game-body{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 24px 21px}.lobby-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.lobby-number{font-family:Georgia,serif;font-size:.78rem;color:var(--game-accent);letter-spacing:.12em}.lobby-engine{padding:3px 8px;border:1px solid var(--lobby-line);border-radius:999px;color:var(--game-accent);background:rgba(255,255,255,.025);font-size:.61rem;line-height:1.35}.lobby-games .game b{margin-top:29px;font-family:Georgia,'Noto Serif',serif;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.2;font-weight:400;letter-spacing:-.025em;overflow-wrap:anywhere}.lobby-games .game .desc{margin-top:9px;color:#9dabb6;font-size:.78rem;line-height:1.65}.lobby-card-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(219,228,228,.09);color:#d9e1df;font-size:.7rem;font-weight:700;letter-spacing:.04em}.lobby-card-action svg{width:18px;height:18px;fill:none;stroke:var(--game-accent);stroke-width:1.5;transition:transform .2s}.game:hover .lobby-card-action svg{transform:translateX(4px)}[dir=rtl] .game:hover .lobby-card-action svg{transform:translateX(-4px)}
.lobby-games .game[data-game="1"]{--game-accent:#e6b773;--game-deep:#292b32}.lobby-games .game[data-game="2"]{--game-accent:#7bb2ae;--game-deep:#173338}.lobby-games .game[data-game="3"]{--game-accent:#77b5c2;--game-deep:#143441}.lobby-games .game[data-game="4"]{--game-accent:#b6a2ce;--game-deep:#292a45}.lobby-games .game:last-child:nth-child(odd){--game-accent:#99a2ae;--game-deep:#222a33;grid-column:1/-1;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);min-height:190px}.lobby-games .game:last-child:nth-child(odd) .lobby-game-art{min-height:190px}.lobby-games .game:last-child:nth-child(odd) b{margin-top:20px}.lobby-games .game.soon{opacity:.62}.lobby-games .game.soon:hover{transform:none;border-color:var(--lobby-line);box-shadow:0 16px 42px rgba(0,7,15,.24)}.lobby-games .game.soon .lobby-game-art{filter:grayscale(.75)}.lobby-games .game.soon .lobby-card-action{color:#808e9b}.lobby-games .game.soon .lobby-card-action svg{display:none}
.lobby-art-cloud{animation:lobby-cloud 13s ease-in-out infinite alternate}.lobby-art-wheel{transform-origin:center;animation:lobby-wheel 12s linear infinite}.lobby-art-wave{animation:lobby-wave 4s ease-in-out infinite alternate}.lobby-art-float{animation:lobby-float 2.5s ease-in-out infinite}.lobby-art-stars{animation:lobby-stars 4s ease-in-out infinite}.lobby-art-route{stroke-dasharray:6 8;animation:lobby-route 13s linear infinite}.lobby-footer{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding:22px 0 0;border-top:1px solid var(--lobby-line);color:#70818e;font-size:.67rem;letter-spacing:.03em}.lobby-footer a{color:#95aaaf;text-decoration:none}.lobby-footer a:hover{color:#d5dfdd}
@keyframes lobby-pulse{50%{opacity:.42;transform:scale(.75)}}@keyframes lobby-core{50%{transform:translateY(-7px);box-shadow:0 0 105px rgba(118,181,171,.32),inset -12px -14px 28px rgba(5,12,23,.75)}}@keyframes lobby-cloud{to{transform:translateX(14px)}}@keyframes lobby-wheel{to{transform:rotate(360deg)}}@keyframes lobby-wave{to{transform:translateX(10px)}}@keyframes lobby-float{50%{transform:translateY(4px)}}@keyframes lobby-stars{50%{opacity:.42}}@keyframes lobby-route{to{stroke-dashoffset:-140}}
@media(max-width:900px){.lobby-hero{grid-template-columns:minmax(0,1fr) 270px;gap:20px;min-height:340px}.lobby-orbit{width:270px}.lobby-games .game{grid-template-columns:1fr}.lobby-game-art{min-height:190px}.lobby-game-art::after{background:linear-gradient(transparent 65%,rgba(14,26,37,.96))}.lobby-games .game:last-child:nth-child(odd){grid-template-columns:minmax(180px,.55fr) minmax(0,1fr)}}
@media(max-width:650px){.lobby-wrap{padding:0 15px 42px}.lobby-hero{display:block;min-height:0;padding:50px 3px 39px}.lobby-orbit{position:absolute;width:210px;right:-30px;top:4px;opacity:.23;pointer-events:none}.lobby-title{max-width:520px;font-size:clamp(2.65rem,13vw,4.2rem)}.lobby-sub{max-width:88%;font-size:.85rem}.lobby-overview{margin-top:23px}.lobby-games{grid-template-columns:1fr}.lobby-games .game,.lobby-games .game:last-child:nth-child(odd){grid-column:auto;grid-template-columns:minmax(130px,.68fr) minmax(0,1.32fr);min-height:215px}.lobby-game-art,.lobby-games .game:last-child:nth-child(odd) .lobby-game-art{min-height:215px}.lobby-game-art::after{background:linear-gradient(90deg,transparent 55%,rgba(14,26,37,.94))}.lobby-game-body{padding:20px 18px}.lobby-games .game b,.lobby-games .game:last-child:nth-child(odd) b{margin-top:22px;font-size:1.2rem}.lobby-games .game .desc{font-size:.71rem}.lobby-section-head{align-items:center}.lobby-footer{flex-direction:column;gap:8px}.lobby-page .topbar{padding-inline:14px}}
@media(max-width:400px){.lobby-games .game,.lobby-games .game:last-child:nth-child(odd){grid-template-columns:112px minmax(0,1fr)}.lobby-game-body{padding:17px 14px}.lobby-games .game b{font-size:1.08rem;margin-top:17px}.lobby-card-top{align-items:flex-start;flex-direction:column;gap:5px}.lobby-card-action{padding-top:13px}.lobby-overview{gap:10px}.lobby-count{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.lobby-page *{animation:none!important;transition:none!important}}
@media(max-width:650px){.lobby-orbit{right:-10px}}