.lobby{--cream-50: #fdfaf4;--cream-100: #f9f4e8;--cream-200: #f2e9d0;--cream-300: #e8d9b5;--sand-50: #faf7f0;--rose-50: #fff5f5;--rose-300: #ffb3b3;--rose-400: #ff8585;--rose-500: #e85d5d;--sage-50: #f2f8f4;--sage-100: #dcf0e3;--sage-400: #6dbf84;--sage-500: #4caf65;--caramel-100: #ffefd4;--caramel-300: #ffca80;--caramel-400: #ffb347;--caramel-500: #e8962a;--ink-900: #3a3020;--ink-700: #5c5040;--ink-500: #8c7a60;--ink-400: #a89880;--ink-300: #c8b89a;--shadow-soft: 0 8px 30px -12px rgba(196, 169, 110, .25);--shadow-card: 0 4px 20px -2px rgba(58, 48, 32, .07);--shadow-warm: 0 2px 12px -2px rgba(196, 169, 110, .18);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:var(--cream-50);color:var(--ink-900);font-family:Quicksand,system-ui,sans-serif}.lobby *{box-sizing:border-box}.lobby button{font-family:inherit;cursor:pointer}.lobby .display{font-family:Fredoka,Quicksand,sans-serif}.lb-side{width:76px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:20px 8px;gap:6px;background:linear-gradient(to bottom,var(--cream-200),var(--sand-50));border-right:1px solid var(--cream-300)}.lb-side .logo{width:44px;height:44px;border-radius:16px;background:var(--caramel-400);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px;box-shadow:var(--shadow-soft)}.lb-nav{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;width:100%;border:none;border-radius:16px;background:transparent;color:var(--ink-400);font-size:9px;font-weight:700}.lb-nav .ic{font-size:19px}.lb-nav.on{background:#fff;color:var(--caramel-500);box-shadow:var(--shadow-warm)}.lb-nav:not(.on):hover{background:#ffffffb3;color:var(--caramel-500)}.lb-side .me{margin-top:auto;width:40px;height:40px;border-radius:50%;background:var(--caramel-100);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 0 2px var(--caramel-300);position:relative}.lb-side .me:after{content:"";position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--sage-400);border:2px solid #fff}@media(max-width:760px){.lb-side{display:none}}.lb-main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.lb-wrap{max-width:1240px;width:100%;margin:0 auto;padding:32px 28px 40px;display:flex;flex-direction:column;gap:24px;flex:1}@media(max-width:760px){.lb-wrap{padding:20px 14px 32px}}.lb-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lb-head .who{display:flex;align-items:center;gap:14px}.lb-head .face{width:48px;height:48px;border-radius:16px;background:var(--caramel-100);border:1px solid var(--caramel-300);display:flex;align-items:center;justify-content:center;font-size:24px;position:relative}.lb-head .face .crown{position:absolute;top:-11px;right:-8px;font-size:15px}.lb-head .hi{font-size:12px;font-weight:500;color:var(--ink-400);margin:0 0 3px}.lb-head h1{font-size:20px;font-weight:600;margin:0;display:inline}.lb-head-actions{display:flex;align-items:center;gap:10px}.lb-iconbtn{width:40px;height:40px;border-radius:14px;background:#fff;border:1px solid var(--cream-300);font-size:16px;position:relative;transition:border-color .15s}.lb-iconbtn:hover{border-color:var(--caramel-300)}.lb-iconbtn .ping{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--rose-400);border:2px solid #fff}.lb-badge{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 9px;border-radius:999px;background:var(--sage-100);color:var(--sage-500);font-size:10px;font-weight:700;vertical-align:2px}.lb-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--sage-400);animation:lb-pulse 1.6s ease-in-out infinite}.lb-card{background:#fff;border:1px solid var(--cream-200);border-radius:22px;padding:20px;box-shadow:var(--shadow-card)}.lb-card .cap{font-size:12px;font-weight:700;color:var(--ink-400);margin:0 0 12px}.lb-chip{padding:6px 12px;border-radius:12px;border:1px solid var(--cream-200);background:#fff;color:var(--ink-400);font-size:12px;font-weight:600;transition:background .15s}.lb-chip:hover{background:var(--cream-100)}.lb-chip.on{background:var(--caramel-100);color:var(--caramel-500);border-color:var(--caramel-100)}.lb-chars{display:flex;align-items:flex-start;gap:18px;overflow-x:auto;padding-bottom:4px}.lb-chars::-webkit-scrollbar{height:6px}.lb-chars::-webkit-scrollbar-thumb{background:var(--cream-300);border-radius:10px}.lb-char{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:transparent;padding:4px 2px}.lb-char .bubble{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--cream-100);box-shadow:0 0 0 2px var(--cream-300);transition:box-shadow .15s,transform .15s;position:relative}.lb-char:hover .bubble{transform:translateY(-2px)}.lb-char.on .bubble{width:56px;height:56px;background:var(--caramel-100);box-shadow:0 0 0 4px var(--caramel-400),var(--shadow-warm)}.lb-char.locked{opacity:.6}.lb-char.locked:hover{opacity:1}.lb-char .nm{font-size:11px;font-weight:700;color:var(--ink-400);white-space:nowrap}.lb-char.on .nm{color:var(--caramel-500)}.lb-char .price{font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--caramel-100);color:var(--caramel-500)}.lb-char .check{position:absolute;bottom:-3px;right:-3px;width:17px;height:17px;border-radius:50%;background:var(--sage-400);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.lb-chars .divider{width:1px;align-self:stretch;background:var(--cream-200);flex-shrink:0}.lb-hero{position:relative;overflow:hidden;border-radius:24px;border:1.5px solid var(--cream-300);background:linear-gradient(135deg,#f2e9d0,#fdfaf4 60%,#f9f0d8);padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.lb-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--cream-300) 1px,transparent 1px);background-size:18px 18px;opacity:.4;pointer-events:none}.lb-hero .inner{position:relative;display:flex;align-items:center;gap:22px}.lb-hero .avatar{width:80px;height:80px;border-radius:20px;background:#fff;border:1px solid var(--cream-200);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;font-size:40px;animation:lb-float 3.5s ease-in-out infinite;position:relative}.lb-hero .avatar .worn{position:absolute;top:-12px;font-size:18px;letter-spacing:-2px}.lb-hero .sub{font-size:13px;font-weight:500;color:var(--ink-500);margin:0 0 4px}.lb-hero h2{font-size:30px;font-weight:600;margin:0 0 12px}.lb-hero .cta{position:relative;display:flex;gap:8px;flex-wrap:wrap}.lb-hero .friends{position:relative;display:flex;align-items:center;gap:14px}.lb-hero .friends p{font-size:13px;color:var(--ink-500);max-width:190px;margin:0}.lb-hero .stack{display:flex}.lb-hero .fb{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--cream-200);display:flex;align-items:center;justify-content:center;font-size:19px;margin-left:-10px}.lb-hero .fb:first-child{margin-left:0}.lb-hero .fb.more{background:var(--caramel-300);color:#fff;font-size:11px;font-weight:700}@media(max-width:900px){.lb-hero .friends{display:none}}.lb-btn{border:none;border-radius:14px;padding:10px 18px;font-size:14px;font-weight:700;transition:background .15s}.lb-btn.primary{background:var(--caramel-400);color:#fff;box-shadow:var(--shadow-warm)}.lb-btn.primary:hover{background:var(--caramel-500)}.lb-btn.ghost{background:#fffc;color:var(--ink-700);border:1px solid var(--cream-300)}.lb-btn.ghost:hover{background:#fff}.lb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.lb-stat{display:flex;align-items:center;gap:14px}.lb-stat .ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.lb-stat .lab{font-size:12px;font-weight:500;color:var(--ink-400);margin:0 0 3px}.lb-stat .val{font-size:23px;font-weight:600;line-height:1;margin:0}.lb-stat .val small{font-size:14px;font-weight:500;color:var(--ink-400)}.lb-stat .foot{font-size:10px;color:var(--ink-300);margin:3px 0 0}.lb-split{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:900px){.lb-split{grid-template-columns:1fr}}.lb-chart-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:8px}.lb-chart-head h3{font-size:16px;font-weight:600;margin:0}.lb-chart-head .sub{font-size:12px;color:var(--ink-400)}.lb-legend{display:flex;gap:12px;font-size:12px;color:var(--ink-400)}.lb-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}.lb-svg{width:100%;height:auto;display:block}.lb-svg-label{font-size:11px;fill:var(--ink-400);font-family:Quicksand,sans-serif}.lb-donut-total{font-size:24px;font-weight:700;fill:var(--ink-900);font-family:Fredoka,sans-serif}.lb-donut-legend{display:flex;justify-content:center;gap:14px;font-size:12px;color:var(--ink-500);margin-top:8px;flex-wrap:wrap}.lb-donut-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}.lb-focus-card{background:var(--cream-100);border:1px solid var(--cream-200);display:flex;flex-direction:column;justify-content:center}.lb-focus-card .big{font-size:40px;font-weight:600;color:var(--caramel-500);margin:6px 0}.lb-focus-card .desc{font-size:13px;color:var(--ink-500);line-height:1.6;margin:0}.lb-focus-card .badge-ic{width:54px;height:54px;border-radius:16px;background:#fff;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}.lb-rooms-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.lb-rooms-head h2{font-size:19px;font-weight:600;margin:0}.lb-live{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#fee;color:#e33;font-size:11px;font-weight:700}.lb-live .dot{width:6px;height:6px;border-radius:50%;background:#e33;animation:lb-pulse 1.6s infinite}.lb-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px}.lb-room{padding:14px;display:flex;flex-direction:column}.lb-room .scene{height:130px;border-radius:16px;margin-bottom:12px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;gap:18px;padding-bottom:14px}.lb-room .scene .npc{font-size:26px;animation:lb-float 3.5s ease-in-out infinite}.lb-room .scene .deco{position:absolute;top:8px;left:10px;font-size:15px}.lb-room .scene .state{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;background:#ffffffeb;font-size:10px;font-weight:700;box-shadow:0 1px 4px #3a302014}.lb-room .scene .state .dot{width:6px;height:6px;border-radius:50%;animation:lb-pulse 1.6s infinite}.lb-room .scene .state.sage{color:var(--sage-500)}.lb-room .scene .state.sage .dot{background:var(--sage-400)}.lb-room .scene .state.rose{color:var(--rose-400)}.lb-room .scene .state.rose .dot{background:var(--rose-400)}.lb-room .scene .state.caramel{color:var(--caramel-500)}.lb-room .scene .state.caramel .dot{background:var(--caramel-400)}.lb-room h4{font-size:14px;font-weight:600;margin:0 0 7px}.lb-room .tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.lb-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:7px}.lb-tag.sage{background:var(--sage-50);color:var(--sage-500)}.lb-tag.rose{background:var(--rose-50);color:var(--rose-400)}.lb-tag.caramel{background:var(--caramel-100);color:var(--caramel-500)}.lb-tag.plain{background:var(--cream-100);color:var(--ink-400)}.lb-room .meta{display:flex;gap:12px;font-size:12px;color:var(--ink-400);margin-bottom:10px}.lb-room .enter{margin-top:auto;width:100%;padding:9px 0;border:none;border-radius:14px;background:var(--caramel-400);color:#fff;font-size:12px;font-weight:700;box-shadow:var(--shadow-warm)}.lb-room .enter:hover{background:var(--caramel-500)}.lb-bottom{display:grid;grid-template-columns:1fr 2fr;gap:16px}@media(max-width:900px){.lb-bottom{grid-template-columns:1fr}}.lb-log-filters{display:flex;gap:8px;margin-bottom:14px}.lb-log{display:flex;flex-direction:column;gap:12px}.lb-log .row{display:flex;align-items:center;gap:10px}.lb-log .ic{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.lb-log .body{flex:1;min-width:0;display:flex;flex-direction:column}.lb-log .txt{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-log .time{font-size:11px;color:var(--ink-300)}.lb-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lb-cal-head h3{font-size:16px;font-weight:600;margin:0}.lb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.lb-cal-grid .wd{font-size:11px;font-weight:600;color:var(--ink-300);text-align:center;padding:4px 0}.lb-cal-grid .day{aspect-ratio:1.4;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--ink-700);position:relative}.lb-cal-grid .day.active{background:var(--sage-50);color:var(--sage-500);font-weight:700}.lb-cal-grid .day.active:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--caramel-400)}.lb-cal-grid .day.today{background:var(--caramel-400);color:#fff;font-weight:700;box-shadow:var(--shadow-warm)}.lb-cal-grid .day.today:after{display:none}.lb-music{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 28px;background:#3a3020;color:#f9f4e8;box-shadow:0 -4px 20px #3a302040}.lb-music .track{display:flex;align-items:center;gap:12px;min-width:0}.lb-music .art{width:40px;height:40px;border-radius:12px;background:#c4a96e33;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.lb-music .info{display:flex;flex-direction:column;min-width:0}.lb-music .title{font-size:13px;font-weight:700;color:#f2e9d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-music .sub{font-size:11px;color:#a89880}.lb-music .controls{display:flex;align-items:center;gap:14px}.lb-music .controls button{background:transparent;border:none;color:#a89880;font-size:16px;transition:color .15s}.lb-music .controls button:hover{color:#f2e9d0}.lb-music .controls .play{width:38px;height:38px;border-radius:50%;background:var(--caramel-400);color:#fff;box-shadow:var(--shadow-warm)}.lb-music .controls .play:hover{background:var(--caramel-500);color:#fff}.lb-music .vol{display:flex;align-items:center;gap:8px;width:180px;font-size:13px;color:#a89880}.lb-music .vol .bar{flex:1;height:6px;border-radius:999px;background:#f9f4e81f;overflow:hidden}.lb-music .vol .fill{display:block;width:65%;height:100%;border-radius:999px;background:var(--caramel-400)}@media(max-width:760px){.lb-music .vol{display:none}.lb-music{padding:10px 14px}}.lb-studio{padding:0;overflow:hidden}.st-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px 14px;border-bottom:1px solid var(--cream-100)}.st-head .t{display:flex;align-items:center;gap:9px}.st-head .t .ic{width:32px;height:32px;border-radius:12px;background:var(--caramel-100);display:flex;align-items:center;justify-content:center;font-size:15px}.st-head h2{font-size:17px;font-weight:600;margin:0}.st-head .sub{font-size:12px;color:var(--ink-400);font-weight:500}.st-enter{animation:st-pulse 2s infinite}@keyframes st-pulse{0%{box-shadow:0 0 #ffb34766}70%{box-shadow:0 0 0 10px #ffb34700}to{box-shadow:0 0 #ffb34700}}.st-body{display:flex}@media(max-width:960px){.st-body{flex-direction:column}}.st-left{width:460px;flex-shrink:0;border-right:1px solid var(--cream-100)}@media(max-width:960px){.st-left{width:100%;border-right:none;border-bottom:1px solid var(--cream-100)}}.st-cap{font-size:11px;font-weight:700;color:var(--ink-400);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.st-left>.st-cap{padding:14px 18px 0}.st-slots{display:flex;gap:10px;overflow-x:auto;padding:10px 18px 12px}.st-slots::-webkit-scrollbar{height:6px}.st-slot{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:transparent;padding:0}.st-slot .scene{width:72px;height:96px;border-radius:16px;background:linear-gradient(160deg,var(--cream-100),var(--cream-200));border:2px solid var(--cream-200);display:flex;align-items:center;justify-content:center;font-size:34px;transition:transform .15s,border-color .15s}.st-slot:hover .scene{transform:translateY(-2px)}.st-slot.on .scene{border:2.5px solid var(--caramel-400);background:linear-gradient(160deg,#fff8ee,#f9f0d8);box-shadow:var(--shadow-warm)}.st-slot.locked .scene{opacity:.65}.st-slot .badge{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--caramel-400);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-warm)}.st-slot .price{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#ffffffeb;color:var(--caramel-500);white-space:nowrap;box-shadow:0 1px 4px #3a30201f}.st-slot .nm{font-size:10px;font-weight:700;color:var(--ink-400)}.st-slot.on .nm{color:var(--caramel-500)}.st-stage{position:relative;height:360px;background:linear-gradient(180deg,#fff8ee,#fdf7f0)}.st-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--cream-300) 1px,transparent 1px);background-size:18px 18px;opacity:.3;pointer-events:none}.st-stage .floor{position:absolute;bottom:34px;left:50%;transform:translate(-50%);width:110px;height:18px;border-radius:50%;background:var(--cream-300);opacity:.45;filter:blur(3px)}.st-stage canvas{position:relative;z-index:1}.st-stage .hero-note{position:absolute;bottom:8px;left:50%;transform:translate(-50%);margin:0;font-size:11px;color:var(--ink-400);background:#ffffffd9;padding:3px 10px;border-radius:999px;white-space:nowrap;z-index:2}.st-right{flex:1;display:flex;flex-direction:column;min-width:0}.st-tabs{display:flex;background:var(--cream-50);border-bottom:1px solid var(--cream-100);padding:4px 6px 0}.st-tabs button{padding:11px 16px;border:none;background:transparent;font-size:13px;font-weight:700;color:var(--ink-400);border-bottom:2px solid transparent;transition:color .15s}.st-tabs button:hover{color:var(--ink-700)}.st-tabs button.on{color:var(--caramel-500);border-bottom-color:var(--caramel-400)}.st-panel{padding:18px;overflow-y:auto}.st-panel .st-cap{margin-top:16px}.st-panel .st-cap:first-child{margin-top:0}.st-swatches{display:flex;gap:12px;flex-wrap:wrap}.st-swatches .sw{width:40px;height:40px;border-radius:50%;border:none;box-shadow:0 0 0 2px transparent;transition:box-shadow .15s,transform .15s}.st-swatches .sw:hover{transform:scale(1.08)}.st-swatches .sw.on{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--caramel-400)}.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.st-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px 10px;border-radius:16px;border:2px solid var(--cream-200);background:var(--cream-50);transition:border-color .15s,background .15s}.st-opt:hover{border-color:var(--caramel-300)}.st-opt.on{border-color:var(--caramel-400);background:#fff8ee}.st-opt.locked{opacity:.75}.st-opt .bubble{font-size:26px;line-height:1}.st-opt .nm{font-size:11px;font-weight:700;color:var(--ink-500)}.st-opt.on .nm{color:var(--caramel-500)}.st-opt .price{font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--caramel-100);color:var(--caramel-500)}.lb-toast{position:fixed;bottom:76px;left:50%;transform:translate(-50%);padding:11px 20px;border-radius:14px;background:var(--ink-900);color:var(--cream-100);font-size:14px;font-weight:600;box-shadow:0 6px 24px #3a30204d;z-index:50}@keyframes lb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes lb-pulse{0%,to{opacity:1}50%{opacity:.35}}