:root{--muse-bg-dark: #080A11;--muse-primary: #7ED9C3;--muse-secondary: #9B88ED;--muse-text-light: #F0F4F8;--muse-text-muted: rgba(240, 244, 248, .55)}.muse-mirror-container{position:relative;width:100vw;height:100vh;height:100svh;background-color:var(--muse-bg-dark);overflow:hidden}.mirror-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mirror-video-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1)}.mirror-video-feed.active{opacity:1}.video-library-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);background:#080a1166}.video-library-overlay.active{visibility:visible;opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.library-content{position:absolute;right:0;top:0;width:420px;height:100%;background:#080a11bf;border-left:1px solid rgba(155,136,237,.15);padding:30px;box-sizing:border-box;transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.video-library-overlay.active .library-content{transform:translate(0)}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid rgba(240,244,248,.1);padding-bottom:15px}.library-header h2{color:var(--muse-primary);font-size:1.2rem;letter-spacing:2px;margin:0;text-shadow:0 0 15px rgba(126,217,195,.3)}.close-library-btn{background:none;border:none;color:#f0f4f899;font-size:1.4rem;cursor:pointer;transition:.3s}.close-library-btn:hover{color:var(--muse-primary);transform:rotate(90deg)}.library-body{flex:1;overflow-y:auto;padding-right:5px}.active-player-section{margin-bottom:30px;animation:fadeIn .5s ease;display:flex;flex-direction:column;align-items:center;width:100%}.main-video-player{width:100%;max-width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;box-shadow:0 10px 30px #00000080;object-fit:contain}.playing-title{margin-top:15px;font-size:1rem;font-weight:500;color:var(--muse-primary);text-align:center;line-height:1.4;padding:0 10px}.video-divider{width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(126,217,195,.2),transparent);margin-top:25px}.video-grid{display:flex;flex-direction:column;gap:15px}.video-card{cursor:pointer}.thumbnail-wrapper{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.thumbnail-wrapper img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:.4s}.video-card:hover img{opacity:1;transform:scale(1.05)}.duration-tag{position:absolute;bottom:6px;right:6px;background:#080a11cc;color:var(--muse-text-light);font-size:.65rem;padding:2px 6px;border-radius:4px}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#7ed9c326;opacity:0;transition:.3s;color:var(--muse-text-light);font-size:1.5rem}.video-card:hover .play-overlay{opacity:1}.video-card-title{margin-top:8px;font-size:.85rem;color:#f0f4f899;line-height:1.3;transition:.3s}.video-card:hover .video-card-title{color:var(--muse-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pulse-primary{animation:pulse-primary 4s infinite}@keyframes pulse-primary{0%,to{color:#f0f4f880}50%{color:var(--muse-primary);text-shadow:0 0 15px rgba(126,217,195,.5)}}.mirror-standby-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;padding:60px;min-width:440px;border-radius:32px;text-align:center;background:#080a1180;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(155,136,237,.15);box-shadow:0 30px 60px #0009,inset 0 0 20px #7ed9c30d}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-52%)}}.standby-title{font-size:3.5rem;margin-bottom:15px;color:var(--muse-text-light);letter-spacing:4px;font-weight:300}.standby-subtitle{color:var(--muse-text-muted);margin-bottom:45px;font-weight:300;text-transform:uppercase;font-family:Lato,Noto Sans SC,sans-serif;font-size:.9rem;letter-spacing:8px;margin-right:-8px;opacity:.8}.btn-wake-mirror{background:#f0f4f8f2;border:none;padding:18px 50px;border-radius:30px;color:var(--muse-bg-dark);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Optima,Lora,Kaiti SC,STKaiti,serif;letter-spacing:2px}.btn-wake-mirror:hover{transform:translateY(-3px);background:#fff;box-shadow:0 15px 40px #7ed9c34d}.hud-header{position:absolute;top:0;left:0;width:100%;padding:30px 40px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;z-index:10}.brand-text{font-size:1.6rem;font-weight:300;color:var(--muse-text-light);letter-spacing:1.5px;white-space:nowrap}.brand-suffix{color:var(--muse-secondary);font-style:italic;font-weight:300;font-family:Lato,sans-serif;font-size:1rem}.user-access-btn{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;flex-shrink:0;min-width:160px;gap:12px;padding:8px 10px 8px 20px;border-radius:50px;border:1px solid rgba(240,244,248,.1);background:#f0f4f80d;color:var(--muse-text-light);cursor:pointer;transition:all .3s ease}.user-access-btn:hover{background:#f0f4f81a;border-color:var(--muse-secondary);box-shadow:0 0 15px #9b88ed33}.user-text{font-size:.85rem;font-weight:500;letter-spacing:1px;font-family:Lato,Noto Sans SC,sans-serif;text-transform:uppercase}.user-icon-circle{width:32px;height:32px;background:var(--muse-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--muse-bg-dark);flex-shrink:0}.hud-footer{position:absolute;bottom:0;left:0;width:100%;padding-bottom:calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:15px;z-index:10}.dock-container{padding:0 30px;height:85px;border-radius:32px;display:flex;justify-content:space-between;align-items:center;background:#080a1199;border:1px solid rgba(155,136,237,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 40px #00000080;min-width:600px}.dock-side-group{flex:1;display:flex;justify-content:center;align-items:center}.dock-btn{background:none;border:none;color:#f0f4f880;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s;min-width:60px}.dock-btn:hover{color:var(--muse-primary);transform:translateY(-3px)}.dock-icon{font-size:1.3rem}.dock-label{font-size:.7rem;letter-spacing:1px;font-family:Lato,Noto Sans SC,sans-serif;text-transform:uppercase;font-weight:500}.video-player-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;animation:fadeIn .4s ease}.video-player-container{position:relative;width:80%;max-width:1000px;padding:20px;background:#080a11;border:1px solid rgba(126,217,195,.2);border-radius:24px;box-shadow:0 50px 100px #000c,0 0 40px #7ed9c30d}.fullscreen-video{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;display:block}.fullscreen-video-title{margin-top:15px;color:var(--muse-primary);text-align:center;font-size:1.2rem;font-weight:300;letter-spacing:1px}.close-player-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#f0f4f8b3;font-size:2rem;cursor:pointer;transition:.3s}.close-player-btn:hover{transform:scale(1.1);color:var(--muse-primary)}.floating-channel-btn{position:absolute;right:25px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:0 12px;border-radius:32px;cursor:pointer;z-index:50;border:1px solid rgba(155,136,237,.15);background:#080a1166;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .3s ease}.floating-channel-btn:hover{border-color:#9b88ed80;background:#080a11b3;box-shadow:0 0 25px #9b88ed33}.floating-channel-btn .icon-wrapper{background:#7ed9c31a;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--muse-primary);font-size:1.3rem;border:1px solid rgba(126,217,195,.3);transition:all .3s ease}.floating-channel-btn:hover .icon-wrapper{background:#7ed9c340;color:#fff;box-shadow:0 0 15px #7ed9c366}.floating-channel-btn .vertical-text{writing-mode:vertical-rl;text-orientation:upright;color:var(--muse-text-light);font-size:.9rem;letter-spacing:3px;font-family:Lato,sans-serif;font-weight:400;transition:color .3s ease}.floating-channel-btn:hover .vertical-text{color:var(--muse-primary)}.global-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a11cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .4s ease-out}.loader-spinner-large{width:50px;height:50px;border:3px solid rgba(126,217,195,.15);border-bottom-color:var(--muse-primary);border-radius:50%;animation:rotation 1.2s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 25px #7ed9c333}.loading-text{margin-top:25px;color:var(--muse-primary);font-size:1rem;letter-spacing:5px;font-family:Optima,Lora,Kaiti SC,STKaiti,serif;animation:pulse-opacity 2.5s infinite ease-in-out}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-opacity{0%,to{opacity:.5;text-shadow:0 0 5px rgba(126,217,195,.1)}50%{opacity:1;text-shadow:0 0 15px rgba(126,217,195,.6)}}@media screen and (max-width: 768px){.video-library-overlay .library-content{width:100%;padding:20px 15px;border-left:none}.video-player-container{width:95%;padding:10px;border-radius:16px}.close-player-btn{top:-35px;font-size:1.5rem}.mirror-standby-overlay{min-width:0;width:80%;left:50%;transform:translate(-50%,-50%);padding:35px 20px;border-radius:24px}.standby-title{font-size:2rem}.standby-subtitle{font-size:.75rem;letter-spacing:4px}.hud-header{padding:15px 20px}.brand-text{font-size:1.2rem}.user-access-btn{min-width:auto;width:42px;height:42px;padding:0;gap:0;justify-content:center;border-radius:50%}.user-text{display:none}.hud-footer{padding-bottom:calc(30px + env(safe-area-inset-bottom));gap:10px}.dock-container{min-width:0;width:90%;padding:0 10px;height:70px;border-radius:24px}.dock-label{display:none}.floating-channel-btn{right:4px;height:120px;width:36px;padding:0;border-radius:16px;background:#080a1166}.floating-channel-btn .icon-wrapper{width:28px;height:28px;font-size:.9rem}.floating-channel-btn .vertical-text{font-size:.65rem;letter-spacing:1px}}.scan-prompt-container{width:85%;max-width:420px;padding:35px 25px;background:#080a11f2;border:1px solid rgba(155,136,237,.3);border-radius:24px;box-shadow:0 40px 80px #000000e6,inset 0 0 20px #9b88ed1a;display:flex;flex-direction:column;align-items:center;animation:fadeIn .4s cubic-bezier(.175,.885,.32,1.275)}.chatplay-hero-card{border-radius:18px}.landing-primary-action{display:flex;align-items:center;justify-content:center;gap:8px}.landing-safe-note{color:#f0f4f86b;font-size:.76rem;margin-top:20px;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.5}.landing-copyright{text-align:center;color:#f0f4f83d;font-size:10px;line-height:1.35;margin-top:12px}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeOverlay .3s cubic-bezier(.4,0,.2,1)}.auth-modal{background:#080a11;padding:40px;border-radius:24px;width:400px;border:1px solid rgba(126,217,195,.2);position:relative;box-shadow:0 40px 80px #000c,0 0 30px #9b88ed26;animation:modalIn .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.auth-tabs{display:flex;border-bottom:1px solid rgba(240,244,248,.1);margin-bottom:30px;position:relative;flex-shrink:0}.auth-tabs button{flex:1;padding:15px;background:none;border:none;color:var(--muse-text-muted);cursor:pointer;font-size:1rem;font-family:Optima,Lora,serif;font-weight:300;transition:all .3s ease;position:relative}.auth-tabs button:hover{color:var(--muse-text-light)}.auth-tabs button.active{color:var(--muse-primary);font-weight:700}.auth-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--muse-primary)}.input-group-wrapper{position:relative;margin-bottom:20px}.input-icon{position:absolute;top:50%;transform:translateY(-50%);left:16px;color:#f0f4f866;z-index:10;font-size:1.1rem;transition:color .3s}.auth-input{width:100%;padding:16px 16px 16px 0;padding-left:55px!important;border-radius:12px;background:#f0f4f80d;border:1px solid rgba(240,244,248,.1);color:var(--muse-text-light);box-sizing:border-box;font-size:.95rem;font-family:Lato,sans-serif;transition:all .3s;outline:none}.auth-input::placeholder{color:#f0f4f84d}.auth-input:focus{background:#f0f4f814;border-color:var(--muse-primary);box-shadow:0 0 0 1px var(--muse-primary)}.auth-input:focus+.input-icon,.input-group-wrapper:focus-within .input-icon{color:var(--muse-primary)}.style-onboarding-group{background:#f0f4f805;border:1px dashed rgba(155,136,237,.3);border-radius:16px;padding:20px;margin-bottom:20px}.style-profile-label{color:var(--muse-secondary);font-size:.85rem;margin:0 0 12px;font-weight:300}.style-profile-label span{color:var(--muse-text-muted);font-size:.75rem}.gender-selector{display:flex;gap:8px;margin-bottom:15px}.gender-btn{flex:1;background:#0006;border:1px solid rgba(240,244,248,.1);color:#f0f4f899;padding:12px 0;border-radius:10px;font-size:.8rem;cursor:pointer;transition:all .3s}.gender-btn.active{background:#7ed9c326;border-color:var(--muse-primary);color:var(--muse-primary);box-shadow:0 0 10px #7ed9c333}input[type=date].styled-date::-webkit-calendar-picker-indicator{filter:invert(1) sepia(100%) saturate(10000%) hue-rotate(10deg) brightness(1.2);cursor:pointer}.btn-send-code{background:transparent;border:1px solid var(--muse-primary);color:var(--muse-primary);border-radius:12px;font-size:.85rem;font-weight:300;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:100px;height:100%}.btn-send-code:hover{background:var(--muse-primary);color:#080a11}.btn-send-code:disabled{opacity:.5;cursor:not-allowed;background:transparent;color:var(--muse-text-muted);border-color:var(--muse-text-muted)}.btn-primary-large{width:100%;padding:18px;border-radius:30px;border:none;background:var(--muse-primary);color:#080a11;font-size:1.05rem;font-family:Optima,Lora,serif;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 10px 30px #7ed9c333}.btn-primary-large:hover{transform:translateY(-2px);background:#fff;box-shadow:0 15px 40px #7ed9c366}.auth-footer{text-align:center;font-size:.85rem;color:var(--muse-text-muted);margin-top:25px;font-family:Lato,sans-serif}.auth-footer span{cursor:pointer;transition:color .2s;border-bottom:1px solid transparent}.auth-footer span:hover{color:var(--muse-primary);border-bottom-color:var(--muse-primary);text-decoration:none}.btn-close-auth{position:absolute;top:25px;right:25px;background:#f0f4f81a;border:1px solid rgba(240,244,248,.2);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#f0f4f8cc;cursor:pointer;font-size:1rem;transition:.3s;z-index:10}.btn-close-auth:hover{color:#fff;background:#7ed9c366;transform:rotate(90deg)}.captcha-wrapper{overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);height:0;opacity:0;margin:0;border-radius:12px}.captcha-wrapper.active{height:52px;opacity:1;margin-bottom:18px;border:1px solid var(--muse-primary)}#captcha-element{background-color:#fff;filter:invert(.9) hue-rotate(180deg)}.auth-error{color:var(--danger-color);text-align:center;margin-top:15px;font-size:.9rem;background:#f871711a;padding:12px;border-radius:8px;border:1px solid rgba(248,113,113,.2)}.input-disabled{opacity:.5;pointer-events:none}.auth-privacy-note{margin:18px 4px 0;color:#f0f4f875;font-size:.74rem;line-height:1.55;text-align:center}@media screen and (max-width: 768px){.auth-modal{width:95%;max-width:none;padding:30px 20px;max-height:85vh;overflow-y:auto}.auth-modal h3{font-size:1.5rem!important;margin-bottom:20px!important}.auth-tabs{margin-bottom:20px}.auth-input{font-size:16px;padding:12px 15px 12px 55px!important}.btn-close-auth{top:20px;right:20px}.auth-footer{margin-top:15px;font-size:.8rem}}.player-profile-page{min-height:100vh;background:radial-gradient(circle at 20% 16%,rgba(126,217,195,.16),transparent 32%),linear-gradient(160deg,#080a11,#101827 56%,#080a11);color:#f0f4f8;padding:96px 24px 42px;box-sizing:border-box}.player-profile-nav{position:fixed;top:26px;left:24px;right:24px;z-index:20;display:flex;justify-content:space-between;gap:16px}.player-profile-nav button,.player-actions button{border:1px solid rgba(126,217,195,.28);border-radius:24px;background:#080a11a3;color:#7ed9c3;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-profile-nav .danger{color:#ffd166;border-color:#ffd16657}.player-profile-shell{width:min(820px,94vw);margin:0 auto;display:grid;gap:18px}.player-card{border-radius:18px;border:1px solid rgba(240,244,248,.12);background:#080a11ad;padding:28px;display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;align-items:center}.player-avatar{width:128px;height:128px;border-radius:50%;padding:4px;border:1px solid rgba(126,217,195,.5);background:#7ed9c31a}.player-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-kicker{color:#7ed9c3;font-size:.78rem;letter-spacing:2px}.player-card h1{margin:8px 0 14px;font-size:clamp(2rem,6vw,3.8rem);letter-spacing:0;font-weight:300}.profile-account{margin:6px 0;color:#f0f4f89e;display:flex;align-items:center;gap:8px}.profile-bio{margin:16px 0 0;color:#f0f4f8b8;line-height:1.7}.player-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.player-actions button{min-height:74px;font-size:1rem;background:#f0f4f812}@media screen and (max-width: 640px){.player-profile-page{padding:88px 16px 28px}.player-profile-nav{left:16px;right:16px}.player-card,.player-actions{grid-template-columns:1fr}.player-avatar{width:104px;height:104px}}.style-radar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a11;z-index:4000;display:flex;flex-direction:column;overflow:hidden}.radar-canvas-wrapper{flex:1;width:100vw;height:100vh;cursor:grab}.radar-canvas-wrapper:active{cursor:grabbing}.btn-leave-radar,.btn-filter-radar{position:absolute;top:30px;background:#080a1199;border:1px solid rgba(126,217,195,.3);color:#7ed9c3;padding:10px 20px;border-radius:24px;cursor:pointer;z-index:4010;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:.3s;font-family:Optima,Lora,serif;display:flex;align-items:center;letter-spacing:1px}.btn-leave-radar{left:30px}.btn-filter-radar{right:30px}.btn-leave-radar:hover,.btn-filter-radar:hover{background:#7ed9c326;box-shadow:0 0 15px #7ed9c366;color:#fff}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#7ed9c3;z-index:4020;display:flex;flex-direction:column;align-items:center;gap:15px}.loading-text{font-family:Optima,Lora,serif;letter-spacing:3px;font-size:1rem;text-shadow:0 0 10px rgba(126,217,195,.5)}.html-anchor-container{display:flex;flex-direction:column;align-items:center;pointer-events:none;transition:all .3s ease}.core-star-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;opacity:.95;background:#000}.orbit-star-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;filter:none;background:#080a11;opacity:1}.html-anchor-container:hover .orbit-star-avatar,.html-anchor-container.active .orbit-star-avatar{filter:blur(0)}.my-style-profile-label{font-family:Optima,Lora,serif;font-size:1rem;letter-spacing:2px;font-weight:700;-webkit-user-select:none;user-select:none;margin-top:10px}.star-mini-label{background:#080a11d9;border-top:2px solid;padding:6px 12px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0f4f8;-webkit-user-select:none;user-select:none;margin-top:8px;animation:fadeIn .3s ease}.mini-score{font-family:Optima,serif;font-size:1rem;font-weight:700}.scene-dimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a11bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:4040;opacity:0;pointer-events:none;transition:opacity .4s ease}.scene-dimmer.active{opacity:1;pointer-events:auto;cursor:pointer}.resonance-card-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:4050;width:90%;max-width:400px}.resonance-card-wrapper.zoomed-in{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.roaming-start-panel{position:absolute;bottom:50px;left:50%;transform:translate(-50%);z-index:4010;background:#080a11d9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(126,217,195,.3);padding:25px 30px;border-radius:32px;box-shadow:0 20px 50px #000c,inset 0 0 20px #7ed9c30d;display:flex;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:440px;text-align:center}.match-orbit-preview{display:flex;align-items:center;justify-content:center;gap:10px;max-width:min(72vw,520px);flex-wrap:wrap}.match-preview-avatar{width:42px;height:42px;border-radius:50%;border:2px solid var(--muse-primary);background:#080a11b8;padding:0;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.match-preview-avatar:hover{transform:translateY(-2px) scale(1.08)}.match-preview-avatar img{width:100%;height:100%;display:block;object-fit:cover}.roaming-info{color:#f0f4f8;font-size:1.05rem;font-family:Optima,Lora,serif;letter-spacing:1px;line-height:1.6}.highlight-text{color:#7ed9c3;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px rgba(126,217,195,.4)}.btn-start-roaming{background:linear-gradient(135deg,#7ed9c3,#9b88ed);color:#080a11;border:none;padding:16px 35px;border-radius:30px;font-size:1.15rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 30px #7ed9c34d;transition:all .3s ease;font-family:Optima,Lora,serif;width:100%}.btn-start-roaming:hover{transform:translateY(-3px);box-shadow:0 15px 35px #9b88ed80;color:#fff}.btn-floating-inbox{position:fixed!important;bottom:40px!important;right:40px!important;width:60px;height:60px;border-radius:50%;background:#080a11d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(126,217,195,.4);color:#7ed9c3;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0009;z-index:5050!important;transition:all .3s}.btn-floating-inbox:hover{transform:scale(1.1) translateY(-5px);background:#7ed9c326;color:#fff}.radar-red-dot{position:absolute;top:4px;right:4px;width:14px;height:14px;background-color:#ef4444;border:2px solid #080A11;border-radius:50%;box-shadow:0 0 10px #ef4444cc;animation:radar-pulse-red 2s infinite}@media screen and (max-width: 768px){.btn-floating-inbox{bottom:30px!important;right:20px!important;width:55px;height:55px;font-size:22px}}.chatroom-lobby-overlay{justify-content:center;align-items:center;padding:96px 24px 42px;background:radial-gradient(circle at 20% 20%,rgba(126,217,195,.16),transparent 30%),radial-gradient(circle at 82% 18%,rgba(155,136,237,.14),transparent 32%),linear-gradient(160deg,#080a11,#101827 48%,#080a11)}.chatroom-private-entry{gap:8px}.chatroom-lobby-shell{width:min(1120px,94vw);max-height:calc(100vh - 150px);overflow-y:auto;display:flex;flex-direction:column;gap:24px;color:#f0f4f8;scrollbar-width:none}.chatroom-lobby-shell::-webkit-scrollbar{display:none}.chatroom-lobby-header{display:grid;gap:12px;max-width:760px}.chatroom-kicker{color:#7ed9c3;display:inline-flex;align-items:center;gap:8px;font-size:.9rem;letter-spacing:2px}.chatroom-lobby-header h1{margin:0;font-size:clamp(2rem,6vw,4.6rem);line-height:1.05;font-family:Optima,Lora,serif;letter-spacing:0;font-weight:300}.chatroom-user-line{display:inline-flex;align-items:center;gap:8px;color:#f0f4f8ad;font-size:.95rem}.chatroom-room-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.chatroom-room-card{min-height:218px;padding:18px;border-radius:18px;border:1px solid rgba(126,217,195,.2);background:#080a1194;color:#f0f4f8;display:flex;flex-direction:column;align-items:flex-start;gap:18px;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease;font-family:inherit}.chatroom-room-card:hover{transform:translateY(-4px);border-color:var(--room-tone, #7ED9C3);background:#f0f4f814}.chatroom-room-icon{width:44px;height:44px;border-radius:50%;background:#7ed9c31f;color:var(--room-tone, #7ED9C3);border:1px solid rgba(126,217,195,.28);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.chatroom-room-copy{display:flex;flex-direction:column;gap:9px}.chatroom-room-copy strong{font-size:1.2rem;font-weight:400;color:#fff}.chatroom-room-copy small{min-height:34px;color:var(--room-tone, #7ED9C3);line-height:1.45}.chatroom-room-copy span{color:#f0f4f8a3;line-height:1.55;font-size:.9rem}.chatroom-direct-panel{border:1px solid rgba(240,244,248,.12);background:#f0f4f80f;border-radius:18px;padding:16px 18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.chatroom-direct-panel div{display:flex;flex-direction:column;gap:4px}.chatroom-direct-panel strong{color:#fff;font-size:1rem}.chatroom-direct-panel span{color:#f0f4f89e;line-height:1.45}.chatroom-direct-panel button{border:none;border-radius:24px;padding:12px 18px;background:linear-gradient(135deg,#7ed9c3,#9b88ed);color:#080a11;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}@media screen and (max-width: 980px){.chatroom-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 620px){.chatroom-lobby-overlay{padding:92px 16px 28px;align-items:stretch}.chatroom-lobby-shell{width:100%;max-height:calc(100vh - 124px)}.chatroom-room-grid{grid-template-columns:1fr}.chatroom-room-card{min-height:170px}.chatroom-direct-panel{align-items:stretch;flex-direction:column}.chatroom-direct-panel button{justify-content:center}}.spin-icon-slow{animation:radar-spin 4s linear infinite}.animate-fade-in{animation:fadeIn 1s ease forwards}.animate-fade-up{animation:fadeUp .8s ease forwards}@keyframes radar-pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 10px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes radar-spin{to{transform:rotate(360deg)}}@media screen and (max-width: 768px){.btn-leave-radar,.btn-filter-radar{top:20px;padding:10px 16px;font-size:.85rem}.btn-leave-radar{left:20px}.btn-filter-radar{right:20px}.roaming-start-panel{bottom:30px;width:90%;padding:25px 20px}.btn-floating-inbox{bottom:30px;right:20px;width:55px;height:55px;font-size:22px}}.inbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a11d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5000;display:flex;align-items:center;justify-content:center}.inbox-container{width:90%;max-width:760px;height:75vh;min-height:550px;max-height:800px;border-radius:24px;display:flex;flex-direction:column;position:relative;background:#080a11d9;border:1px solid rgba(126,217,195,.4);box-shadow:0 10px 40px #000c,inset 0 0 20px #7ed9c30d;padding:20px 20px 15px;overflow:hidden;font-family:Optima,Kaiti SC,PingFang SC,sans-serif}.chatroom-container{width:min(92vw,760px)}.inbox-container ::-webkit-scrollbar{width:6px}.inbox-container ::-webkit-scrollbar-track{background:transparent}.inbox-container ::-webkit-scrollbar-thumb{background:#7ed9c34d;border-radius:4px}.inbox-container ::-webkit-scrollbar-thumb:hover{background:#7ed9c399}.inbox-title{color:var(--muse-primary, #7ED9C3);text-align:center;font-family:Optima,Lora,serif;margin:0 0 15px;font-size:1.3rem;letter-spacing:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-refresh-inbox{margin-left:10px;background:none;border:none;color:#7ed9c3b3;cursor:pointer;transition:transform .3s,color .3s}.btn-refresh-inbox:hover{color:var(--muse-primary, #7ED9C3);transform:rotate(180deg)}.btn-close-inbox{position:absolute;top:20px;right:20px;background:none;border:none;color:#f0f4f899;font-size:1.2rem;cursor:pointer;transition:color .3s;z-index:100}.btn-close-inbox:hover{color:#f0f4f8}.inbox-stage{position:relative;flex:1;overflow:hidden}.list-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.inbox-tabs{display:flex;border-bottom:1px solid rgba(126,217,195,.2);margin-bottom:15px;flex-shrink:0}.chatroom-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.inbox-tabs button{flex:1;background:none;border:none;color:#f0f4f899;padding:10px 5px;cursor:pointer;transition:all .3s;font-size:1rem;font-weight:300;display:flex;align-items:center;justify-content:center;gap:4px}.inbox-tabs button .tab-sub{font-size:.7rem;font-weight:400;color:#f0f4f866}.inbox-tabs button.active{color:var(--muse-primary, #7ED9C3);border-bottom:2px solid var(--muse-primary, #7ED9C3);text-shadow:0 0 8px rgba(126,217,195,.4)}.inbox-tabs button.active .tab-sub{color:#7ed9c399}.badge{background:#7ed9c333;color:var(--muse-primary, #7ED9C3);font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700;border:1px solid rgba(126,217,195,.4)}.badge.alert{background:#e74c3c;color:#fff;border-color:#c0392b;box-shadow:0 0 8px #e74c3c80}.inbox-list{flex:1;overflow-y:auto;padding-right:5px}.room-list{flex:1;overflow-y:auto;padding-right:5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-item{border:1px solid rgba(126,217,195,.18);background:linear-gradient(145deg,#f0f4f80f,#080a11a6);color:#f0f4f8;border-radius:18px;padding:14px;display:grid;grid-template-columns:44px minmax(0,1fr) 34px;gap:12px;text-align:left;cursor:pointer;min-height:132px;transition:transform .2s,border-color .2s,background .2s;font-family:inherit}.room-item:hover{transform:translateY(-2px);border-color:var(--room-tone, #7ED9C3);background:linear-gradient(145deg,#7ed9c31a,#080a11bf)}.room-item:disabled{cursor:wait;opacity:.72;transform:none}.room-icon{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--room-tone, #7ED9C3) 18%,transparent);color:var(--room-tone, #7ED9C3);border:1px solid color-mix(in srgb,var(--room-tone, #7ED9C3) 45%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.15rem}.room-main{min-width:0;display:flex;flex-direction:column;gap:6px}.room-name{color:#f0f4f8;font-size:1rem;display:flex;align-items:center;gap:8px}.room-region{color:var(--room-tone, #7ED9C3);font-size:.74rem;line-height:1.4}.room-preview{color:#f0f4f894;font-size:.82rem;line-height:1.45}.room-side{display:flex;flex-direction:column;align-items:center;gap:4px;color:#f0f4f894}.room-side small{font-size:.68rem}.room-unread{margin-left:0}.inbox-item{display:flex;align-items:center;padding:12px;background:#f0f4f808;margin-bottom:10px;border-radius:12px;gap:12px;border:1px solid transparent;transition:background .2s,border-color .2s}.inbox-item.clickable{cursor:pointer}.inbox-item.clickable:hover{background:#7ed9c314;border-color:#7ed9c333}.inbox-item.rejected-item{opacity:.5;filter:grayscale(100%)}.peer-avatar{width:44px;height:44px;border-radius:50%;border:2px solid rgba(126,217,195,.5);object-fit:cover}.item-info{flex:1;min-width:0}.item-info h4{color:#f0f4f8;margin:0 0 4px;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;font-weight:300}.bone-tag{font-size:.65rem;color:var(--muse-primary, #7ED9C3);background:#7ed9c326;padding:2px 5px;border-radius:4px;margin-left:6px;border:1px solid rgba(126,217,195,.3)}.unread-dot{background-color:#e74c3c;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto;box-shadow:0 0 8px #e74c3c66;line-height:1.2;animation:fadeIn .3s}.item-msg{color:#f0f4f880;font-size:.8rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta-line{font-size:.7rem;color:var(--muse-primary, #7ED9C3);display:flex;gap:8px;margin:2px 0 4px;align-items:center;flex-wrap:wrap}.item-meta-line span{display:inline-flex;align-items:center;gap:2px}.item-actions{display:flex;gap:6px;align-items:center}.btn-icon{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-icon.accept{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.btn-icon.accept:hover{background:#2ecc714d}.btn-icon.reject{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.btn-icon.reject:hover{background:#e74c3c4d}.btn-icon.block{background:#95a5a626;color:#95a5a6;border:1px solid rgba(149,165,166,.3)}.btn-icon.block:hover{background:#95a5a64d}.btn-text.recover{background:none;border:1px solid rgba(240,244,248,.4);color:#f0f4f899;padding:4px 10px;border-radius:12px;font-size:.75rem;cursor:pointer}.btn-text.recover:hover{background:#f0f4f81a;color:#f0f4f8}.action-hint{color:#7ed9c380;font-size:1rem}.inbox-item.clickable:hover .action-hint{color:var(--muse-primary, #7ED9C3)}.loading-text,.empty-state{text-align:center;color:#f0f4f880;margin-top:40px;font-size:.9rem}.chat-view-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a11fa;display:flex;flex-direction:column;z-index:10;opacity:0;transform:scale(.92) translateY(15px);filter:blur(10px);pointer-events:none;transition:all .45s cubic-bezier(.19,1,.22,1)}.chat-view-panel.open{opacity:1;transform:scale(1) translateY(0);filter:blur(0);pointer-events:auto}.chat-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(126,217,195,.3);flex-shrink:0}.btn-back{background:none;border:none;color:var(--muse-primary, #7ED9C3);cursor:pointer;font-size:.9rem;padding:5px;display:flex;align-items:center;gap:4px;transition:color .2s}.btn-back:hover{color:#f0f4f8}.chat-target-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 12px;border-radius:20px;transition:background .2s}.chat-target-info.room-target{cursor:default}.chat-target-info:hover{background:#7ed9c31a}.chat-target-name{color:#f0f4f8;font-weight:300;font-size:.95rem}.chat-subtitle{font-size:.7rem;color:#fff9;display:flex;gap:8px;align-items:center;margin-top:2px;flex-wrap:wrap}.chat-subtitle span{display:inline-flex;align-items:center;gap:2px}.room-chat-badge{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muse-primary, #7ED9C3);border:1px solid rgba(126,217,195,.35);background:#7ed9c31a}.chat-target-avatar{width:32px;height:32px;border-radius:50%;border:1px solid rgba(126,217,195,.6);overflow:hidden}.chat-target-avatar img{width:100%;height:100%;object-fit:cover}.btn-header-action{background:none;border:none;color:#f0f4f880;padding:5px;cursor:pointer;transition:color .2s}.btn-header-action:hover{color:#e74c3c}.chat-history{flex:1;overflow-y:auto;padding:15px 5px 15px 0;display:flex;flex-direction:column;gap:12px}.chat-loading-spinner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f0f4f880;font-size:.85rem;gap:10px;animation:fadeIn .3s ease-out}.fa-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.chat-bubble-wrapper{display:flex;width:100%}.chat-bubble-wrapper.mine{justify-content:flex-end}.chat-bubble-wrapper.theirs{justify-content:flex-start}.chat-bubble-wrapper.system{justify-content:center;margin:10px 0}.chat-bubble-content{display:flex;flex-direction:column;max-width:75%}.chat-bubble{max-width:100%;padding:10px 14px;font-size:.9rem;line-height:1.5;word-break:break-word;box-shadow:0 2px 8px #0003}.bubble-sender{color:#7ed9c3b8;font-size:.72rem;margin:0 0 4px 4px}.mine .chat-bubble{background:linear-gradient(135deg,var(--muse-primary, #7ED9C3),var(--muse-secondary, #9B88ED));color:#080a11;border-radius:16px 2px 16px 16px}.theirs .chat-bubble{background:#f0f4f814;color:#f0f4f8;border:1px solid rgba(240,244,248,.05);border-radius:2px 16px 16px}.chat-time-divider{text-align:center;font-size:.7rem;color:#f0f4f866;margin:15px 0 8px;width:100%}.media-hint{background:transparent!important;border:1px dashed rgba(126,217,195,.4)!important}.history-inline-loading{text-align:center;color:var(--muse-primary, #7ED9C3)}.chat-bubble.image-bubble{background:transparent!important;border:none!important;padding:0;box-shadow:none}.chat-img{max-width:220px;border-radius:12px;cursor:pointer;border:1px solid rgba(126,217,195,.3);transition:transform .2s}.chat-img:hover{transform:scale(1.02);border-color:var(--muse-primary, #7ED9C3)}.system-bubble{background:#080a11cc;border:1px solid rgba(126,217,195,.3);color:#f0f4f8b3;font-size:.8rem;text-align:center;padding:12px;border-radius:12px;max-width:85%;line-height:1.5}.system-bubble strong{color:var(--muse-primary, #7ED9C3)}.system-hint{color:#f0f4f880;font-style:italic;display:inline-block;margin-top:4px}.chat-load-more{text-align:center;font-size:.75rem;color:var(--muse-primary, #7ED9C3);cursor:pointer;padding:10px 0;margin-bottom:10px;opacity:.8;transition:opacity .2s}.chat-load-more:hover{opacity:1;text-decoration:underline}.chat-input-area{display:flex;gap:10px;padding-top:12px;border-top:1px solid rgba(126,217,195,.2);flex-shrink:0;align-items:flex-end}.chat-input-wrapper{flex:1;background:#080a1166;border:1px solid rgba(126,217,195,.4);border-radius:20px;display:flex;flex-direction:column;position:relative;transition:border-color .3s,background .3s}.chat-input-wrapper:focus-within{border-color:var(--muse-primary, #7ED9C3);background:#080a1199}.chat-input{background:transparent;border:none;padding:10px 15px;color:#f0f4f8;outline:none;font-family:inherit;width:100%;box-sizing:border-box}.chat-input-actions{display:flex;gap:12px;padding:0 15px 8px}.btn-action-icon{background:none;border:none;color:#f0f4f899;font-size:1.1rem;cursor:pointer;transition:color .2s;display:flex;align-items:center;padding:0}.btn-action-icon:hover{color:var(--muse-primary, #7ED9C3)}.ddz-chat-action{color:#ffd166}.ddz-invite-card{min-width:min(280px,72vw);background:linear-gradient(145deg,#ffd16629,#7ed9c31a)!important;border:1px solid rgba(255,209,102,.34)!important;color:#f0f4f8!important}.ddz-invite-title{display:flex;align-items:center;gap:8px;color:#ffd166;font-weight:900;margin-bottom:6px}.ddz-invite-card p{margin:0 0 6px;color:#f0f4f8c7}.ddz-invite-card small{color:#f0f4f885}.ddz-invite-actions{display:flex;gap:8px;margin-top:12px}.ddz-invite-actions button{border:none;border-radius:14px;padding:8px 12px;background:#ffd166;color:#080a11;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ddz-invite-actions .ghost{background:#f0f4f814;color:#f0f4f8d1;border:1px solid rgba(240,244,248,.16)}.ddz-status-card{display:inline-flex;align-items:center;gap:8px;background:#7ed9c31a!important;border:1px solid rgba(126,217,195,.25)!important;color:#f0f4f8d1!important}.ddz-status-card.muted{background:#f0f4f80f!important;border-color:#f0f4f81f!important}.emoji-picker-panel{position:absolute;bottom:45px;left:10px;background:#080a11f2;border:1px solid rgba(126,217,195,.4);border-radius:12px;padding:12px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;z-index:100;box-shadow:0 5px 25px #000000b3;animation:fadeIn .2s ease-out}.emoji-item{cursor:pointer;font-size:1.3rem;text-align:center;transition:transform .2s;-webkit-user-select:none;user-select:none}.emoji-item:hover{transform:scale(1.2)}.btn-send{background:linear-gradient(135deg,var(--muse-primary, #7ED9C3),var(--muse-secondary, #9B88ED));border:none;width:40px;height:40px;border-radius:50%;color:#080a11;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;margin-bottom:2px}.btn-send:hover{transform:scale(1.05)}.profile-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a1199;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.profile-modal-card{background:linear-gradient(160deg,#080a11,#050508);border:1px solid rgba(126,217,195,.6);width:80%;max-width:280px;padding:25px 20px;border-radius:24px;text-align:center;box-shadow:0 15px 35px #000000e6;position:relative;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}.btn-close-profile{position:absolute;top:12px;right:12px;background:none;border:none;color:#f0f4f880;cursor:pointer}.btn-close-profile:hover{color:var(--muse-primary, #7ED9C3)}.profile-avatar-wrap{width:70px;height:70px;margin:0 auto 12px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--muse-primary, #7ED9C3),var(--muse-secondary, #9B88ED))}.profile-avatar-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #080A11}.profile-name{color:#f0f4f8;font-size:1.1rem;margin:0 0 6px;font-family:Optima,Lora,serif}.profile-bio{color:#f0f4f899;font-size:.8rem;font-style:italic;margin:0 0 15px;line-height:1.4}.profile-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.profile-tags .tag{font-size:.7rem;padding:4px 8px;border-radius:12px;display:flex;align-items:center}.tag.bone{background:#7ed9c326;color:var(--muse-primary, #7ED9C3);border:1px solid rgba(126,217,195,.3)}.tag.styleSeason{background:#9b88ed26;color:var(--muse-secondary, #9B88ED);border:1px solid rgba(155,136,237,.3)}.tag.wuxing{background:#2ecc7126;color:#82e0aa;border:1px solid rgba(46,204,113,.3)}.tag.mbti{background:#3498db26;color:#85c1e9;border:1px solid rgba(52,152,219,.3)}.tag.gender{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}@media screen and (max-width: 720px){.chatroom-container{width:94vw;height:82vh;min-height:560px;padding:18px 14px 14px}.chatroom-tabs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:6px}.room-list{grid-template-columns:1fr}.room-item{min-height:118px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-hub-page{min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(126,217,195,.14),transparent 30%),radial-gradient(circle at 85% 14%,rgba(255,209,102,.12),transparent 28%),linear-gradient(160deg,#080a11,#101827 55%,#080a11);color:#f0f4f8;padding:96px 24px 42px;box-sizing:border-box}.game-back-btn{position:fixed;top:28px;left:28px;z-index:20;background:#080a119e;border:1px solid rgba(126,217,195,.28);color:#7ed9c3;border-radius:24px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-hub-shell{width:min(1100px,94vw);margin:0 auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:26px;align-items:stretch}.game-hero,.game-board-section{border:1px solid rgba(240,244,248,.12);background:#080a11ad;border-radius:18px;padding:24px;box-shadow:0 24px 60px #00000052}.game-hero{display:flex;flex-direction:column;justify-content:center;gap:18px}.game-kicker{color:#7ed9c3;display:inline-flex;align-items:center;gap:8px;letter-spacing:2px;font-size:.86rem}.game-hero h1{margin:0;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.02;letter-spacing:0;font-family:Optima,Lora,serif;font-weight:300}.game-hero p{margin:0;color:#f0f4f8a8;line-height:1.7}.game-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.game-hero-actions button{border:none;border-radius:24px;padding:12px 18px;background:linear-gradient(135deg,#7ed9c3,#9b88ed);color:#080a11;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.game-hero-actions .ghost{background:#f0f4f814;color:#f0f4f8;border:1px solid rgba(240,244,248,.16)}.game-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.game-panel-head span{color:#7ed9c3b8;font-size:.76rem;letter-spacing:2px}.game-panel-head h2{margin:4px 0 0;font-size:1.5rem;font-weight:400}.game-score{min-width:82px;height:52px;border-radius:14px;border:1px solid rgba(255,209,102,.28);color:#ffd166;background:#ffd16614;display:flex;align-items:center;justify-content:center;gap:7px}.game-score strong{color:#fff;font-size:1.28rem}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.memory-card{aspect-ratio:1;border-radius:16px;border:1px solid rgba(126,217,195,.2);background:#f0f4f80f;color:#f0f4f8bf;font-size:clamp(1rem,2.2vw,1.45rem);font-weight:900;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.memory-card:hover{transform:translateY(-2px);border-color:#7ed9c38c}.memory-card.visible{background:#7ed9c329;border-color:#7ed9c380;color:#fff}.memory-card.matched{background:#ffd16629;border-color:#ffd1667a;color:#ffd166}.game-complete{margin-top:18px;border-radius:14px;padding:14px 16px;background:#7ed9c31a;border:1px solid rgba(126,217,195,.25);display:flex;justify-content:space-between;gap:12px;align-items:center}.game-complete span{color:#f0f4f8a3}.ddz-shell{grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr)}.ddz-hero{justify-content:flex-start}.table-code{border:1px dashed rgba(255,209,102,.34);color:#ffd166;border-radius:14px;padding:10px 12px;background:#ffd1660f;font-size:.82rem;word-break:break-all}.socket-pill{width:fit-content;border:1px solid rgba(126,217,195,.28);border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;color:#f0f4f8b8;background:#f0f4f80d}.socket-pill.online{color:#7ed9c3;border-color:#7ed9c36b;box-shadow:0 0 18px #7ed9c31a}.socket-pill.offline{color:#ff8a8a;border-color:#ff8a8a57}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stats-grid div{border:1px solid rgba(240,244,248,.1);border-radius:14px;background:#f0f4f80d;padding:10px;display:flex;flex-direction:column;gap:2px}.stats-grid strong{color:#ffd166;font-size:1.25rem}.stats-grid span{color:#f0f4f894;font-size:.76rem}.seat-list{display:grid;gap:10px}.seat-card{border:1px solid rgba(126,217,195,.2);background:#f0f4f80f;color:#f0f4f8;border-radius:16px;padding:12px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 10px;align-items:center;text-align:left}.seat-card span{color:#7ed9c3}.seat-card small{grid-column:2;color:#f0f4f894}.seat-card.landlord{border-color:#ffd16673;background:#ffd1661a}.seat-card.landlord span{color:#ffd166}.add-seat{cursor:pointer;font:inherit;color:#ffd166;border-style:dashed}.ddz-waiting,.ddz-bidding{border:1px solid rgba(126,217,195,.22);border-radius:18px;padding:18px;background:#7ed9c312;display:flex;flex-direction:column;gap:10px}.ddz-waiting strong,.ddz-bidding strong{color:#ffd166}.ddz-waiting span,.ddz-bidding p{color:#f0f4f8ad;margin:0}.ddz-waiting button,.bid-actions button,.play-actions button{border:none;border-radius:18px;padding:10px 14px;background:#7ed9c3;color:#080a11;font-weight:900;cursor:pointer}.ddz-waiting button:disabled,.play-actions button:disabled{opacity:.45;cursor:not-allowed}.bid-actions{display:flex;flex-wrap:wrap;gap:8px}.ddz-table{min-height:260px;border:1px solid rgba(126,217,195,.18);border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(126,217,195,.16),transparent 52%),#f0f4f80a;position:relative;margin-bottom:18px}.ddz-player{position:absolute;min-width:130px;border-radius:16px;border:1px solid rgba(240,244,248,.14);background:#080a11c2;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.ddz-player strong{color:#f0f4f8}.ddz-player span{color:#f0f4f894;font-size:.78rem}.ddz-player.active{border-color:#ffd16694;box-shadow:0 0 0 2px #ffd1661f}.player-0{left:50%;bottom:14px;transform:translate(-50%)}.player-1{left:16px;top:24px}.player-2{right:16px;top:24px}.bottom-cards,.last-play{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.bottom-cards{top:18px}.last-play{top:50%;flex-direction:column;color:#f0f4f8b3}.bottom-cards span,.last-play span{color:#f0f4f88a;font-size:.74rem}.bottom-cards i{font-style:normal;color:#ffd166;border:1px solid rgba(255,209,102,.34);border-radius:8px;padding:4px 6px}.last-play strong{color:#f0f4f8}.my-hand{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;min-height:96px}.poker-card{min-width:48px;height:68px;border-radius:10px;border:1px solid rgba(240,244,248,.18);background:#f8fafc;color:#111827;font-weight:900;cursor:pointer;box-shadow:0 10px 18px #00000040;transition:transform .16s,border-color .16s}.poker-card.red{color:#c0392b}.poker-card.selected{transform:translateY(-14px);border-color:#ffd166}.poker-card:disabled{cursor:default;opacity:.82}.play-actions{margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.play-actions span{color:#f0f4f8ad;margin-right:auto}.play-actions .ghost{background:#f0f4f814;color:#f0f4f8;border:1px solid rgba(240,244,248,.16)}.ddz-log{margin-top:18px;display:grid;gap:6px}.ddz-log span{color:#f0f4f88f;font-size:.82rem}.ddz-cinematic-scene{position:relative;min-height:620px;perspective:1200px;transform-style:preserve-3d;overflow:visible}.game-error{border:1px solid rgba(255,138,138,.28);background:#ff8a8a14;color:#ffb3b3;border-radius:14px;padding:10px 12px;margin-bottom:12px}.scene-status{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:20;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,209,102,.28);border-radius:999px;background:#080a11c2;color:#f0f4f8b3;padding:8px 14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 34px #00000047}.scene-status strong{color:#ffd166}.ddz-table-3d{position:relative;height:410px;margin:46px auto 118px;transform-style:preserve-3d;transform:rotateX(58deg) rotate(-.5deg)}.table-shadow{position:absolute;top:42px;right:7%;bottom:12px;left:7%;border-radius:48%;background:radial-gradient(ellipse,rgba(0,0,0,.52),transparent 68%);transform:translateZ(-72px);filter:blur(18px)}.table-rim{position:absolute;top:12px;right:4%;bottom:12px;left:4%;border-radius:46%/38%;background:linear-gradient(145deg,#ffd16647,#7ed9c324),linear-gradient(180deg,#18251f,#06080c);box-shadow:0 34px #030407,0 52px 58px #00000094,inset 0 0 0 2px #ffffff14;transform:translateZ(0)}.table-felt{position:absolute;top:42px;right:10%;bottom:42px;left:10%;border-radius:45%/36%;background:radial-gradient(circle at 50% 46%,rgba(255,209,102,.16),transparent 22%),radial-gradient(circle at 24% 22%,rgba(126,217,195,.28),transparent 28%),linear-gradient(135deg,#0f5d50,#103d3e 46%,#112334);box-shadow:inset 0 0 42px #00000085,inset 0 0 0 1px #ffffff14;transform-style:preserve-3d}.felt-grid{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:inherit;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse,#000 54%,transparent 72%);mask-image:radial-gradient(ellipse,#000 54%,transparent 72%)}.table-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(8px);color:#ffffff1f;font-size:clamp(1.1rem,3vw,2.2rem);letter-spacing:6px;font-weight:900;white-space:nowrap}.ddz-player-3d{position:absolute;z-index:10;min-width:150px;border-radius:18px;border:1px solid rgba(240,244,248,.14);background:linear-gradient(145deg,#090d15f0,#141d2ad1);padding:10px 12px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;transform-style:preserve-3d;box-shadow:0 14px 26px #0000006b,inset 0 1px #ffffff14}.ddz-player-3d.active{border-color:#ffd166b3;box-shadow:0 0 0 3px #ffd16621,0 20px 34px #00000070}.ddz-player-3d.landlord .avatar-chip{color:#080a11;background:#ffd166}.ddz-player-3d.player-0{left:50%;bottom:-18px;transform:translate(-50%) rotateX(-58deg) translateZ(82px)}.ddz-player-3d.player-1{left:4%;top:30%;transform:rotateX(-58deg) rotate(9deg) translateZ(62px)}.ddz-player-3d.player-2{right:4%;top:30%;transform:rotateX(-58deg) rotate(-9deg) translateZ(62px)}.avatar-chip{width:34px;height:34px;border-radius:50%;background:#7ed9c32e;color:#7ed9c3;display:flex;align-items:center;justify-content:center}.seat-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.seat-copy strong{color:#f0f4f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-copy span{color:#f0f4f894;font-size:.76rem}.opponent-card-rack{grid-column:1 / -1;height:24px;position:relative;margin-top:2px}.opponent-card-rack i{position:absolute;left:calc(var(--i) * 8px);width:18px;height:24px;border-radius:4px;background:linear-gradient(135deg,#7ed9c37a,#9b88ed61),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 2px,transparent 2px 4px);border:1px solid rgba(255,255,255,.14);box-shadow:0 5px 8px #00000040;transform:rotate(calc((var(--i) - 5) * 1.5deg))}.bottom-card-stack{position:absolute;left:50%;top:17%;z-index:8;transform:translate(-50%) translateZ(34px) rotateX(-58deg);display:flex;flex-direction:column;align-items:center;gap:7px}.bottom-card-stack>span{color:#f0f4f89e;font-size:.72rem}.bottom-stack-cards{display:flex;gap:6px}.mini-3d-card,.played-3d-card{position:relative;width:42px;height:58px;border-radius:8px;background:#f8fafc;color:#111827;border:1px solid rgba(17,24,39,.12);box-shadow:0 4px #cfd8e3,0 14px 18px #00000047;transform:translateY(calc(var(--i, 0) * -2px))}.mini-3d-card.red,.played-3d-card.red{color:#c0392b}.mini-3d-card.back{background:linear-gradient(135deg,#7ed9c3b3,#9b88edbd),repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 2px,transparent 2px 5px)}.center-play-zone{position:absolute;left:50%;top:53%;z-index:12;transform:translate(-50%,-50%) translateZ(48px) rotateX(-58deg);display:flex;flex-direction:column;align-items:center;gap:10px;min-width:240px}.center-play-zone>span{color:#ffd166db;font-size:.78rem}.played-card-fan{display:flex;justify-content:center;gap:4px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.34))}.played-3d-card{animation:cardLand .28s ease both;animation-delay:calc(var(--i) * 34ms);transform:translateY(0) rotate(calc((var(--i) - 4) * 2deg))}.center-table-hint{text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#080a115c;padding:14px 18px;box-shadow:0 14px 22px #00000038}.center-table-hint strong{color:#f0f4f8}.center-table-hint small{display:block;margin-top:4px;color:#f0f4f885}.ddz-floating-panel{position:absolute;left:50%;top:70px;transform:translate(-50%);z-index:30;width:min(360px,86%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 48px #00000057}.my-hand-3d{position:absolute;left:50%;bottom:8px;z-index:45;width:min(760px,96%);min-height:138px;display:flex;justify-content:center;align-items:flex-end;perspective:900px;transform:translate(-50%);padding-left:28px}.poker-card-3d{position:relative;width:58px;height:84px;margin-left:-24px;border:none;border-radius:10px;background:transparent;padding:0;cursor:pointer;transform-style:preserve-3d;transform:translateY(0) rotate(calc((var(--i) - 8) * 1.25deg)) rotateX(5deg);transition:transform .18s ease,filter .18s ease;animation:handCardRise .34s ease both;animation-delay:calc(var(--i) * 16ms)}.poker-card-3d:first-child{margin-left:0}.poker-card-3d:hover{transform:translateY(-16px) rotate(calc((var(--i) - 8) * 1.25deg)) rotateX(0) scale(1.04);z-index:10}.poker-card-3d.selected{transform:translateY(-34px) rotate(calc((var(--i) - 8) * .9deg)) rotateX(0) scale(1.08);z-index:20;filter:drop-shadow(0 0 18px rgba(255,209,102,.32))}.poker-card-3d:disabled{cursor:default}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:radial-gradient(circle at 50% 48%,rgba(126,217,195,.08),transparent 34%),linear-gradient(155deg,#fff,#e9eef7 78%);color:#111827;border:1px solid rgba(17,24,39,.14);box-shadow:0 5px #c9d1dc,0 18px 28px #00000057,inset 0 1px #ffffffe6;transform:translateZ(5px);overflow:hidden}.poker-card-3d.red .card-face{color:#c0392b}.card-face:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:7px;border:1px solid rgba(17,24,39,.08);pointer-events:none}.card-edge{position:absolute;left:4px;right:4px;bottom:-5px;height:10px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#d9e0ea,#aab5c5);transform:rotateX(-78deg) translateZ(0);transform-origin:top}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-size:.72rem;font-style:normal}.card-corner strong,.card-corner i{font-style:normal}.card-corner.top{left:6px;top:6px}.card-corner.bottom{right:6px;bottom:6px;transform:rotate(180deg)}.card-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.55rem}.mini-3d-card .card-corner,.played-3d-card .card-corner{font-size:.55rem}.floating-actions{position:absolute;left:50%;bottom:-52px;width:min(520px,90%);transform:translate(-50%);z-index:48;border:1px solid rgba(240,244,248,.12);border-radius:999px;padding:10px;background:#080a11c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 34px #00000057}@keyframes handCardRise{0%{opacity:0;transform:translateY(42px) rotate(0) rotateX(38deg)}}@keyframes cardLand{0%{opacity:0;transform:translateY(-28px) scale(1.14) rotate(0)}}@media screen and (max-width: 820px){.game-hub-page{padding:86px 16px 28px}.game-back-btn{top:22px;left:16px}.game-hub-shell{width:100%;grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-complete{align-items:flex-start;flex-direction:column}.ddz-table{min-height:300px}.ddz-cinematic-scene{min-height:610px}.ddz-table-3d{height:360px;margin-top:62px;margin-bottom:124px}.ddz-player-3d{min-width:112px;padding:8px}.ddz-player-3d.player-1{left:-2%}.ddz-player-3d.player-2{right:-2%}.my-hand-3d{width:100%;padding-left:18px;bottom:14px}.poker-card-3d{width:46px;height:68px;margin-left:-22px}.card-center{font-size:1.18rem}.floating-actions{bottom:-54px;border-radius:22px}.ddz-player{min-width:110px}.poker-card{min-width:40px;height:58px;font-size:.82rem}}:root{--muse-bg-dark: #080A11;--muse-primary: #7ED9C3;--muse-secondary: #9B88ED;--muse-text-light: #F0F4F8;--muse-text-muted: rgba(240, 244, 248, .55);--glass-bg-color: rgba(126, 217, 195, .02);--glass-border-color: rgba(155, 136, 237, .15);--glass-blur-amt: 40px;--success-color: #6EE7B7;--warning-color: #FCD34D;--danger-color: #F87171}body{margin:0;padding:0;background-color:var(--muse-bg-dark);color:var(--muse-text-light);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,PingFang SC,HarmonyOS Sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.025'/%3E%3C/svg%3E"),radial-gradient(circle at 15% 50%,rgba(126,217,195,.04),transparent 50%),radial-gradient(circle at 85% 30%,rgba(155,136,237,.04),transparent 50%)}.brand-font,h1,h2,h3{font-family:Optima,Lora,Palatino Linotype,Kaiti SC,STKaiti,Yuanti SC,serif;letter-spacing:1.5px;font-weight:300;text-shadow:0 0 20px rgba(126,217,195,.15)}.glass-panel{background:var(--glass-bg-color);backdrop-filter:blur(var(--glass-blur-amt));-webkit-backdrop-filter:blur(var(--glass-blur-amt));border:1px solid var(--glass-border-color);border-radius:32px;box-shadow:0 16px 40px #0006,inset 0 1px #ffffff0d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}