:root{--glass-bg: rgba(16, 10, 36, .72);--glass-bg-heavy: rgba(18, 11, 40, .9);--glass-border: rgba(192, 132, 252, .28);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .16), 0 0 18px rgba(139, 92, 246, .14);--accent-pink: #ec4899;--accent-cyan: #22d3ee;--accent-gold: #fbbf24;--accent-violet: #8b5cf6;--text-primary: #f8fafc;--text-secondary: rgba(248, 250, 252, .72)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:#0b071c;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans Thai,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased}input,select,textarea{-webkit-user-select:text;user-select:text;touch-action:auto}button,a,.hotspot-btn{touch-action:manipulation;-webkit-user-select:none;user-select:none}#system-messages,#chat-messages,.online-players-list,.custom-scroll-body,.game-modal-card,.mg-song-list{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.zone-nav,.dance-action-bar,.quick-emojis{touch-action:pan-x;overscroll-behavior-x:contain}#canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;touch-action:none}#bubble-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden}.hud-capsule{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 10px 32px #00000038,var(--glass-highlight);border-radius:999px}#top-bar{position:absolute;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;z-index:32;pointer-events:none}#top-bar>*{pointer-events:auto}.hud-left-stack{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.user-card{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 6px}.system-log-panel{width:265px;background:#0f0e188f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(251,191,36,.25);border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #00000038}.system-log-header{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;background:#fbbf2414;border-bottom:1px solid rgba(255,255,255,.08)}.system-log-title{font-size:10.5px;font-weight:700;color:#fde68a}.system-messages{max-height:76px;overflow-y:auto;padding:5px 10px;display:flex;flex-direction:column;gap:3px}.system-log-panel.collapsed .system-messages{display:none}.system-messages::-webkit-scrollbar{width:3px}.system-messages::-webkit-scrollbar-thumb{background:#fbbf2459;border-radius:3px}.sys-log-item{font-size:11px;line-height:1.35;display:flex;flex-wrap:wrap;gap:4px;color:#fef3c7e6}.sys-log-tag{font-size:10px;font-weight:700;color:var(--accent-gold)}.sys-log-text{color:#f8fafc}.avatar-trigger{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:4px 10px 4px 5px;border-radius:999px;cursor:pointer;color:var(--text-primary);transition:background .2s,transform .15s}.avatar-trigger:hover{background:#ffffff29;transform:translateY(-1px)}.avatar-badge{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 0 10px currentColor}.name-label{font-size:12.5px;font-weight:700;letter-spacing:.2px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-divider{width:1px;height:16px;background:#ffffff29}.coin-group{display:flex;align-items:center;gap:6px;padding-right:4px}.coin-badge{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:#fde047;text-shadow:0 0 10px rgba(251,191,36,.35);display:inline-flex;align-items:center;gap:5px;padding:2px 6px 2px 3px;border-radius:999px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,background .28s ease}.coin-badge:before{content:"888";font-family:Georgia,Times New Roman,serif;font-size:7.5px;font-weight:900;letter-spacing:-.4px;width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#78350f;background:radial-gradient(circle at 32% 30%,#fffef7,#fde047 38%,#f59e0b 75%,#b45309);border:1.5px solid #fef9c3;box-shadow:0 0 8px #fbbf24b8,inset 0 0 3px #78350f8c;flex-shrink:0}.coin-badge.coin-pulse{transform:scale(1.1);background:#fbbf2438;box-shadow:0 0 18px #fbbf24a6,inset 0 0 8px #fef08a4d;color:#fffef0}.coin-badge.coin-pulse:before{animation:coinMedalSpinGlow .9s cubic-bezier(.22,1,.36,1)}@keyframes coinMedalSpinGlow{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.22);box-shadow:0 0 16px #fffef0f2}to{transform:rotateY(360deg) scale(1)}}.btn-coin-plus{width:22px;height:22px;border-radius:50%;border:1px solid rgba(251,191,36,.45);background:#fbbf242e;color:var(--accent-gold);font-size:14px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-coin-plus:hover{background:var(--accent-gold);color:#111;transform:scale(1.08)}.hud-center-dock{display:flex;flex-direction:column;align-items:center;gap:6px}.zone-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;padding:4px 6px;max-width:94vw;overflow-x:visible}.zone-nav::-webkit-scrollbar{display:none}.zone-btn{background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.zone-btn:hover{color:var(--text-primary);background:#ffffff14}.zone-btn.active{background:#ffffffeb;color:#0f172a;font-weight:700;box-shadow:0 2px 10px #ffffff40}.ktv-status-row{display:flex;align-items:center;gap:6px}.ktv-sound-badge{background:#12101c8c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:11px;font-weight:600;padding:4px 11px;border-radius:999px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.ktv-sound-badge.inside{background:#ff2a8538;border-color:#ff2a858c;color:#fff;box-shadow:0 0 16px #ff2a8559}.ktv-sound-badge.paused{background:#f59e0b38;border-color:#fbbf248c;color:#fde68a}.btn-top-jukebox{background:linear-gradient(135deg,var(--accent-pink),var(--accent-violet));border:1px solid rgba(255,255,255,.28);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 14px #ff2a8559;transition:transform .15s}.btn-top-jukebox:hover{transform:translateY(-1px) scale(1.03)}.coin-toast{position:relative;z-index:65;overflow:hidden;align-self:flex-start;padding:8px 16px 8px 13px;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.25px;font-variant-numeric:tabular-nums;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 12px 30px #00000073,0 0 22px #fbbf2447;animation:coinToastPop .42s cubic-bezier(.16,1,.3,1);transition:opacity .55s ease,transform .55s ease;pointer-events:none;display:inline-flex;align-items:center;gap:7px}.coin-toast:before{content:"🪙";font-size:14px;filter:drop-shadow(0 0 6px rgba(251,191,36,.85))}.coin-toast:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 22%,rgba(255,251,235,.42) 50%,transparent 78%);transform:translate(-120%);animation:coinSweepSheen 2.4s ease-in-out infinite;pointer-events:none}.coin-toast.is-fading{opacity:0;transform:translateY(-8px) scale(.96)}.coin-toast[hidden]{display:none}.coin-toast.gain{background:linear-gradient(135deg,#181206e6,#064e3bc7);border:1.5px solid rgba(253,224,71,.85);color:#fef08a;box-shadow:0 12px 30px #0000007a,0 0 24px #fbbf2461}.coin-toast.spend{background:linear-gradient(135deg,#1a0f0ae6,#78350fb8);border:1.5px solid rgba(251,191,36,.65);color:#fde68a;box-shadow:0 10px 26px #00000070,0 0 18px #f59e0b47}@keyframes coinToastPop{0%{opacity:0;transform:translateY(-10px) scale(.86)}70%{opacity:1;transform:translateY(2px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes coinSweepSheen{0%{transform:translate(-130%)}65%,to{transform:translate(130%)}}.coin-vfx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:95}.hud-right-stack{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.room-bar{display:flex;align-items:center;gap:6px;padding:4px 6px}.online-pill-btn{display:inline-flex;align-items:center;gap:6px;background:#10b98124;border:1px solid rgba(16,185,129,.38);color:#d1fae5;padding:5px 10px;border-radius:999px;cursor:pointer;transition:background .18s,transform .15s}.online-pill-btn:hover{background:#10b98142;transform:translateY(-1px)}.live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;flex-shrink:0}.online-text{font-size:12px;font-weight:700;color:#ecfdf5;white-space:nowrap}.online-caret{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#10b98147;border:1px solid rgba(52,211,153,.56);color:#ecfdf5;font-size:11px;font-weight:800;line-height:1;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1),background .18s}.online-pill-btn.is-open{background:#10b9814d;border-color:#34d399cc;box-shadow:0 0 16px #10b98157}.online-pill-btn.is-open .online-caret{transform:rotate(180deg);background:#10b98194;border-color:#6ee7b7}.mobile-online-pill{display:none}.online-popover{position:fixed;top:72px;right:14px;width:min(300px,calc(100vw - 16px));padding:12px;border-radius:18px;z-index:125;display:flex;flex-direction:column;gap:8px;background:#110f1ceb;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(52,211,153,.42);box-shadow:0 18px 46px #00000094}.online-popover[hidden]{display:none}.online-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.09)}.online-popover-title{font-size:12px;font-weight:800;color:#a7f3d0}.online-popover-close{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#e2e8f0;width:22px;height:22px;border-radius:50%;font-size:11px;line-height:1;cursor:pointer;flex-shrink:0}.online-popover-close:hover{background:#f43f5e59;border-color:#fb7185a6}.online-popover-sub{font-size:10.5px;font-weight:700;color:#93c5fd;padding:2px 4px}.online-players-list{display:flex;flex-direction:column;gap:6px;max-height:min(290px,46vh);overflow-y:auto}.online-player-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);transition:background .16s,border-color .16s}.online-player-row.clickable:hover{background:#10b98124;border-color:#34d39959;cursor:pointer}.online-player-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.6)}.online-player-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.online-player-name-row{display:flex;align-items:center;gap:5px;min-width:0}.online-player-name{font-size:12px;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-self-pill{font-size:9.5px;font-weight:800;padding:1px 5px;border-radius:999px;background:#10b9813d;border:1px solid rgba(52,211,153,.45);color:#a7f3d0;flex-shrink:0}.online-player-zone{font-size:10.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-player-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-tp-player{background:#38bdf82e;border:1px solid rgba(56,189,248,.42);color:#bae6fd;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;cursor:pointer;flex-shrink:0}.btn-tp-player:hover{background:#38bdf857}.btn-inspect-player{background:#c084fc29;border:1px solid rgba(192,132,252,.4);color:#e9d5ff;font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:999px;cursor:pointer;flex-shrink:0}.btn-inspect-player:hover{background:#c084fc52}.btn-spotlight-player{background:#22d3ee24;border:1px solid rgba(34,211,238,.38);color:#a5f3fc;font-size:10.5px;font-weight:700;padding:3px 6px;border-radius:999px;cursor:pointer;flex-shrink:0}.btn-spotlight-player:hover,.btn-spotlight-player.active{background:#f43f5e52;border-color:#fb7185cc;color:#fff}.online-solo-hint{font-size:11px;line-height:1.45;color:#94a3b8;padding:6px 8px;border-radius:10px;background:#ffffff08;border:1px dashed rgba(255,255,255,.12)}.room-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:var(--text-primary);font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;outline:none;cursor:pointer}.room-select option{background:#181624;color:#fff}.btn-disco{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:var(--text-primary);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}.btn-disco:hover{background:#ffffff38}.btn-disco.active{background:linear-gradient(135deg,var(--accent-pink),var(--accent-cyan));border-color:transparent;color:#fff;box-shadow:0 0 18px #ff2a858c}.vip-banner{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;justify-content:center;width:max-content;max-width:min(92vw,680px);overflow:hidden;background:linear-gradient(135deg,#160e0ceb,#371d0ae0,#0f0d1ceb);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1.5px solid rgba(253,224,71,.82);box-shadow:0 14px 38px #00000085,0 0 28px #fbbf246b,inset 0 0 14px #fef08a29;color:#fef3c7;font-size:13.5px;font-weight:800;padding:10px 20px;border-radius:999px;white-space:nowrap;pointer-events:none}.vip-banner[hidden]{display:none}.vip-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,rgba(255,251,235,.36) 50%,transparent 80%);animation:coinSweepSheen 2.8s ease-in-out infinite;pointer-events:none}.vip-banner.banner-show{animation:bannerDrop .35s cubic-bezier(.16,1,.3,1) forwards}.vip-banner.banner-hide{opacity:0;transform:translate(-50%,-16px) scale(.96);transition:all .3s ease}@keyframes bannerDrop{0%{opacity:0;transform:translate(-50%,-24px) scale(.88)}to{opacity:1;transform:translate(-50%) scale(1)}}.presence-toast{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:36;display:flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.2px;background:#0f172ae0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.22);color:#f8fafc;box-shadow:0 10px 26px #0000006b;pointer-events:none;white-space:nowrap;width:max-content;max-width:min(92vw,520px);overflow:hidden;animation:presenceToastIn .26s cubic-bezier(.16,1,.3,1) forwards}.vip-banner.is-marquee,.presence-toast.is-marquee{justify-content:flex-start}.banner-marquee-viewport{position:relative;z-index:1;display:block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}.banner-marquee-track{display:inline-block;white-space:nowrap;will-change:transform}.vip-banner.is-marquee .banner-marquee-track,.presence-toast.is-marquee .banner-marquee-track{animation:bannerMarqueeScroll var(--marquee-dur, 4.5s) linear .35s infinite alternate}@keyframes bannerMarqueeScroll{0%,10%{transform:translate(0)}88%,to{transform:translate(var(--marquee-shift, 0px))}}.presence-toast[hidden]{display:none}.presence-toast.enter{border-color:#34d399a6;color:#a7f3d0}.presence-toast.leave{border-color:#f8717194;color:#fecaca}.presence-toast.ktv-in{border-color:#f472b6ad;color:#fbcfe8}.presence-toast.ktv-out{border-color:#38bdf894;color:#bae6fd}@keyframes presenceToastIn{0%{opacity:0;transform:translate(-50%,-10px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.lang-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#38bdf824;border:1px solid rgba(56,189,248,.35);color:#e0f2fe;font-size:11.5px;font-weight:600;padding:5px 9px;border-radius:999px;outline:none;cursor:pointer}.lang-select option{background:#181624;color:#fff}.modal-lang-row{display:flex;gap:6px;flex-wrap:wrap}.lang-pill{flex:1 1 auto;min-width:68px;text-align:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--text-secondary);font-size:11px;font-weight:700;padding:5px 8px;border-radius:999px;cursor:pointer;transition:all .16s ease}.lang-pill:hover{background:#ffffff2e;color:#fff}.lang-pill.active{background:linear-gradient(135deg,#00f0ff47,#a855f752);border-color:#00f0ffb8;color:#fff;box-shadow:0 0 12px #00f0ff42}.ktv-room-hud{position:fixed;top:76px;right:18px;width:224px;padding:9px 10px 10px;border-radius:18px;z-index:32;display:flex;flex-direction:column;gap:7px;border:1px solid rgba(255,42,133,.48);box-shadow:0 16px 40px #0000007a,0 0 24px #ff2a8538;-webkit-user-select:none;user-select:none}.ktv-room-hud[hidden]{display:none}.ktv-room-hud.dragging{cursor:grabbing;box-shadow:0 24px 54px #000000a6,0 0 32px #ff2a8573;border-color:#ff2a85d9}.ktv-room-hud.minimized .ktv-video-box,.ktv-room-hud.minimized .ktv-vol-row{display:none}body.dragging-ktv-hud .ktv-video-box iframe{pointer-events:none}.ktv-hud-header{display:flex;align-items:center;gap:5px;cursor:grab;touch-action:none;padding:2px 0}.ktv-room-hud.dragging .ktv-hud-header{cursor:grabbing}.ktv-drag-grip{font-size:13px;color:#ffffff8c;line-height:1;margin-right:1px}.ktv-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-pink);box-shadow:0 0 8px var(--accent-pink)}.ktv-hud-label{flex:1;font-size:10px;font-weight:800;letter-spacing:.6px;color:var(--text-secondary)}.btn-ktv-mini{background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:var(--text-primary);font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px;cursor:pointer;transition:background .15s}.btn-ktv-mini:hover{background:#ffffff3d}.ktv-video-box{width:100%;height:118px;border-radius:12px;overflow:hidden;background:#09080f;border:1px solid rgba(255,255,255,.1)}.ktv-video-box iframe{width:100%;height:100%;border:none}.ktv-hud-title{font-size:11.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ktv-vol-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.ktv-vol-row input[type=range]{flex:1;height:4px;accent-color:var(--accent-pink);cursor:pointer}#bottom-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;z-index:20;width:min(630px,92vw);pointer-events:none}#bottom-bar>*{pointer-events:auto}.chat-log-panel{width:100%;background:#0f0e1894;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.13);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000040;transition:all .2s ease}.chat-log-header{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.chat-log-title{font-size:11px;font-weight:700;color:var(--text-secondary)}.btn-chat-toggle{background:transparent;border:none;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer}.btn-chat-toggle:hover{color:#fff}.chat-messages{max-height:92px;overflow-y:auto;padding:6px 12px;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth}.chat-log-panel.collapsed .chat-messages{display:none}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.chat-log-item{font-size:12px;line-height:1.38;display:flex;align-items:baseline;gap:6px;word-break:break-word}.chat-log-time{font-size:10px;color:#f8fafc66;flex-shrink:0}.chat-log-author{font-weight:700;flex-shrink:0}.chat-log-text{color:#f1f5f9}.chat-log-item.system-msg .chat-log-text{color:#fef08a;font-weight:600}.chat-empty-hint{font-size:11.5px;color:#f8fafc73;padding:4px 0;text-align:center}.dance-action-bar{display:flex;gap:5px;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto;justify-content:flex-start;width:100%;max-height:118px;padding:4px 6px;border-radius:12px;background:#0c0a1cb8;border:1px solid rgba(255,255,255,.12);scrollbar-width:thin}.dance-action-bar::-webkit-scrollbar{width:4px}.dance-action-bar.collapsed{display:none}.bottom-quick-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:5px;width:100%;overflow-x:visible}.bottom-quick-row::-webkit-scrollbar{display:none}.btn-toggle-actions{background:linear-gradient(135deg,#ff2a8547,#8b5cf647);border-color:#f472b68c;color:#fce7f3;flex-shrink:0}.btn-toggle-actions.active{background:linear-gradient(135deg,var(--accent-pink),var(--accent-violet));color:#fff;border-color:#fff}.btn-toggle-mc-pad{background:linear-gradient(135deg,#f59e0b42,#ec489947);border-color:#fbbf248f;color:#fef3c7;flex-shrink:0}.btn-toggle-mc-pad.active{background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff;border-color:#fff;box-shadow:0 0 12px #f59e0b73}.mc-action-bar{display:flex;gap:5px;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto;justify-content:flex-start;width:100%;max-height:102px;padding:4px 6px;border-radius:12px;background:#120c22c2;border:1px solid rgba(251,191,36,.22);scrollbar-width:thin}.mc-action-bar::-webkit-scrollbar{display:none}.mc-action-bar.collapsed{display:none}.mc-ctrl-chip{flex-shrink:0;white-space:nowrap;padding:5px 10px;border-radius:999px;border:1px solid rgba(56,189,248,.52);background:#0c1830d6;color:#bae6fd;font-size:11px;font-weight:700;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease}.mc-ctrl-chip.local-mode{border-color:#34d3999e;background:linear-gradient(135deg,#10b9814d,#06b6d440);color:#a7f3d0}.mc-ctrl-chip.muted-remote{border-color:#f87171b8;background:linear-gradient(135deg,#ef444457,#b91c1c47);color:#fecaca}.mc-shout-btn{flex-shrink:0;white-space:nowrap;padding:5px 11px;border-radius:999px;border:1px solid rgba(251,191,36,.48);background:#22122ed1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fef3c7;font-size:11.5px;font-weight:700;cursor:pointer;transition:transform .12s ease,border-color .15s ease,opacity .15s ease}.mc-shout-btn:hover{border-color:#fbbf24;background:linear-gradient(135deg,#f59e0b5c,#ec489957);color:#fff;transform:translateY(-1px)}.mc-shout-btn.cooling{opacity:.56;border-color:#94a3b866;cursor:not-allowed}.dance-btn{background:#181026bd;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,42,133,.42);color:#fbcfe8;padding:4.5px 9.5px;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;transition:all .16s ease;white-space:nowrap}.dance-btn[data-pose-id=dodge_step],.dance-btn[data-pose-id=lightning_whip]{border-color:#facc15ad;color:#fef08a;background:#78350f6b}.dance-btn:hover{background:#ff2a8552;color:#fff;transform:translateY(-2px)}.dance-btn.active{background:linear-gradient(135deg,var(--accent-pink),var(--accent-violet));border-color:#fff;color:#fff;box-shadow:0 0 16px #ff2a85a6}.quick-emojis{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:100%;overflow-x:visible}.emoji-btn{background:#12101c8f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);color:var(--text-primary);padding:4.5px 10px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}.emoji-btn:hover{background:#ffffffeb;color:#0f172a;transform:translateY(-2px)}.chat-form{display:flex;width:100%;padding:4px 5px 4px 10px;gap:8px;align-items:center}.chat-form input{flex:1;min-width:0;width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13.5px;font-weight:500;padding:6px 0}.chat-form input::placeholder{color:#f8fafc73}.btn-send{background:#ffffffeb;border:none;color:#0f172a;font-weight:700;font-size:12.5px;padding:7px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .15s,background .15s}.btn-send:hover{background:#fff;transform:scale(1.03)}.joystick-dock{position:fixed;bottom:max(22px,env(safe-area-inset-bottom,0px));left:max(26px,env(safe-area-inset-left,0px));z-index:30;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;touch-action:none}.btn-move-mode{background:#10b98138;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(52,211,153,.55);color:#d1fae5;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px #00000047;transition:all .18s ease}.btn-move-mode.guard-off{background:#f59e0b38;border-color:#fbbf248c;color:#fef3c7}.joystick-zone{position:relative;width:132px;height:132px;display:flex;align-items:center;justify-content:center;touch-action:none}.joystick-base{position:relative;width:108px;height:108px;border-radius:50%;background:#12101c6b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px #00000040,inset 0 1px #fff3;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s,transform .08s ease-out}.joystick-ring{width:72px;height:72px;border-radius:50%;border:1px dashed rgba(255,255,255,.16);pointer-events:none}.joystick-base.active{transition:none;border-color:#00f0ffa6;box-shadow:0 0 24px #00f0ff47}.joystick-knob{position:absolute;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 32% 32%,#fff,#cbd5e1);border:1.5px solid #ffffff;box-shadow:0 4px 14px #00000059;pointer-events:none;transform:translate(0);transition:transform .06s ease-out}.joystick-base.active .joystick-knob{transition:none;background:radial-gradient(circle at 32% 32%,#fff,#a5f3fc);box-shadow:0 0 18px #00f0ffcc}.name-tag-3d{position:absolute;top:0;left:0;will-change:transform;font-size:11px;font-weight:600;color:#f8fafc;background:#0f0e18d1;padding:2px 9px;border-radius:999px;pointer-events:none;white-space:nowrap;border:1px solid rgba(255,255,255,.16)}.name-tag-3d.is-npc{font-size:10px;padding:1px 7px;opacity:.78;background:#0f0e189e;border-color:#ffffff1c}.speech-bubble{position:absolute;top:0;left:0;will-change:transform;background:#12101cf0;border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 22px #00000059;color:#fff;padding:8px 14px;border-radius:16px;font-size:13px;font-weight:600;line-height:1.4;white-space:pre-wrap;max-width:240px;word-break:break-word;pointer-events:none;transition:opacity .35s ease}.speech-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-style:solid;border-color:rgba(18,16,28,.94) transparent transparent transparent}.speech-bubble.fading-out{opacity:0}.speech-bubble.speech-bubble-npc{font-size:11px;font-weight:600;line-height:1.25;padding:4px 10px;max-width:155px;border-radius:12px;background:#0f0e18b8;border-color:#ffffff24;box-shadow:0 3px 10px #00000038}.speech-bubble.speech-bubble-npc:after{bottom:-4px;border-width:4px 4px 0 4px;border-color:rgba(15,14,24,.72) transparent transparent transparent}@media(max-width:760px){.name-tag-3d.is-npc{font-size:9.5px;padding:1px 6px;opacity:.72}.speech-bubble.speech-bubble-npc{font-size:10px;padding:3px 8px;max-width:136px}}.hotspot-btn{position:absolute;top:0;left:0;will-change:transform;pointer-events:auto;cursor:pointer;background:#0f0e18d9;border:1px solid rgba(255,255,255,.22);color:#f8fafc;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 14px #00000047;transition:background .15s,border-color .15s,color .15s}.hotspot-btn.hotspot-vip{background:#1c1408e6;border-color:#fbbf24b3;color:#fef3c7}.hotspot-btn.hotspot-gold{border-color:#fbbf2480;color:#fde68a}.hotspot-btn.hotspot-pink{background:#200c1ce6;border-color:#ff2a85a6;color:#fbcfe8}.hotspot-btn:hover{background:#fff;color:#0f172a;border-color:#fff}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#08070e8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center}.modal-backdrop[hidden]{display:none}.modal-card{width:min(380px,92vw);background:var(--glass-bg-heavy);backdrop-filter:blur(32px) saturate(190%);-webkit-backdrop-filter:blur(32px) saturate(190%);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 64px #0000008c,var(--glass-highlight);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:16px;color:var(--text-primary)}.game-modal-card{width:min(540px,95vw);max-height:88vh;overflow-y:auto}.game-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.game-modal-header h3{font-size:16px;font-weight:700;color:#fff}.game-modal-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.game-coins-pill{background:#fbbf2426;border:1px solid rgba(251,191,36,.45);color:var(--accent-gold);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.btn-close-modal{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:var(--text-secondary);width:28px;height:28px;border-radius:50%;font-size:13px;cursor:pointer;transition:all .15s}.btn-close-modal:hover{background:#ffffff38;color:#fff}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label,.mg-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.input-row{display:flex;gap:6px}.input-row input{flex:1 1 110px;min-width:0;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:9px 10px;color:#fff;font-size:13px;outline:none}.custom-modal-card .input-row .btn-sub{padding:8px 10px;font-size:11.5px}.input-row input:focus{border-color:var(--accent-cyan)}.btn-sub{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:600;padding:8px 14px;border-radius:12px;cursor:pointer;font-size:12.5px;white-space:nowrap;flex-shrink:0;transition:background .15s}.btn-sub:hover{background:#fff3}.color-palette{display:flex;gap:10px;flex-wrap:wrap}.color-option{width:34px;height:34px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s}.color-option.selected{border-color:#fff;box-shadow:0 0 14px currentColor;transform:scale(1.1)}.custom-chip{font-size:10.5px;font-weight:700;color:#fde68a;background:#fbbf2429;border:1px solid rgba(251,191,36,.4);padding:2px 7px;border-radius:999px;white-space:nowrap;flex-shrink:0}.custom-modal-backdrop{background:#08070e38;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);justify-content:flex-end;padding:18px}.custom-modal-card{width:min(415px,94vw);max-height:90vh;gap:12px;background:#0f0d18e0}.custom-scroll-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:58vh;padding-right:4px}.custom-scroll-body::-webkit-scrollbar{width:4px}.custom-scroll-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.custom-chip-grid{display:flex;flex-wrap:wrap;gap:6px}.custom-opt-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--text-secondary);font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:10px;cursor:pointer;transition:all .14s}.custom-opt-btn:hover{background:#ffffff2e;color:#fff}.custom-opt-btn.selected{background:linear-gradient(135deg,#ff2a8559,#a855f759);border-color:var(--accent-pink);color:#fff;box-shadow:0 0 12px #ff2a854d}.roleplay-preset-group{background:linear-gradient(135deg,#a855f71f,#00f0ff14);border:1px solid rgba(168,85,247,.32);border-radius:12px;padding:9px 10px}.roleplay-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px}.roleplay-card-btn{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:7px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0f172ab8;color:#e2e8f0;font-size:11.5px;font-weight:700;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease}.roleplay-card-btn:hover{background:#38bdf838;border-color:#38bdf894;color:#fff;transform:translateY(-1px)}.roleplay-card-btn.selected{background:linear-gradient(135deg,#ff2a856b,#38bdf857);border-color:#38bdf8;color:#fff;box-shadow:0 0 14px #38bdf85c}@media(min-width:761px){.custom-modal-backdrop{pointer-events:none;background:radial-gradient(circle at 30% 50%,#0c0a1a0a,#08070e52 72%);backdrop-filter:none;-webkit-backdrop-filter:none}.custom-modal-card{pointer-events:auto;box-shadow:0 18px 48px #0000008c,0 0 24px #00f0ff26}}.btn-mini-spin{padding:5px 10px;font-size:11px;border-radius:999px}.btn-primary{width:100%;background:linear-gradient(135deg,var(--accent-pink),var(--accent-violet));border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:700;font-size:13.5px;padding:11px;border-radius:14px;cursor:pointer;box-shadow:0 6px 20px #ff2a8559;transition:transform .15s}.btn-primary:hover{transform:translateY(-1px)}.mg-section{display:flex;flex-direction:column;gap:12px}.mg-status-bar{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);padding:9px 12px;border-radius:12px;font-size:12.5px;font-weight:600;text-align:center}.mg-status-bar.win{background:#10b98129;border-color:#10b98173;color:#6ee7b7}.mg-status-bar.lose{background:#f59e0b29;border-color:#f59e0b73;color:#fde68a}.mg-dice-stage{display:flex;justify-content:center;gap:16px;background:radial-gradient(circle,#065f46a6,#064e3bd9);border:1.5px solid rgba(251,191,36,.5);border-radius:16px;padding:16px}.mg-die{width:56px;height:56px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:42px;color:#e11d48;box-shadow:0 6px 16px #00000059}.mg-die.shaking,.mg-gacha-box.shaking{animation:dieShake .14s infinite alternate}@keyframes dieShake{0%{transform:translate(-3px,-3px) rotate(-10deg)}to{transform:translate(3px,3px) rotate(10deg)}}.mg-bet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mg-bet-zone{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:9px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all .15s}.mg-bet-zone strong{font-size:13px;color:#fff}.mg-bet-zone span{font-size:11px;color:var(--text-secondary)}.mg-bet-zone.mg-zone-gold{grid-column:span 2;background:#fbbf241a;border-color:#fbbf2466}.mg-bet-zone.mg-zone-gold strong{color:var(--accent-gold)}.mg-bet-zone.active{background:#10b98147;border-color:#10b981;box-shadow:0 0 16px #10b9814d}.mg-chip-row{display:flex;gap:6px}.mg-chip{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--text-primary);font-weight:600;font-size:12px;padding:7px 6px;border-radius:999px;cursor:pointer}.mg-chip.active{background:var(--accent-gold);border-color:transparent;color:#0f172a;font-weight:700}.mg-actions{display:flex;flex-direction:column;gap:8px}.mg-wheel-wrap{position:relative;width:210px;height:210px;margin:0 auto;display:flex;align-items:center;justify-content:center}.mg-wheel-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:5;font-size:22px;color:var(--accent-pink)}.mg-wheel-disc{width:200px;height:200px;border-radius:50%;border:4px solid var(--accent-gold);background:conic-gradient(#f59e0b,#f59e0b 45deg,#ec4899 45deg,#ec4899 90deg,#8b5cf6 90deg,#8b5cf6 135deg,#475569 135deg,#475569 180deg,#eab308 180deg,#eab308 225deg,#06b6d4 225deg,#06b6d4 270deg,#a855f7 270deg,#a855f7 315deg,#10b981 315deg,#10b981 360deg);transition:transform 2.5s cubic-bezier(.15,.85,.25,1);position:relative;overflow:hidden}.mg-wheel-item{position:absolute;top:50%;left:50%;transform-origin:0 0;transform:rotate(calc(var(--idx) * 45deg + 22deg));font-size:10px;font-weight:700;color:#fff;padding-left:24px;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6)}.mg-arcade-hud{display:flex;justify-content:space-between;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--accent-gold);padding:9px 14px;border-radius:12px;font-size:13px}.mg-arcade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mg-arcade-cell{height:72px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}.mg-arcade-cell.target-gold{background:#fbbf2447;border-color:var(--accent-gold);box-shadow:0 0 16px #fbbf2466}.mg-arcade-cell.target-star{background:#ff2a8547;border-color:var(--accent-pink)}.mg-arcade-cell.target-bomb{background:#ef444440;border-color:#ef4444}.mg-cat-row{display:flex;gap:6px;flex-wrap:wrap}.mg-cat-tab{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);font-size:11px;font-weight:600;padding:5px 11px;border-radius:999px;cursor:pointer;transition:all .15s}.mg-cat-tab.active{background:var(--accent-pink);border-color:transparent;color:#fff;font-weight:700}.saved-data-banner{background:#fbbf2424;border:1px solid rgba(251,191,36,.4);color:#fef3c7;font-size:12px;padding:8px 12px;border-radius:12px;margin-bottom:14px}.name-error-tip{color:#fda4af;font-size:11.5px;font-weight:600;margin-top:6px}.mg-song-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:185px;overflow-y:auto}.mg-song-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-weight:600;font-size:11.5px;padding:8px 10px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;transition:all .15s}.mg-song-btn .song-tag{font-size:10px;background:#ff2a8538;color:#fbcfe8;padding:1px 7px;border-radius:999px}.mg-song-btn.active{background:linear-gradient(135deg,#ff2a8566,#8b5cf666);border-color:var(--accent-pink);box-shadow:0 0 16px #ff2a8540}.mg-rhythm-track{position:relative;height:42px;background:#00000073;border-radius:999px;border:1px solid rgba(251,191,36,.5);overflow:hidden;display:flex;align-items:center;justify-content:center}.mg-rhythm-perfect-zone{width:24%;height:100%;background:linear-gradient(90deg,#f59e0b40,#fbbf2499,#f59e0b40);border-left:1.5px solid var(--accent-gold);border-right:1.5px solid var(--accent-gold);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.mg-rhythm-cursor{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:22px}.mg-gacha-box{font-size:58px;text-align:center;padding:8px}.mg-title-list{display:flex;gap:8px;flex-wrap:wrap}.mg-title-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--text-primary);font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer}.mg-title-pill.active{background:var(--accent-gold);color:#0f172a;border-color:transparent;font-weight:700}.mg-coin-ops-refill{display:flex;gap:8px;flex-wrap:wrap}.mg-coin-ops-refill>button{flex:1}.mg-rich-card-btn{background:linear-gradient(135deg,#fbbf2447,#ea580c57);border-color:#fbbf24a6;color:#fef08a}.mg-rich-card-btn:hover{background:linear-gradient(135deg,#fbbf2473,#ea580c80)}.mg-coin-ops-grid{display:flex;flex-direction:column;gap:9px}.mg-coin-op-card{background:#ffffff0f;border:1px solid rgba(251,191,36,.24);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;transition:transform .15s,border-color .15s}.mg-coin-op-card:hover{border-color:#fbbf2499;transform:translateY(-1px)}.mg-coin-op-card.dragon-supreme{background:linear-gradient(135deg,#78350fb8,#991b1b9e,#0f172aeb);border:1.5px solid #fbbf24;box-shadow:0 0 22px #fbbf2459,inset 0 0 18px #fbbf2426}.mg-coin-op-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.mg-coin-op-title{display:flex;align-items:center;gap:9px}.mg-coin-op-emoji{font-size:24px;line-height:1}.dragon-supreme .mg-coin-op-emoji{font-size:28px;filter:drop-shadow(0 0 8px rgba(251,191,36,.9))}.mg-coin-op-name{font-size:13px;font-weight:800;color:#fff}.dragon-supreme .mg-coin-op-name{color:#fef08a}.mg-coin-op-badge{display:inline-block;margin-top:2px;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:#fbbf242e;color:#fde68a}.dragon-supreme .mg-coin-op-badge{background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff}.mg-coin-op-desc{font-size:11.5px;color:#f8fafcc7;line-height:1.4}.mg-coin-op-btn{flex-shrink:0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;border:none;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:transform .15s,filter .15s}.mg-coin-op-btn:hover{transform:scale(1.04);filter:brightness(1.08)}.mg-coin-op-btn.dragon-btn{background:linear-gradient(135deg,#fef08a,#f59e0b,#ef4444);color:#1e1b4b;box-shadow:0 0 14px #fbbf24bf}@media(max-width:760px){#top-bar{top:max(8px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));flex-wrap:wrap;justify-content:space-between;gap:5px}.hud-left-stack{width:100%;gap:5px}.user-card{max-width:100%;padding:3px 8px 3px 4px;gap:6px}.avatar-trigger{min-width:0;gap:6px;padding:3px 8px 3px 4px}.name-label{max-width:96px;font-size:12px}.hud-right-stack{order:2;width:100%;align-items:stretch}.hud-center-dock{order:3;width:100%;gap:5px}.zone-nav{width:100%;max-width:100%;flex-wrap:wrap;justify-content:center;overflow-x:visible;gap:3px}.ktv-status-row{max-width:100%;overflow-x:auto;scrollbar-width:none}.ktv-status-row::-webkit-scrollbar{display:none}.room-bar{flex-wrap:nowrap;justify-content:flex-start;max-width:100%;width:100%;overflow-x:auto;scrollbar-width:none;gap:5px;padding:4px 6px}.room-bar::-webkit-scrollbar{display:none}.room-bar>*{flex-shrink:0}.room-select,.lang-select{font-size:11px;padding:4px 8px}.online-text{display:inline;font-size:11px;overflow:hidden;text-overflow:ellipsis}.mobile-online-pill{display:inline-flex;position:fixed;top:max(102px,calc(env(safe-area-inset-top,0px) + 102px));left:max(8px,env(safe-area-inset-left,0px));z-index:32;max-width:calc(100vw - 234px);padding:4px 8px;gap:5px;background:#0f172adb;border:1px solid rgba(52,211,153,.52);box-shadow:0 8px 20px #0000006b}.online-popover{width:min(296px,calc(100vw - 16px))}.joystick-dock{bottom:max(12px,env(safe-area-inset-bottom,0px));left:max(10px,env(safe-area-inset-left,0px));gap:5px}.btn-move-mode{font-size:10px;padding:3px 8px}.joystick-zone{width:98px;height:98px}.joystick-base{width:82px;height:82px}.joystick-knob{width:34px;height:34px}#bottom-bar{bottom:max(12px,env(safe-area-inset-bottom,0px));left:auto;right:max(10px,env(safe-area-inset-right,0px));transform:none;width:calc(100vw - 120px);max-width:340px;gap:5px}.presence-toast{top:max(144px,calc(env(safe-area-inset-top,0px) + 144px))}.mic-seat-bar{max-width:100%;padding:3px 6px;gap:4px}.mic-seat-btn,.mic-ctrl-btn{font-size:10px;padding:3px 7px}.red-packet-float{top:max(188px,calc(env(safe-area-inset-top,0px) + 188px));max-width:calc(100vw - 24px);padding:6px 10px}.system-log-panel{width:100%;max-width:100%}.dance-action-bar,.mc-action-bar{flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto;justify-content:flex-start;width:100%;max-height:112px;gap:4px;padding:4px}.quick-emojis{flex-wrap:wrap;overflow-x:visible;justify-content:flex-start;width:100%;gap:4px}.emoji-btn,.dance-btn,.mc-shout-btn,.mc-ctrl-chip{padding:3.5px 8px;font-size:10.5px}.quick-emojis::-webkit-scrollbar{display:none}.chat-log-header{padding:4px 8px;gap:4px}.chat-log-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.chat-header-controls{gap:4px;flex-shrink:0}.chat-tab-btn{font-size:10px;padding:2px 6px;white-space:nowrap}.btn-chat-toggle{white-space:nowrap;flex-shrink:0;font-size:10px}.chat-messages{max-height:76px;padding:5px 8px}.chat-form{padding:3px 4px 3px 6px;gap:5px}.btn-chat-emoji{width:26px;height:26px;font-size:13px}.chat-form input{font-size:12.5px}.btn-send{padding:5px 10px;font-size:11.5px}.custom-modal-backdrop{justify-content:center;padding:10px}.custom-scroll-body{max-height:52vh}.input-row{flex-wrap:wrap}.input-row input{min-width:100%}.input-row .btn-sub{flex:1 1 0;text-align:center}.photo-top-bar{padding:6px 10px;gap:8px}.btn-photo-shutter{width:100%}.player-card-modal{width:min(350px,94vw);padding:18px}.pc-stats-grid{grid-template-columns:1fr 1fr}}.btn-sound-toggle{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:13px;line-height:1;padding:5px 10px;border-radius:999px;cursor:pointer;transition:transform .14s ease,background .16s ease,border-color .16s ease}.btn-sound-toggle:hover{background:#ffffff38;transform:scale(1.05)}.btn-sound-toggle.muted{background:#ef444438;border-color:#f871718c;color:#fecaca}.btn-npc-bubbles{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;font-size:11px;font-weight:700;line-height:1;padding:5px 9px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:transform .14s ease,background .16s ease,border-color .16s ease,color .16s ease}.btn-npc-bubbles:hover{background:#fff3}.btn-npc-bubbles.off{background:#94a3b829;border-color:#94a3b859;color:#94a3b8}.chat-header-controls{display:flex;align-items:center;gap:8px}.chat-tabs{display:inline-flex;align-items:center;gap:4px;background:#00000042;padding:2px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.chat-tab-btn{background:transparent;border:none;color:var(--text-secondary);font-size:10.5px;font-weight:700;padding:2.5px 9px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background .15s,color .15s}.chat-tab-btn.active{background:#ff2a8557;color:#fff;box-shadow:0 0 10px #ff2a8547}.pm-unread-badge{background:#ef4444;color:#fff;font-size:9.5px;font-weight:800;min-width:15px;height:15px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.pm-unread-badge[hidden]{display:none}.pm-target-pill{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;background:linear-gradient(90deg,#ec48993d,#a855f73d);border-bottom:1px solid rgba(244,114,182,.35);color:#fbcfe8;font-size:11px;font-weight:700}.pm-target-pill[hidden]{display:none}.btn-clear-pm{background:#ffffff24;border:none;color:#fff;width:18px;height:18px;border-radius:50%;font-size:11px;line-height:1;cursor:pointer}.btn-clear-pm:hover{background:#ef44448c}.chat-log-panel.pm-only .chat-log-item:not(.is-pm){display:none}.chat-log-panel.pm-only.collapsed .chat-messages{display:none}.chat-log-item.is-pm{background:linear-gradient(90deg,#ec489929,#a855f714);border-left:2px solid #f472b6;padding:2px 6px;border-radius:6px}.chat-pm-badge{background:#ec489947;border:1px solid rgba(244,114,182,.55);color:#fbcfe8;font-size:9.5px;font-weight:800;padding:0 5px;border-radius:999px;flex-shrink:0}.chat-log-author.clickable{cursor:pointer;text-decoration:underline dotted rgba(255,255,255,.35);text-underline-offset:2px}.chat-log-author.clickable:hover{filter:brightness(1.25)}.btn-chat-emoji{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:#fff;width:30px;height:30px;border-radius:50%;font-size:15px;line-height:1;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .14s,background .14s}.btn-chat-emoji:hover,.btn-chat-emoji.active{background:#ff2a8552;border-color:#ff2a85a6;transform:scale(1.06)}.chat-emoji-drawer{width:100%;display:flex;flex-wrap:wrap;gap:5px;padding:8px 10px;border-radius:16px;justify-content:center}.chat-emoji-drawer[hidden]{display:none}.chat-emoji-pick{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px 8px;font-size:15px;cursor:pointer;color:#fff;transition:transform .12s,background .12s}.chat-emoji-pick:hover{transform:scale(1.14);background:#ffffff38}.name-tag-3d.clickable{pointer-events:auto;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.name-tag-3d.clickable:hover{background:#1e1b30f5;border-color:#00f0ffad}.online-player-row.clickable{cursor:pointer;transition:background .14s ease,border-color .14s ease}.online-player-row.clickable:hover{background:#ffffff1f}.player-card-modal{width:min(410px,94vw);background:#0f0d18f0;border:1px solid rgba(0,240,255,.35);box-shadow:0 24px 64px #000000ad,0 0 28px #a855f73d;gap:14px}.player-card-hero{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.pc-avatar-orb{width:48px;height:48px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 18px currentColor}.pc-hero-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pc-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pc-name-row h3{font-size:16.5px;font-weight:800;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-role-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#00f0ff29;border:1px solid rgba(0,240,255,.45);color:#a5f3fc}.pc-role-badge.npc{background:#fbbf2429;border-color:#fbbf2473;color:#fde68a}.pc-role-badge.self{background:#34d3992e;border-color:#34d39973;color:#a7f3d0}.pc-title-tag{font-size:12px;font-weight:700;color:#fde68a}.pc-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pc-stat-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.pc-stat-label{font-size:10.5px;color:var(--text-secondary)}.pc-stat-val{font-size:12.5px;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-stat-val.gold{color:#fde047}.pc-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pc-action-btn{padding:9px 12px;font-size:12.5px;font-weight:700;border-radius:12px;cursor:pointer}.btn-gold{background:linear-gradient(135deg,#fde047,#f59e0b);border:none;color:#1e1b4b;box-shadow:0 4px 14px #f59e0b59}.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px)}.pc-action-btn[hidden]{display:none}#btn-pc-spotlight.active{background:linear-gradient(135deg,#f43f5e6b,#ec48996b);border:1px solid rgba(251,113,133,.85);color:#fff}#btn-dj-spotlight[hidden]{display:none}.pc-prank-btn{background:linear-gradient(135deg,#f973163d,#ec48993d);border:1px solid rgba(251,146,60,.55);color:#ffedd5}.pc-prank-btn:hover{background:linear-gradient(135deg,#f9731673,#ec489973);border-color:#fdba74;color:#fff}.pc-intimate-btn{background:linear-gradient(135deg,#f43f5e47,#e879f947);border:1px solid rgba(251,113,133,.62);color:#ffe4e6}.pc-intimate-btn:hover{background:linear-gradient(135deg,#f43f5e80,#e879f97a);border-color:#fda4af;color:#fff}.btn-photo-mode{background:linear-gradient(135deg,#ec489957,#a855f757);border:1px solid rgba(244,114,182,.55);color:#fdf2f8;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:transform .14s ease,filter .15s ease}.btn-photo-mode:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn-hud-minimal{background:#38bdf829;border:1px solid rgba(56,189,248,.42);color:#e0f2fe;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .16s,transform .14s}.btn-hud-minimal:hover{background:#38bdf847;transform:translateY(-1px)}.hud-restore-pill{position:fixed;top:max(14px,env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));z-index:42;background:#0f0e18c7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(56,189,248,.65);color:#e0f2fe;font-size:12px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;box-shadow:0 10px 28px #00000073}.hud-restore-pill[hidden]{display:none}body.hud-minimal #top-bar,body.hud-minimal #bottom-bar,body.hud-minimal #joystick-dock,body.hud-minimal #ktv-room-hud,body.hud-minimal #red-packet-float,body.hud-minimal #btn-mobile-online,body.hud-minimal #online-players-popover,body.photo-mode #top-bar,body.photo-mode #bottom-bar,body.photo-mode #joystick-dock,body.photo-mode #ktv-room-hud,body.photo-mode #red-packet-float,body.photo-mode #btn-mobile-online,body.photo-mode #online-players-popover,body.photo-mode #hud-restore-pill,body.photo-mode .presence-toast,body.photo-mode .vip-banner,body.photo-mode #coin-vfx-canvas{opacity:0;pointer-events:none!important;visibility:hidden}body.photo-mode .hotspot-btn{display:none!important}.photo-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#fff;pointer-events:none;animation:cameraFlashAnim .42s ease-out forwards}.photo-flash[hidden]{display:none}@keyframes cameraFlashAnim{0%{opacity:.92}to{opacity:0}}.photo-mode-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;display:flex;flex-direction:column;justify-content:space-between;padding:max(14px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(18px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));pointer-events:none}.photo-mode-hud[hidden]{display:none}.photo-top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-radius:18px;pointer-events:auto;align-self:center;width:min(740px,95vw)}.photo-title-group{display:flex;flex-direction:column;gap:2px}.photo-title-group strong{font-size:13px;color:#fdf2f8}.photo-title-group span{font-size:11px;color:var(--text-secondary)}.btn-photo-exit{background:#ef444440;border:1px solid rgba(248,113,113,.65);color:#fecaca;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}.photo-bottom-dock{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(780px,96vw);align-self:center;pointer-events:auto}.photo-pose-strip{display:flex;gap:6px;width:100%;overflow-x:auto;padding:4px 2px;scrollbar-width:none}.photo-pose-strip::-webkit-scrollbar{display:none}.photo-pose-btn{background:#12101cc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);color:#f8fafc;font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.photo-pose-btn.active{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-color:#fff;box-shadow:0 0 16px #ec48998c}.photo-tools-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;width:100%;padding:8px 12px;border-radius:20px}.photo-angle-group,.photo-toggle-group{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.photo-angle-btn,.photo-tool-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#e2e8f0;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}.photo-angle-btn.active,.photo-tool-btn.active{background:#00f0ff3d;border-color:#00f0ffbf;color:#fff}.btn-photo-shutter{background:linear-gradient(135deg,#ff2a85,#f59e0b);border:2px solid #ffffff;color:#fff;font-size:13px;font-weight:800;padding:8px 20px;border-radius:999px;cursor:pointer;box-shadow:0 0 22px #ff2a8594;white-space:nowrap;transition:transform .12s ease}.btn-photo-shutter:hover{transform:scale(1.04)}.photo-preview-card{width:min(560px,94vw);display:flex;flex-direction:column;gap:14px}.photo-preview-frame{width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#09080f}.photo-preview-img{display:block;width:100%;max-height:60vh;object-fit:contain}.photo-preview-actions{display:flex;gap:10px;justify-content:flex-end}.photo-preview-actions .btn-primary,.photo-preview-actions .btn-sub{flex:1}.btn-top-redpacket,.btn-top-4d,.btn-top-leaderboard,.btn-top-guestbook,.btn-top-audit{padding:5px 10px;border-radius:999px;border:1px solid rgba(251,191,36,.55);background:linear-gradient(135deg,#dc2626a6,#f59e0b8c);color:#fffbeb;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .16s ease,box-shadow .16s ease}.btn-top-4d{border-color:#facc15ad;background:linear-gradient(135deg,#b91c1cc7,#d97706a8);color:#fef08a}.btn-top-4d.counting{border-color:#38bdf8;background:linear-gradient(135deg,#0e7490d9,#d97706c7);color:#fff;box-shadow:0 0 12px #38bdf873}.btn-top-4d.jackpot-flash{border-color:#fde047;background:linear-gradient(135deg,#b91c1c,#f59e0b);color:#fff;box-shadow:0 0 16px #facc15a6}.btn-top-leaderboard{border-color:#facc1580;background:linear-gradient(135deg,#581c87b3,#d977068c)}.btn-top-guestbook{border-color:#f472b694;background:linear-gradient(135deg,#db2777a6,#3b82f68c)}.btn-top-audit{border-color:#38bdf899;background:linear-gradient(135deg,#0e7490b8,#6d28d99e)}.btn-top-redpacket:hover,.btn-top-4d:hover,.btn-top-leaderboard:hover,.btn-top-guestbook:hover,.btn-top-audit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59}.mic-seat-bar{display:flex;align-items:center;gap:5px;padding:4px 8px;max-width:min(560px,92vw);overflow-x:auto;scrollbar-width:none;pointer-events:auto}.mic-seat-bar::-webkit-scrollbar{display:none}.mic-bar-title{font-size:11px;color:#a5f3fc;font-weight:700;white-space:nowrap;flex-shrink:0}.mic-seat-btn,.mic-ctrl-btn{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0f172aad;color:#cbd5e1;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .16s ease}.mic-seat-btn.occupied{border-color:#38bdf88c;background:#0e749073;color:#e0f2fe;max-width:156px;overflow:hidden;text-overflow:ellipsis}.mic-seat-btn.mine{border-color:#facc15c7;background:linear-gradient(135deg,#10b9818c,#f59e0b73);color:#fff}.mic-seat-btn.muted,.mic-seat-btn.local-muted{opacity:.72;border-color:#f871718c}.mic-seat-btn.speaking{border-color:#4ade80;box-shadow:0 0 12px #4ade80b3;animation:micPulse .8s ease-in-out infinite alternate}.mic-ctrl-btn.active{border-color:#22c55e;background:#16a34a85;color:#f0fdf4}.mic-ctrl-btn.danger{border-color:#f87171a6;background:#b91c1c85;color:#fee2e2}@keyframes micPulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.name-tag-3d.on-mic{border-color:#38bdf8bf}.name-tag-3d.speaking{border-color:#4ade80;box-shadow:0 0 12px #4ade80d9}.ktv-room-hud.minimized .ktv-dj-deck{display:none}.ktv-dj-deck{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:5px}.ktv-dj-pad-row{display:flex;gap:4px;flex-wrap:wrap}.ktv-dj-fx-btn{flex:1 1 auto;padding:4px 6px;border-radius:8px;border:1px solid rgba(236,72,153,.45);background:#1e1b4bc7;color:#fce7f3;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}#btn-dj-floor-fx{border-color:#38bdf88c;background:linear-gradient(135deg,#0e74908c,#6d28d98c);color:#e0f2fe}#btn-dj-floor-fx:hover{border-color:#38bdf8;filter:brightness(1.15)}.ktv-dj-stage-btn.active{border-color:#facc15;background:linear-gradient(135deg,#db2777,#f59e0b);color:#fff;box-shadow:0 0 10px #f59e0b99}.ktv-danmaku-row{display:flex;gap:4px}#ktv-danmaku-input{flex:1;min-width:0;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#0f172abf;color:#fff;font-size:11px}.danmaku-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:45}.danmaku-item{position:absolute;left:100vw;white-space:nowrap;padding:5px 14px;border-radius:999px;background:#0f0c22b8;border:1px solid rgba(236,72,153,.65);color:#fff;font-size:13.5px;font-weight:700;text-shadow:0 0 10px rgba(0,240,255,.85);box-shadow:0 2px 12px #ec489959;animation:danmakuFly 15.5s linear forwards}.danmaku-item.danmaku-4d{padding:7px 18px;background:linear-gradient(90deg,#7f1d1deb,#92400eeb);border:2px solid #fde047;color:#fef9c3;font-size:15px;letter-spacing:.4px;text-shadow:0 0 12px rgba(250,204,21,.95);box-shadow:0 4px 20px #facc157a}.l4d-hero{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#7f1d1d8c,#1e1b4bd1);border:1px solid rgba(250,204,21,.5)}.l4d-hero-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.l4d-round-badge{font-size:12px;font-weight:800;color:#fde047;padding:3px 9px;border-radius:999px;background:#facc1529;border:1px solid rgba(250,204,21,.45)}.l4d-timer-pill{font-size:14px;font-weight:900;font-variant-numeric:tabular-nums;padding:4px 12px;border-radius:999px;background:#0f172ad1;border:1px solid rgba(56,189,248,.55);color:#7dd3fc}.l4d-timer-pill.waiting{border-color:#fbbf2473;color:#fde68a;font-size:12px}.l4d-payout-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:11px}.l4d-payout-card{padding:7px 9px;border-radius:10px;background:#0f0b20b8;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;line-height:1.45}.l4d-payout-card strong{color:#fde047}.l4d-bet-box{display:flex;flex-direction:column;gap:8px;padding:11px;border-radius:14px;background:#120d26d1;border:1px solid rgba(244,114,182,.34)}.l4d-num-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.l4d-num-input{flex:0 0 128px;min-width:120px;width:128px;padding:8px 10px;border-radius:10px;border:2px solid rgba(250,204,21,.58);background:#090618;color:#fde047;font-size:22px;font-weight:900;letter-spacing:5px;text-align:center;outline:none}.l4d-chip-row{display:flex;gap:5px;flex-wrap:wrap}.l4d-chip-btn{padding:5px 10px;border-radius:999px;border:1px solid rgba(192,132,252,.35);background:#1e1b4bbf;color:#e2e8f0;font-size:11.5px;font-weight:700;cursor:pointer}.l4d-chip-btn.active{background:linear-gradient(135deg,#b91c1c,#d97706);border-color:#fde047;color:#fff}.l4d-results-board{display:flex;flex-direction:column;gap:8px;padding:11px;border-radius:14px;background:#0c091ae0;border:1px solid rgba(250,204,21,.45)}.l4d-top3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.l4d-top-card{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;background:#1e1b4bbf;border:1px solid rgba(250,204,21,.4)}.l4d-top-card.first{background:linear-gradient(160deg,#991b1be6,#b45309cc);border-color:#fde047;box-shadow:0 0 14px #facc1559}.l4d-top-label{font-size:10.5px;color:#fde68a;font-weight:700}.l4d-top-num{font-size:20px;font-weight:900;letter-spacing:3px;color:#fff;font-variant-numeric:tabular-nums}.l4d-group-title{font-size:11px;font-weight:800;color:#93c5fd;margin-top:2px}.l4d-ten-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.l4d-num-pill{text-align:center;padding:4px 2px;border-radius:7px;background:#1e293bb8;border:1px solid rgba(148,163,184,.25);color:#f8fafc;font-size:12px;font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums}.l4d-ticket-list{display:flex;flex-direction:column;gap:4px;max-height:130px;overflow-y:auto}.l4d-ticket-row{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:8px;background:#1e1b4b8c;font-size:11.5px;color:#e2e8f0}.l4d-ticket-row.win{background:#14532d8c;border:1px solid rgba(74,222,128,.55);color:#bbf7d0}@keyframes danmakuFly{0%{transform:translate(0)}to{transform:translate(-160vw)}}.red-packet-float{position:fixed;top:130px;left:50%;transform:translate(-50%);z-index:48;display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(251,191,36,.85);background:linear-gradient(135deg,#991b1beb,#b45309e6);box-shadow:0 8px 28px #dc26267a;animation:micPulse .75s ease-in-out infinite alternate;pointer-events:auto}.red-packet-float[hidden]{display:none}.rp-float-icon{font-size:24px}.rp-float-info{display:flex;flex-direction:column;gap:1px}.rp-float-info strong{font-size:12px;color:#fef08a}.rp-float-info span{font-size:11px;color:#fee2e2}.btn-rp-grab{padding:6px 12px;border-radius:999px;border:1px solid #fde047;background:linear-gradient(135deg,#facc15,#f97316);color:#450a0a;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.rp-drop-panel{border-color:#fbbf248c;background:linear-gradient(135deg,#7f1d1d73,#92400e59)}.rp-tier-btns{display:flex;gap:6px;flex-wrap:wrap}.btn-rp-tier{padding:5px 10px;border-radius:999px;border:1px solid rgba(251,191,36,.6);background:#b91c1cbf;color:#fef08a;font-size:11px;font-weight:700;cursor:pointer}.btn-rp-tier.gold{background:linear-gradient(135deg,#f59e0b,#dc2626);color:#fff}.leaderboard-modal{width:min(440px,94vw);max-height:78vh;display:flex;flex-direction:column;gap:12px}.lb-tabs{display:flex;gap:8px}.lb-tab-btn{flex:1;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#0f172aa6;color:#cbd5e1;font-size:13px;font-weight:700;cursor:pointer}.lb-tab-btn.active{border-color:#facc15;background:linear-gradient(135deg,#d977068c,#a855f773);color:#fffbeb}.leaderboard-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:52vh}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#0f172aa6;border:1px solid rgba(255,255,255,.1)}.lb-rank{width:26px;text-align:center;font-weight:800;color:#facc15}.lb-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lb-name{flex:1;font-size:13px;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-size:12px;font-weight:800;color:#fde047}.lb-empty{text-align:center;padding:24px 12px;font-size:12px;color:#94a3b8}@keyframes bassShake{0%,to{transform:translate(0)}20%{transform:translate(-6px,4px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-4px,-3px)}80%{transform:translate(4px,3px)}}body.bass-drop-shake #canvas-container{animation:bassShake .42s ease-out}.hud-left-top-row{display:contents}.mobile-quick-bar{display:none;align-items:center;gap:4px;flex-shrink:0}.mobile-quick-btn{border:1px solid rgba(255,255,255,.18);background:#0f172acc;color:#f8fafc;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;line-height:1.1;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-quick-btn.is-drawer-toggle{background:linear-gradient(135deg,#ec48995c,#38bdf857);border-color:#f472b673}.system-log-panel{position:relative;overflow:visible}.system-log-panel:not(.collapsed) .system-messages{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:240px;z-index:44;max-height:148px;overflow-y:auto;background:#0f172af0;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:6px 8px;box-shadow:0 12px 28px #0206179e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ktv-room-hud.minimized{padding:4px 8px!important;gap:4px!important;min-width:0!important;width:auto!important;max-width:220px!important;border-radius:999px!important}.ktv-room-hud.minimized .ktv-hud-title,.ktv-room-hud.minimized .ktv-title-badge,.ktv-room-hud.minimized .ktv-hud-body,.ktv-room-hud.minimized .ktv-hud-progress,.ktv-room-hud.minimized .ktv-mini-track{display:none!important}.ktv-room-hud.minimized .ktv-hud-head{gap:4px;flex-wrap:nowrap;align-items:center}.ktv-room-hud.minimized .ktv-hud-head button{white-space:nowrap!important;width:auto!important;height:26px!important;min-width:26px!important;border-radius:999px!important;padding:2px 7px!important;font-size:10px!important;line-height:1!important}.btn-squad-dance{background:linear-gradient(135deg,#ec489952,#a855f757)!important;border-color:#f472b680!important;color:#fdf2f8!important;font-weight:700!important}.btn-all-sync-dance{background:linear-gradient(135deg,#f59e0b57,#ec489961)!important;border-color:#fbbf2494!important;color:#fef3c7!important;font-weight:700!important}.btn-duo-nearest{background:linear-gradient(135deg,#0ea5e952,#ec489952)!important;border-color:#38bdf88c!important;color:#e0f2fe!important;font-weight:700!important}.duo-invite-banner{position:fixed;bottom:138px;left:50%;transform:translate(-50%);z-index:46;display:flex;align-items:center;gap:8px;padding:7px 10px 7px 14px;max-width:min(94vw,440px);background:#0f172aeb;border:1px solid rgba(244,114,182,.55);box-shadow:0 10px 30px #ec489952,0 2px 10px #00000080;border-radius:999px;pointer-events:auto;animation:duoBannerPop .24s ease-out}.duo-invite-banner[hidden]{display:none!important}.duo-invite-text{font-size:12px;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duo-invite-btn{padding:5px 10px!important;font-size:11px!important;border-radius:999px!important;white-space:nowrap;flex-shrink:0}.duo-invite-dismiss{padding:4px 8px!important;font-size:11px!important;border-radius:999px!important;min-width:auto!important;flex-shrink:0}@keyframes duoBannerPop{0%{opacity:0;transform:translate(-50%,10px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:760px){#top-bar{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;padding-top:max(6px,env(safe-area-inset-top,0px))!important;padding-left:8px!important;padding-right:8px!important}.hud-left-stack{display:contents!important}.hud-left-top-row{display:flex!important;align-items:center;gap:4px;width:100%;order:1}#coin-toast{position:fixed;top:calc(max(6px,env(safe-area-inset-top,0px)) + 46px);left:10px;max-width:calc(100vw - 20px);z-index:62;font-size:11.5px;padding:6px 13px 6px 10px}.mobile-quick-bar{display:inline-flex!important;gap:3px!important;flex-shrink:0}.mobile-quick-btn,.btn-mobile-pill,.btn-mobile-drawer{border:1px solid rgba(255,255,255,.22);background:#0f172ad9;color:#f8fafc;border-radius:999px;padding:4px 6px!important;font-size:10px!important;font-weight:700;line-height:1.1;white-space:nowrap;cursor:pointer}.btn-mobile-guestbook{border-color:#f472b6a6;background:linear-gradient(135deg,#db2777b8,#3b82f699)}.btn-mobile-drawer{border-color:#c084fc94;background:linear-gradient(135deg,#a855f773,#38bdf861)}.user-card{flex:1 1 auto!important;min-width:0!important;width:auto!important;overflow:hidden;padding:3px 5px!important;gap:4px!important}.user-card .avatar-trigger{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;gap:3px!important;padding:1px 2px!important}.user-card .avatar-badge{width:18px!important;height:18px!important;flex-shrink:0}.user-card .name-label{min-width:18px!important;max-width:40px!important;font-size:10px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .custom-chip{padding:1px 3px!important;font-size:9px!important;max-width:19px!important;overflow:hidden!important;white-space:nowrap!important;flex-shrink:0}.user-card .hud-divider{flex-shrink:0;margin:0!important}.user-card .coin-group{flex-shrink:0!important;gap:2px!important}.user-card .coin-pill{padding:2px 4px!important;font-size:9.5px!important;flex-shrink:0}#zone-nav,.zone-nav{order:2;width:100%;border-radius:16px!important;flex-wrap:wrap!important;justify-content:center!important;overflow-x:visible!important;gap:3px!important;padding:3px 5px!important}#zone-nav .zone-btn{padding:3px 7px!important;font-size:10.5px!important;line-height:1.2}#top-bar:not(.mobile-drawer-open) .system-log-panel,#top-bar:not(.mobile-drawer-open) .ktv-status-row,#top-bar:not(.mobile-drawer-open) .mic-seat-bar,#top-bar:not(.mobile-drawer-open) .hud-right-stack,#top-bar:not(.mobile-drawer-open) .room-bar{display:none!important}#top-bar.mobile-drawer-open{z-index:80!important;max-height:76vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#0c0a20f5,#100c2aeb 92%,#100c2ad6);padding-bottom:12px!important;border-radius:0 0 18px 18px;box-shadow:0 18px 42px #020617b8}body.mobile-drawer-open .ktv-room-hud{opacity:.14!important;pointer-events:none!important;z-index:12!important}body.mobile-drawer-open #btn-mobile-online{display:none!important}#top-bar.mobile-drawer-open .hud-right-stack{order:3;width:100%!important;max-width:100%!important}#top-bar.mobile-drawer-open .room-bar,#top-bar.mobile-drawer-open .ktv-status-row,#top-bar.mobile-drawer-open .mic-seat-bar{width:100%!important;max-width:100%!important;flex-wrap:wrap!important;overflow-x:visible!important;justify-content:flex-start!important;gap:5px!important;padding:5px 6px!important;box-sizing:border-box!important}#top-bar.mobile-drawer-open .system-log-panel{order:4;width:100%!important}#top-bar.mobile-drawer-open .ktv-status-row{order:5}#top-bar.mobile-drawer-open .mic-seat-bar{order:6}.vip-banner{top:max(144px,calc(env(safe-area-inset-top,0px) + 144px))!important;padding:8px 14px!important;font-size:12px!important;max-width:calc(100vw - 18px)!important}.presence-toast{top:max(144px,calc(env(safe-area-inset-top,0px) + 144px))!important;pointer-events:none!important;font-size:11px!important;padding:5px 12px!important;max-width:calc(100vw - 18px)!important}.ktv-room-hud{top:max(102px,calc(env(safe-area-inset-top,0px) + 102px))!important;right:8px!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(214px,calc(100vw - 18px))!important}.red-packet-float{top:max(144px,calc(env(safe-area-inset-top,0px) + 144px))!important}.duo-invite-banner{bottom:122px;padding:6px 8px 6px 12px;max-width:calc(100vw - 16px)}#bottom-bar{padding-bottom:max(6px,env(safe-area-inset-bottom,0px))!important}.chat-log-panel.collapsed .chat-messages{display:none!important}.chat-messages{min-height:46px;max-height:66px}.chat-log-panel.tall .chat-messages{min-height:78px;max-height:102px}}.dance-bar-wrap{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%}.dance-bar-wrap.collapsed,.dance-bar-wrap:has(#dance-action-bar.collapsed),.mc-bar-wrap:has(#mc-action-bar.collapsed){display:none!important}.dance-bar-wrap .dance-action-bar,.mc-bar-wrap .mc-action-bar{flex:1 1 auto;min-width:0;align-items:flex-start}.dance-category-tabs,.roleplay-category-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:2px 2px 3px}.menu-cat-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.2);background:#120e26cc;color:#cbd5e1;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.menu-cat-tab:hover{border-color:#f472b6b8;color:#fff}.menu-cat-tab.active{background:linear-gradient(135deg,#ec4899e0,#8b5cf6e0);border-color:#fbcfe8;color:#fff;box-shadow:0 0 10px #ec489973}.cat-hidden,.dance-scroll-arrow{display:none!important}.chat-messages{min-height:82px;max-height:175px}.chat-log-panel.tall .chat-messages{min-height:210px;max-height:320px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:#f472b673}.btn-chat-tall{padding:2px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;font-size:10.5px}.btn-chat-tall.active{background:#ec48994d;border-color:#f472b699;color:#fdf2f8}@media(hover:hover)and (pointer:fine){#bottom-bar{width:min(760px,92vw)}.hscroll-strip{cursor:grab}.hscroll-strip.is-mouse-dragging,.hscroll-strip.is-mouse-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.hscroll-strip button,.dance-btn,.emoji-btn,.zone-btn,.photo-pose-btn,.mic-seat-btn{-webkit-user-drag:none}.dance-action-bar,.mc-action-bar{scrollbar-width:thin;scrollbar-color:rgba(244,114,182,.55) rgba(255,255,255,.06);padding-bottom:5px}.dance-action-bar::-webkit-scrollbar,.mc-action-bar::-webkit-scrollbar{display:block;width:5px}.dance-action-bar::-webkit-scrollbar-track,.mc-action-bar::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.dance-action-bar::-webkit-scrollbar-thumb,.mc-action-bar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ec4899b3,#38bdf8b3);border-radius:999px}}.hud-capsule{background:#100a24b8;backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);border:1px solid rgba(192,132,252,.28);box-shadow:0 10px 30px #0402127a,inset 0 1px #ffffff26}.zone-btn.active{background:linear-gradient(135deg,#d946ef,#7c3aed);color:#fff;border-color:#f472b68c;box-shadow:0 2px 14px #d946ef85}.btn-send{background:linear-gradient(135deg,#c026d3,#7c3aed);color:#fff;border:1px solid rgba(240,171,252,.45);box-shadow:0 4px 16px #c026d36b}.btn-send:hover{background:linear-gradient(135deg,#d946ef,#8b5cf6);box-shadow:0 6px 20px #d946ef94}.joystick-base{background:radial-gradient(circle at 35% 35%,#581c878c,#100a24c7);border:1.5px solid rgba(192,132,252,.44);box-shadow:0 0 28px #a855f757,inset 0 1px #ffffff3d}.joystick-ring{border-color:#d8b4fe47}.ktv-room-hud{background:#100a24c7;border:1px solid rgba(217,70,239,.45);box-shadow:0 16px 40px #04021294,0 0 26px #a855f73d}.ktv-hud-progress{display:flex;align-items:center;gap:8px;padding:2px 0}.ktv-hud-progress-track{flex:1;height:4px;border-radius:999px;background:#ffffff24;overflow:hidden}.ktv-hud-progress-fill{width:36%;height:100%;border-radius:999px;background:linear-gradient(90deg,#ec4899,#a855f7,#22d3ee);box-shadow:0 0 10px #ec4899bf;transition:width .45s ease}.ktv-hud-time{font-size:9.5px;font-weight:700;color:#e2e8f0c7;font-variant-numeric:tabular-nums;white-space:nowrap}.ktv-dj-pad-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ktv-dj-stage-btn{grid-column:span 2;background:linear-gradient(135deg,#a855f75c,#ec48995c);border-color:#f0abfc7a}.ktv-dj-mc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ktv-mc-quick-btn{border-color:#fbbf2475;background:#2d1636cc;color:#fef3c7}.ktv-mc-quick-btn.cooling{opacity:.56;cursor:not-allowed}.ktv-dj-mc-more{border-color:#38bdf885;background:#0e223ed1;color:#bae6fd}.ktv-dj-mc-more.active{background:linear-gradient(135deg,#f59e0b,#ec4899);border-color:#fff;color:#fff}.ktv-danmaku-row{display:flex;gap:5px;align-items:center}.ktv-danmaku-row .ktv-dj-fx-btn{flex:0 0 auto;padding:5px 10px}.ktv-danmaku-row input{flex:1;min-width:0;background:#090618a6;border:1px solid rgba(192,132,252,.28);border-radius:999px;color:#f8fafc;font-size:11px;padding:5px 10px;outline:none}.ktv-danmaku-row input::placeholder{color:#e2e8f080}.chat-live-peek{display:none;flex-direction:column;gap:2px;padding:4px 10px 5px;background:#08051670;border-top:1px solid rgba(255,255,255,.08);cursor:pointer;-webkit-user-select:none;user-select:none}.chat-live-peek:hover{background:#581c8747}.chat-log-panel.collapsed .chat-live-peek{display:flex}.chat-peek-line{font-size:10.5px;line-height:1.32;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-peek-line.peek-sys{color:#67e8f9}.chat-log-panel:not(.collapsed):not(.chat-only):not(.pm-only):not(.sys-only) .chat-sys-feed{display:flex;min-height:36px;height:46px;max-height:48px;padding:4px 10px;border-bottom:1px solid rgba(34,211,238,.22);background:#06b6d414;scroll-behavior:auto}.chat-log-panel:not(.sys-only) .chat-sys-feed .sys-log-item{flex-wrap:nowrap;align-items:center;flex-shrink:0;white-space:nowrap}.chat-log-panel:not(.sys-only) .chat-sys-feed .sys-log-tag{flex-shrink:0}.chat-log-panel:not(.sys-only) .chat-sys-feed .sys-log-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.chat-log-panel.chat-only .chat-sys-feed,.chat-log-panel.pm-only .chat-sys-feed,.chat-log-panel.collapsed .chat-sys-feed,.chat-log-panel.collapsed .pm-target-pill,.chat-log-panel.sys-only #chat-messages,.chat-log-panel.sys-only .pm-target-pill{display:none!important}.chat-log-panel.sys-only:not(.collapsed) .chat-sys-feed{display:flex}.chat-tab-btn.active{background:linear-gradient(135deg,#c026d3,#7c3aed);color:#fff;border-color:#f472b694;box-shadow:0 2px 10px #c026d36b}.emoji-btn{background:#100a24b8;border:1px solid rgba(192,132,252,.3);color:#f8fafc}.emoji-btn:hover{background:linear-gradient(135deg,#d946ef73,#7c3aed73);color:#fff;border-color:#f472b6a6}.dance-btn{background:#100a24bd;border-color:#c084fc5c}.chat-form{background:#100a24c7;border:1px solid rgba(192,132,252,.34);box-shadow:0 12px 32px #0402128c,0 0 22px #8b5cf62e}#sys-unread-badge{background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 0 8px #22d3ee99}.mic-seat-bar{background:#0e0920db;border-color:#34d3996b;box-shadow:0 8px 24px #040212a6}.btn-quick-mic{background:linear-gradient(135deg,#10b9814d,#06b6d440);border-color:#34d3999e;color:#a7f3d0;font-weight:700}.btn-quick-mic.on-mic{background:linear-gradient(135deg,#ef44445c,#f59e0b52);border-color:#f87171b8;color:#fecaca}@media(min-width:761px){.presence-toast{top:122px;z-index:42}#top-bar{top:10px;left:14px;right:14px;gap:8px;align-items:flex-start}.hud-left-stack{flex:0 0 auto;max-width:280px}.hud-left-stack .system-log-panel{display:none}.hud-center-dock{flex:1 1 auto;min-width:0;align-items:center;gap:5px}.zone-nav{max-width:100%;flex-wrap:wrap;justify-content:center;overflow-x:visible;gap:3px;padding:3px 5px}.zone-nav::-webkit-scrollbar{display:none}.zone-btn{padding:3.5px 8px;font-size:11px}.ktv-status-row{max-width:100%;flex-wrap:wrap!important;justify-content:center!important;overflow-x:visible!important;gap:5px}.ktv-status-row::-webkit-scrollbar{display:none}.mic-seat-bar{max-width:100%;padding:3px 8px}.hud-right-stack{flex:0 1 auto;max-width:min(440px,34vw)}.room-bar{flex-wrap:wrap;justify-content:flex-end;max-width:100%;gap:4px;padding:4px 6px}.ktv-room-hud{top:90px;right:14px;width:242px}#bottom-bar{left:0;right:0;margin:0 auto;transform:none;bottom:14px;width:min(740px,calc(100vw - 320px));max-width:740px;gap:7px}#bottom-bar #chat-log-panel{position:fixed;top:84px;left:14px;width:332px;max-width:calc(100vw - 28px);z-index:26;background:#100a24b8;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(192,132,252,.32);border-radius:16px;box-shadow:0 14px 36px #0402128f,inset 0 1px #ffffff24}#bottom-bar #chat-log-panel #chat-messages{height:175px;max-height:175px}#bottom-bar #chat-log-panel.tall #chat-messages{height:260px;max-height:260px}#bottom-bar #chat-log-panel.sys-only:not(.collapsed) .chat-sys-feed{height:175px;max-height:175px}#bottom-bar #chat-log-panel.sys-only.tall:not(.collapsed) .chat-sys-feed{height:260px;max-height:260px}#bottom-bar #chat-log-panel:not(.collapsed):not(.chat-only):not(.pm-only):not(.sys-only) .chat-sys-feed{min-height:36px;height:46px;max-height:48px}#bottom-bar .chat-log-header{padding:5px 8px;gap:4px;background:#581c873d;border-bottom:1px solid rgba(192,132,252,.2)}#bottom-bar .chat-header-controls{width:100%;justify-content:space-between;gap:4px}#bottom-bar .chat-log-title{display:none}#bottom-bar .chat-tabs{display:flex;gap:2px;flex-wrap:nowrap}#bottom-bar .chat-tab-btn{padding:2.5px 6px;font-size:10px;white-space:nowrap;flex-shrink:0}#joystick-dock{bottom:16px;left:16px}}@media(max-width:760px){.chat-log-title{display:none!important}.chat-log-header{flex-wrap:nowrap!important;padding:3px 6px!important;gap:4px!important}.chat-header-controls{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:3px!important}.chat-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;gap:2px!important;flex:1 1 auto!important;min-width:0!important}.chat-tabs::-webkit-scrollbar{display:none}.chat-tab-btn{padding:1.5px 4px!important;font-size:9px!important;letter-spacing:-.2px;gap:2px!important;white-space:nowrap!important;flex-shrink:0}.pm-unread-badge{min-width:12px!important;height:12px!important;font-size:8.5px!important;padding:0 3px!important}.btn-chat-toggle{padding:2px 4px!important;font-size:9px!important;white-space:nowrap!important;flex-shrink:0!important}.chat-live-peek{padding:3px 8px 4px!important;gap:1px!important}.chat-peek-line{font-size:10px!important;line-height:1.28!important}.chat-log-panel:not(.collapsed):not(.chat-only):not(.pm-only):not(.sys-only) .chat-sys-feed{min-height:28px!important;height:34px!important;max-height:36px!important;padding:2px 8px!important;gap:2px!important}.chat-log-panel.sys-only:not(.collapsed) .chat-sys-feed{min-height:80px!important;height:92px!important;max-height:98px!important;padding:4px 8px!important}.chat-log-panel.sys-only.tall:not(.collapsed) .chat-sys-feed{min-height:112px!important;height:128px!important;max-height:136px!important}.chat-log-panel:not(.collapsed) #chat-messages{min-height:46px!important;height:62px!important;max-height:66px!important;padding:4px 8px!important;gap:2px!important}.chat-log-panel.tall:not(.collapsed) #chat-messages{min-height:76px!important;height:94px!important;max-height:100px!important}.chat-log-item,.sys-log-item{font-size:11px!important;line-height:1.3!important}.ktv-room-hud.minimized{right:max(8px,env(safe-area-inset-right,0px))!important;width:auto!important;max-width:calc(100vw - 16px);padding:4px 8px}.ktv-room-hud.minimized .ktv-hud-label{white-space:nowrap;flex:0 0 auto}.ktv-room-hud.minimized #btn-ktv-console{white-space:nowrap;font-size:10px;padding:3px 7px}.joystick-dock{bottom:max(10px,env(safe-area-inset-bottom,0px));left:max(8px,env(safe-area-inset-left,0px));gap:4px}.joystick-zone{width:84px;height:84px}#bottom-bar{right:max(8px,env(safe-area-inset-right,0px));width:calc(100vw - 102px)}}.ld-mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.ld-mode-tab{border:1px solid rgba(192,132,252,.35);background:#180f34b8;color:#cbd5e1;font-size:13px;font-weight:700;padding:8px 10px;border-radius:12px;cursor:pointer;transition:all .16s ease}.ld-mode-tab.active{background:linear-gradient(135deg,#a855f773,#ec489959);border-color:#f472b6bf;color:#fff;box-shadow:0 4px 16px #a855f747}.ld-section{gap:6px}.ld-top-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ld-seats-title{font-size:12.5px;font-weight:700;color:#f8fafc}.ld-sync-pill{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.15)}.ld-sync-pill.live{background:#10b98129;border-color:#34d3997a;color:#6ee7b7}.ld-sync-pill.offline{background:#f59e0b29;border-color:#fbbf2473;color:#fde68a}.ld-rule-strip{font-size:11px;line-height:1.35;color:#e9d5ff;background:#6b21a83d;border:1px solid rgba(192,132,252,.28);border-radius:9px;padding:5px 9px}.ld-ante-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:#cbd5e1}.ld-ante-chips{display:flex;gap:6px;flex-wrap:wrap}.ld-ante-btn{border:1px solid rgba(251,191,36,.35);background:#fbbf2414;color:#fde68a;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;cursor:pointer}.ld-ante-btn.active{background:linear-gradient(135deg,#f59e0b,#eab308);color:#1e1b4b;border-color:#fde68a;box-shadow:0 2px 10px #fbbf2461}.ld-current-bid-bar{text-align:center;font-size:12.5px;font-weight:800;color:#fef08a;background:linear-gradient(135deg,#a855f74d,#ec489942);border:1px solid rgba(250,204,21,.55);border-radius:10px;padding:6px 10px;box-shadow:0 0 14px #a855f738}.ld-current-bid-bar.muted{color:#cbd5e1;font-weight:600;font-size:11.5px;border-color:#94a3b859;background:#0f172a85;box-shadow:none}.ld-table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ld-seat-card{border-radius:10px;padding:6px 7px;min-height:52px;display:flex;flex-direction:column;gap:4px;position:relative;border:1px solid rgba(168,85,247,.26);background:#120c2ab8}.ld-seat-card.empty{border-style:dashed;border-color:#94a3b83d;background:#0f0b205c;align-items:center;justify-content:center;color:#94a3b899;font-size:10.5px}.ld-seat-index{font-size:9.5px;opacity:.7}.ld-seat-card.is-me{border-color:#38bdf885}.ld-seat-card.active-turn{border-color:#facc15;background:linear-gradient(155deg,#701a75a6,#1e1b4bd9);box-shadow:0 0 12px #facc1559}.ld-seat-card.loser{border-color:#f43f5ed1;background:#88133761}.ld-seat-card.winner{border-color:#34d399ad}.ld-seat-head{display:flex;align-items:center;flex-wrap:wrap;gap:3px 4px;min-width:0}.ld-seat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ld-seat-name{font-size:11.5px;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:44px;flex:1 1 auto}.ld-seat-badge{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:999px;flex-shrink:0}.ld-seat-badge.me{background:#38bdf840;color:#7dd3fc}.ld-seat-badge.bot{background:#a855f747;color:#e9d5ff}.ld-seat-badge.turn{background:#facc1547;color:#fef08a}.ld-remove-bot{background:#ffffff14;border:0;color:#cbd5e1;width:18px;height:18px;border-radius:50%;font-size:10px;cursor:pointer;flex-shrink:0}.ld-seat-bid{font-size:11px;font-weight:700;color:#fde68a;background:#facc1524;border-radius:6px;padding:2px 6px;align-self:flex-start}.ld-cup-hidden,.ld-revealed-dice{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.ld-mini-mystery{font-size:13px;opacity:.85}.ld-rev-die{font-size:17px;line-height:1;padding:1px 2px;border-radius:5px;background:#ffffff0f;color:#cbd5e1}.ld-rev-die.match{color:#fef08a;background:#22c55e59;box-shadow:0 0 8px #34d3998c}.ld-seat-delta{font-size:11px;font-weight:800}.ld-seat-delta.win{color:#6ee7b7}.ld-seat-delta.lose{color:#fda4af}.ld-lobby-controls{display:flex;gap:8px;flex-wrap:wrap}.ld-act-btn,.ld-start-btn{flex:1 1 110px}.ld-my-cup-dock{background:linear-gradient(135deg,#10b9811f,#38bdf81f);border:1px solid rgba(56,189,248,.42);border-radius:10px;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.ld-my-cup-header{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:700;color:#bae6fd}.ld-peek-btn{font-size:10.5px;padding:2px 7px}.ld-my-dice-row{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px}.ld-my-die{font-size:25px;line-height:1;color:#fff;background:#0f172ab8;border:1px solid rgba(56,189,248,.5);border-radius:8px;padding:3px 6px;box-shadow:0 3px 8px #00000059}.ld-hidden-msg{font-size:12px;color:#94a3b8}.ld-turn-panel{background:#180f34d9;border:1px solid rgba(250,204,21,.45);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px}.ld-qty-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ld-qty-label{font-size:12.5px;font-weight:700;color:#f8fafc}.ld-qty-step{width:30px;height:30px;border-radius:9px;border:1px solid rgba(192,132,252,.5);background:#a855f740;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.ld-qty-val{min-width:24px;text-align:center;font-size:17px;color:#fef08a}.ld-zhai-toggle{margin-left:auto;border:1px solid rgba(192,132,252,.45);background:#0f172aa6;color:#cbd5e1;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;cursor:pointer}.ld-zhai-toggle.active{background:#f43f5e47;border-color:#fb7185c7;color:#fecdd3}.ld-faces-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.ld-face-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:10px;border:1px solid rgba(192,132,252,.35);background:#0f172ab8;color:#f8fafc;cursor:pointer}.ld-face-btn.active{border-color:#facc15;background:linear-gradient(145deg,#a855f78c,#eab30852);box-shadow:0 0 12px #facc1561}.ld-face-btn:disabled{opacity:.35;cursor:not-allowed}.ld-face-emoji{font-size:20px;line-height:1}.ld-face-sub{font-size:10px;font-weight:700}.ld-face-min{font-size:9.5px;color:#fde68a}.ld-turn-actions{display:grid;grid-template-columns:1.45fr 1fr;gap:8px}.btn-danger-neon{border:1px solid rgba(251,113,133,.75);background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;font-weight:800;font-size:13px;padding:10px 12px;border-radius:12px;cursor:pointer;box-shadow:0 4px 16px #e11d4859}.btn-danger-neon:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}@media(max-width:760px){.ld-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ld-faces-row{grid-template-columns:repeat(3,minmax(0,1fr))}.ld-turn-actions{grid-template-columns:1fr}}.btn-squad-dance.active,.btn-all-sync-dance.active,.btn-duo-nearest.active{background:linear-gradient(135deg,#e11d48,#f59e0b)!important;border-color:#fde047!important;color:#fff!important;box-shadow:0 0 14px #e11d488c}.ktv-room-hud.ktv-bridge-bg{opacity:0!important;pointer-events:none!important;z-index:1!important;width:220px!important;height:115px!important;overflow:hidden!important;left:-9999px!important;right:auto!important}.ld-music-bar{display:flex;align-items:center;gap:6px;padding:5px 10px;margin-bottom:8px;border-radius:10px;background:linear-gradient(90deg,#8813375c,#581c875c);border:1px solid rgba(251,113,133,.38);font-size:11.5px}.ld-music-note{flex-shrink:0}.ld-music-title{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffe4e6;font-weight:700}.ld-music-btn{flex-shrink:0;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#0f172ab8;color:#f8fafc;font-size:11px;cursor:pointer}.ld-music-btn:hover{border-color:#fda4af;background:#e11d4873}.ld-my-cup-dock{background:linear-gradient(155deg,#9f12399e,#450a1ae0)!important;border:1.5px solid rgba(251,113,133,.55)!important;box-shadow:inset 0 1px #ffffff29,0 8px 22px #0000006b;padding:8px 10px 10px!important;gap:8px!important}.ld-my-cup-header{color:#ffe4e6}.ld-my-dice-row{gap:10px!important;min-height:46px!important;padding:4px 0 2px}.ld-mini-cup{position:relative;display:inline-block;width:14px;height:16px;background:linear-gradient(165deg,#f43f5e,#be123c 55%,#881337);border:1px solid rgba(253,224,71,.7);border-radius:3px 3px 6px 6px;clip-path:polygon(12% 0%,88% 0%,100% 100%,0% 100%);box-shadow:0 2px 4px #00000073}.ld-mini-cup:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#facc15,#fef08a,#ca8a04)}.k-die{display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;box-sizing:border-box;vertical-align:middle;background:linear-gradient(155deg,#fff,#f8fafc 60%,#e2e8f0);border:1px solid #cbd5e1;box-shadow:0 3px #cbd5e1,0 5px 11px #00000070,inset 0 1px 1px #fff;flex-shrink:0}.k-die--xs{width:18px;height:18px;padding:2.5px;gap:1px;border-radius:4px;box-shadow:0 1.5px #cbd5e1,0 2px 5px #00000059,inset 0 1px #fff}.k-die--sm{width:24px;height:24px;padding:3.5px;gap:1.5px;border-radius:6px;box-shadow:0 2px #cbd5e1,0 3px 6px #0000005c,inset 0 1px #fff}.k-die--md{width:32px;height:32px;padding:4.5px;gap:2px;border-radius:7px}.k-die--lg{width:42px;height:42px;padding:6px;gap:2.5px;border-radius:9px;box-shadow:0 4px #cbd5e1,0 7px 14px #00000080,inset 0 1.5px 1px #fff}.k-die--xl{width:52px;height:52px;padding:7px;gap:3px;border-radius:11px;box-shadow:0 4px #cbd5e1,0 8px 16px #0000007a,inset 0 1.5px 1px #fff}.k-pip,.k-pip-gap{display:block;width:100%;height:100%}.k-pip{border-radius:999px}.k-pip.red{background:radial-gradient(circle at 35% 30%,#ff6b81,#e11d48 55%,#9f1239);box-shadow:inset 0 1px 1px #00000040}.k-pip.dark{background:radial-gradient(circle at 35% 30%,#334155,#0f172a 68%,#020617);box-shadow:inset 0 1px 1px #00000059}.k-pip.ace{transform:scale(1.7);box-shadow:0 0 6px #e11d4873,inset 0 1px 1px #00000047}.k-die.match{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf24f2,0 2.5px #d97706,0 5px 12px #fbbf2480;transform:translateY(-1px)}.ld-rev-die{background:linear-gradient(155deg,#fff,#f8fafc 60%,#e2e8f0)!important;padding:3.5px!important}.mg-die{background:transparent!important;box-shadow:none!important;width:auto!important;height:auto!important}@media(hover:hover)and (pointer:fine){.hscroll-strip button{cursor:pointer}.dance-action-bar::-webkit-scrollbar,.mc-action-bar::-webkit-scrollbar{width:6px}}.guestbook-modal{width:min(560px,95vw);max-height:88vh;display:flex;flex-direction:column;gap:10px;overflow:hidden;box-sizing:border-box}.guestbook-modal .modal-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.guestbook-modal .modal-header h3{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:#fff}.guestbook-modal .btn-close-modal{flex-shrink:0}.gb-subtitle{font-size:12px;line-height:1.45;color:#e2e8f0;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);border-radius:10px;padding:7px 10px}.gb-form{display:flex;flex-direction:column;gap:8px;background:#0f172a9e;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;box-sizing:border-box}.gb-cat-row,.gb-filter-row{display:flex;flex-wrap:wrap;gap:6px}.gb-cat-btn,.gb-filter-btn{padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#1e1b4ba6;color:#cbd5e1;font-size:11px;font-weight:700;cursor:pointer}.gb-cat-btn.active{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-color:#f472b6e6;color:#fff}.gb-filter-btn.active{background:#38bdf847;border-color:#38bdf8d9;color:#f8fafc}.gb-textarea,.gb-contact-input{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#090d1cd1;color:#f8fafc;font-family:inherit;font-size:13px;padding:8px 10px;outline:none}.gb-textarea{resize:vertical;min-height:64px;max-height:140px}.gb-textarea:focus,.gb-contact-input:focus{border-color:#f472b6;box-shadow:0 0 0 2px #f472b640}.gb-form-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gb-contact-input{flex:1 1 180px}.gb-submit-btn{flex-shrink:0;padding:8px 14px;font-size:12px}.gb-feedback-status{font-size:12px;font-weight:700;color:#4ade80}.gb-feedback-status.error{color:#fb7185}.gb-posts-list{flex:1 1 auto;min-height:150px;max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}.gb-post-card{background:#0f172ab8;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 11px;display:flex;flex-direction:column;gap:6px}.gb-post-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.gb-author-wrap{display:inline-flex;align-items:center;gap:6px;min-width:0}.gb-author-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.gb-author-name{font-size:12px;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gb-room-tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;background:#ffffff1a;color:#cbd5e1}.gb-cat-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;flex-shrink:0}.gb-cat-badge.bug{background:#ef444438;color:#fca5a5;border:1px solid rgba(248,113,113,.45)}.gb-cat-badge.wish{background:#f59e0b38;color:#fde68a;border:1px solid rgba(251,191,36,.45)}.gb-cat-badge.chat{background:#10b98133;color:#6ee7b7;border:1px solid rgba(52,211,153,.42)}.gb-post-text{margin:0;font-size:13px;line-height:1.5;color:#f1f5f9;white-space:pre-wrap;word-break:break-word}.gb-post-contact{font-size:11px;color:#93c5fd;word-break:break-word}.gb-post-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#94a3b8}.gb-post-actions{display:inline-flex;align-items:center;gap:6px}.gb-upvote-btn,.gb-del-btn{padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#1e293bcc;color:#e2e8f0;font-size:11px;font-weight:700;cursor:pointer}.gb-upvote-btn.active{background:#f472b647;border-color:#f472b6d9;color:#fdf2f8}.gb-del-btn{color:#fda4af}.gb-empty{text-align:center;font-size:13px;color:#94a3b8;padding:26px 12px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.audit-modal{width:min(620px,95vw);max-height:88vh;display:flex;flex-direction:column;gap:10px}.audit-modal .modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.audit-modal .btn-close-modal{flex-shrink:0}.audit-modal .btn-secondary{background:#1e293be0;color:#f8fafc;border:1px solid rgba(148,163,184,.38);border-radius:10px;font-weight:700;cursor:pointer}.audit-modal .btn-secondary:hover{background:#334155f2;border-color:#38bdf8a6}.audit-summary-bar{padding:8px 12px;border-radius:10px;font-size:12.5px;font-weight:800;background:#1e293bd9;border:1px solid rgba(148,163,184,.35);color:#e2e8f0}.audit-summary-bar.is-pass{background:#064e3b8c;border-color:#34d399a6;color:#a7f3d0}.audit-summary-bar.is-warn{background:#78350f99;border-color:#fbbf24b3;color:#fde68a}.audit-checks-list{display:flex;flex-direction:column;gap:6px;max-height:30vh;overflow-y:auto;padding-right:2px}.audit-check-item{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;border-radius:10px;background:#0f172ac7;border:1px solid rgba(255,255,255,.1)}.audit-check-item.pass{border-color:#34d39952}.audit-check-item.fail{border-color:#f871718c}.audit-check-badge{font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px;flex-shrink:0;background:#10b98140;color:#6ee7b7}.audit-check-item.fail .audit-check-badge{background:#ef444447;color:#fca5a5}.audit-check-body{min-width:0;flex:1}.audit-check-label{font-size:12px;font-weight:700;color:#f8fafc}.audit-check-detail{font-size:11px;color:#94a3b8;word-break:break-all}.audit-actions-row{display:flex;flex-wrap:wrap;gap:6px}.audit-action-btn{width:auto!important;flex:0 0 auto;padding:6px 10px!important;font-size:11.5px!important}.audit-endpoints-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:#cbd5e1}.audit-endpoints-bar a{color:#38bdf8;text-decoration:underline;font-weight:700}.audit-snapshot-pre{margin:0;max-height:120px;overflow:auto;padding:8px 10px;border-radius:10px;background:#020617d9;border:1px solid rgba(56,189,248,.22);color:#a5f3fc;font-size:10.5px;line-height:1.4}.sofa-companion-hud{display:flex;flex-direction:column;align-items:stretch;gap:4px;max-width:100%;padding:6px 8px;border-radius:16px;background:linear-gradient(135deg,#581c87e6,#9f1239e0);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(253,224,71,.45);box-shadow:0 8px 22px #0000006b,0 0 18px #f472b647}.sofa-hud-row{display:flex;align-items:center;gap:5px;max-width:100%;overflow-x:auto;scrollbar-width:none}.sofa-hud-row::-webkit-scrollbar{display:none}.sofa-hud-group{display:flex;align-items:center;gap:5px;flex-shrink:0}.sofa-hud-group.hidden,.sofa-companion-hud.hidden{display:none!important}.sofa-hud-title{font-size:11px;font-weight:800;color:#fef08a;white-space:nowrap;padding:0 4px 0 2px}.sofa-hud-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.22);background:#0f172a7a;color:#f8fafc;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .14s ease,background .14s ease,border-color .14s ease}.sofa-hud-btn:hover{transform:translateY(-1px);background:#ffffff2e}.sofa-hud-btn.active{background:linear-gradient(135deg,#f59e0b,#ec4899);border-color:#fef08a;color:#fff;box-shadow:0 2px 10px #ec48997a}.sofa-hud-stand{background:#0f172ab8;border-color:#f8717173;color:#fecaca}@media(max-width:760px){.sofa-companion-hud{width:100%;padding:5px 6px;border-radius:13px;gap:4px}.sofa-hud-row{flex-wrap:wrap;overflow-x:visible;gap:3px}.sofa-hud-group{flex-wrap:wrap;flex-shrink:1;gap:3px}.sofa-hud-title{font-size:9.5px;padding:0 2px 0 0}.sofa-hud-btn{font-size:9.5px;padding:3px 6px}}