.sidebar{width:222px;position:fixed;left:0;top:0;bottom:0;background:#f4f5ee;border-right:1px solid var(--line);padding:42px 24px 22px;display:flex;flex-direction:column;z-index:20}.sidebar .brand{margin-left:7px}.nav-caption{margin:56px 15px 16px;font-size:10px;letter-spacing:2px;color:#9da493}.main-nav{display:flex;flex-direction:column;gap:7px}.nav-item{height:47px;display:flex;align-items:center;gap:13px;border-radius:12px;padding:0 15px;text-align:left;font-size:13px;color:#858e80;transition:.2s}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#e9eddf}.nav-item.active{background:#e5ecda;color:#385941;font-weight:650}.nav-dot{width:5px;height:5px;border-radius:50%;background:#779b68;margin-left:auto}.nav-count{font-size:10px;margin-left:auto;color:#a0a68e}.sidebar-note{margin-top:auto;padding:30px 15px 44px}.note-spark{font-size:35px;color:#8da780;display:block;margin-bottom:13px}.sidebar-note p{font-size:13px;line-height:2;letter-spacing:1px;color:#7c8972}.sidebar-note>span:last-child{font-size:8px;color:#a3ad98;letter-spacing:1.3px}.sidebar-bottom{border-top:1px solid var(--line);padding-top:15px;font-size:9px;color:#97a08d;display:flex;align-items:center;gap:6px;white-space:nowrap}.sidebar-bottom .icon-button{margin-left:auto;width:25px;height:25px}.sidebar-bottom svg{width:15px}.page-wrap{margin-left:222px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.topbar-label{font-size:11px;color:#808d78;display:flex;gap:8px;align-items:center;letter-spacing:.8px}.topbar-label svg{width:16px;height:16px}.topbar-actions{display:flex;align-items:center;gap:17px}.today{font-size:10px;color:#9ba28f;letter-spacing:.5px}.avatar{height:33px;width:33px;border:1px solid #dce2ce;background:#e8ecd9;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;color:#5a7450;font-style:italic}.lobby-main{max-width:1480px;margin:auto;padding:41px 48px 0}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.welcome h1{font-size:29px;letter-spacing:-.7px;font-weight:650;margin:0}.heading-dot{color:#92aa73}.welcome .muted{font-size:12px;margin:12px 0 0}.welcome-sticker{display:block;font-size:15px;line-height:1.6;color:#8c967e;transform:rotate(7deg);text-align:center;margin-right:13px}.welcome-sticker b{font-size:7px;letter-spacing:1px;font-weight:500}.hero{display:flex;position:relative;min-height:398px;overflow:hidden;border:1px solid #e4deed;background:#eeebf5;border-radius:26px}.hero-content{position:relative;z-index:2;flex:0 0 48%;padding:35px 0 31px 39px}.feature-label{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.4px;color:#6f6881}.feature-label>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8f78b0}.feature-label i{font-style:normal;opacity:.5;margin:0 2px}.hero h2{font-size:47px;line-height:1.28;font-weight:650;letter-spacing:-2px;color:#373b3a;margin:24px 0 18px}.hero-underline{position:relative;z-index:0}.hero-underline:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:13px;background:#c7badc;border-radius:50%;transform:rotate(-3deg);z-index:-1}.hero-content>p{font-size:12px;color:#8a8594;line-height:1.9;margin:0}.hero-cta{display:flex;gap:18px;align-items:center;margin-top:25px}.hero-cta .button{font-size:12px;min-height:47px;padding:0 21px;gap:25px}.hero-time{font-size:9px;display:flex;align-items:center;gap:5px;color:#8c8596}.hero-time svg{width:12px;height:12px}.hero-tags{display:flex;gap:8px;margin-top:23px}.hero-tags span{font-size:9px;color:#92899d;background:#ffffff60;padding:5px 10px;border:1px solid #dcd6e6;border-radius:5px}.hero-art{position:absolute;right:0;top:0;width:54%;height:100%}.orbit{position:absolute;border:1px solid #d6cee44d;border-radius:50%;width:430px;height:430px;left:50%;top:47%;transform:translate(-50%,-50%)}.orbit-two{width:320px;height:320px;border-style:dashed;border-color:#cec4dd70}.art-cross{position:absolute;color:#a998c0;z-index:2}.cross-one{left:15%;top:21%;font-size:35px;transform:rotate(15deg)}.cross-two{right:10%;bottom:21%;font-size:29px;color:#b6a9c5}.floating-note{position:absolute;top:23px;right:27px;font-size:7px;letter-spacing:1.8px;color:#aaa0b8;writing-mode:vertical-rl}.jelly-illustration{position:absolute;width:100%;height:100%;overflow:visible;bottom:4px;left:-8px}.art-number{font-family:"Segoe UI",sans-serif;fill:#313b37;font-weight:750;text-anchor:middle;dominant-baseline:middle;letter-spacing:-2px}.art-blob{transform-box:fill-box;transform-origin:50% 100%;animation:breathe 5s ease-in-out infinite}.pink-blob{animation-delay:-1.5s}.purple-blob{animation-delay:-2.7s}.yellow-blob{animation:float 5s ease-in-out infinite}.art-caption{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:8px;letter-spacing:.7px;color:#9a8da8}.art-caption .online-dot{width:4px;height:4px;background:#ac9abd}.library{padding-top:36px;scroll-margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:20px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:9px}.section-heading h2{font-size:19px;font-weight:600;letter-spacing:-.3px;margin:0}.section-heading h2>span{font-size:10px;margin-left:8px;color:#a4ad98;vertical-align:middle;font-weight:400}.filters{display:flex;gap:5px;align-items:center}.filter{font-size:10px;border-radius:20px;padding:8px 13px;color:#99a18d;display:flex;align-items:center;gap:5px;white-space:nowrap}.filter svg{width:11px;height:11px}.filter.active{color:#56704b;background:#e8eddd}.filter:hover{background:#edf0e5}.game-grid{display:grid;grid-template-columns:1.1fr 1fr .75fr;gap:20px}.game-card{border:1px solid #e3e6da;background:#fff;border-radius:19px;overflow:hidden;transition:transform .25s,box-shadow .25s}.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #334d2d0a}.game-card-art{display:block;height:174px;background:#e4eede;position:relative;overflow:hidden}.card-badge{position:absolute;left:15px;top:14px;z-index:3;font-size:8px;padding:5px 9px;background:#ffffffba;border-radius:6px;color:#69815b;display:flex;align-items:center;gap:5px}.card-badge i{width:4px;height:4px;background:#7d9f65;border-radius:50%}.mini-jelly{position:absolute;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:750;color:#344c3a;border:1px solid #557d4d18;box-shadow:inset 3px 4px 6px #ffffff50,5px 8px 15px #516d3820;transform:rotate(var(--rotate,0deg));transition:transform .35s}.game-card:hover .mini-jelly{transform:translateY(-7px) rotate(calc(var(--rotate,0deg) + 6deg))}.mini-one{width:61px;height:53px;background:#acd8b3;border-radius:42% 40% 46% 35%;left:16%;bottom:21px;--rotate:-16deg;font-size:21px}.mini-two{width:76px;height:75px;background:#f1c46d;border-radius:43% 47% 32% 47%;left:30%;bottom:49px;--rotate:12deg}.mini-three{width:83px;height:70px;background:#ef9ab5;border-radius:44% 32% 48% 37%;left:53%;bottom:65px;--rotate:-8deg}.mini-four{width:105px;height:80px;background:#b8a0e4;border-radius:42% 40% 36% 45%;left:49%;bottom:9px;--rotate:4deg;font-size:31px}.card-play{position:absolute;bottom:13px;right:14px;display:grid;place-items:center;border-radius:50%;background:#fff9;width:30px;height:30px;color:#5b7752}.card-play svg{width:16px;height:16px}.game-card-content{padding:16px 18px 15px}.card-title-row{display:flex;justify-content:space-between;align-items:center}.card-title-row h3{font-size:16px;letter-spacing:-.4px;margin:0;font-weight:650}.card-title-row h3>span{font-size:7px;letter-spacing:1px;font-weight:500;color:#9ba18f;margin-left:6px}.card-title-row .icon-button{width:26px;height:26px}.card-title-row svg{width:16px;height:16px}.favorite-toggle[aria-pressed=true]{color:#db88a2}.favorite-toggle[aria-pressed=true] svg{fill:#f5ccda}.game-card-content>p{font-size:10px;color:#959e8b;margin:9px 0 17px}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a6ad9b;border-top:1px solid #eff1e9;padding-top:12px}.card-meta>span:last-child{display:flex;gap:6px}.card-meta svg{width:12px;height:12px}.coming-card{border:1px dashed #d9dfcc;border-radius:19px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;min-height:304px;padding:25px 15px;background:linear-gradient(135deg,#f6f7ee,#f0f3e7)}.coming-icon{width:48px;height:48px;border:1px solid #dde4cf;border-radius:17px;display:grid;place-items:center;margin-bottom:17px;color:#a3b38b;transform:rotate(-7deg);background:#fafbf4}.coming-card .eyebrow{font-size:6px;letter-spacing:1.5px;color:#a8b095;margin-bottom:10px}.coming-card h3{font-size:14px;font-weight:500;color:#79876a;margin:0 0 12px}.coming-card>p:not(.eyebrow){font-size:10px;line-height:1.9;color:#a4ad96;margin:0}.coming-pill{font-size:8px;display:flex;align-items:center;gap:8px;color:#8b9c76;background:#e8eddb;padding:7px 12px;border-radius:20px;margin-top:22px}.coming-pill svg{width:11px;height:11px}.slow-card{background:#f2eedd;border:1px solid #eae5d3;border-radius:19px;padding:25px 23px;display:flex;flex-direction:column;position:relative;overflow:hidden}.slow-symbol{font-size:43px;line-height:1;color:#b3ae7f;align-self:flex-end;transform:rotate(8deg);margin-top:-1px}.slow-card .eyebrow{font-size:6px;letter-spacing:1.5px;color:#aaa682;margin-top:9px}.slow-card h3{font-size:25px;line-height:1.55;font-weight:500;letter-spacing:1px;margin:0 0 15px;color:#77765a}.slow-card p{font-size:9px;line-height:2;color:#a3a083;margin:0}.slow-line{height:1px;background:#d9d4ba;width:24px;margin:20px 0 12px}.slow-bottom{font-size:6px;letter-spacing:1px;color:#ada789}.lobby-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:38px;padding:21px 0 25px;font-size:9px;color:#a5ac99}.footer-dot{padding:0 7px;color:#bbc1ae}.lobby-footer>span:last-child{display:flex;align-items:center;gap:7px;font-size:8px}.lobby-footer .online-dot{width:4px;height:4px}.lobby-footer i{font-style:normal;color:#c4c8b9;margin:0 3px}.empty-state{text-align:center;background:#f0f3e7;border:1px dashed #d9dfcc;border-radius:20px;padding:50px 20px}.empty-state>span{display:inline-flex;color:#a9b896}.empty-state h3{font-size:20px;font-weight:500}.empty-state p{color:#929d85;font-size:13px}.empty-state .button{margin-top:18px}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.record-item{background:#f0f3e8;padding:18px;border-radius:14px}.record-item span{font-size:11px;color:#8a957f}.record-item b{display:block;font-size:30px;font-weight:600;margin-top:7px;color:#47623c}.about-wordmark{font-family:Georgia,serif;font-size:60px;font-style:italic;color:#729466;margin:20px 0 10px}.library-only .welcome,.library-only .hero{display:none}.library-only .library{padding-top:0}.library-only .game-grid{grid-template-columns:1.1fr 1fr .75fr}
@keyframes breathe{0%,100%{transform:scale(1,1) rotate(0)}50%{transform:scale(1.025,.98) rotate(1deg)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(6deg)}}
@media(min-width:1600px){.lobby-main{padding-top:50px}.hero{min-height:465px}.hero h2{font-size:56px}.hero-content{padding:43px 0 40px 48px}.game-card-art{height:210px}.coming-card{min-height:345px}.slow-card{padding:32px}.slow-card h3{font-size:30px}}
@media(max-width:1200px){.sidebar{width:190px;padding-left:16px;padding-right:16px}.page-wrap{margin-left:190px}.topbar{padding:0 30px;height:75px}.lobby-main{padding:32px 30px 0}.hero-content{padding-left:28px}.hero h2{font-size:40px}.hero-art{width:54%}.hero-time{display:none}.hero{min-height:375px}.game-grid{gap:14px;grid-template-columns:1.05fr 1fr .72fr}.game-card-content{padding:14px}.card-title-row h3>span{display:none}.slow-card{padding:22px 17px}.slow-card h3{font-size:23px}.coming-card h3{font-size:12px}.sidebar-bottom{font-size:8px}.section-heading h2{font-size:17px}.filters{gap:1px}.filter{padding:8px 10px;font-size:9px}}
@media(max-width:950px){.sidebar{width:83px;align-items:center;padding:30px 12px}.sidebar .brand{margin:0}.sidebar .brand>span:last-child,.nav-caption,.sidebar-note,.sidebar-bottom,.nav-item .nav-count,.nav-item .nav-dot{display:none}.main-nav{margin-top:44px;width:100%;gap:16px}.nav-item{padding:0;justify-content:center;font-size:0;gap:0}.nav-item svg{width:21px;height:21px}.page-wrap{margin-left:83px}.welcome h1{font-size:25px}.welcome-sticker{font-size:12px}.hero h2{font-size:38px}.hero-content{flex-basis:55%}.hero-art{width:55%;right:-26px}.hero-tags{gap:5px}.hero-tags span{font-size:8px;padding:5px 8px}.game-grid{grid-template-columns:1fr 1fr}.slow-card{display:none}.coming-card h3{font-size:14px}.game-card-art{height:180px}.hero{min-height:360px}.hero-cta{margin-top:21px}.hero-content{padding-top:30px}.section-heading{align-items:flex-end}.section-heading .eyebrow{font-size:6px;letter-spacing:1px}.filter{padding:7px 8px}.library-only .game-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.sidebar{position:fixed;top:auto;bottom:0;height:67px;width:100%;border-right:none;border-top:1px solid #e5e8dd;background:#f7f8f2ed;backdrop-filter:blur(20px);padding:5px 12px 8px}.sidebar .brand{display:none}.main-nav{flex-direction:row;margin:0;gap:6px;justify-content:space-around}.nav-item{flex:1;height:51px;flex-direction:column;gap:5px;font-size:9px;border-radius:10px}.nav-item svg{width:19px;height:19px}.page-wrap{margin:0}.topbar{height:66px;padding:0 22px}.topbar-label{font-size:10px}.today{display:none}.topbar-actions{gap:9px}.avatar{width:29px;height:29px;font-size:17px}.lobby-main{padding:27px 20px 78px}.welcome{margin-bottom:23px}.welcome .eyebrow{font-size:8px;letter-spacing:1.5px}.welcome h1{font-size:23px}.welcome .muted{font-size:11px;margin-top:9px}.welcome-sticker{display:none}.hero{min-height:550px;display:block;border-radius:21px}.hero-content{padding:26px 25px 0;position:relative;pointer-events:none}.hero-content a{pointer-events:auto}.hero h2{font-size:39px;margin-top:20px;margin-bottom:12px;line-height:1.25}.hero-content>p{font-size:11px}.hero-cta{margin-top:18px}.hero-cta .button{min-height:43px;font-size:11px;gap:20px;border-radius:12px}.hero-tags{position:absolute;right:19px;top:27px;gap:0}.hero-tags span{display:none}.hero-tags span:first-child{display:block;font-size:8px}.hero-art{width:80%;height:270px;top:auto;bottom:-1px;right:-2px}.jelly-illustration{bottom:7px;left:-2px}.orbit{width:290px;height:290px;top:40%}.orbit-two{width:225px;height:225px}.art-caption{bottom:18px;font-size:7px;left:46%}.cross-one{font-size:25px;left:-15%;top:42%}.cross-two{right:3%;bottom:30%;font-size:24px}.floating-note{font-size:5px;top:5px;right:12px;letter-spacing:1.2px}.library{padding-top:30px}.section-heading{display:block;margin-bottom:17px}.section-heading h2{font-size:19px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.filters{margin-top:15px;gap:7px}.filter{font-size:10px;padding:8px 13px}.game-grid,.library-only .game-grid{grid-template-columns:1fr;gap:16px}.game-card{border-radius:18px}.game-card-art{height:195px}.game-card-content{padding:18px 20px}.card-title-row h3{font-size:18px}.card-title-row h3>span{display:inline;font-size:8px;letter-spacing:1.5px}.game-card-content>p{font-size:11px}.card-meta{font-size:9px}.mini-one{left:22%;width:65px;height:58px}.mini-two{left:33%;width:82px;height:81px}.mini-three{left:52%;width:87px;height:74px}.mini-four{left:50%;width:113px;height:86px}.coming-card{min-height:240px}.slow-card{display:none}.lobby-footer{margin-top:27px;gap:14px;align-items:flex-start;flex-direction:column;font-size:9px}.library-only .library{padding-top:3px}.modal{padding:28px}.record-grid{gap:9px}.record-item{padding:15px}.modal h2{font-size:24px}}
@media(max-width:360px){.lobby-main{padding-left:15px;padding-right:15px}.welcome h1{font-size:21px}.hero-content{padding-left:21px}.hero h2{font-size:35px}.hero-art{width:92%;right:-18px}.hero-tags{right:13px}.card-title-row h3>span{display:none}}