:root{--pink:#ff7eb6;--pink-strong:#ff5fa2;--pink-soft:#ffe1ec;--lilac:#b59cff;--lilac-soft:#efe8ff;--sky:#7cc6f2;--sky-soft:#e3f3ff;--ink:#4a3346;--ink-soft:#8a6f86;--card:#fffe;--line:#f3cfe0;--danger:#e25b6a;--gold:#ffc94a;--gold-2:#f2c14e;--gold-hi:#ffd54a;--night-0:#0d1530;--night-1:#1c2450;--panel-head:linear-gradient(180deg, #ffd6e8 0, #f3c9e6 45%, #dccbff 100%);--panel-body:#ffffffeb;--panel-border:#f2c14e;--radius:18px;--shadow:0 6px 24px #b578aa38;--font:"Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--night-0);-webkit-font-smoothing:antialiased;overflow:hidden}#app{height:100%}button,input{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.muted{color:var(--ink-soft)}.small{font-size:.82rem}.center{text-align:center}.grow{flex:auto}.row{align-items:center;display:flex}.row.gap{gap:8px}.row.end{justify-content:flex-end}.error-text{color:var(--danger);font-size:.9rem}.btn{background:var(--lilac-soft);color:var(--ink);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:9px 18px;font-weight:700;transition:transform 80ms,box-shadow .15s,background .15s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #b59cff59}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{color:#fff;text-shadow:0 1px #7a1e4659;background:linear-gradient(#ff9cc6 0,#ff6fae 50%,#b59cff 100%);box-shadow:inset 0 1px #fff9,0 2px 6px #b578aa59}.btn.ghost{box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:6px 12px;font-size:.85rem}.btn.wide{width:100%;padding:12px;font-size:1.05rem}.btn:focus-visible,.swatch:focus-visible,.tabs button:focus-visible,.cheer-btn:focus-visible,.star:focus-visible,.item-card:focus-visible,.menu-btn:focus-visible,.chip:focus-visible,.tray-item:focus-visible,.mini-item:focus-visible,.icon-btn:focus-visible,.hero-room:focus-visible,.slot-tabs button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}input[type=text],input[type=url],select{border:2px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:9px 12px;transition:border-color .15s}input[type=text]:focus,input[type=url]:focus{border-color:var(--lilac)}input[type=range]{width:100%;accent-color:var(--pink-strong)}input[type=checkbox]{accent-color:var(--pink-strong);width:18px;height:18px}.field{flex-direction:column;gap:6px;font-size:.9rem;font-weight:700;display:flex}.toggle-row{cursor:pointer;align-items:center;gap:10px;font-weight:700;display:flex}.pill{background:var(--sky-soft);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-block}.pill.hot{background:var(--pink-soft);color:var(--pink-strong)}.pill.lilac{background:var(--lilac-soft);color:#7a5ad6}.badge{background:var(--pink-strong);color:#fff;text-align:center;border-radius:9px;min-width:18px;margin-left:5px;padding:0 5px;font-size:.7rem;line-height:18px;display:inline-block}.screen{height:100%;overflow:auto}.center-screen{justify-content:center;align-items:center;padding:16px;display:flex}.card{background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #fff;border-radius:24px;padding:22px}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{letter-spacing:.02em;background:linear-gradient(135deg, var(--pink-strong), var(--lilac) 60%, var(--sky));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.logo.small{font-size:1.15rem}.section-title{margin:6px 0 2px;font-size:1rem}.login-card,.browser-card{flex-direction:column;gap:14px;width:min(560px,100%);display:flex}.lang-toggle{background:var(--pink-soft);border-radius:999px;padding:3px;display:inline-flex}.lang-toggle button{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:700}.lang-toggle button.on{color:var(--pink-strong);background:#fff;box-shadow:0 1px 4px #00000014}.banner{z-index:50;border:2px solid var(--pink);box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:999px;max-width:calc(100% - 32px);padding:8px 18px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.enter-btn{cursor:pointer;background:0 0;border:none;border-radius:32px;flex-direction:column;align-items:center;gap:10px;padding:24px 40px;display:flex}.enter-label{color:#fff;border:2px solid var(--gold-2);background:linear-gradient(#ff9cc6 0,#ff5fa2 55%,#e2468a 100%);border-radius:999px;padding:10px 28px;font-size:1.2rem;font-weight:800;box-shadow:0 0 24px #ff7a3a73,inset 0 1px #fff9}.enter-btn .muted{color:#f6dfe0}.enter-btn:focus{outline:none}.enter-btn:focus-visible{outline-offset:2px;outline:2px solid #f2c14eb3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.room-list,.song-list,.chat-list,.queue-list{margin:0;padding:0;list-style:none}.room-list{flex-direction:column;gap:8px;max-height:42vh;display:flex;overflow:auto}.room-item{border:2px solid var(--pink-soft);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.room-info{flex-direction:column;min-width:0;display:flex}.room-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-screen{background:radial-gradient(ellipse at 80% 0%, #ff7a3a29, transparent 45%), radial-gradient(ellipse at 15% 100%, #6d2a5a73, transparent 55%), linear-gradient(180deg, var(--night-0), var(--night-1));position:fixed;inset:0;overflow:hidden}.room-screen.day{background:radial-gradient(circle at 15% 20%,#ffe9f3 0,#0000 40%),radial-gradient(circle at 85% 10%,#e7f4ff 0,#0000 40%),linear-gradient(#f6eeff,#fff4f8)}.pixi-host{position:absolute;inset:0}.room-canvas{touch-action:none;-webkit-user-select:none;user-select:none;display:block}.room-screen.decorating .pixi-host{box-shadow:inset 0 0 0 4px var(--gold-2), inset 0 0 40px #f2c14e59}.hud{pointer-events:none;padding:max(12px, env(safe-area-inset-top)) 14px max(10px, env(safe-area-inset-bottom));grid-template:"me stage room""left center right"minmax(0,1fr)"menu menu menu"/minmax(240px,330px) minmax(0,1fr) minmax(240px,340px);gap:10px 14px;display:grid;position:absolute;inset:0}.hud.has-jam{grid-template-columns:minmax(220px,320px) minmax(0,1fr) minmax(0,508px)}.hud>*{min-width:0;min-height:0}.hud-me,.stage-card,.hud-roominfo>*,.float-panel,.chat-mini,.jam-dock,.cheer-bar,.vote-card,.decorate-bar,.menubar,.toast{pointer-events:auto}.hud-me{border:2px solid var(--gold-2);background:linear-gradient(#fffffff0,#ffe8f4e6);border-radius:999px;grid-area:me;place-self:start;align-items:center;gap:10px;max-width:100%;padding:5px 16px 5px 5px;display:flex;box-shadow:0 4px 18px #0d153059,inset 0 1px #fff}.portrait{background:conic-gradient(from 210deg,#fff1b0,#f2c14e 25%,#b07a1c 50%,#f2c14e 70%,#fff1b0);border-radius:50%;flex:none;padding:4px;display:block;box-shadow:0 2px 6px #50280059,inset 0 0 0 1px #fff9}.portrait-face{background:radial-gradient(circle at 35% 30%,#fff 0,#ffe1ec 45%,#d9c7ff 100%);border-radius:50%;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #8e5a1c}.portrait-face img{pointer-events:none;max-width:none;position:absolute}.hud-me-text{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.hud-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.98rem;font-weight:800;overflow:hidden}.hud-me .coin-badge{padding:1px 10px 1px 3px;font-size:.85rem}.hud-me .coin-badge .coin-icon{width:17px;height:17px}.hud-room-title{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.74rem;font-weight:700;overflow:hidden}.hud-roominfo{white-space:nowrap;flex-wrap:nowrap;grid-area:room;justify-content:flex-end;place-self:start end;align-items:center;gap:6px;display:flex}.hud-roominfo .pill{box-shadow:0 2px 8px #0d153040,inset 0 0 0 1.5px #fff}.cam-btns{gap:4px;display:inline-flex}.icon-btn.glossy{color:#7a3a62;background:linear-gradient(#fff 0,#ffe1ec 55%,#f7c4da 100%);width:30px;height:30px;font-size:1.05rem;box-shadow:0 2px 6px #0d15304d,inset 0 0 0 1.5px #fff}.leave-btn{color:#fff;background:linear-gradient(#ff8fb8 0,#ff5fa2 55%,#e2468a 100%);box-shadow:0 2px 8px #0d15304d,inset 0 1px #fff9,inset 0 0 0 1.5px #fff}.hud-stage{grid-area:stage;justify-content:center;place-self:start center;max-width:100%;display:flex}.stage-card{color:#fff;white-space:nowrap;border:2px solid var(--gold-2);background:#3a1030e6;border-radius:999px;align-items:center;gap:7px;min-width:0;max-width:min(560px,100%);height:36px;padding:0 6px 0 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0d153073,0 0 14px #ffd27a38,inset 0 1px #fff1b059}.stage-card.idle{padding-right:14px}.stage-dot{background:#8f7aa8;border-radius:50%;flex:none;width:9px;height:9px}.stage-dot.live{background:#ff4f7a;animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 8px #ff7a3a}@keyframes pulse{50%{box-shadow:0 0 0 5px #ff5fa240,0 0 12px #ff7a3a}}.stage-kicker{color:#f6dfe0;opacity:.8;flex:none;font-size:.7rem;font-weight:700}.stage-idle{color:#fff1b0;font-size:.9rem}.stage-next{color:#f6dfe0;font-size:.8rem}.singer-name{color:var(--gold-hi);text-overflow:ellipsis;text-shadow:0 0 8px #ffd27a99,0 1px #1a1020;flex:none;max-width:12ch;font-size:.92rem;overflow:hidden}.song-title{text-overflow:ellipsis;white-space:nowrap;color:#fff;opacity:.92;flex:auto;min-width:0;max-width:30ch;font-size:.82rem;font-weight:700;overflow:hidden}.you-singing{color:#ffd0e4;flex:none;font-size:.78rem;font-weight:800}.stage-card .pill{color:#fff;background:#ffffff29;flex:none;padding:2px 9px;font-size:.72rem;box-shadow:inset 0 0 0 1px #fff1b080}.stage-card .pill.hot{background:#ff5fa2}.stage-card .live-pill{background:#2fbf71}.stage-card .btn.small{flex:none;padding:3px 10px;font-size:.74rem}.hud-left{flex-direction:column;grid-area:left;justify-content:flex-end;display:flex}.chat-float{border-radius:12px;width:280px;max-width:100%;height:min(34vh,280px)}.chat-float .float-body{-webkit-backdrop-filter:blur(6px);background:#ffffffb8}.chat-float .float-head{padding:3px 6px 3px 12px}.chat-float .float-head h2{font-size:.84rem}.chat-float .float-head .icon-btn{width:22px;height:22px;font-size:.9rem}.room-screen.night .chat-float{border-color:#f2c14ecc;box-shadow:0 6px 20px #0d153066}.room-screen.night .chat-float .float-body{background:#1c2450b3}.room-screen.night .chat-panel{gap:6px;padding:6px 8px 8px}.room-screen.night .chat-msg{color:#f4f2fb;text-shadow:0 1px #0d153099;font-size:.82rem}.room-screen.night .chat-name{color:#c9b6ff}.room-screen.night .chat-msg.mine .chat-name{color:#ff9cc6}.room-screen.night .chat-msg.system{color:#e4dcf5;text-shadow:none;background:#ffffff1f}.room-screen.night .chat-form input[type=text]{background:#ffffffe6;padding:5px 10px;font-size:.85rem}.room-screen.night .chat-form .btn{padding:5px 12px}.panel.chat-mini{-webkit-backdrop-filter:blur(6px);background:#ffffffb8;border:1.5px solid #f2c14eb3;border-radius:12px;flex:none;gap:5px;width:220px;max-width:100%;height:auto;padding:6px 8px 7px;position:relative;box-shadow:0 4px 14px #0d15304d}.chat-mini .chat-list{justify-content:flex-end;gap:2px;min-height:3.6em;padding-right:34px;overflow:hidden}.chat-mini .chat-msg{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.25;overflow:hidden}.chat-mini .chat-msg.system{padding:0 6px;font-size:.72rem}.chat-mini .chat-form input[type=text]{padding:4px 9px;font-size:.8rem}.chat-mini .chat-form .btn{padding:3px 10px;font-size:.74rem}.chat-mini-tools{gap:2px;display:flex;position:absolute;top:4px;right:4px}.chat-mini-tools .icon-btn{width:20px;height:20px;font-size:.8rem}.room-screen.night .chat-mini .chat-msg{color:var(--ink);text-shadow:none;font-size:.78rem}.room-screen.night .chat-mini .chat-name{color:#7a5ad6}.room-screen.night .chat-mini .chat-msg.mine .chat-name{color:var(--pink-strong)}.room-screen.night .chat-mini .chat-msg.system{color:var(--ink-soft);background:#7a5ad61f}.cheer-pop{animation:.16s ease-out pop-up;position:relative}.cheer-pop:after{content:"";background:#ffffff8c;border-radius:2px;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}@keyframes pop-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hud-center{flex-direction:column;grid-area:center;align-items:center;gap:8px;display:flex}.hud-center>.grow{flex:auto}.hud-right{flex-direction:column;grid-area:right;align-items:stretch;gap:10px;display:flex}.jam-dock{z-index:1001;flex:none;position:relative}.jam-panel{border:2px solid var(--gold-2);background:linear-gradient(#ffd0e4,#dccbff);border-radius:14px;justify-content:center;max-width:100%;padding:8px;display:flex;overflow-x:auto;box-shadow:0 8px 26px #0d153073}.songs-float{flex:0 auto;max-height:100%}.room-screen.has-jam .sheet-backdrop,.room-screen.has-jam .modal-backdrop{right:calc(100vw - var(--jam-left,100vw) + 6px)}.float-panel{border:2px solid var(--panel-border);border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 8px 26px #0d153059}.float-head{background:var(--panel-head);flex:none;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex;position:relative;box-shadow:inset 0 1px #fffc,0 1px #b07a1c40}.float-head h2{color:#7a3a62;text-shadow:0 1px #fff;font-size:.92rem;font-weight:800}.float-head .icon-btn{background:#ffffffb3;width:26px;height:26px;font-size:1rem}.float-body{background:var(--panel-body);flex-direction:column;flex:auto;min-height:0;display:flex}.tabs{background:var(--pink-soft);border-radius:999px;gap:4px;padding:4px;display:flex}.tabs button{cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:7px 6px;font-weight:700}.tabs button.on{color:var(--pink-strong);box-shadow:0 1px 4px #7a3a622e, inset 0 0 0 1.5px var(--gold-2);background:linear-gradient(#fff,#fff3f8)}.small-tabs{margin:4px 0}.panel{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:12px;display:flex;overflow:auto}.chat-panel{gap:8px;padding:8px 10px 10px;overflow:hidden}.chat-list{flex-direction:column;flex:auto;gap:4px;padding-right:4px;display:flex;overflow-y:auto}.chat-msg{word-break:break-word;font-size:.88rem;line-height:1.4}.chat-name{color:#7a5ad6;margin-right:6px;font-weight:800}.chat-msg.mine .chat-name{color:var(--pink-strong)}.chat-msg.system{text-align:center;color:var(--ink-soft);background:#e3f3ffe6;border-radius:999px;align-self:center;padding:2px 10px;font-size:.76rem}.chat-form{gap:6px;display:flex}.chat-form input[type=text]{border-radius:999px;padding:7px 12px}.section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-head h3{font-size:.95rem}.queue-list{flex-direction:column;gap:4px;display:flex}.queue-list li{box-shadow:inset 0 0 0 1.5px var(--lilac-soft);background:#fff;border-radius:10px;grid-template-columns:24px auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;font-size:.88rem;display:grid}.queue-list li.mine{background:var(--pink-soft)}.q-num{color:var(--lilac);text-align:center;font-weight:800}.q-name{font-weight:700}.q-song{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-list{flex-direction:column;gap:8px;display:flex}.song-item{border:2px solid var(--lilac-soft);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.song-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.song-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.licence{color:#9a8aa8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jam-form{flex-direction:column;gap:10px;display:flex}.cheer-bar{-webkit-backdrop-filter:blur(4px);background:#ffffff59;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px 8px;display:flex;box-shadow:inset 0 0 0 1.5px #fff9,0 4px 14px #0d153040}.cheer-btn{cursor:pointer;background:radial-gradient(circle at 35% 28%,#fff 0 18%,#ffeef6 40%,#f6c6dc 100%);border:none;border-radius:50%;width:42px;height:42px;font-size:1.3rem;transition:transform .1s;box-shadow:0 3px 8px #0d15304d,inset 0 0 0 2px #fff}.cheer-btn:hover{transform:translateY(-2px)scale(1.08)}.cheer-btn:active{transform:scale(.92)}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(340px,100%);display:flex}.toast{pointer-events:auto;cursor:pointer;background:var(--panel-body);border:2px solid var(--sky);border-radius:12px;align-items:center;gap:10px;width:100%;padding:9px 14px;animation:.25s ease-out pop;display:flex;box-shadow:0 6px 20px #0d153059}.toast.result,.toast.coins{border-color:var(--gold-2);background:linear-gradient(#fffaf0,#fff3d0)}.toast.error{border-color:var(--danger)}.toast p{color:var(--ink-soft);font-size:.82rem}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.float-card{background:var(--panel-body);border:2px solid var(--panel-border);border-radius:12px;flex-direction:column;align-items:center;gap:6px;max-width:100%;padding:10px 18px;animation:.25s ease-out pop;display:flex;box-shadow:0 8px 26px #0d153066}.vote-card{border-color:var(--gold-2);background:#fff8e6;border-radius:12px;gap:2px;padding:6px 12px;box-shadow:0 4px 14px #0d153059,inset 0 0 0 1px #fff1b0}.vote-card p{color:#6b4a2a;font-size:.8rem;font-weight:800}.vote-card .star{text-shadow:0 1px #b07a1c;font-size:1.35rem}.vote-card .btn.small{padding:2px 10px;font-size:.72rem}.stars{gap:4px;display:flex}.star{color:#e6dcea;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:2rem;line-height:1}.star.on{color:var(--gold)}.modal-backdrop{z-index:100;background:#0d153073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{flex-direction:column;gap:12px;width:min(520px,100%);max-height:calc(100% - 32px);display:flex;overflow:auto}.headphones-art{justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.icon-btn{background:var(--lilac-soft);cursor:pointer;width:32px;height:32px;color:var(--ink);border:none;border-radius:50%;flex:none;font-size:1.15rem;font-weight:800;line-height:1}.icon-btn:hover{background:var(--pink-soft)}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatches.big .swatch{width:44px;height:44px}.swatch{cursor:pointer;width:30px;height:30px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:50%;padding:0;transition:transform .1s}.swatch.glyph{background:var(--lilac-soft);border-radius:999px;width:auto;min-width:36px;padding:0 6px;font-size:.72rem;font-weight:800;line-height:1}.swatch.split{border-width:3px;border-radius:10px;width:40px;height:32px}.swatch.on{box-shadow:0 0 0 3px var(--pink-strong);transform:scale(1.08)}.none-glyph{color:var(--ink-soft);font-size:1.3rem}.none-glyph.big{justify-content:center;align-items:center;height:84px;font-size:2.4rem;display:flex}.coin-icon{vertical-align:-3px;flex:none}.coin-badge{font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(135deg,#fff7d6,#ffe9a8);border-radius:999px;align-items:center;gap:5px;padding:4px 12px 4px 6px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #ffd36b}.coin-delta{pointer-events:none;font-size:.85rem;font-weight:900;animation:1.4s ease-out forwards coinfloat;position:absolute;top:-4px;right:6px}.coin-delta.up{color:#1f9d55}.coin-delta.down{color:var(--danger)}@keyframes coinfloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-22px)}}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{box-shadow:inset 0 0 0 2px var(--line);cursor:pointer;background:#fff;border:none;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:700}.chip.on{background:var(--pink-strong);color:#fff;box-shadow:none}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters select{width:auto;padding:6px 10px;font-size:.85rem}.toggle-row.small{font-size:.85rem}.thumb-img{display:block}.item-card .thumb-img,.buy-thumb .thumb-img,.decorate-bar .thumb-img{background:radial-gradient(circle at 50% 42%,#fff0f6 0,#fbeefa 45%,#f3e8ff 100%);border-radius:12px}.thumb-loading{background:linear-gradient(90deg,#fbeff6,#f3eaff,#fbeff6) 0 0/200% 100%;border-radius:12px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.avatar-stage{flex:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.avatar-pedestal{background:radial-gradient(#ffd6e8 0,#efe8ff 60%,#0000 72%);border-radius:50%;width:62%;height:18%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.avatar-img{animation:2.4s ease-in-out infinite bob;display:block;position:relative}@keyframes bob{50%{translate:0 -3px}}.turn-btns{justify-content:space-between;display:flex;position:absolute;bottom:0;left:0;right:0}.login-card{flex-direction:column;gap:12px;width:min(640px,100%);max-height:calc(92vh - 96px);display:flex;overflow-y:auto}.login-stack{flex-direction:column;align-items:center;gap:6px;width:min(640px,100%);max-height:96vh;display:flex}.login-logo .wordmark{font-size:clamp(2.2rem,7vw,3.2rem);animation:3s ease-in-out infinite float}.login-picker{align-items:flex-start;gap:14px;display:flex}.login-picker .avatar-stage{background:linear-gradient(180deg, var(--sky-soft), var(--lilac-soft));border-radius:22px}.picker-rows{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.picker-row{flex-direction:column;gap:4px;display:flex}.picker-label{color:var(--ink-soft);font-size:.78rem;font-weight:800}.mini-items{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.mini-item{box-shadow:inset 0 0 0 2px var(--line);cursor:pointer;background:#fff;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;width:50px;height:50px;padding:2px;display:flex}.mini-item.on{box-shadow:inset 0 0 0 3px var(--pink-strong);background:var(--pink-soft)}.hero-rooms{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero-room{cursor:pointer;text-align:left;box-shadow:inset 0 0 0 2px var(--pink-soft), var(--shadow);background:#fff;border:none;border-radius:18px;align-items:center;gap:10px;padding:12px;transition:transform .1s;display:flex}.hero-room:hover:not(:disabled){transform:translateY(-2px)}.hero-room.main{background:linear-gradient(135deg,#fff0f7,#efe8ff)}.hero-room.mine{background:linear-gradient(135deg,#eef8ff,#fff6e8)}.hero-text{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.hero-art{border-radius:16px;flex:none;width:64px;height:64px}.stage-art{background:radial-gradient(circle at 30% 30%,#fff6b0 0 6%,#0000 7%),radial-gradient(circle at 70% 25%,#fff 0 5%,#0000 6%),linear-gradient(#2d2350 0 55%,#f7c0e2 55% 72%,#c77fb0 72%)}.hero-avatar{flex:none}.room-door{background:linear-gradient(#ffb8d4,#f29dbf);border-radius:12px 12px 4px 4px;flex:none;width:28px;height:36px;box-shadow:inset 0 0 0 2px #fff}.room-item .room-info{flex:1}.menubar{border:2px solid var(--gold-2);background:linear-gradient(#fffffff2 0,#ffe4f1eb 50%,#e8d6ffeb 100%);border-radius:999px;grid-area:menu;justify-content:center;justify-self:center;gap:2px;max-width:100%;padding:3px 8px;display:flex;box-shadow:0 6px 22px #0d153066,inset 0 1px #fff}.menu-btn{cursor:pointer;color:#7a3a62;background:0 0;border:none;border-radius:999px;flex-direction:column;align-items:center;gap:0;min-width:52px;padding:2px 6px 1px;font-size:.64rem;font-weight:800;transition:transform .1s;display:flex}.menu-icon svg{width:17px;height:17px}.menu-icon{color:#fff;background:linear-gradient(#ffa6c9 0,#ff6fae 52%,#e84f93 53%,#f47ab0 100%);border-radius:999px;justify-content:center;align-items:center;width:36px;height:24px;display:flex;position:relative;box-shadow:0 2px 4px #7a3a6259,inset 0 0 0 1.5px #ffffffd9}.menu-icon:before{content:"";pointer-events:none;background:linear-gradient(#ffffffbf,#ffffff1a);border-radius:999px;height:42%;position:absolute;top:2px;left:5px;right:5px}.menu-icon svg{filter:drop-shadow(0 1px #7a1e4673);position:relative}.menu-wardrobe .menu-icon,.menu-shop .menu-icon{background:linear-gradient(#ffa6c9 0,#ff6fae 52%,#e84f93 53%,#f47ab0 100%)}.menu-decorate .menu-icon,.menu-rooms .menu-icon{background:linear-gradient(#c9b6ff 0,#a184f5 52%,#8a6ae6 53%,#a98ff2 100%)}.menu-settings .menu-icon{background:linear-gradient(#a9dcff 0,#62b4ec 52%,#4a9ddb 53%,#78c1f0 100%)}.menu-cheer .menu-icon{background:linear-gradient(#ffc2a0 0,#ff7ab8 52%,#e8508f 53%,#f2a14e 100%)}.menu-chat .menu-icon,.menu-songs .menu-icon{background:linear-gradient(#ffe39a 0,#f2c14e 52%,#d9a12e 53%,#f0c45c 100%)}.menu-btn:hover{transform:translateY(-2px)}.menu-btn:hover .menu-icon{filter:brightness(1.08)}.menu-btn.on .menu-icon{box-shadow:0 0 0 2px var(--gold-2), 0 0 12px #ffd27ae6, inset 0 0 0 1.5px #fff}.menu-btn.on{color:var(--pink-strong)}.menu-btn.dim{opacity:.5}.menu-badge{margin:0;position:absolute;top:-5px;right:-7px;box-shadow:0 0 0 1.5px #fff}.menu-sep{background:#b07a1c59;align-self:stretch;width:1px;margin:4px 2px}.sheet-backdrop{z-index:90;background:#0d153066;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet{background:var(--panel-body);border:2px solid var(--panel-border);border-radius:12px;flex-direction:column;width:min(460px,100%);max-height:min(86vh,760px);animation:.2s ease-out pop;display:flex;overflow:hidden;box-shadow:0 12px 40px #0d153080}.sheet.wide{width:min(980px,100%)}.sheet-head{background:var(--panel-head);align-items:center;gap:10px;padding:9px 12px;display:flex;position:relative;box-shadow:inset 0 1px #fffc,0 1px #b07a1c40}.sheet-head h2{color:#7a3a62;text-shadow:0 1px #fff;font-size:1.05rem;font-weight:800}.sheet-head .icon-btn{background:#ffffffb3}.sheet-grip{display:none}.sheet-body{flex:1;min-height:0;padding:14px;overflow:auto}.wardrobe{grid-template-columns:240px minmax(0,1fr);gap:16px;min-height:0;display:grid}.wardrobe-preview{background:linear-gradient(180deg, var(--sky-soft), var(--lilac-soft));border-radius:20px;flex-direction:column;align-self:start;align-items:center;gap:10px;padding:12px;display:flex;position:sticky;top:0}.unowned-list{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.buy-chip{white-space:normal;text-align:left;flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.wardrobe-main{flex-direction:column;gap:10px;min-width:0;display:flex}.slot-tabs{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.slot-tabs button{cursor:pointer;color:var(--ink-soft);box-shadow:inset 0 0 0 2px var(--line);background:#fff;border:none;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:6px 10px;font-size:.78rem;font-weight:800;display:flex}.slot-tabs button.on{background:var(--pink-strong);color:#fff;box-shadow:none}.item-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.item-card{--rarity:#b9b3cc;cursor:pointer;min-width:0;box-shadow:inset 0 0 0 2.5px var(--rarity), 0 2px 8px #b578aa24;background:#fff;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;transition:transform .1s;display:flex;position:relative}.item-card:hover{transform:translateY(-2px)}.item-card.on{background:var(--pink-soft);box-shadow:inset 0 0 0 3.5px var(--pink-strong), 0 0 0 2px #fff, 0 4px 14px #ff5fa24d}.item-card.locked .thumb-img{opacity:.82}.item-card.pricey .item-price{color:var(--danger)}.item-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.74rem;font-weight:700;line-height:1.2;overflow:hidden}.item-price{color:#b07d12;align-items:center;gap:3px;font-size:.76rem;font-weight:800;display:inline-flex}.item-price.owned{color:#1f9d55}.item-price.big{font-size:1.05rem}.new-tag,.count-tag{z-index:1;border-radius:999px;padding:1px 6px;font-size:.66rem;font-weight:900;position:absolute;top:4px}.new-tag{background:var(--pink-strong);color:#fff;left:4px}.count-tag{background:var(--ink);color:#fff;right:4px}.buy-confirm{--rarity:#b9b3cc;align-items:center;gap:14px;display:flex}.buy-thumb{box-shadow:inset 0 0 0 3px var(--rarity);background:#fff;border-radius:18px;padding:6px}.buy-info{flex-direction:column;gap:4px;display:flex}.rarity-label{color:var(--rarity);font-size:.78rem;font-weight:800}.shop{flex-direction:column;gap:10px;display:flex}.shop-tabs{max-width:320px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.decorate-bar{background:var(--panel-body);border:2px solid var(--panel-border);border-radius:12px;flex-direction:column;flex:none;gap:6px;width:min(760px,100%);padding:8px 10px;display:flex;box-shadow:0 8px 26px #0d153059}.decorate-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.decorate-head .tabs{padding:3px}.decorate-head .tabs button{padding:5px 10px;font-size:.82rem}.tray{gap:8px;padding:2px 2px 4px;display:flex;overflow-x:auto}.tray-empty{align-self:center}.tray-item{cursor:pointer;box-shadow:inset 0 0 0 2px var(--line);background:#fff;border:none;border-radius:14px;flex:none;justify-content:center;align-items:center;width:68px;height:68px;padding:4px;display:flex;position:relative}.tray-item.on{background:#eafff1;box-shadow:inset 0 0 0 3px #2ecc71}.tray-item.shop-more{color:var(--pink-strong);flex-direction:column;font-size:1.4rem;font-weight:900}.tray-item.shop-more small{font-size:.6rem;line-height:1.1}.style-pickers{flex-direction:column;gap:6px;display:flex}.decor-hint{margin:0}.festive{isolation:isolate;background:linear-gradient(180deg, var(--night-0) 0, var(--night-1) 70%, #2a2457 100%);position:relative}.festive.center-screen{flex-direction:column}.festive-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bokeh{mix-blend-mode:screen;filter:blur(3px);background:radial-gradient(circle,#ff7a3a99 0,#ff7a3a2e 45%,#0000 70%);border-radius:50%;animation:16s ease-in-out infinite alternate drift;position:absolute}.bokeh.b1{width:140px;height:140px;top:18%;left:6%}.bokeh.b2{width:190px;height:190px;animation-duration:20s;top:12%;left:78%}.bokeh.b3{background:radial-gradient(circle,#ffd27a8c,#0000 70%);width:110px;height:110px;top:58%;left:62%}.bokeh.b4{background:radial-gradient(circle,#d8232a80,#0000 70%);width:210px;height:210px;animation-duration:24s;top:66%;left:18%}.bokeh.b5{background:radial-gradient(circle,#fff6d699,#0000 70%);width:70px;height:70px;top:8%;left:42%}.bokeh.b6{width:90px;height:90px;animation-duration:13s;top:72%;left:88%}.bokeh.b7{background:radial-gradient(circle,#ffd27a99,#0000 70%);width:60px;height:60px;top:46%;left:2%}.bokeh.b8{background:radial-gradient(circle,#e9a9b599,#0000 70%);width:46px;height:46px;animation-duration:11s;top:36%;left:30%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(24px,-18px)scale(1.12)}}.lantern-row{transform-origin:50% 0;background:radial-gradient(circle at 50% 54px,#ff7a3a80 0,#0000 40px) 0 0/96px 120px repeat-x,linear-gradient(90deg,#0000 41px,#fff1b0 41px 43px,#f2c14e 43px 53px,#b07a1c 53px 55px,#0000 55px) 0 33px/96px 6px repeat-x,linear-gradient(90deg,#0000 41px,#f2c14e 41px 55px,#0000 55px) 0 74px/96px 5px repeat-x,radial-gradient(17px 20px at 50% 54px,#ff6a50 0,#d8232a 50%,#8e1016 88%,#0000 100%) 0 0/96px 120px repeat-x,linear-gradient(90deg,#0000 47px,#f2c14e 47px 49px,#0000 49px) 0 79px/96px 16px repeat-x,linear-gradient(#0000 0 8px,#f2c14e99 8px 9px,#0000 9px) 0 0/100% 120px no-repeat;height:120px;animation:5s ease-in-out infinite alternate sway;position:absolute;top:0;left:-40px;right:-40px}.lantern-row:after{content:"";background:linear-gradient(90deg,#0000 47px,#f2c14eb3 47px 49px,#0000 49px) 0 9px/96px 24px repeat-x;position:absolute;inset:0}@keyframes sway{0%{transform:rotate(-.6deg)}to{transform:rotate(.6deg)}}.snow-ground{opacity:.3;background:radial-gradient(at 50% 30%,#f4f2fb 0,#c9cbe6 60%,#c9cbe600 72%);border-radius:50%;height:140px;position:absolute;bottom:-60px;left:-10%;right:-10%}.festive .card{background:var(--panel-body);border:2px solid var(--gold-2);border-radius:16px;box-shadow:0 16px 50px #00000073,0 0 30px #ff7a3a2e}.lobby-stack{flex-direction:column;align-items:center;gap:10px;width:min(560px,100%);display:flex}.lobby-logo{margin-bottom:2px}.card-title{color:#7a3a62;font-size:1.15rem;font-weight:800}.logo-h{margin:0;line-height:1}.wordmark{font-family:"Fredoka", var(--font);letter-spacing:.01em;color:#ff4f9a;white-space:nowrap;text-shadow:0 -3px #fff,3px 0 #fff,0 3px #fff,-3px 0 #fff,2px 2px #fff,-2px 2px #fff,2px -2px #fff,-2px -2px #fff,0 6px #f2c14e,2px 5px #f2c14e,-2px 5px #f2c14e,0 8px #b07a1c,0 10px 16px #00000059;padding:4px 6px 10px;font-size:2.3rem;font-weight:700;line-height:1.1;display:inline-block}.wordmark.small{font-size:1.4rem}.lobby-logo .wordmark,.enter-btn .wordmark{font-size:clamp(2.2rem,8vw,3.4rem);animation:3s ease-in-out infinite float}@media (width<=720px){.hud,.hud.has-jam{padding:max(8px, env(safe-area-inset-top)) 8px max(6px, env(safe-area-inset-bottom));grid-template:"me room""stage stage""jam jam""center center"minmax(0,1fr)"sheet sheet""menu menu"/minmax(0,1fr) auto;gap:6px}.hud-right{display:contents}.jam-dock{grid-area:jam;overflow-x:auto}.hud-left{grid-area:sheet}.hud-left:empty{display:none}.songs-float{grid-area:sheet}.chat-float,.songs-float{border-bottom:none;border-radius:18px 18px 0 0;height:auto;min-height:180px;max-height:44vh;margin:0 -8px;animation:.22s ease-out slideup}.chat-float{height:40vh}.float-head .sheet-grip{background:#7a3a624d;border-radius:2px;width:36px;height:4px;margin-left:-18px;display:block;position:absolute;top:3px;left:50%}.hud-center{justify-content:flex-end;overflow:hidden}.hud-me{gap:7px;padding:3px 12px 3px 3px}.hud-room-title{display:none}.hud-roominfo{gap:4px}.cam-btns,.hud-roominfo .lilac{display:none}.hud-stage{width:100%}.stage-card{max-width:100%;height:32px}.stage-kicker{display:none}.song-title{max-width:100%}.chat-float{width:auto}.cheer-btn{width:36px;height:36px;font-size:1.1rem}.cheer-bar{gap:4px;padding:4px 6px}.toasts{width:100%}.menubar{justify-content:space-between;gap:0;width:100%;padding:4px}.menu-btn{flex:1 1 0;min-width:0;padding:2px 0;font-size:.6rem}.menu-icon{width:32px;height:26px}.menu-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.room-screen.has-jam .sheet-backdrop,.room-screen.has-jam .modal-backdrop{right:0;top:var(--jam-bottom,0)}.sheet-backdrop{align-items:flex-end;padding:0}.sheet,.sheet.wide{border-bottom:none;border-radius:18px 18px 0 0;width:100%;max-height:88%;animation:.22s ease-out slideup}.sheet-grip{background:#7a3a624d;border-radius:2px;width:40px;height:4px;margin-left:-20px;display:block;position:absolute;top:4px;left:50%}.sheet-body{padding:10px;padding-bottom:max(10px, env(safe-area-inset-bottom))}.wardrobe{grid-template-columns:1fr;gap:10px}.wardrobe-preview{flex-flow:wrap;justify-content:center;padding:8px;position:static}.item-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.hero-rooms{grid-template-columns:1fr}.login-picker{flex-direction:column;align-items:center}.picker-rows{width:100%}}@keyframes slideup{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (width<=420px){.card{border-radius:14px;padding:16px}.hud-name{max-width:34vw}.players-pill{display:none}}@media (width>=721px) and (width<=1100px){.hud{grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,300px)}.hud.has-jam{grid-template-columns:minmax(200px,260px) minmax(0,1fr) minmax(0,508px)}.hud-room-title{max-width:160px}}