:root{--bg-dark: #030307;--bg-panel: rgba(13, 12, 22, .75);--bg-card: rgba(22, 20, 38, .8);--border-color: rgba(255, 255, 255, .07);--border-glow: rgba(139, 92, 246, .15);--accent-purple: #8b5cf6;--accent-blue: #3b82f6;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #4f46e5 100%);--accent-glow: 0 0 20px rgba(139, 92, 246, .3);--green-online: #10b981;--green-glow: 0 0 10px rgba(16, 185, 129, .5);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--danger-color: #ef4444;--success-color: #10b981;--cloud-opacity: .65;--cloud-blur: 30px;font-family:Geist,Inter,sans-serif;color-scheme:dark}.light-theme .glass-card,[data-theme=light] .glass-card,body.light-theme .glass-card{box-shadow:0 14px 40px #0003,0 4px 14px #0000001f!important}.light-theme .lobby-game-card>div:first-child,[data-theme=light] .lobby-game-card>div:first-child,body.light-theme .lobby-game-card>div:first-child{opacity:1!important;filter:saturate(1.55) contrast(1.1) brightness(1.16)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-dark);height:100%;width:100%;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-primary);height:100%;width:100%;overflow-x:hidden;touch-action:pan-y}button,select,textarea{font-family:inherit}#root{height:100%;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d0c16cc;border-left:1px solid rgba(255,255,255,.08)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#3b82f6);border-radius:3px;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 8px #8b5cf666}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#bd00ff,#00d2ff)}@media (max-width: 768px){html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important;scrollbar-gutter:auto!important}body.mystic-realms-playing,body.neon-trails-playing,body.hex-conquest-playing{overflow:hidden!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;height:100dvh!important;touch-action:none!important}.mystic-game-wrapper{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;height:100%!important;height:100dvh!important;overflow:hidden!important}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important;scrollbar-gutter:auto!important}}.glass{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color)}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.glass-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 32px #8b5cf60d}.world-map-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:1;pointer-events:none}.login-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10% 0 18%;gap:60px;width:100%;height:100vh;height:100dvh;background:radial-gradient(circle at 50% 50%,#101012,#000);overflow:hidden;isolation:isolate}.login-container:before{content:"";position:absolute;top:50%;left:36%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,#8b5cf60d,#0000 70%);z-index:1;pointer-events:none}.colorful-clouds-bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;z-index:0;pointer-events:none;overflow:hidden}.home-dashboard-container .colorful-clouds-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cloud{position:absolute;display:block;pointer-events:none;will-change:transform;transition:transform .1s cubic-bezier(.25,.1,.25,1)}.cloud-left{left:-200px;top:-100px;width:800px;height:800px}.cloud-center{left:calc(50% - 450px);top:calc(40% - 400px);width:900px;height:800px}.cloud-right{right:-250px;top:100px;width:850px;height:850px}.cloud-bottom-left{left:-250px;bottom:0;width:750px;height:700px}.cloud-bottom-center{left:calc(50% - 400px);bottom:-50px;width:800px;height:750px}.cloud-bottom-right{right:-250px;bottom:30px;width:750px;height:700px}.cloud-mobile-mid-left{display:block;position:absolute;left:-200px;top:30%;width:500px;height:500px;pointer-events:none;z-index:0}.cloud-mobile-mid-right{display:block;position:absolute;right:-200px;top:55%;width:500px;height:500px;pointer-events:none;z-index:0}.cloud-inner{width:100%;height:100%;filter:blur(var(--cloud-blur, 30px));opacity:var(--cloud-opacity, .65);transition:opacity .5s ease,filter .5s ease}.float-left-anim{animation:driftRight 24s infinite ease-in-out}.float-center-anim{animation:driftLeft 32s infinite ease-in-out}.cloud-center .float-center-anim{animation-name:driftCenterHorizontal}.float-right-anim{animation:driftLeft 28s infinite ease-in-out}@keyframes driftRight{0%{transform:translate(0) translateY(0) rotate(0)}50%{transform:translate(180px) translateY(-30px) rotate(3deg) scale(1.05)}to{transform:translate(0) translateY(0) rotate(0)}}@keyframes driftLeft{0%{transform:translate(0) translateY(0) rotate(0)}50%{transform:translate(-180px) translateY(30px) rotate(-3deg) scale(.95)}to{transform:translate(0) translateY(0) rotate(0)}}@keyframes driftCenterHorizontal{0%,to{transform:translate(0) translateY(0) rotate(0) scale(1)}50%{transform:translate(-180px) translateY(0) rotate(-3deg) scale(.95)}}.cloud-shimmer-1{animation:cloudShimmer 10s infinite ease-in-out;transform-origin:center}.cloud-shimmer-2{animation:cloudShimmerAlt 14s infinite ease-in-out;transform-origin:center}@keyframes cloudShimmer{0%{transform:translate(-40px) translateY(-10px) scale(.85);opacity:.15}50%{transform:translate(50px) translateY(10px) scale(1.15);opacity:.75}to{transform:translate(-40px) translateY(-10px) scale(.85);opacity:.15}}@keyframes cloudShimmerAlt{0%{transform:translate(50px) translateY(10px) scale(1.15);opacity:.75}50%{transform:translate(-40px) translateY(-15px) scale(.85);opacity:.15}to{transform:translate(50px) translateY(10px) scale(1.15);opacity:.75}}.login-container .logo-text{background:linear-gradient(135deg,#fff 30%,#a1a1aa)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.login-container .logo-dot{background-color:#fff!important;box-shadow:0 0 12px #fff!important}.login-container .input-field:focus{border-color:#fff!important;box-shadow:0 0 10px #ffffff26!important}.login-container .back-to-login-btn,.login-container .forgot-password-link{color:var(--text-secondary)!important}.login-container .back-to-login-btn:hover,.login-container .forgot-password-link:hover{color:#fff!important}.login-container .login-card{background:#1212162e!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 60px -15px #000000d9,inset 0 1px #ffffff38,inset 0 25px 30px -10px #ffffff0d,inset 0 -1px 20px #0003!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;text-align:left}.login-container .login-card:hover{border-color:#ffffff38!important;box-shadow:0 30px 60px -15px #000000d9,0 0 30px #ffffff0a,inset 0 1px #ffffff4d,inset 0 25px 30px -10px #ffffff14!important}.login-right-content{flex:1;max-width:580px;z-index:2;text-align:left;animation:fadeInRight .8s cubic-bezier(.16,1,.3,1) forwards}.login-main-headline{font-size:4.5rem;font-weight:800;line-height:1.1;letter-spacing:-2px;color:#fff;margin-bottom:20px}.login-main-headline span{background:linear-gradient(135deg,#fff 60%,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.login-container .login-main-headline span.gercek-insanlarla,.login-container .login-main-headline span.vakit-gecir{background:linear-gradient(90deg,#c084fc,#c084fc 15%,#fff 75%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;display:inline-block!important}.login-headline-decorator{width:60px;height:4px;background:var(--accent-gradient);border-radius:2px;margin-bottom:24px}.login-main-subline{font-size:1.15rem;color:var(--text-secondary);line-height:1.6}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (max-width: 992px){.login-container{flex-direction:column;justify-content:center;padding:20px;gap:30px}.login-right-content{display:none}}.login-card{z-index:2;width:400px;max-width:92%;padding:20px 24px 40px;text-align:center;animation:floatUp .8s cubic-bezier(.16,1,.3,1) forwards}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:14px}.logo-text{font-size:2.5rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#fff 30%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:6px}.logo-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent-purple);box-shadow:var(--accent-glow);display:inline-block;animation:pulseGlow 2s infinite ease-in-out}.logo-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:6px;letter-spacing:1px;text-transform:uppercase}.input-group{margin-bottom:24px;text-align:left}.input-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:8px;display:block}.input-field{width:100%;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;padding:14px 18px;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .3s ease}.input-field:focus{outline:none;background:#ffffff14;border-color:var(--accent-purple);box-shadow:var(--accent-glow)}.input-field:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05!important;border-color:#ffffff0d!important;box-shadow:none!important;outline:none!important}.primary-btn{width:100%;background:var(--accent-gradient);border:none;border-radius:12px;padding:14px 20px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--accent-glow);display:flex;align-items:center;justify-content:center;gap:8px}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 25px #8b5cf680}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.red-glow-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 8px #ef444459;display:flex;align-items:center;justify-content:center;gap:8px}.red-glow-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 14px #ef44448c}.red-glow-btn:active{transform:translateY(0)}.secondary-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:10px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.secondary-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:#fff3}.danger-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:10px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.danger-btn:hover{background:#ef44444d;color:#fff;border-color:#ef444480;box-shadow:0 0 15px #ef44444d}.error-text{color:var(--danger-color);font-size:.85rem;margin-top:8px;display:flex;align-items:center;gap:6px;animation:shake .4s ease,popMessage .3s cubic-bezier(.16,1,.3,1) forwards}.error-text.closing{animation:popMessageOut .3s cubic-bezier(.16,1,.3,1) forwards}.chat-workspace{display:flex;width:100%;height:100vh;height:100dvh;background-color:var(--bg-dark)}.sidebar{width:340px;min-width:300px;height:100%;border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:5}.sidebar-header{padding:24px 24px 12px;border-bottom:1px solid var(--border-color)}.profile-card{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;margin-top:26px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.light-theme .profile-card{background:#fff!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 4px 16px #0000000f,0 1px 4px #00000005!important}.profile-info{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:10px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.95rem;flex-shrink:0}.profile-name{font-weight:600;font-size:.95rem}.status-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.online-dot{width:8px;height:8px;border-radius:50%;background-color:var(--green-online);box-shadow:var(--green-glow)}.online-dot.pulse{animation:pulseGreen 1.5s infinite}.sidebar-search-box{padding:6px 24px 4px;margin-top:0}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper input{width:100%;background:#ffffff0a;border:1px solid var(--border-color);border-radius:12px;padding:10px 70px 10px 40px;color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:all .3s ease}.search-input-wrapper input:focus{outline:none;background:#ffffff12;border-color:#8b5cf680}.search-input-wrapper input::placeholder{font-size:.85rem}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.sidebar-action{display:flex;flex-direction:column;gap:8px;padding:4px 18px 8px}.sidebar-action-btn{width:100%;height:38px;padding:0 4px!important;font-size:.85rem!important;font-weight:700!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}.sidebar-action-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-action-btn.match-btn{background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important}.sidebar-scrollable{flex:1;overflow-y:auto;padding:0 16px 20px}.section-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:16px 8px 8px}.sidebar-section-toggle{width:calc(100% - 16px);padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.sidebar-section-toggle:hover{color:var(--text-primary)}.sidebar-section-toggle svg{flex-shrink:0;transition:transform .2s ease;transform:rotate(-90deg)}.sidebar-section-toggle svg.expanded{transform:rotate(0)}.chat-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;border:1px solid transparent}.chat-list-item:hover{background:#ffffff08}.chat-list-item.active{background:#8b5cf61f;border-color:#8b5cf633}.chat-item-info{display:flex;align-items:center;gap:12px;min-width:0}.chat-item-name{display:inline-block;vertical-align:middle;font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.chat-item-meta{margin-left:auto!important;margin-right:8px;font-size:.75rem;color:var(--text-muted)}.chat-board{flex:1;display:flex;flex-direction:column;height:100%;background-color:var(--bg-dark);overflow:hidden;position:relative!important}.chat-board-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--text-secondary);padding:40px}.chat-empty-icon{font-size:4rem;color:#8b5cf626;margin-bottom:20px;animation:floatEmpty 4s infinite ease-in-out}.chat-empty-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.chat-empty-subtitle{font-size:.9rem;max-width:400px;line-height:1.5;color:var(--text-muted)}.chat-header{height:70px;padding:0 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;z-index:4}.chat-header-user{display:flex;align-items:center;gap:12px}.chat-header-name{font-weight:600;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.chat-header-actions{display:flex;align-items:center;gap:12px}.msg-count-tag{font-size:.75rem;background:#ffffff0d;padding:4px 10px;border-radius:20px;border:1px solid var(--border-color);color:var(--text-secondary)}.messages-timeline{flex:1;overflow-y:auto;padding:24px 24px calc(140px + env(safe-area-inset-bottom,0px)) 24px!important;display:flex;flex-direction:column;gap:6px}.message-wrapper{display:flex;flex-direction:column;max-width:70%;animation:popMessage .3s cubic-bezier(.16,1,.3,1) forwards;position:relative!important;z-index:1!important}.message-wrapper.has-likes{z-index:100!important}.message-wrapper.outgoing{align-self:flex-end;align-items:flex-end}.message-wrapper.incoming{align-self:flex-start;align-items:flex-start}.message-sender{font-size:.75rem;color:var(--text-muted);margin-bottom:4px;margin-left:6px;margin-right:6px}.message-wrapper.incoming .message-sender{margin-left:44px}.message-wrapper.outgoing .message-sender{margin-right:44px}.message-bubble{padding:8px 16px;border-radius:18px;font-size:.95rem;line-height:1.45;word-break:break-word;box-shadow:0 2px 10px #00000026}.message-wrapper.outgoing .message-bubble{background:var(--accent-gradient);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 15px #8b5cf633}.message-wrapper.incoming .message-bubble{background:#ffffff0d;color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border-color)}.message-timestamp{font-size:.7rem;color:var(--text-muted);margin-top:4px;align-self:flex-end}.message-date-divider-text{font-size:.72rem;color:#ffffff59;background:#ffffff08;padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.05);font-weight:500;letter-spacing:.02em}.light-theme .message-date-divider-text{color:#0f172a80!important;background:#0000000a!important;border:1px solid rgba(0,0,0,.06)!important}.message-wrapper.outgoing .message-timestamp,.message-wrapper.outgoing.chat-type-direct .message-timestamp{margin-right:44px}.message-wrapper.incoming .message-timestamp,.message-wrapper.incoming.chat-type-direct .message-timestamp{margin-left:44px}.chat-input-bar{padding:8px 20px 16px!important;background:transparent!important;border:none!important;border-top:none!important;display:flex;align-items:center;gap:12px;margin-bottom:6px!important;pointer-events:none!important}.chat-input-container{flex:1;position:relative;pointer-events:auto!important}.chatgpt-style-composer{flex:1;position:relative;display:flex;align-items:center;background:#ffffff14!important;backdrop-filter:blur(24px) saturate(190%)!important;-webkit-backdrop-filter:blur(24px) saturate(190%)!important;border:1px solid rgba(255,255,255,.16)!important;border-top:1px solid rgba(255,255,255,.3)!important;border-radius:28px!important;padding:4px 8px 4px 14px!important;gap:8px;box-shadow:0 10px 30px #00000061,inset 0 1px 1.5px #ffffff4d!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;pointer-events:auto!important}.chatgpt-style-composer:focus-within{border-color:#a855f78c!important;border-top-color:#d8b4fecc!important;background:#ffffff1f!important;box-shadow:0 14px 40px #8b5cf659,inset 0 1px 2px #ffffff73!important}.chatgpt-style-composer input[type=text]{flex:1;background:transparent!important;border:none!important;outline:none!important;padding:8px 4px!important;color:var(--text-primary);font-size:.95rem;box-shadow:none!important}.chatgpt-action-icon-btn{background:#ffffff0f;border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.chatgpt-action-icon-btn:hover{background:#ffffff26;color:#fff}.chatgpt-send-btn{width:34px!important;height:34px!important;border-radius:50%!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;border:none!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease!important;flex-shrink:0!important;box-shadow:0 4px 14px #8b5cf666!important}.chatgpt-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 18px #8b5cf699!important}.chatgpt-send-btn:disabled{opacity:.45!important;cursor:not-allowed!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;color:#fff!important;box-shadow:none!important}.chat-char-counter{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-muted);pointer-events:none}.icon-btn{background:#ffffff0a;border:1px solid var(--border-color);width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.chat-input-bar .icon-btn{width:42px;height:42px;border-radius:12px}.icon-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff}.icon-btn.active{background:var(--accent-gradient);border:none;color:#fff;box-shadow:var(--accent-glow)}.icon-btn.active:hover{filter:brightness(1.1)}.members-sidebar{width:260px;border-left:1px solid var(--border-color);height:100%;display:flex;flex-direction:column;z-index:3}.members-sidebar-header{padding:24px;border-bottom:1px solid var(--border-color);font-weight:700;font-size:1rem}.members-list{flex:1;overflow-y:auto;padding:16px}.member-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;margin-bottom:4px;width:100%;box-sizing:border-box;overflow:hidden}.member-item-active{background:#ffffff05}.member-name{font-size:.9rem;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1;min-width:0}.owner-badge{font-size:.65rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c084fc;padding:2px 6px;border-radius:10px;margin-left:auto}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#030307cc;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .2s ease}.modal-overlay.closing{animation:fadeOut .25s ease forwards}.modal-overlay.closing .modal-content{animation:modalScaleDown .25s cubic-bezier(.16,1,.3,1) forwards}.modal-content{width:460px;max-width:92%;padding:30px;display:flex;flex-direction:column;animation:modalScale .3s cubic-bezier(.16,1,.3,1) forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:1.25rem;font-weight:700}.close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#ffffff0d;color:#fff}.members-badge-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-height:100px;overflow-y:auto;padding:2px}.member-badge{display:flex;align-items:center;gap:6px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:6px 12px;font-size:.8rem;color:#c084fc}.remove-badge-btn{background:transparent;border:none;color:#c084fc;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-badge-btn:hover{color:var(--danger-color)}.toggle-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background:#ffffff05;padding:12px 16px;border-radius:12px;border:1px solid var(--border-color)}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:.9rem;font-weight:500}.toggle-desc{font-size:.75rem;color:var(--text-muted)}.switch{position:relative;display:inline-block;width:46px;height:24px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-purple)}input:checked+.slider:before{transform:translate(22px)}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleDown{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.info-modal-overlay.closing{animation:fadeOut .25s ease forwards}.info-modal-overlay.closing .info-modal-card{animation:modalScaleDown .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulseGlow{0%{box-shadow:0 0 10px #8b5cf666;opacity:.8}50%{box-shadow:0 0 25px #8b5cf6b3;opacity:1}to{box-shadow:0 0 10px #8b5cf666;opacity:.8}}@keyframes pulseGreen{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes popMessage{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popMessageOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(8px)}}@keyframes floatEmpty{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mobile-menu-toggle-btn{display:none}@media (max-width: 1024px){.mobile-menu-toggle-btn{display:flex!important}}.mobile-only-header,.mobile-members-btn{display:none}@media (max-width: 768px){html,body{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100dvh!important;position:static!important;width:100%!important;-webkit-overflow-scrolling:touch!important;touch-action:auto!important}.friends-dashboard-container,.notepad-dashboard-container,.settings-dashboard-container,.public-wall-dashboard-container,.collaborative-story-container,.random-match-container,.game-workspace-container{height:100%!important;max-height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.home-dashboard-container{flex:none!important;overflow-y:visible!important;overflow-x:hidden!important;height:auto!important;max-height:none!important;padding-bottom:calc(100px + env(safe-area-inset-top,0px))!important;box-sizing:border-box!important}.public-wall-layout,.collaborative-story-layout,.friends-dashboard-container,.friends-dashboard-content,.friends-scroll-body,.notepad-dashboard-container,.notepad-layout,.notepad-sidebar,.notepad-notes-list,.notepad-body,.public-wall-dashboard-container,.public-directory-container,.public-directory-list-wrapper,.settings-dashboard-container,.settings-body,.settings-sidebar,.settings-content-panel,.random-match-scroll-body,.game-page-scroll-container{flex:none!important;overflow-y:visible!important;overflow-x:hidden!important;height:auto!important;max-height:none!important;padding-bottom:calc(100px + env(safe-area-inset-top,0px))!important;-webkit-overflow-scrolling:touch!important}html,body{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100dvh!important;overscroll-behavior:auto!important;overscroll-behavior-y:auto!important;background-color:var(--bg-dark)!important}:not(.light-theme) .chat-workspace.neon-mode-active .sidebar .section-title{color:#fffc!important;font-weight:600!important}:not(.light-theme) .chat-workspace.neon-mode-active .sidebar .sidebar-empty-chat-tip{color:#fff6!important}:not(.light-theme) .chat-workspace.neon-mode-active .sidebar .online-count-label{color:#ffffffb3!important}html:has(.login-container),body:has(.login-container){background-color:#08080a!important}.light-theme:has(.login-container),.light-theme body:has(.login-container){background-color:#f8fafc!important}html:has(.chat-active),body:has(.chat-active),html:has(.game-active-playing),body:has(.game-active-playing),html:has(.info-modal-overlay),body:has(.info-modal-overlay),html:has(.custom-modal-overlay),body:has(.custom-modal-overlay),html:has(.modal-overlay),body:has(.modal-overlay),html:has(.sidebar-open),body:has(.sidebar-open){overflow:hidden!important;height:100%!important;height:100dvh!important;overscroll-behavior:none!important}.chat-workspace{--mobile-sidebar-width: min(290px, 85vw);position:relative;width:100%;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:visible!important;display:flex!important;padding-top:0!important;box-sizing:border-box!important;overscroll-behavior:auto!important}.chat-workspace.chat-active{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;height:var(--hoog-mobile-viewport-height, 100dvh)!important;min-height:0!important;max-height:var(--hoog-mobile-viewport-height, 100dvh)!important;overflow-y:hidden!important;overscroll-behavior:none!important}html:has(.chat-workspace.chat-active),body:has(.chat-workspace.chat-active){width:100%!important;height:var(--hoog-mobile-viewport-height, 100dvh)!important;min-height:0!important;max-height:var(--hoog-mobile-viewport-height, 100dvh)!important;overflow:hidden!important;overscroll-behavior:none!important;background:var(--bg-dark)!important}.chat-board{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:visible!important;display:flex!important;flex-direction:column!important;overscroll-behavior:auto!important;position:relative!important}.chat-workspace.chat-active .chat-board{height:100%!important;max-height:100%!important;overflow-y:hidden!important;overscroll-behavior:none!important}.messages-timeline{flex:1!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;padding:16px 14px calc(150px + env(safe-area-inset-bottom,0px)) 14px!important}.chat-input-wrapper-outer{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:40!important;pointer-events:none!important;background:transparent!important;border-top:none!important}body.ios-chat-keyboard-open .chat-input-bar{padding-bottom:8px!important;margin-bottom:0!important}body.ios-chat-keyboard-open .messages-timeline{padding-bottom:82px!important}body.ios-chat-keyboard-open .mobile-bottom-nav{visibility:hidden!important;pointer-events:none!important}.mobile-chat-bottom-blur{display:none}.mobile-chat-bottom-blur{display:block;position:absolute;bottom:0;left:0;right:0;height:calc(120px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(15,23,42,.95) 0%,rgba(15,23,42,.7) 30%,rgba(15,23,42,.3) 65%,rgba(15,23,42,.05) 85%,transparent 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.4) 70%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,#000,#000000d9 40%,#0006,#0000);pointer-events:none;z-index:25}.game-workspace-container .chat-header{background:transparent!important;border-bottom:1px solid var(--border-color)!important}.glass-card{padding:16px!important}.game-container{padding:4px 8px!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:0!important}.chat-board{width:100%;flex:1;height:100%;transform:translate(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.chat-workspace.sidebar-open .chat-board{transform:translate(var(--mobile-sidebar-width));filter:blur(4px)}.chat-workspace .sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--mobile-sidebar-width);max-width:none;height:100%;z-index:10020!important;transform:translate(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1)!important;background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:none!important;box-shadow:none!important;padding-top:calc(max(24px,env(safe-area-inset-top,0px)) + 24px)!important;box-sizing:border-box!important}.chat-workspace.sidebar-open .sidebar{transform:translate(0);box-shadow:10px 0 40px #0009!important}@media (orientation: landscape){.chat-workspace .sidebar{padding-top:calc(max(8px,env(safe-area-inset-top,0px)) + 6px)!important;overflow-y:auto!important}.sidebar-header{padding:12px 16px 8px!important}.mobile-sidebar-close-btn{display:flex!important;z-index:10030!important}}.sidebar-open .realm-mobile-menu-btn,.sidebar-open .realm-mobile-top-bar{z-index:1000!important;opacity:0!important;pointer-events:none!important}.realm-mobile-menu-btn{transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .2s ease,border-color .2s ease!important}.realm-mobile-menu-btn svg{transition:filter .22s ease,transform .22s ease!important}.realm-mobile-menu-btn:hover{transform:scale(1.06);background:#0f0b1cd1!important;border-color:#ffffff47!important;box-shadow:0 10px 32px #0009!important}.realm-mobile-menu-btn:hover svg{filter:drop-shadow(0 0 5px rgba(255,255,255,.95)) drop-shadow(0 0 10px rgba(255,255,255,.7))!important}.realm-mobile-menu-btn:active{transform:scale(.92)!important}.maze-dpad-btn{transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease!important}.maze-dpad-btn:hover{transform:scale(1.08)!important;background:#1e293bf2!important;border-color:#ffffff73!important;box-shadow:0 6px 18px #0009,0 0 15px #ffffff40!important}.maze-dpad-btn:active{transform:scale(.9)!important;background:#334155f2!important}.sidebar-overlay{position:fixed;top:0;left:var(--mobile-sidebar-width);right:0;bottom:0;background:transparent;z-index:10015!important;opacity:0;pointer-events:none}.chat-workspace.sidebar-open .sidebar-overlay{opacity:0;pointer-events:auto}.sidebar-header h1,.sidebar-header .profile-card,.sidebar-header .theme-toggle-btn,.sidebar-search-box,.sidebar-action button span,.section-title,.chat-item-name,.chat-item-meta,.chat-list-item-right{display:flex!important}.sidebar-header .theme-toggle-btn{border:1px solid var(--border-color)!important;border-radius:8px!important;padding:6px!important;margin-left:0!important;margin-right:0!important;flex-shrink:0!important}html:not(.light-theme):not([data-theme=light]) .sidebar-header .mobile-sidebar-close-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:6px!important;color:var(--text-secondary)!important;background:transparent!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:none!important}.sidebar-header{padding:16px 20px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--border-color)!important}.chat-list-item{justify-content:flex-start!important;padding:12px 16px!important}.avatar{width:36px!important;height:36px!important}.mobile-only-header{display:none!important}.chat-header{display:flex!important;position:relative!important;height:calc(60px + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) 16px 0 16px!important;background:#0d0c16d9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--border-color)!important;align-items:center!important;justify-content:flex-start!important;z-index:1000!important;flex-shrink:0!important;box-sizing:border-box!important}.chat-board>.chat-header{display:flex!important;position:absolute!important;top:calc(max(40px,env(safe-area-inset-top,0px)) + 12px)!important;left:50%!important;transform:translate(-50%)!important;width:auto!important;min-width:140px!important;max-width:60%!important;height:56px!important;padding:0 20px!important;background:#ffffff12!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1f!important;align-items:center!important;justify-content:center!important;z-index:10002!important;flex-shrink:0!important;box-sizing:border-box!important;border-bottom:none!important}.chat-header-user,.chat-header-user.chat-header-user-dm,.chat-header-user.chat-header-user-room,.friends-dashboard-container .chat-header-user,.notepad-dashboard-container .chat-header-user,.settings-dashboard-container .chat-header-user,.public-wall-dashboard-container .chat-header-user,.collaborative-story-container .chat-header-user,.random-match-container .chat-header-user,.game-workspace-container .chat-header-user{position:absolute!important;left:50%!important;top:calc(50% + env(safe-area-inset-top,0px)/2)!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;z-index:2!important;pointer-events:auto!important;width:auto!important;max-width:60%!important;white-space:nowrap!important}.chat-board>.chat-header .chat-header-user{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;pointer-events:auto!important;z-index:2!important}.chat-board>.chat-header .chat-header-actions{display:none!important}.mobile-back-header-btn{position:fixed!important;top:calc(max(40px,env(safe-area-inset-top,0px)) + 18px)!important;left:16px!important;width:44px!important;height:44px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff12!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text-primary)!important;box-shadow:0 4px 16px #00000040!important;z-index:10005!important;cursor:pointer!important;transition:all .2s ease!important}.mobile-back-header-btn:active{transform:scale(.92)!important}.friends-dashboard-container .chat-header,.notepad-dashboard-container .chat-header,.settings-dashboard-container .chat-header,.public-wall-dashboard-container .chat-header,.collaborative-story-container .chat-header,.random-match-container .chat-header,.public-directory-container .chat-header,.game-workspace-container .chat-header,.game-hex-conquest-wrapper .game-header-bar,.game-hex-conquest-wrapper .game-header-bar-mobile-overlay{display:none!important}.game-page-scroll-container,.random-match-scroll-body{padding-top:calc(max(48px,env(safe-area-inset-top,0px)) + 36px)!important}.friends-dashboard-container,.settings-dashboard-container,.notepad-dashboard-container,.public-wall-dashboard-container,.collaborative-story-container,.random-match-container,.public-directory-container,.game-workspace-container{padding-top:0!important}.friends-subheader,.settings-sidebar{position:sticky!important;top:0!important;z-index:1000!important;padding-top:10px!important;background:#0d0c16e6!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;box-sizing:border-box!important}.light-theme .friends-subheader{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.light-theme .settings-sidebar{background:#fffc!important}.light-theme .chat-header-user{color:var(--text-primary)!important}.mobile-menu-toggle-btn{display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--text-secondary)!important;cursor:pointer!important;width:38px!important;height:38px!important;border-radius:10px!important;margin:0!important;z-index:3!important;position:relative!important}.light-theme .mobile-menu-toggle-btn{background:#0f172a0a!important;border:1px solid rgba(15,23,42,.08)!important;color:var(--text-primary)!important}.chat-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;z-index:3!important;position:relative!important;min-width:38px!important}.mobile-members-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:10px!important;background:#3b82f61f!important;border:1px solid rgba(59,130,246,.25)!important;color:#3b82f6!important;cursor:pointer!important;margin:0!important}.light-theme .mobile-members-btn{background:#3b82f614!important;border:1px solid rgba(59,130,246,.2)!important;color:#2563eb!important}.mobile-global-floating-btn{position:fixed!important;top:calc(12px + max(44px,env(safe-area-inset-top,0px)))!important;left:16px!important;width:42px!important;height:42px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0f172aa6!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--text-primary)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 4px 16px #0000004d!important;z-index:10005!important;cursor:pointer!important;transition:all .2s ease!important}.light-theme .mobile-global-floating-btn{background:#ffffffbf!important;border:1px solid rgba(15,23,42,.08)!important;color:var(--text-primary)!important;box-shadow:0 4px 16px #0f172a1f!important}.mobile-global-floating-btn:active{transform:scale(.92)!important}.home-widget-tools{position:fixed;top:calc(12px + max(44px,env(safe-area-inset-top,0px)));right:16px;z-index:10006;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.home-widget-tool-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.home-widget-add-toggle{width:42px;height:42px;padding:0;display:grid;place-items:center;color:var(--text-primary);background:#ffffff0b;border:1px solid var(--border-color);border-radius:14px;box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.home-widget-add-toggle.active svg{transform:rotate(45deg)}.home-widget-add-toggle svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.home-widget-edit-toggle{width:92px;min-height:38px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-primary);font-size:.76rem;font-weight:750!important;background:#ffffff0b;border:1px solid var(--border-color);border-radius:14px;box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:homeWidgetManagerIn .24s cubic-bezier(.16,1,.3,1) both;transition:width .32s cubic-bezier(.16,1,.3,1),background .22s ease,border-color .22s ease,color .22s ease}.home-widget-edit-toggle.active{width:72px;color:var(--text-primary);background:#ffffff13;border-color:var(--border-color)}.home-widget-manager-panel{width:min(260px,calc(100vw - 32px));padding:14px;color:var(--text-primary);background:#ffffff0b;border:1px solid var(--border-color);border-radius:16px;box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:homeWidgetManagerIn .24s cubic-bezier(.16,1,.3,1) both}@keyframes homeWidgetManagerIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.home-widget-edit-toggle.closing,.home-widget-manager-panel.closing{pointer-events:none;animation:homeWidgetManagerOut .1s ease-out both}@keyframes homeWidgetManagerOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.97)}}.home-widget-manager-title{margin-bottom:10px;font-size:.78rem;font-weight:800}.home-widget-manager-list{display:flex;flex-direction:column;gap:7px}.home-widget-manager-list button{width:100%;min-height:38px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:var(--text-primary);text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:10px}.home-widget-manager-empty{color:var(--text-secondary);font-size:.72rem;line-height:1.45}.light-theme .home-widget-add-toggle,.light-theme .home-widget-edit-toggle,.light-theme .home-widget-manager-panel{background:#ffffffe0;border-color:#0f172a1a;box-shadow:0 10px 28px #0f172a24}.light-theme .home-widget-add-toggle{background:linear-gradient(145deg,#fffffff5,#ede9feb8);border-color:#ffffffe6;box-shadow:0 8px 24px #4c1d9521,inset 0 1px 1px #fff,inset 0 -1px #7c3aed1a}.light-theme .home-widget-edit-toggle.active{color:#fff;background:#7c3aede0}.light-theme .home-widget-manager-list button{background:#0f172a0b;border-color:#0f172a14}.mobile-global-floating-right-btn{position:fixed!important;top:calc(max(40px,env(safe-area-inset-top,0px)) + 18px)!important;right:16px!important;width:44px!important;height:44px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff12!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text-primary)!important;box-shadow:0 4px 16px #00000040!important;z-index:10005!important;cursor:pointer!important;transition:all .2s ease!important}.light-theme .mobile-global-floating-right-btn{background:#ffffffbf!important;border:1px solid rgba(15,23,42,.08)!important;color:var(--text-primary)!important;box-shadow:0 4px 16px #0f172a1f!important}.mobile-global-floating-right-btn:active{transform:scale(.92)!important}.friends-dashboard-container,.notepad-dashboard-container,.settings-dashboard-container,.public-wall-dashboard-container,.collaborative-story-container,.home-dashboard-container,.public-directory-container{padding-top:0!important;box-sizing:border-box!important}.chat-board{padding-top:0!important;position:relative!important}.chat-top-blur-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;height:calc(max(48px,env(safe-area-inset-top,0px)) + 70px)!important;z-index:999!important;pointer-events:none!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;mask-image:linear-gradient(to bottom,#000,#000000bf 40%,#0000004d 75%,#0000)!important;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.75) 40%,rgba(0,0,0,.3) 75%,rgba(0,0,0,0) 100%)!important}.pwa-install-title{font-size:1.45rem!important;font-weight:800!important;margin-bottom:10px!important;text-align:center!important;font-family:Outfit,Inter,system-ui,sans-serif!important;background:linear-gradient(135deg,#fff,#c084fc)!important;background-clip:text!important;-webkit-background-clip:text!important;text-fill-color:transparent!important;-webkit-text-fill-color:transparent!important;letter-spacing:-.5px!important}.light-theme .pwa-install-title{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;background-clip:text!important;-webkit-background-clip:text!important;text-fill-color:transparent!important;-webkit-text-fill-color:transparent!important}.chat-header-user{display:flex!important;align-items:center!important;height:100%!important;top:0!important}.mobile-only-header{pointer-events:none!important}.mobile-only-header .mobile-menu-toggle-btn{pointer-events:auto!important}.chat-header-name{max-width:calc(100vw - 120px)!important}.chat-item-name{display:inline-block!important;vertical-align:middle!important;max-width:70px!important}.chat-header-actions{margin-left:auto!important}.chat-header-actions .msg-count-tag{display:none!important}.mobile-menu-toggle-btn{display:flex!important;align-items:center;justify-content:center;background:#ffffff08!important;border:1px solid rgba(255,255,255,.07)!important;color:var(--text-secondary);cursor:pointer;width:40px!important;height:40px!important;aspect-ratio:1 / 1!important;box-sizing:border-box!important;border-radius:10px!important;margin-right:12px;transition:all .2s ease;flex-shrink:0}.mobile-menu-toggle-btn:hover{background:#ffffff14!important;border-color:#8b5cf64d!important;color:var(--text-primary)}.chat-input-bar{padding:8px 16px calc(14px + env(safe-area-inset-bottom,0px)) 16px!important;margin-bottom:6px!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:none!important}.light-theme .chat-input-bar{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:none!important}.messages-timeline,.sidebar-scrollable,.public-directory-list-wrapper{-webkit-overflow-scrolling:touch}.chat-header-actions .confirm-bubble-wrapper{display:none!important}.mobile-only-flex{display:flex!important}input,select,textarea{font-size:16px!important}.members-sidebar{display:none}.mobile-members-btn{display:flex!important}.game-workspace-container.game-active-playing,.game-hex-conquest-wrapper{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:9999!important;background:#00030a!important;margin:0!important;padding:0!important;overflow:hidden!important}.light-theme .game-workspace-container.game-active-playing,.light-theme .game-hex-conquest-wrapper{background:#fff!important}.chat-workspace:not(.neon-mode-active) .game-workspace-container.game-active-playing.game-type-guess_who,.chat-workspace:not(.neon-mode-active) .game-workspace-container.game-active-playing.game-type-word_race{background:transparent!important}.game-workspace-container.game-active-playing .game-page-scroll-container{height:100%!important;width:100%!important;max-height:100%!important;padding:0!important;margin:0!important;overflow:hidden!important}.game-workspace-container.game-active-playing .game-container,.game-hex-conquest-wrapper .game-container{height:100%!important;width:100%!important;max-height:100%!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;gap:0!important}.game-workspace-container.game-active-playing .game-main-grid-row{height:100%!important;max-height:100%!important;margin:0!important;padding:0!important;gap:0!important;flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.game-workspace-container.game-active-playing .hex-canvas-wrapper{height:100%!important;max-height:100%!important;border-radius:0!important;overflow:hidden!important;flex:1!important}.game-workspace-container.game-active-playing .hex-canvas-inner-wrapper{aspect-ratio:auto!important;height:100%!important;max-height:100%!important;border-radius:0!important;border:none!important}.game-workspace-container.game-active-playing .world-map-bg{top:0!important;left:0!important;width:100%!important;height:100%!important;transform:none!important}.chat-workspace:has(.game-active-playing) .mobile-global-floating-btn{top:calc(12px + max(44px,env(safe-area-inset-top,0px)))!important;left:8px!important;width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(135deg,#ffffff14,#ffffff05)!important;border:1.5px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important;box-shadow:0 8px 32px #00000059!important;color:#fff!important;z-index:10005!important;display:flex!important;align-items:center!important;justify-content:center!important}body.mystic-realms-playing .mobile-global-floating-btn,body.mystic-realms-playing .mobile-global-floating-right-btn,.chat-workspace:has(.mystic-realms-playing) .mobile-global-floating-btn,.chat-workspace:has(.game-type-mystic_realms) .mobile-global-floating-btn{display:none!important}.light-theme .chat-workspace:has(.game-active-playing) .mobile-global-floating-btn{color:#0f172a!important;background:#ffffffbf!important;border:1.5px solid rgba(0,0,0,.12)!important;box-shadow:0 4px 12px #00000014!important}.light-theme .chat-workspace:has(.game-type-hex_conquest) .mobile-global-floating-btn{color:#fff!important;background:#ffffff0d!important;border:1.5px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #00000059!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.game-workspace-container.game-active-playing .game-header-bar-mobile-overlay{top:calc(12px + max(44px,env(safe-area-inset-top,0px)))!important;left:54px!important;height:38px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;padding:0 10px!important}.game-workspace-container:not(.game-active-playing){padding-bottom:0!important;height:100%!important}.game-workspace-container.game-active-playing.game-type-neon_trails{position:relative!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:9999!important;background:#00030a!important;padding:0!important;margin:0!important;display:block!important}.light-theme .game-workspace-container.game-active-playing.game-type-neon_trails{background:#fff!important}.game-workspace-container.game-active-playing.game-type-neon_trails .game-page-scroll-container{height:auto!important;max-height:none!important;overflow:visible!important;width:100%!important;padding:0!important;margin:0!important}.game-workspace-container.game-active-playing.game-type-neon_trails .game-container{height:auto!important;max-height:none!important;overflow:visible!important;width:100%!important;box-sizing:border-box!important;padding:0 16px!important;display:flex!important;flex-direction:column!important;gap:16px!important}.game-workspace-container.game-active-playing.game-type-neon_trails .game-main-grid-row{height:auto!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:16px!important;flex:none!important}.game-workspace-container.game-active-playing.game-type-neon_trails .neon-game-layout-row{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important}.game-workspace-container.game-active-playing.game-type-neon_trails .neon-canvas-wrapper-outer{width:100%!important;flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;height:166.6vw!important;overflow:hidden!important;margin:8px 0 0!important;position:relative!important;border-radius:16px!important}.game-workspace-container.game-active-playing.game-type-neon_trails .neon-canvas-inner-container{width:100vw!important;height:166.6vw!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:visible!important;border:none!important;box-shadow:none!important}.game-workspace-container.game-active-playing.game-type-neon_trails .neon-canvas-wrapper-outer canvas{transform:rotate(90deg)!important;transform-origin:center!important;width:166.6vw!important;height:100vw!important;max-width:none!important;flex-shrink:0!important}.game-workspace-container.game-active-playing.game-type-neon_trails .neon-stats-wrapper-outer{display:none!important}.chat-workspace:has(.game-type-neon_trails),.chat-workspace:has(.game-type-neon_trails) .chat-board,.chat-workspace:has(.game-type-neon_trails) .chat-main-area,.chat-workspace:has(.game-type-neon_trails) .game-workspace-container{height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:auto!important}.chat-workspace:has(.game-type-neon_trails) .mobile-global-floating-btn{top:calc(12px + max(44px,env(safe-area-inset-top,0px)))!important;left:16px!important}}.online-dot.offline{background-color:var(--danger-color);box-shadow:none}.message-wrapper.grouped{margin-top:-3px!important}.message-wrapper.grouped .message-sender{display:none!important}.message-wrapper.grouped.outgoing .message-bubble{border-top-right-radius:12px;border-bottom-right-radius:12px}.message-wrapper.grouped.incoming .message-bubble{border-top-left-radius:12px;border-bottom-left-radius:12px}.confirm-bubble-wrapper{position:relative;display:inline-block}.confirm-bubble{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;box-shadow:0 4px 15px #0006;display:flex;flex-direction:column;gap:6px;z-index:50;width:140px;font-size:.8rem;text-align:center;animation:popMessage .2s cubic-bezier(.16,1,.3,1) forwards}.confirm-bubble:after{content:"";position:absolute;bottom:100%;right:18px;border:6px solid transparent;border-bottom-color:var(--bg-card)}.confirm-bubble-btns{display:flex;gap:6px;justify-content:center}.confirm-btn-yes{background:var(--danger-color);border:none;color:#fff;border-radius:4px;padding:2px 8px;font-size:.75rem;cursor:pointer;font-weight:600;transition:opacity .2s}.confirm-btn-no{background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;padding:2px 8px;font-size:.75rem;cursor:pointer;transition:background .2s}.confirm-btn-yes:hover{opacity:.9}.confirm-btn-no:hover{background:#ffffff26}.recaptcha-wrapper{width:302px;height:76px;overflow:hidden;border-radius:3px;display:flex;justify-content:center;align-items:flex-start;margin:0 auto 20px;border:none!important;background:transparent!important}.recaptcha-wrapper *{border:none!important;outline:none!important;box-shadow:none!important}.recaptcha-wrapper iframe{width:302px!important;height:78px!important;border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important}.login-footer-links{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;z-index:10}.login-footer-btn{background:none;border:none;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s ease;padding:4px 8px;border-radius:6px;text-decoration:none}.login-footer-btn:hover{color:var(--text-secondary);text-shadow:0 0 8px rgba(255,255,255,.2);background:#ffffff08}.login-footer-separator{color:#ffffff26;font-size:.75rem;-webkit-user-select:none;user-select:none}.info-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#030307d9;display:flex;justify-content:center;align-items:center;z-index:10005;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-workspace:has(.share-note-modal-overlay) .notepad-dashboard-container,.chat-workspace:has(.share-note-modal-overlay) .notepad-layout,.chat-workspace:has(.share-note-modal-overlay) .notepad-editor-area,.chat-workspace:has(.share-note-modal-overlay) .notepad-editor-container{overflow:hidden!important;overscroll-behavior:none!important}.share-note-modal-overlay{overscroll-behavior:none}.share-note-friends-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.info-modal-card{width:520px;max-width:90%;padding:32px;animation:modalScale .3s cubic-bezier(.16,1,.3,1) forwards}.info-modal-title{font-size:1.25rem;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff 40%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info-modal-body{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin-bottom:24px;max-height:55vh;overflow-y:auto;padding-right:12px}.info-modal-body p{margin-bottom:12px}.info-modal-body h3{font-size:1.05rem;color:var(--text-primary);margin:20px 0 8px;font-weight:600}.info-modal-body h3:first-of-type{margin-top:0}.info-modal-body hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:16px 0}.info-modal-body ul{padding-left:20px;margin-top:8px;margin-bottom:16px;list-style-type:disc}.info-modal-body ol{padding-left:20px;margin-top:8px;margin-bottom:16px}.info-modal-body li{margin-bottom:8px}.info-modal-date{font-size:.85rem;color:var(--text-muted);margin-bottom:16px;font-style:italic}.sidebar-footer{padding:8px 30px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-start;align-items:center}.sidebar-footer-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;transition:all .2s ease}.sidebar-footer-btn:hover{background:#ffffff14;color:var(--text-primary);border-color:#fff3;box-shadow:0 0 10px #ffffff1a;transform:translateY(-2px)}.sidebar-footer-btn.active{background:#8b5cf61f!important;color:var(--text-primary)!important;border-color:#8b5cf6!important;animation:accentGlow 2.5s ease-in-out infinite!important}.light-theme .sidebar-footer-btn.active{background:#7c3aed14!important;color:#7c3aed!important;border-color:#7c3aed!important;animation:accentGlowLight 2.5s ease-in-out infinite!important}@keyframes accentGlow{0%{border-color:#8b5cf6;box-shadow:0 0 8px #8b5cf699}50%{border-color:#00d2ff;box-shadow:0 0 12px #00d2ffcc}to{border-color:#8b5cf6;box-shadow:0 0 8px #8b5cf699}}@keyframes accentGlowLight{0%{border-color:#7c3aed;box-shadow:0 0 6px #7c3aed4d}50%{border-color:#0284c7;box-shadow:0 0 10px #0284c766}to{border-color:#7c3aed;box-shadow:0 0 6px #7c3aed4d}}.book-modal-card{width:760px;max-width:95%;height:80vh;max-height:600px;padding:0;display:flex;overflow:hidden}.book-modal-layout{display:flex;width:100%;height:100%}.book-modal-sidebar{width:240px;border-right:1px solid var(--border-color);padding:24px 16px;display:flex;flex-direction:column;background:#0d0c1666}.book-modal-tabs{margin-top:24px;display:flex;flex-direction:column;gap:8px}.book-modal-tab-btn{background:none;border:none;color:var(--text-secondary);padding:12px 16px;border-radius:8px;text-align:left;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.book-modal-tab-btn:hover{background:#ffffff0d;color:var(--text-primary)}.book-modal-tab-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow)}.book-modal-content{flex:1;padding:32px;display:flex;flex-direction:column;height:100%;overflow:hidden}.book-modal-content .info-modal-body{flex:1;margin-bottom:20px;max-height:none;padding-right:16px}@media (max-width: 600px){.book-modal-card{height:82vh!important;max-height:none!important;width:95%!important;align-self:flex-start!important;margin-top:40px!important}.book-modal-layout{flex-direction:column}.book-modal-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:16px}.book-modal-tabs{margin-top:12px;flex-direction:row;overflow-x:auto;padding-bottom:8px;gap:6px;touch-action:pan-x!important}.book-modal-tab-btn{white-space:nowrap;padding:8px 12px;font-size:.8rem}.book-modal-content{padding:16px}}.search-btn{position:absolute;right:1px;top:1px;bottom:1px;height:calc(100% - 2px);background:transparent;border:none;color:var(--text-secondary);border-radius:0 11px 11px 0;padding:0 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-btn:hover{background:#8b5cf614;color:var(--accent-purple)}.contact-methods{display:flex;flex-direction:column;gap:16px;margin-top:16px}.contact-method-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.contact-method-card:hover{background:#ffffff0a;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 20px #0003}.contact-method-header{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.contact-method-header svg{color:var(--accent-purple)}.contact-method-header h4{font-size:1rem;font-weight:600;margin:0}.contact-method-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.4;margin:0}.contact-link{color:#a78bfa;text-decoration:none;font-size:.9rem;font-weight:500;margin-top:auto;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.contact-link:hover{color:#c084fc;text-decoration:underline}@media (max-width: 600px){.contact-methods{grid-template-columns:1fr}}.mobile-only-flex{display:none}.sidebar-room-actions{display:flex;gap:6px;align-items:center;width:58px;justify-content:flex-end;flex-shrink:0}.sidebar-action-icon-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;transition:all .2s ease;padding:0}.sidebar-action-icon-btn.delete-btn{color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.2)}.sidebar-action-icon-btn.delete-btn:hover{background:#ef444440;border-color:#ef444466;color:#fca5a5}.sidebar-action-icon-btn.leave-btn{color:var(--text-secondary);background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.sidebar-action-icon-btn.leave-btn:hover{background:#ffffff14;border-color:#ffffff26;color:var(--text-primary)}.chat-input-wrapper-outer{display:flex;flex-direction:column;position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:40!important;pointer-events:none!important;background:transparent!important;border-top:none!important;box-shadow:none!important}.chat-input-wrapper-outer>*{pointer-events:auto}.chat-input-bar{border-top:none!important}.chat-image-preview-bar{padding:12px 24px 0;display:flex;align-items:center}.preview-container{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 4px 12px #0003;background:#ffffff05}.preview-container img{width:100%;height:100%;object-fit:cover}.remove-preview-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.remove-preview-btn:hover{background:#ef4444e6;border-color:#ef4444}.message-bubble-image{max-width:320px;padding:6px!important;display:flex;flex-direction:column;gap:6px}.message-image{max-width:100%;max-height:240px;border-radius:12px;object-fit:cover;cursor:pointer;transition:opacity .2s ease,transform .2s ease;display:block}.message-image:hover{opacity:.9;transform:scale(1.01)}.message-text-with-image{display:block;padding:4px 8px;font-size:.95rem;line-height:1.45;word-break:break-word}.full-screen-image-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#000000d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .25s ease-out}.full-screen-image-container{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1);animation:scaleUp .25s ease-out}.full-screen-image-container img{max-width:100%;max-height:90vh;object-fit:contain;display:block}.full-screen-close-btn{position:absolute;top:24px;right:24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10000;padding:0}.full-screen-close-btn:hover{background:#ffffff26;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.message-bubble-image{max-width:240px}.message-image{max-height:180px}}.view-once-toggle-btn{margin-left:auto;align-self:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:20px;padding:6px 14px;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.view-once-toggle-btn:hover{background:#ffffff1a;color:var(--text-primary)}.view-once-toggle-btn.active{background:var(--accent-gradient);border-color:transparent;color:#fff;box-shadow:var(--accent-glow)}.view-once-toggle-btn.active .toggle-number{background-color:#fff;border-color:#fff;color:#8b5cf6;border-style:solid}.view-once-toggle-btn .toggle-number{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px dotted currentColor;font-size:.75rem;font-weight:700}.message-bubble-view-once{padding:2px 4px!important;display:flex;flex-direction:column;gap:4px}.view-once-placeholder,.view-once-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:14px;font-size:.85rem;font-family:inherit}.view-once-placeholder{-webkit-user-select:none;user-select:none;background:#ffffff0a;color:#ffffffb3;border:1px solid rgba(255,255,255,.06)}.message-wrapper.outgoing .view-once-placeholder{background:#ffffff26;color:#fffffff2;border:1px solid rgba(255,255,255,.2)}.view-once-placeholder.viewed{opacity:.55}.view-once-btn{background:#8b5cf640;border:1px solid rgba(139,92,246,.45);color:#fff;cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.message-wrapper.outgoing .view-once-btn{background:#ffffff40;border:1px solid rgba(255,255,255,.4);color:#fff}.view-once-btn:hover{background:#8b5cf659;border-color:#8b5cf699;color:#fff}.message-wrapper.outgoing .view-once-btn:hover{background:#ffffff59;border-color:#ffffff8c}.message-wrapper.outgoing .message-bubble-view-once .message-text-with-image{color:#fff!important;padding:2px 12px 6px!important}.message-wrapper.incoming .message-bubble-view-once .message-text-with-image{color:var(--text-primary)!important;padding:2px 12px 6px!important}.message-images-grid{display:grid;gap:6px;grid-template-columns:repeat(2,1fr);width:100%;margin-top:2px}.message-images-grid.single-image{grid-template-columns:1fr}.message-images-grid img{width:100%;max-height:140px;object-fit:cover;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.message-images-grid.single-image img{max-height:240px}.message-images-grid img:hover{opacity:.9}.preview-thumbnails-list{display:flex;gap:8px;overflow-x:auto;max-width:70%;padding-bottom:4px}.view-once-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#000000f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .25s ease-out;cursor:pointer}.view-once-image-container{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0009;border:1px solid rgba(255,255,255,.08);animation:scaleUp .25s ease-out;background:#0006}.view-once-gallery{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:16px;max-height:85vh;width:100%;align-items:center}.view-once-image{max-width:100%;max-height:75vh;object-fit:contain;display:block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none;border-radius:8px;box-shadow:0 4px 12px #00000080}.connection-lost-banner{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#ec489926,#8b5cf626),#0d0c16d9;border-bottom:none;color:#fbcfe8;padding:10px 16px;font-size:.85rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;z-index:10000;animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 768px){.connection-lost-banner{position:fixed!important;top:calc(12px + max(44px,env(safe-area-inset-top,0px)))!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:auto!important;max-width:none!important;white-space:nowrap!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:none;border-radius:20px;box-shadow:0 10px 25px #0000004d,0 0 15px #ec489926;animation:fadeIn .4s ease-out forwards;background:linear-gradient(135deg,#ec489938,#8b5cf638),#0d0c16eb;padding:8px 14px;font-size:.82rem}}.connection-lost-banner .pulse{animation:pulseGlow 1.5s infinite ease-in-out;color:#8b5cf6}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.message-system{display:flex;justify-content:center;margin:12px 0;width:100%}.message-system-text{background-color:#ffffff0a;color:var(--text-muted);font-size:.78rem;padding:4px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);letter-spacing:.01em}.grecaptcha-badge{display:none!important;visibility:hidden!important}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #f5576c66;animation:pulseBadge 2s infinite ease-in-out}@keyframes pulseBadge{0%{transform:scale(1);box-shadow:0 2px 8px #f5576c66}50%{transform:scale(1.1);box-shadow:0 2px 14px #f5576c99}to{transform:scale(1);box-shadow:0 2px 8px #f5576c66}}.profile-avatar-wrapper{position:relative;width:36px;height:36px;border-radius:10px;overflow:visible!important;cursor:pointer;flex-shrink:0}.profile-avatar-wrapper .avatar{width:100%!important;height:100%!important;border-radius:10px!important;transition:all .2s ease-in-out}.avatar-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#0f0a1999;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(1);transition:opacity .2s ease-in-out,transform .2s ease-in-out;pointer-events:none}.profile-avatar-wrapper:hover .avatar-edit-overlay{opacity:1;transform:scale(1.08)}.profile-avatar-wrapper:hover .avatar{transform:scale(1.08)}.mobile-menu-toggle-btn{position:relative!important}.menu-unread-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #f5576c66;border:1px solid rgba(255,255,255,.2);pointer-events:none;z-index:10}@media (max-width: 768px){.chat-header-user.chat-header-user-dm,.chat-header-user.chat-header-user-room,.friends-dashboard-container .chat-header-user,.notepad-dashboard-container .chat-header-user,.settings-dashboard-container .chat-header-user,.public-wall-dashboard-container .chat-header-user,.collaborative-story-container .chat-header-user,.random-match-container .chat-header-user,.mobile-only-header .chat-header-user,.game-workspace-container .chat-header-user{position:absolute!important;left:50%!important;top:calc(50% + env(safe-area-inset-top,0px)/2)!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;z-index:2!important;pointer-events:auto!important;width:auto!important;max-width:60%!important;white-space:nowrap!important}.mobile-only-header{justify-content:space-between!important}.message-wrapper.incoming .message-timestamp{align-self:flex-start!important;margin-left:44px!important}.message-wrapper.incoming.chat-type-direct .message-timestamp{align-self:flex-start!important;margin-left:0!important}.message-wrapper.outgoing .message-timestamp,.message-wrapper.outgoing.chat-type-direct .message-timestamp{align-self:flex-end!important;margin-right:0!important}.message-wrapper.incoming .message-sender{margin-left:0!important}.message-wrapper.outgoing .message-sender{margin-right:0!important}.messages-timeline{padding:calc(max(48px,env(safe-area-inset-top,0px)) + 52px) 8px 24px 8px!important}.wall-filters-compact{padding:6px 10px!important;gap:6px!important;margin-bottom:10px!important;border-radius:8px!important}.wall-filters-compact .wall-select,.wall-filters-compact .wall-search-input{height:28px!important;font-size:.75rem!important;padding:0 6px!important;border-radius:6px!important}.wall-filters-compact .wall-search-input{padding-left:24px!important}.wall-filters-compact svg{width:14px!important;height:14px!important}}.login-avatar-preview{transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease}.login-avatar-preview:hover{transform:scale(1.05);box-shadow:0 12px 30px #8b5cf666!important}.login-customizer-panel{animation:slideDownFade .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-emoji-btn{background:transparent;border:1px solid transparent;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:transform .15s ease,background-color .2s ease,border-color .2s ease}.custom-emoji-btn:hover{transform:scale(1.2);background-color:#ffffff14}.custom-emoji-btn.active{background-color:#ffffff26!important;border-color:#ffffff4d!important}.custom-color-btn{border-radius:50%;width:24px;height:24px;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.custom-color-btn:hover{transform:scale(1.2);box-shadow:0 4px 10px #fff3}.custom-color-btn.active{border:2px solid #fff!important;box-shadow:0 0 12px #ffffff80}.public-directory-container{display:flex;flex-direction:column;height:100%;width:100%;background:transparent}.public-directory-subheader{padding:16px 24px;border-bottom:1px solid var(--border-color);background:#ffffff03}.public-directory-subheader .search-bar-wrapper{position:relative;width:100%;max-width:500px;display:flex;align-items:center}.public-directory-subheader .search-bar-wrapper input{width:100%;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:10px 16px 10px 40px;color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:all .3s ease}.public-directory-subheader .search-bar-wrapper input:focus{outline:none;background:#ffffff0f;border-color:var(--accent-purple);box-shadow:var(--accent-glow)}.public-directory-subheader .search-bar-wrapper .search-icon{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none}.public-directory-subheader .search-bar-wrapper .search-clear-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%}.public-directory-subheader .search-bar-wrapper .search-clear-btn:hover{background:#ffffff1a;color:var(--text-primary)}.public-directory-list-wrapper{flex:1;overflow-y:auto;padding:24px}.public-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding-bottom:24px}.public-room-card{display:flex;flex-direction:column;justify-content:space-between;padding:20px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-color)}.public-room-card .card-top{display:flex;align-items:center;gap:12px;position:relative}.public-room-card .room-avatar{width:44px;height:44px;border-radius:12px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.public-room-card .room-info-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.public-room-card .room-title-text{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-room-card .room-creator{font-size:.75rem;color:var(--text-secondary)}.public-room-card .room-lock-badge{width:24px;height:24px;border-radius:6px;background:#8b5cf61a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.public-room-card .card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:12px}.public-room-card .room-members-count{display:flex;flex-direction:column;gap:2px}.public-room-card .count-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.public-room-card .count-value{font-size:.85rem;font-weight:600;color:var(--accent-blue)}.public-room-card .count-value.full{color:var(--danger-color)}.public-room-card .join-room-btn{width:auto;padding:8px 18px;font-size:.85rem;border-radius:8px;height:36px}.public-room-card .join-room-btn.joined{background:#10b98126!important;border:1px solid rgba(16,185,129,.3)!important;color:#a7f3d0!important;box-shadow:none!important}.public-room-card .join-room-btn.joined:hover{background:#10b98140!important;transform:none!important;filter:none!important}.directory-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.directory-empty-state h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.directory-empty-state p{font-size:.85rem;max-width:320px;line-height:1.5;color:var(--text-muted)}.no-truncate{max-width:none!important}.create-room-modal-content{width:410px!important;max-width:90%!important;padding:20px 24px!important}.create-room-modal-content .modal-header{margin-bottom:16px!important}.create-room-modal-content .modal-title{font-size:1.15rem!important}.create-room-modal-content .input-group{margin-bottom:12px!important}.create-room-modal-content .input-label{font-size:.8rem!important;margin-bottom:4px!important}.create-room-modal-content .input-field{padding:10px 14px!important;font-size:.85rem!important;border-radius:10px!important}.create-room-modal-content .toggle-container{margin-bottom:12px!important;padding:10px 14px!important;border-radius:10px!important}.create-room-modal-content .toggle-label{font-size:.85rem!important}.create-room-modal-content .toggle-desc{font-size:.7rem!important}.create-room-modal-content .switch{width:40px!important;height:20px!important}.create-room-modal-content .slider:before{height:14px!important;width:14px!important;left:3px!important;bottom:3px!important}.create-room-modal-content input:checked+.slider:before{transform:translate(20px)!important}.create-room-modal-content .primary-btn{padding:11px 16px!important;font-size:.9rem!important;border-radius:10px!important}.create-room-modal-content .icon-btn{width:38px!important;height:38px!important;border-radius:8px!important}@keyframes slideDownText{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin .8s linear infinite}.animate-spin{animation:spin 1s linear infinite}.youtube-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.public-rooms-btn{background:linear-gradient(135deg,#0b0512,#020104)!important;border:1px solid rgba(139,92,246,.25)!important;transition:all .3s ease!important}.public-rooms-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.1)!important;box-shadow:0 0 25px #8b5cf680!important;border-color:#8b5cf666!important}.public-rooms-btn.active{background:linear-gradient(135deg,#1f0b30,#0a0212)!important;border-color:#8b5cf673!important}.marquee-container{flex:1;overflow:hidden;position:relative;display:flex;align-items:center;height:100%}.marquee-text{position:absolute;left:0;white-space:nowrap;animation:marquee-right 7s linear infinite;font-weight:600}@keyframes marquee-right{0%{transform:translate(-100%)}to{transform:translate(165%)}}@media (max-width: 768px){.search-input-wrapper input::placeholder{font-size:.85rem!important}.sidebar-search-box{flex-direction:column!important;align-items:stretch!important}.login-container{align-items:flex-start!important;padding-top:8vh!important}.public-directory-container .chat-header-user{transform:translate(-15px)}}.profile-crown{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:9999!important;pointer-events:none;filter:drop-shadow(0 0 4px rgba(251,191,36,.7));animation:floatCrown 3s infinite ease-in-out}@keyframes floatCrown{0%,to{transform:translate(-50%) translateY(0) rotate(-6deg)}50%{transform:translate(-50%) translateY(-2px) rotate(6deg)}}.rgb-signup-btn{position:relative;background:transparent;color:#fff;border:none;padding:12px 24px;font-weight:500!important;font-size:.95rem;border-radius:8px;cursor:pointer;z-index:1;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px}.rgb-signup-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ff007f,#7f00ff,#00f0ff,#ff007f);background-size:400%;z-index:-2;animation:rgbGlowGradient 8s linear infinite;border-radius:8px;opacity:.9;transition:opacity .3s ease}.rgb-signup-btn:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#0f0a19;z-index:-1;border-radius:6px;transition:background .3s ease}.rgb-signup-btn:hover:before{opacity:1!important;filter:drop-shadow(0 0 8px rgba(0,240,255,.6))!important}.rgb-signup-btn:hover:after{background:#181126!important}.rgb-signup-btn:hover{transform:translateY(-3px)!important;box-shadow:none!important}@keyframes rgbGlowGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-submit-btn{background:#000!important;color:#fff!important;border:2px solid #ffffff!important;border-radius:8px!important;padding:12px 24px!important;font-size:.95rem!important;transition:all .3s ease!important}.login-submit-btn:hover{background:#111115!important;border-color:#fffc!important;box-shadow:0 0 10px #ffffff40!important}.login-card .input-group{margin-bottom:12px!important}.friends-dashboard-container{display:flex;flex-direction:column;height:100%;width:100%;background:transparent}.friends-subheader{display:flex;align-items:center;gap:8px;padding:12px 24px;border-bottom:1px solid var(--border-color);background:#ffffff03;overflow-x:auto}.friends-subheader::-webkit-scrollbar{display:none}.friends-tab-btn{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;font-size:.85rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.friends-tab-btn:hover{background:#ffffff0f;color:var(--text-primary);border-color:#ffffff26}@media (min-width: 769px) and (hover: hover){.friends-tab-btn:not(.add-friend-btn):hover{transform:translateY(-2px);box-shadow:0 0 15px #8b5cf633}}.friends-tab-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:var(--accent-glow)}.friends-tab-btn.add-friend-btn{color:var(--success-color)!important;border-color:#10b98133!important;transition:all .2s ease!important}.friends-tab-btn.add-friend-btn:hover{background:#10b9810f!important;color:var(--success-color)!important;border-color:#10b98166!important;transform:translateY(-2px)!important;box-shadow:0 0 15px #10b98133!important}.friends-tab-btn.add-friend-btn:active{transform:translateY(0)!important}.friends-tab-btn.add-friend-btn.active,:not(.light-theme) .friends-tab-btn.add-friend-btn.active{background:var(--success-color)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 0 15px #10b9814d!important;transform:none!important}.light-theme .friends-tab-btn.add-friend-btn.active{background:#22c55e!important;color:#052e16!important;border-color:#22c55e!important;box-shadow:0 0 15px #22c55e52!important;transform:none!important}.friends-badge{background:var(--danger-color);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:600;min-width:16px;text-align:center}.friends-search-bar-wrapper{position:relative;margin-bottom:20px;display:flex;align-items:center;width:100%;max-width:360px}.friends-search-bar-wrapper input{width:100%;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:8px 12px 8px 34px;color:var(--text-primary);font-family:inherit;font-size:.85rem;transition:all .3s ease}.friends-search-bar-wrapper input:focus{outline:none;background:#ffffff0f;border-color:var(--accent-purple);box-shadow:var(--accent-glow)}.friends-search-bar-wrapper .friends-search-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.friends-dashboard-content{flex:1;overflow-y:auto;padding:24px}.friends-list{display:flex;flex-direction:column;gap:8px}.friends-list-title{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.friend-item-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff03;border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.friend-item-row:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-1px)}@media (max-width: 768px){.dark-theme .friend-item-row,html:not(.light-theme) .friend-item-row{background:#0d0c16bf!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.dark-theme .friend-item-row:hover,html:not(.light-theme) .friend-item-row:hover{background:#0d0c16e6!important}}.friend-item-left{display:flex;align-items:center;gap:12px;min-width:0}.friend-item-left .avatar{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:600;color:#fff;flex-shrink:0}.friends-add-input-wrapper button{padding:10px 16px;font-size:.85rem;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:600;color:#fff;flex-shrink:0}.friend-info{display:flex;flex-direction:column;min-width:0}.friend-name{font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status-text{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.friend-status-text.online{color:var(--success-color)}.friend-status-text.online:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success-color);display:inline-block}.friend-status-text.offline{color:var(--text-muted)}.friend-status-text.offline:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-muted);display:inline-block;opacity:.5}.friend-actions{display:flex;align-items:center;gap:8px}.friend-action-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:#ffffff08;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.friend-action-btn:hover{background:#ffffff14;color:var(--text-primary)}.friend-action-btn.accept:hover{background:#10b9811a;color:var(--success-color);border-color:#10b98133}.friend-action-btn.decline:hover,.friend-action-btn.delete:hover{background:#ef44441a;color:var(--danger-color);border-color:#ef444433}.friend-pending-label{font-size:.75rem;color:var(--text-muted);background:#ffffff0a;padding:4px 8px;border-radius:6px;border:1px solid var(--border-color)}.friends-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center;background:#ffffff03;border:1px dashed var(--border-color);border-radius:16px}.friends-empty-state p{margin:0;font-size:.9rem}.friends-empty-state-small{padding:16px;font-size:.85rem;color:var(--text-muted);text-align:center;background:#ffffff03;border-radius:8px;border:1px solid var(--border-color)}.friends-add-container{max-width:480px;margin:0;padding:24px;background:#ffffff03;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0003}.friends-add-container h3{font-size:1.1rem;font-weight:700;margin:0 0 6px;color:var(--text-primary)}.friends-add-desc{font-size:.85rem;color:var(--text-muted);opacity:.7!important;margin:0 0 16px}.friends-add-form{display:flex;flex-direction:column;gap:12px}.friends-add-input-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;max-width:400px}.friends-add-input-wrapper input{width:100%;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-family:inherit;font-size:.85rem;transition:all .3s ease}.friends-add-input-wrapper input:focus{outline:none;background:#ffffff0f;border-color:var(--accent-purple);box-shadow:var(--accent-glow)}.friends-add-input-wrapper button{padding:10px 16px;font-size:.85rem;border-radius:8px;white-space:nowrap;align-self:flex-start}.comment-card-user{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-primary);cursor:pointer}.comment-card-body{font-size:.8rem;color:var(--text-secondary);line-height:1.4;word-break:break-all}.comment-composer-input{flex:1;background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:16px!important;padding:0 10px!important;color:#0f172a!important;font-size:.88rem!important;font-weight:500!important;outline:none;font-family:inherit;line-height:normal!important;height:30px!important}.comment-composer-input:focus{border-color:var(--accent-purple, #8b5cf6)!important}.comment-composer-input::placeholder{font-size:.88rem!important;font-weight:500!important;color:#64748b!important;opacity:.9!important;text-align:left!important;font-family:Geist,Inter,sans-serif!important}.friends-notification{display:flex;align-items:center;gap:6px;font-size:.85rem}.friends-notification.success-text{padding:9px 11px;color:#22c55e!important;border:1px solid rgba(34,197,94,.42);border-radius:9px;background:#22c55e1a}.friends-notification.success-text svg{color:#22c55e!important;stroke:#22c55e!important}.light-theme .friends-notification.success-text{background:#22c55e14}.settings-gear-btn svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.settings-gear-btn:hover svg{transform:rotate(45deg)}@media (max-width: 768px){.notebook-utility-page.expense-page{--expense-mobile-bottom-space: 208px}.friends-subheader{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;padding:8px 16px!important;gap:6px!important;background:#0d0c16e6!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important}.friends-tab-btn{padding:6px 12px;font-size:.75rem;flex-shrink:0}.friends-dashboard-content{position:relative!important;z-index:2!important;background:transparent!important;padding:16px!important;overflow-y:visible!important;display:block!important;height:auto!important}}.sidebar-nav-buttons{display:flex;flex-direction:column;gap:6px;padding:6px 10px}.sidebar-nav-btn{width:100%;height:40px;flex:none;background:transparent;border:1px solid transparent;color:#ffffffd9;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 12px;cursor:pointer;transition:all .2s ease;position:relative;font-size:.88rem;font-weight:500}.sidebar-match-cta{width:100%;min-height:44px;margin:6px 0 8px;padding:0 13px;display:grid;grid-template-columns:20px 1fr 18px;align-items:center;gap:9px;color:#fff;border:1px solid rgba(167,139,250,.38);border-radius:10px;background:linear-gradient(135deg,#8b5cf6eb,#6366f1e0);box-shadow:0 10px 24px #6348be33;font-size:.85rem;font-weight:760;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.sidebar-match-cta>svg:last-child{justify-self:end;opacity:.72}.sidebar-match-cta:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 30px #6348be4d}.sidebar-match-cta.active{box-shadow:0 0 0 2px #c4b5fd33,0 14px 32px #6348be52}.sidebar-nav-group-label{min-height:25px;margin-top:3px;padding:7px 10px 3px;display:flex;align-items:center;color:var(--text-muted);font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sidebar-nav-group-label:after{content:"";height:1px;margin-left:9px;flex:1;background:linear-gradient(90deg,var(--border-color),transparent)}.sidebar-rooms-entry{color:var(--text-secondary);background:#ffffff06;border-color:var(--border-color)}.sidebar-row-arrow{margin-left:auto;color:var(--text-muted)}.light-theme .sidebar-match-cta{color:#fff;border-color:#5b21b63d;background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 10px 24px #5b21b629}.light-theme .sidebar-rooms-entry{background:#ffffff94;border-color:#4f37661a}@keyframes bluePulseShadow{0%,to{box-shadow:0 0 4px #3b82f666;border-color:#3b82f666}50%,50%{box-shadow:0 0 12px #3b82f6d9;border-color:#3b82f6cc}}.sidebar-nav-btn:not(.games-nav-btn):hover{animation:bluePulseShadow 3s infinite ease-in-out!important;transform:translate(4px);filter:brightness(1.2)}.sidebar-nav-btn:not(.games-nav-btn).active{background:#fff!important;color:#0f172a!important;font-weight:700!important;border:1.5px solid rgba(15,23,42,.18)!important;box-shadow:0 2px 8px #0000000d!important}.sidebar-nav-btn:not(.games-nav-btn).active span,.sidebar-nav-btn:not(.games-nav-btn).active svg{color:#0f172a!important}.sidebar-nav-btn.games-nav-btn{background:linear-gradient(135deg,#00d2ff26,#8b5cf62e)!important;border:2px solid #00d2ff!important;box-shadow:0 0 14px #00d2ff4d,inset 0 0 8px #00d2ff26!important;border-radius:10px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;margin-top:4px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.sidebar-nav-btn.games-nav-btn .games-icon-pulse{color:#00f0ff!important;filter:drop-shadow(0 0 6px #00f0ff) drop-shadow(0 0 12px rgba(0,240,255,.6))!important;animation:gamepadIconPulse 2.5s ease-in-out infinite alternate!important}@keyframes gamepadIconPulse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(-6deg)}to{transform:scale(1) rotate(0)}}.sidebar-nav-btn.games-nav-btn .games-btn-text{font-weight:850!important;letter-spacing:.04em!important;background:linear-gradient(135deg,#00f0ff,#a78bfa);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 10px rgba(0,240,255,.4)!important}.sidebar-nav-btn.games-nav-btn .games-btn-badge{background:linear-gradient(135deg,#ff007f,#a05)!important;color:#fff!important;font-size:.62rem!important;font-weight:900!important;padding:2px 6px!important;border-radius:4px!important;letter-spacing:.05em!important;box-shadow:0 0 8px #ff007fb3!important;border:1px solid rgba(255,85,170,.6)!important;font-family:monospace!important}.sidebar-nav-btn.games-nav-btn:hover{transform:translate(4px) scale(1.03)!important;background:linear-gradient(135deg,#00d2ff47,#8b5cf652)!important;border-color:#00f0ff!important;box-shadow:0 0 22px #00f0ff99,inset 0 0 15px #00f0ff4d!important}.sidebar-nav-btn.games-nav-btn.active{background:linear-gradient(135deg,#00d2ff59,#8b5cf666)!important;border:2px solid #00f0ff!important;box-shadow:0 0 25px #00f0ffb3,inset 0 0 15px #00f0ff59!important}.sidebar-nav-btn.games-nav-btn.active .games-btn-text{background:linear-gradient(135deg,#00f0ff,#a78bfa)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 10px rgba(0,240,255,.6)!important}.sidebar-nav-btn.games-nav-btn.active .games-icon-pulse{color:#00f0ff!important;filter:drop-shadow(0 0 8px #00f0ff)!important}.light-theme .sidebar-nav-btn{color:var(--text-secondary)}@keyframes rgbGlow{0%{border-color:red;box-shadow:0 0 5px #f006}17%{border-color:#f0f;box-shadow:0 0 5px #f0f6}33%{border-color:#00f;box-shadow:0 0 5px #00f6}50%{border-color:#0ff;box-shadow:0 0 5px #0ff6}67%{border-color:#0f0;box-shadow:0 0 5px #0f06}83%{border-color:#ff0;box-shadow:0 0 5px #ff06}to{border-color:red;box-shadow:0 0 5px #f006}}.rgb-nav-btn{border-width:1.5px!important;animation:rgbGlow 6s linear infinite!important}.rgb-nav-btn:hover{animation:rgbGlow 2s linear infinite!important;transform:translateY(-2px);filter:brightness(1.2)}.sidebar-nav-btn .nav-badge{position:absolute;top:-4px;right:-4px;background:var(--danger-color);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1px solid #0f0a19}.sidebar-footer-btn.full-width{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:600;border-radius:10px}.notepad-dashboard-container{position:relative;display:flex;flex-direction:column;height:100%;background:transparent}@media (max-width: 768px){.notepad-dashboard-container:has(.expense-summary-page){animation:none!important;transform:none!important}.notepad-dashboard-container:has(.expense-summary-page)>.chat-header{display:none!important}.notepad-layout.utility-active:has(.expense-summary-page)>.notepad-editor-area{padding-top:0!important;will-change:auto!important;backface-visibility:visible!important}.notebook-utility-page.expense-page:has(.expense-summary-page){animation:none!important;transform:none!important;padding-top:0!important}.expense-summary-page{top:0!important;padding-top:0!important}.expense-summary-page>.expense-summary-shell{padding-top:115px}.expense-summary-page>.expense-records-shell{padding-top:115px}.expense-summary-page:has(>.expense-records-shell){overflow-y:scroll!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch}.expense-summary-page>.expense-records-shell{min-height:calc(100dvh + 160px);box-sizing:border-box;padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}.notepad-layout.utility-active:has(.expense-page){display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:0!important}.notepad-layout.utility-active:has(.todo-page){display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:0!important}.notepad-layout.utility-active:has(.todo-page)>.notepad-sidebar{display:none!important}.notepad-layout.utility-active:has(.todo-page)>.notepad-editor-area{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;transform:none!important;padding-top:calc(max(24px,env(safe-area-inset-top,0px)) + 60px)!important}.notepad-dashboard-container:has(.todo-page){height:auto!important;max-height:none!important;overflow:visible!important}.notepad-layout.utility-active:has(.todo-page) .notebook-utility-page.todo-page{height:auto!important;min-height:calc(100dvh + 64px)!important;overflow:visible!important;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))!important}.notepad-layout.utility-active:has(.expense-page)>.notepad-sidebar{display:none!important}.notepad-layout.utility-active:has(.expense-page)>.notepad-editor-area{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;transform:none!important;padding-top:calc(max(24px,env(safe-area-inset-top,0px)) + 60px)!important}.notepad-layout.utility-active:has(.expense-page) .notebook-utility-page.expense-page{height:auto!important;min-height:0!important;overflow:visible!important}.expense-page>.todo-detail-page,.expense-summary-page>.expense-summary-drilldown{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;overflow-y:auto!important;overscroll-behavior-y:contain;padding-bottom:calc(var(--expense-mobile-bottom-space, 228px) + env(safe-area-inset-bottom,0px))!important}}.animate-notepad-entry{animation:notepadPageIn .42s cubic-bezier(.16,1,.3,1) both}@keyframes notepadPageIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.notepad-layout{display:flex;flex:1;overflow:hidden;height:100%}.notepad-sidebar{width:240px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:#0d0c1633;padding:16px;gap:16px}.new-note-btn{width:100%;padding:10px 14px;border-radius:10px;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.notepad-tool-links{display:grid;gap:8px;margin-top:-8px}.notepad-tool-link{width:100%;min-height:54px;padding:8px 9px;display:flex;align-items:center;gap:9px;color:var(--text-secondary);text-align:left;border:1px solid var(--border-color);border-radius:12px;background:#ffffff06;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .25s ease,background .25s ease,box-shadow .25s ease}.notepad-tool-link:hover{transform:translateY(-2px);color:var(--text-primary);border-color:#8b5cf661;background:#8b5cf612;box-shadow:0 8px 22px #0000001f}.notepad-tool-link.active{color:var(--text-primary);border-color:#8b5cf685;background:linear-gradient(135deg,#8b5cf624,#6366f10d)}.notepad-tool-link>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.notepad-tool-link strong{font-size:.8rem}.notepad-tool-link small{color:var(--text-muted);font-size:.65rem}.notepad-tool-icon{width:34px;height:34px;display:grid;place-items:center;color:#a78bfa;border-radius:10px;background:#8b5cf621}.notepad-tool-link.expense .notepad-tool-icon{color:#34d399;background:#10b9811f}.notepad-tool-count{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;color:#c4b5fd;font-size:.65rem;font-weight:800;border-radius:99px;background:#8b5cf626}.notepad-list-heading{margin:0 0 -8px;color:var(--text-secondary);font-size:.75rem;font-weight:750;text-align:center;letter-spacing:.035em}.notepad-notes-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;padding-top:6px;margin-top:4px}.notepad-empty-list{padding:16px;text-align:center;font-size:.85rem;color:var(--text-muted)}.notepad-note-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff05;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease;gap:8px}.notepad-note-item:hover{background:#ffffff0d;border-color:#ffffff26}.notepad-note-item.active{background:#8b5cf61a;border-color:var(--accent-purple)}.notepad-note-item.deleting{animation:noteItemFadeOut .3s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.notepad-note-item.is-dragging{z-index:5;pointer-events:none;opacity:.72;border-color:#8b5cf699;background:#8b5cf61c;box-shadow:0 14px 32px #0003}@keyframes noteItemFadeOut{0%{opacity:1;transform:scale(1);max-height:80px;padding:10px 12px;margin-bottom:0;border-width:1px}to{opacity:0;transform:translate(-20px) scale(.9);max-height:0;padding:0 12px;margin-top:0;margin-bottom:-8px;border-width:0;overflow:hidden}}.note-item-info{display:flex;flex-direction:column;min-width:0;flex:1}.note-item-title{display:block;width:100%;font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item-date{font-size:.7rem;color:var(--text-muted);margin-top:4px}.note-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.note-delete-btn:hover{color:var(--danger-color);background:#ef44441a}.note-delete-btn.is-confirming{color:#34d399;background:#10b9811f}.note-delete-btn.is-confirming:hover{color:#6ee7b7;background:#10b9812e}.note-drag-handle{width:25px;height:30px;padding:0;display:grid;place-items:center;flex:0 0 auto;color:var(--text-muted);border:0;border-radius:7px;background:transparent;cursor:grab;touch-action:none;transition:color .2s ease,background .2s ease}.note-drag-handle:hover{color:var(--text-primary);background:#8b5cf61a}.note-drag-handle:active{cursor:grabbing}.notepad-editor-area{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden;background:#ffffff03}.notepad-editor-container{display:flex;flex-direction:column;height:100%;padding:20px;gap:16px}.notepad-note-editor-enter{animation:utilityPageIn .5s cubic-bezier(.16,1,.3,1) both}.notepad-back-btn{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;align-items:center;justify-content:center}.notepad-back-btn:hover{color:var(--text-primary);background:#ffffff0d}.notepad-title-input{min-width:0;background:transparent;border:none;border-bottom:1px solid var(--border-color);font-size:1.25rem;font-weight:700;color:var(--text-primary);padding:8px 0;outline:none;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.notepad-title-input:focus{border-bottom-color:var(--accent-purple)}.notepad-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background:#ffffff05;border:1px solid var(--border-color);border-radius:10px}.notepad-font-size-select{background:#0003;border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:6px;font-family:inherit;font-size:.8rem;outline:none;cursor:pointer}.toolbar-btn{background:none;border:1px solid transparent;color:var(--text-secondary);width:32px!important;height:32px!important;flex-shrink:0!important;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s ease}.toolbar-btn:hover{background:#ffffff0d;color:var(--text-primary)}.toolbar-btn.active{background:#8b5cf626;border-color:var(--accent-purple);color:var(--accent-purple)}.notepad-textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:inherit;line-height:1.6;outline:none;resize:none;padding:8px 0;width:100%}.notepad-textarea[contenteditable]:empty:before{content:attr(placeholder);color:var(--text-muted);opacity:.6;pointer-events:none;display:block}.notepad-editor-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.note-undo-toast{position:absolute;left:50%;bottom:calc(max(22px,env(safe-area-inset-bottom,0px)) + 72px);z-index:40;width:120px;min-width:0;padding:4px;display:flex;align-items:center;gap:5px;color:var(--text-primary);border:0;border-radius:14px;background:transparent;box-shadow:none;transform:translate(-50%);animation:noteUndoIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes noteUndoIn{0%{opacity:0;transform:translate(-50%,10px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.note-undo-action{position:relative;min-height:26px;padding:0 6px;display:flex;align-items:center;gap:2px;color:#ddd6fe;font-size:.64rem;font-weight:750;border:1px solid rgba(139,92,246,.32);border-radius:9px;background:#8b5cf624;cursor:pointer;transition:transform .2s ease,background .2s ease}.note-undo-icon{position:static;width:15px;height:18px;flex:0 0 auto;display:grid;place-items:center;color:#c4b5fd;border-radius:6px;background:transparent}.note-undo-icon>svg{display:block}.note-undo-toast .note-undo-action,.note-undo-inline .note-undo-action{width:100%;align-self:stretch;justify-content:center;padding-left:6px;padding-right:24px}.note-undo-action:hover{transform:translateY(-1px);background:#8b5cf63b}.note-undo-action:disabled{opacity:.55;cursor:default;transform:none}.note-undo-close{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;display:grid;place-items:center;color:var(--text-muted);border:0;border-radius:8px;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease}.note-undo-close:hover{color:var(--text-primary);background:#ffffff12}.note-undo-inline{position:relative;min-height:31px;margin-bottom:-10px;padding:3px 4px 3px 7px;display:flex;align-items:center;justify-content:center;gap:3px;border:0;border-radius:11px;background:transparent;animation:utilityRowIn .3s cubic-bezier(.16,1,.3,1) both}.note-undo-inline .note-undo-action{min-height:27px;border:1px solid rgba(139,92,246,.28);background:#8b5cf624}.light-theme .note-undo-toast,.light-theme .note-undo-inline{background:transparent;box-shadow:none}.light-theme .note-undo-action{color:#6d28d9;border-color:#6d28d94d;background:#6d28d914}.light-theme .note-undo-action:hover{color:#5b21b6;background:#6d28d924}.light-theme .note-undo-icon{color:#6d28d9;background:transparent}.light-theme .note-undo-close{color:#64748b}.light-theme .note-undo-close:hover{color:#1e293b;background:#0f172a12}.notebook-utility-page{width:100%;height:100%;padding:clamp(20px,4vw,42px);overflow-y:auto;animation:utilityPageIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes utilityPageIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.utility-page-heading{max-width:920px;margin:0 auto 24px;display:flex;align-items:center;gap:15px}.utility-page-heading>div:last-child{min-width:0;flex:1}.utility-page-heading span{color:#a78bfa;font-size:.65rem;font-weight:850;letter-spacing:.14em}.utility-page-heading h2{margin:4px 0 3px;color:var(--text-primary);font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.035em}.utility-page-heading p{margin:0;color:var(--text-muted);font-size:.8rem}.utility-editable-heading{max-width:min(600px,100%);margin:2px 0 3px;display:flex;align-items:center;gap:8px;cursor:text}.utility-editable-heading input{min-width:0;width:auto;max-width:100%;flex:1;padding:1px 0;color:var(--text-primary);font:inherit;font-size:clamp(1.45rem,3vw,2rem);font-weight:700;letter-spacing:-.035em;border:0;border-bottom:1px solid transparent;outline:0;background:transparent;transition:border-color .2s ease}.utility-editable-heading input:hover{border-bottom-color:var(--border-color)}.utility-editable-heading input:focus{border-bottom-color:#8b5cf68c}.expense-page .utility-editable-heading input:focus{border-bottom-color:#10b9818c}.utility-editable-heading svg{flex:0 0 auto;color:var(--text-muted);opacity:.45;transition:opacity .2s ease,color .2s ease}.utility-editable-heading:hover svg,.utility-editable-heading:focus-within svg{color:#a78bfa;opacity:1}.expense-page .utility-editable-heading:hover svg,.expense-page .utility-editable-heading:focus-within svg{color:#34d399}.utility-heading-icon{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;color:#c4b5fd;border:1px solid rgba(139,92,246,.24);border-radius:16px;background:linear-gradient(145deg,#8b5cf633,#6366f10f);box-shadow:0 12px 30px #4c1d952e}.expense-page .utility-heading-icon{color:#6ee7b7;border-color:#10b98138;background:linear-gradient(145deg,#10b9812e,#064e3b0d)}.expense-page .utility-page-heading span{color:#34d399}.utility-mobile-back{display:none}.todo-quick-add{max-width:920px;margin:0 auto 18px;padding:9px;display:flex;gap:8px;border:1px solid var(--border-color);border-radius:16px;background:#ffffff09;box-shadow:0 14px 34px #0000001f;transition:border-color .25s ease,box-shadow .25s ease}.todo-quick-add:focus-within{border-color:#8b5cf67a;box-shadow:0 16px 40px #4c1d9526}.utility-input-wrap{min-width:0;flex:1;display:flex;align-items:center;gap:10px;padding:0 9px;color:#8b5cf6}.utility-input-wrap input,.utility-date-input input{min-width:0;width:100%;color:var(--text-primary);border:0;outline:0;background:transparent;font:inherit}.utility-input-wrap input::placeholder{color:var(--text-muted)}.utility-date-input{padding:0 11px;display:flex;align-items:center;gap:7px;color:var(--text-muted);border-left:1px solid var(--border-color)}.utility-date-input input{color-scheme:dark;font-size:.75rem}.note-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.todo-quick-add>button,.expense-add-card>button{padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-weight:750;border:0;border-radius:11px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.todo-quick-add>button:hover,.expense-add-card>button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6d28d940}.todo-quick-add>button:disabled,.expense-add-card>button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.utility-summary-row{max-width:920px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.utility-progress-card{min-width:220px;flex:1;padding:6px 14px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border-color);border-radius:13px;background:#ffffff06}.utility-progress-card>div:first-child{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.72rem}.utility-progress-card strong{color:var(--text-primary)}.utility-progress-track{height:5px;margin-top:5px;overflow:hidden;border-radius:99px;background:#ffffff12}.utility-progress-track i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#c084fc);transition:width .5s cubic-bezier(.2,.8,.2,1)}.todo-filter-tabs{display:flex;gap:4px;padding:4px;border-radius:11px;background:#ffffff09}.todo-filter-tabs button{padding:7px 10px;color:var(--text-muted);font-size:.7rem;border:0;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s ease}.todo-filter-tabs button.active{color:var(--text-primary);background:#8b5cf626;box-shadow:inset 0 0 0 1px #8b5cf629}.todo-items,.expense-items{max-width:920px;margin:0 auto;display:grid;gap:8px}.todo-row,.expense-row{min-height:62px;padding:11px 16px;display:flex;align-items:center;gap:12px;border:1px solid var(--border-color);border-radius:14px;background:#ffffff06;animation:utilityRowIn .35s cubic-bezier(.16,1,.3,1) both;transition:transform .22s ease,border-color .22s ease,background .22s ease}@keyframes utilityRowIn{0%{opacity:0;transform:translate(-8px)}}.todo-row:hover,.expense-row:hover{transform:translate(3px);border-color:#8b5cf64d;background:#ffffff0a}.todo-row,.expense-row{cursor:pointer}.todo-row.is-dragging,.expense-row.is-dragging{z-index:5;pointer-events:none;opacity:.72;transform:scale(.985);border-color:#8b5cf699;background:#8b5cf61c;box-shadow:0 14px 32px #0003}.expense-row.is-dragging{border-color:#10b98199;background:#10b9811a}.todo-check{width:23px;height:23px;flex:0 0 auto;display:grid;place-items:center;color:#fff;border:2px solid rgba(139,92,246,.55);border-radius:8px;background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1)}.todo-row.completed .todo-check{border-color:#8b5cf6;background:#8b5cf6;transform:scale(.94)}.todo-row>div,.expense-row>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.todo-row strong,.expense-row strong{color:var(--text-primary);font-size:.82rem;font-weight:650;transition:color .25s ease}.todo-row small,.expense-row small{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.68rem}.todo-row.completed strong{color:var(--text-muted);text-decoration:line-through}.todo-row.completed{opacity:.65}.utility-delete-btn{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;color:var(--text-muted);border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:.55;transition:all .2s ease}.todo-row:hover .utility-delete-btn,.expense-row:hover .utility-delete-btn{opacity:1}.utility-delete-btn:hover{color:#fb7185;background:#f43f5e1a}.utility-delete-btn.is-confirming{color:#34d399;background:#10b9811f;opacity:1}.utility-delete-btn.is-confirming:hover{color:#6ee7b7;background:#10b9812e}.utility-delete-confirm-icon{animation:utilityDeleteConfirmIn .18s ease-out both}@keyframes utilityDeleteConfirmIn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.utility-drag-handle{width:30px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:var(--text-muted);border:0;border-radius:9px;background:transparent;cursor:grab;touch-action:none;transition:color .2s ease,background .2s ease}.utility-drag-handle:hover{color:var(--text-primary);background:#8b5cf61a}.utility-drag-handle:active{cursor:grabbing}.utility-empty-state{min-height:210px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--border-color);border-radius:16px}.utility-empty-state>span{width:48px;height:48px;display:grid;place-items:center;color:#a78bfa;border-radius:15px;background:#8b5cf61a;animation:emptyStateFloat 3s ease-in-out infinite}@keyframes emptyStateFloat{50%{transform:translateY(-5px)}}.utility-empty-state h3{margin:13px 0 5px;color:var(--text-primary);font-size:.95rem}.utility-empty-state p{max-width:330px;margin:0;color:var(--text-muted);font-size:.75rem;line-height:1.5}.todo-detail-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;padding:clamp(22px,5vw,54px);display:grid;place-items:start center;overflow-y:auto;background:color-mix(in srgb,var(--bg-dark) 96%,#8b5cf6 4%);animation:todoDetailIn .4s cubic-bezier(.16,1,.3,1) both}@keyframes todoDetailIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.todo-detail-shell{width:min(680px,100%);padding:clamp(20px,4vw,34px);border:1px solid var(--border-color);border-radius:22px;background:#ffffff06;box-shadow:0 24px 70px #0000002e}.todo-detail-back{margin:-5px 0 28px -5px;padding:7px 9px;display:flex;align-items:center;gap:7px;color:var(--text-muted);font-weight:650;border:0;border-radius:9px;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease}.todo-detail-back:hover{color:var(--text-primary);background:#8b5cf617}.todo-detail-badge{width:50px;height:50px;margin-bottom:16px;display:grid;place-items:center;color:#c4b5fd;border-radius:15px;background:#8b5cf624}.todo-detail-eyebrow{color:#a78bfa;font-size:.65rem;font-weight:850;letter-spacing:.14em}.todo-detail-shell h2{margin:5px 0;color:var(--text-primary);font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.035em}.todo-detail-shell>p{margin:0 0 22px;color:var(--text-muted);font-size:.78rem}.todo-detail-editor{padding:14px 15px 8px;display:block;border:1px solid var(--border-color);border-radius:15px;background:#ffffff06;transition:border-color .2s ease,box-shadow .2s ease}.todo-detail-editor:focus-within{border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf614}.todo-detail-editor textarea{width:100%;min-height:140px;padding:0;color:var(--text-primary);font:inherit;font-size:1rem;line-height:1.65;border:0;outline:0;resize:none;background:transparent}.todo-detail-editor>span{display:block;color:var(--text-muted);font-size:.66rem;text-align:right}.todo-detail-meta{margin:12px 0 20px;display:flex;gap:9px}.todo-detail-meta label,.todo-detail-meta button{min-height:42px;padding:0 12px;display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:.72rem;border:1px solid var(--border-color);border-radius:11px;background:#ffffff06}.todo-detail-meta label{flex:1}.todo-detail-meta input{width:100%;color:var(--text-primary);border:0;outline:0;color-scheme:dark;background:transparent}.todo-detail-meta button{cursor:pointer}.todo-detail-meta button.completed{color:#c4b5fd;border-color:#8b5cf659;background:#8b5cf61a}.todo-detail-save{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-weight:750;border:0;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.todo-detail-save:hover{transform:translateY(-1px);box-shadow:0 10px 24px #6d28d940}.todo-detail-save:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.light-theme .todo-detail-page{background:#f8fafc}.light-theme .todo-detail-shell,.light-theme .todo-detail-editor{background:#ffffffc7}.light-theme .todo-detail-meta input{color-scheme:light}.expense-detail-page .todo-detail-badge{color:#6ee7b7;background:#10b9811f}.expense-detail-page .todo-detail-eyebrow{color:#34d399}.expense-detail-fields{margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.expense-detail-fields>label{min-width:0;display:flex;flex-direction:column;gap:7px}.expense-detail-fields>label.is-wide{grid-column:1 / -1}.expense-detail-fields>label>span{color:var(--text-muted);font-size:.7rem;font-weight:700}.expense-detail-fields input,.expense-detail-fields select,.expense-detail-fields>label>div{width:100%;min-height:45px;padding:0 12px;color:var(--text-primary);font:inherit;font-size:.82rem;border:1px solid var(--border-color);border-radius:11px;outline:0;background:#ffffff06}.expense-detail-fields>label>div{display:flex;align-items:center;gap:7px}.expense-detail-fields>label>div b{color:#34d399}.expense-detail-fields>label>div input{min-height:0;padding:0;border:0;background:transparent}.expense-detail-fields input:focus,.expense-detail-fields select:focus{border-color:#10b9818c;box-shadow:0 0 0 3px #10b98114}.expense-detail-fields select option{color:#111827;background:#fff}.expense-detail-save{background:linear-gradient(135deg,#10b981,#059669)}.light-theme .expense-detail-fields input,.light-theme .expense-detail-fields select,.light-theme .expense-detail-fields>label>div{background:#ffffffc7}.light-theme .expense-detail-fields input[type=date]{color-scheme:light}.expense-stats{max-width:920px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.expense-total-card{padding:17px;position:relative;overflow:hidden;border:1px solid rgba(16,185,129,.18);border-radius:16px;background:linear-gradient(135deg,#10b98121,#064e3b06)}.expense-total-card:after{content:"";position:absolute;width:100px;height:100px;right:-35px;top:-45px;border-radius:50%;background:#34d39912}.expense-total-card.monthly{border-color:#6366f12e;background:linear-gradient(135deg,#6366f11f,#312e8106)}.expense-total-card.today{border-color:#0ea5e92e;background:linear-gradient(135deg,#0ea5e91f,#0c4a6e06)}.expense-total-card>span{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.72rem}.expense-total-card strong{margin:8px 0 3px;display:block;color:var(--text-primary);font-size:1.35rem;letter-spacing:-.03em}.expense-total-card small{color:var(--text-muted);font-size:.66rem;text-transform:capitalize}.expense-summary-open-btn{width:min(920px,100%);height:42px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;gap:8px;color:#d1fae5;font-weight:750;border:1px solid rgba(16,185,129,.3);border-radius:12px;background:#10b9811f;cursor:pointer;transition:transform .2s ease,background .2s ease}.expense-summary-open-btn:hover{transform:translateY(-2px);background:#10b9812e}.light-theme .expense-summary-open-btn{color:#065f46;border-color:#05966961;background:linear-gradient(135deg,#10b98133,#34d3991c);box-shadow:0 5px 14px #0596691a}.light-theme .expense-summary-open-btn:hover{color:#064e3b;border-color:#05966985;background:linear-gradient(135deg,#10b98147,#34d39929)}.expense-summary-shell{width:min(1040px,100%);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.expense-summary-page{place-items:start center;background:color-mix(in srgb,var(--bg-dark) 98%,#10b981 2%)}.expense-summary-page .todo-detail-badge{color:#6ee7b7;border:1px solid rgba(16,185,129,.22);background:#10b98124}.expense-summary-page .todo-detail-eyebrow{color:#34d399}.expense-summary-tabs{margin-bottom:18px;padding:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border:1px solid var(--border-color);border-radius:13px;background:#ffffff06}.expense-summary-tabs button{min-width:0;height:39px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font-weight:700;border:0;border-radius:9px;background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.expense-summary-tabs button:hover{color:var(--text-primary);background:#10b98112}.expense-summary-tabs button.active{color:#d1fae5;background:linear-gradient(135deg,#10b98147,#05966929);box-shadow:inset 0 0 0 1px #34d3993d}.light-theme .expense-summary-tabs{border-color:#0f172a24;background:#0f172a09}.light-theme .expense-summary-tabs button{color:#475569}.light-theme .expense-summary-tabs button:hover{color:#065f46;background:#10b9811a}.light-theme .expense-summary-tabs button.active{color:#064e3b;background:linear-gradient(135deg,#10b9813d,#34d39926);box-shadow:inset 0 0 0 1px #05966952}.expense-summary-overall{margin-bottom:18px;padding:20px;border:1px solid rgba(16,185,129,.2);border-radius:16px;background:linear-gradient(135deg,#10b98124,#064e3b08)}.expense-summary-overall span,.expense-summary-overall small{display:block;color:var(--text-muted);font-size:.72rem}.expense-summary-overall strong{display:block;margin:7px 0 4px;color:var(--text-primary);font-size:clamp(1.45rem,4vw,2rem)}.expense-share-chart-card{margin-bottom:14px;padding:18px;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:22px;border:1px solid rgba(16,185,129,.2);border-radius:16px;background:#ffffff06}.expense-share-chart{width:180px;aspect-ratio:1;padding:25px;display:grid;place-items:center;border-radius:50%;box-shadow:0 14px 34px #0000002e}.expense-share-chart>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--bg-dark) 96%,#10b981 4%)}.expense-share-chart strong{color:var(--text-primary);font-size:1.2rem}.expense-share-chart small{color:var(--text-muted);font-size:.65rem}.expense-share-legend{min-width:0;max-height:260px;overflow-y:auto;padding-right:4px}.expense-share-legend h3{margin:0 0 4px;color:var(--text-primary);font-size:.92rem}.expense-share-legend>p{margin:0 0 12px;color:var(--text-muted);font-size:.7rem;line-height:1.45}.expense-share-legend-row{padding:7px 0;display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:8px;border-top:1px solid var(--border-color)}.expense-share-legend-row>i{width:9px;height:9px;border-radius:50%}.expense-share-legend-row>span{overflow:hidden;color:var(--text-primary);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.expense-share-legend-row>span em{margin-left:5px;color:var(--text-muted);font-size:.62rem;font-style:normal}.expense-share-legend-row>small{color:var(--text-muted);font-size:.67rem}.expense-share-legend-row>strong{min-width:44px;color:#34d399;font-size:.72rem;text-align:right}.expense-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.expense-summary-section{padding:16px;border:1px solid var(--border-color);border-radius:16px;background:#ffffff06}.expense-summary-all{max-height:310px;margin-bottom:14px;overflow-y:auto}.expense-summary-section h3{margin:0 0 12px;display:flex;align-items:center;gap:7px;color:var(--text-primary);font-size:.9rem}.expense-period-pages>h3,.expense-summary-view-title{margin:0 0 14px;display:flex;align-items:center;gap:7px;color:var(--text-primary);font-size:.95rem}.expense-period-group+.expense-period-group{margin-top:30px;padding-top:24px;border-top:1px solid var(--border-color)}.expense-period-heading{padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;border:1px solid rgba(16,185,129,.18);border-radius:11px;background:#10b98112}.expense-period-heading span{color:#6ee7b7;font-size:.78rem;font-weight:750;text-transform:capitalize}.expense-period-heading small{color:var(--text-muted);font-size:.65rem}.expense-period-heading strong{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--text-primary);font-size:.8rem}.expense-period-chart-wrap{margin:10px 8px 2px;padding:10px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;border:1px solid var(--border-color);border-radius:11px;background:#ffffff05}.expense-period-chart{width:82px;aspect-ratio:1;padding:13px;display:grid;place-items:center;border-radius:50%;box-sizing:border-box}.expense-period-chart>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--bg-dark) 96%,#10b981 4%)}.expense-period-chart strong{color:var(--text-primary);font-size:.7rem}.expense-period-chart small{color:var(--text-muted);font-size:.5rem}.expense-period-chart-legend{min-width:0;display:grid;gap:5px}.expense-period-chart-legend>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:6px}.expense-period-chart-legend i{width:7px;height:7px;border-radius:50%}.expense-period-chart-legend span{overflow:hidden;color:var(--text-secondary);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.expense-period-chart-legend strong{color:#34d399;font-size:.61rem}.expense-period-group .expense-summary-row{margin-left:8px;margin-right:8px}.expense-summary-row{padding:10px 0;display:grid;grid-template-columns:1fr auto;gap:3px 10px;border-top:1px solid var(--border-color)}.expense-summary-row.is-clickable{padding-left:8px;padding-right:8px;border-radius:9px;cursor:pointer;transition:background .2s ease,transform .2s ease}.expense-summary-row.is-clickable:hover,.expense-summary-row.is-clickable:focus-visible{background:#10b98114;outline:0;transform:translate(2px)}.expense-summary-row span{color:var(--text-primary);font-size:.76rem;text-transform:capitalize}.expense-summary-row small{color:var(--text-muted);font-size:.66rem}.expense-summary-row strong{grid-column:2;grid-row:1 / span 2;align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--text-primary);font-size:.78rem}.expense-summary-row strong em{color:#34d399;font-size:.65rem;font-style:normal}.expense-summary-ratio{height:4px;grid-column:1 / -1;margin-top:5px;overflow:hidden;border-radius:99px;background:#94a3b81f}.expense-summary-ratio i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#10b981,#34d399)}.expense-summary-empty{color:var(--text-muted);font-size:.75rem}.expense-summary-drilldown{z-index:30}.expense-summary-records{display:grid;gap:7px}.expense-summary-record{padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;border:1px solid var(--border-color);border-radius:11px;background:#ffffff05}.expense-summary-record span{overflow:hidden;color:var(--text-primary);font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.expense-summary-record small{color:var(--text-muted);font-size:.66rem}.expense-summary-record strong{grid-column:2;grid-row:1 / span 2;align-self:center;color:#34d399;font-size:.8rem}.expense-add-card{max-width:920px;margin:0 auto 22px;padding:13px;display:grid;grid-template-columns:1.25fr 1fr 1.35fr 1fr auto;align-items:center;gap:8px;border:1px solid var(--border-color);border-radius:16px;background:#ffffff08;box-shadow:0 14px 34px #0000001a}.expense-form-title{display:none}.expense-add-card>label{min-width:0;height:42px;padding:0 10px;display:flex;align-items:center;gap:7px;color:var(--text-muted);border:1px solid var(--border-color);border-radius:10px;background:#00000014}.expense-add-card input,.expense-add-card select{min-width:0;width:100%;color:var(--text-primary);border:0;outline:0;background:transparent;font:inherit;font-size:.75rem}.expense-add-card select{cursor:pointer}.expense-add-card select option{color:#111827;background:#fff}.expense-amount-input span{color:#34d399;font-weight:800}.expense-add-card>button{height:42px;background:linear-gradient(135deg,#10b981,#059669)}.expense-list-heading{width:100%;max-width:920px;margin:0 auto 10px;padding:0 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;box-sizing:border-box}.expense-list-heading>div:first-child{justify-self:start;text-align:left}.expense-list-heading h3{margin:0;color:var(--text-primary);font-size:.9rem}.expense-list-heading p{margin:3px 0 0;color:var(--text-muted);font-size:.68rem}.expense-sort-filter{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--text-muted);font-size:.62rem;text-align:right}.expense-sort-menu{position:relative;font-family:Geist,Inter,sans-serif}.expense-sort-trigger{height:30px;max-width:160px;padding:0 9px;display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--text-primary);font-family:Geist,Inter,sans-serif;font-size:.6rem;border:1px solid var(--border-color);border-radius:8px;background:color-mix(in srgb,var(--bg-dark) 94%,white 6%);cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.expense-sort-menu.open .expense-sort-trigger{border-color:#10b98180}.expense-sort-options{position:absolute;top:calc(100% + 5px);right:0;z-index:25;width:172px;padding:5px;display:grid;gap:2px;border:1px solid var(--border-color);border-radius:9px;background:color-mix(in srgb,var(--bg-dark) 97%,white 3%);box-shadow:0 12px 28px #0000004d}.expense-sort-options button{min-height:29px;padding:6px 8px;color:var(--text-secondary);font-family:Geist,Inter,sans-serif;font-size:.6rem;text-align:left;border:0;border-radius:6px;background:transparent;cursor:pointer}.expense-sort-options button:hover,.expense-sort-options button.active{color:#d1fae5;background:#10b98124}.light-theme .expense-sort-trigger{color:#0f172a;border-color:#0f172a2e;background:#fff}.light-theme .expense-sort-options{border-color:#0f172a24;background:#fff;box-shadow:0 12px 28px #0f172a29}.light-theme .expense-sort-options button{color:#334155}.light-theme .expense-sort-options button:hover,.light-theme .expense-sort-options button.active{color:#065f46;background:#10b98129}.expense-category-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;color:#6ee7b7;border-radius:11px;background:#10b9811a}.expense-row>b{color:var(--text-primary);font-size:.82rem;white-space:nowrap}.expense-row>.utility-delete-btn{transform:translate(4px)}.light-theme .notepad-tool-link,.light-theme .todo-quick-add,.light-theme .utility-progress-card,.light-theme .todo-row,.light-theme .expense-row,.light-theme .expense-add-card{background:#ffffffb8}.light-theme .utility-date-input input{color-scheme:light}.light-theme .expense-add-card>label{background:#0f172a06}@media (max-width: 768px){.public-lobbies-page>.game-container{margin-top:35px!important}.public-lobby-card{width:100%;padding:15px!important;flex-direction:column;align-items:stretch!important;gap:13px;box-sizing:border-box}.public-lobby-info{width:100%;min-width:0;flex:1;align-items:center;gap:9px!important}.public-lobby-title-row{width:100%;min-width:0;flex-direction:column;align-items:center!important;gap:7px!important;text-align:center}.public-lobby-title-row>span:first-child{max-width:100%;line-height:1.35;overflow-wrap:anywhere}.public-lobby-game-badge{max-width:min(220px,100%);min-height:28px;padding:4px 9px!important;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;align-self:center;column-gap:5px;justify-self:center;text-align:left;line-height:1.25;white-space:normal;box-sizing:border-box}.public-lobby-game-emoji{grid-column:1;align-self:center}.public-lobby-game-name{grid-column:2;min-width:0;align-self:center;overflow-wrap:anywhere}.public-lobby-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;line-height:1.3;text-align:center}.public-lobby-card>.primary-btn{width:100%!important;height:38px!important;margin:0;justify-content:center}.expense-detail-fields{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.expense-detail-fields>label{width:100%;min-width:0;max-width:100%;overflow:hidden}.expense-detail-fields input[type=date]{display:block;width:100%;min-width:0;max-width:100%;inline-size:100%;overflow:hidden}.expense-detail-fields>label:nth-child(1),.expense-detail-fields>label:nth-child(2),.expense-detail-fields>label:nth-child(1)>div,.expense-detail-fields>label:nth-child(2)>select{width:100%;min-width:0}.expense-summary-grid{grid-template-columns:1fr}.expense-share-chart-card{grid-template-columns:1fr;justify-items:center}.expense-share-legend{width:100%}.notepad-dashboard-container:has(.expense-page),.notepad-layout.utility-active:has(.expense-page){padding-bottom:0!important}.notepad-dashboard-container:has(.todo-page),.notepad-layout.utility-active:has(.todo-page){padding-bottom:0!important}.notebook-utility-page.todo-page{box-sizing:border-box;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.notepad-dashboard-container:has(.expense-page){height:auto!important;max-height:none!important;overflow:visible!important}.notebook-utility-page.expense-page{box-sizing:border-box;height:auto;min-height:100%;padding-bottom:calc(var(--expense-mobile-bottom-space, 208px) + env(safe-area-inset-bottom,0px))!important}.expense-list-heading{padding-left:0;padding-right:0;align-items:flex-start}.expense-sort-filter{flex-direction:column;align-items:flex-end;gap:3px}.notepad-dashboard-container,.notepad-layout,.notepad-sidebar,.notepad-notes-list{overflow-anchor:none}.new-note-btn:hover,.new-note-btn:active{transform:none}.notepad-layout:not(.has-active-note):not(.utility-active) .notepad-sidebar,.notepad-layout:not(.has-active-note):not(.utility-active) .notepad-sidebar *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}.notepad-note-item{touch-action:pan-y}.notepad-note-item,.notepad-note-item *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}.notepad-note-item .note-item-info{width:0;max-width:100%;overflow:hidden}.light-theme .game-workspace-container .mobile-menu-toggle-btn,.light-theme .game-workspace-container .mobile-menu-toggle-btn svg,.light-theme .game-workspace-container .mobile-menu-toggle-btn line,.light-theme .game-workspace-container .mobile-menu-toggle-btn path{color:#0f172a!important;stroke:#0f172a!important}.notepad-layout{position:relative}.notepad-sidebar{width:100%;border-right:none}.notepad-editor-area{position:absolute;top:0;left:100%;width:100%;height:100%;transform:translateZ(0);transition:transform .42s cubic-bezier(.16,1,.3,1);will-change:transform;backface-visibility:hidden;z-index:10;background:var(--bg-dark);padding-top:calc(max(24px,env(safe-area-inset-top,0px)) + 24px)!important}.notepad-note-editor-enter{animation:none}.notepad-layout.has-active-note .notepad-editor-area{transform:translate3d(-100%,0,0);padding-top:calc(max(24px,env(safe-area-inset-top,0px)) + 48px)!important}.notepad-layout.utility-active .notepad-editor-area{transform:translate3d(-100%,0,0);padding-top:calc(max(24px,env(safe-area-inset-top,0px)) + 60px)!important}.utility-mobile-back{width:36px;height:36px;margin-right:1px;display:grid;place-items:center;flex:0 0 auto;color:var(--text-primary);border:1px solid var(--border-color);border-radius:11px;background:#ffffff0a}.notebook-utility-page{padding:18px 15px 36px}.utility-page-heading{align-items:flex-start;gap:10px}.utility-heading-icon{display:none}.utility-page-heading p{font-size:.73rem;line-height:1.45}.todo-quick-add{flex-wrap:wrap}.utility-input-wrap{flex-basis:calc(100% - 62px);height:42px}.utility-date-input{flex:1;height:38px;border-left:0;border-top:1px solid var(--border-color)}.todo-page .utility-date-input{transform:translateY(6px)}.todo-quick-add>button{width:48px;height:42px;padding:0}.todo-quick-add>button span{display:none}.utility-summary-row{align-items:stretch;flex-direction:column}.utility-progress-card{min-width:0}.todo-filter-tabs{width:100%}.todo-filter-tabs button{flex:1}.expense-stats{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 10px)/2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.expense-stats::-webkit-scrollbar{display:none}.expense-total-card{scroll-snap-align:start}.expense-total-card{padding:14px}.expense-total-card strong{font-size:1.05rem}.expense-add-card{grid-template-columns:1fr 1fr}.expense-add-card>label:nth-of-type(1){grid-column:1 / -1}.expense-add-card>label:nth-of-type(2){grid-column:1}.expense-add-card>label:nth-of-type(3){grid-column:1 / -1}.expense-add-card>label:nth-of-type(4){grid-column:2;grid-row:2}.expense-add-card>button{grid-column:1 / -1}.expense-row{gap:9px}.expense-row>b{font-size:.75rem}.todo-row,.expense-row{touch-action:pan-y;user-select:none;-webkit-user-select:none}.todo-row.is-dragging,.expense-row.is-dragging{touch-action:none}.utility-drag-handle,.note-drag-handle{display:grid;touch-action:none}.utility-editable-heading{max-width:calc(100vw - 86px)}.utility-editable-heading input{font-size:1.4rem}.todo-detail-page{padding:20px 14px 34px}.todo-detail-shell{padding:18px;border-radius:18px}.todo-detail-back{margin-bottom:22px}.todo-detail-meta{align-items:stretch;flex-direction:column}.notepad-back-btn{display:flex}}.settings-modal-card{display:flex;flex-direction:column;height:520px}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color);background:#ffffff05}.settings-modal-title{color:var(--text-primary);font-weight:700}.settings-modal-layout{display:flex;flex:1;overflow:hidden;height:calc(100% - 60px)}.settings-sidebar{width:180px;border-right:1px solid var(--border-color);background:#00000026;display:flex;flex-direction:column;padding:16px 8px;gap:6px;overflow-y:auto}.settings-sidebar-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease}.settings-sidebar-btn:hover{background:#ffffff0a;color:var(--text-primary)}.settings-sidebar-btn.active{background:#8b5cf626;color:#c084fc;font-weight:600}.admin-settings-btn{color:var(--accent-purple)!important;font-weight:700!important;border:1px solid rgba(139,92,246,.3)!important;background:#8b5cf614!important;margin-top:12px;box-shadow:0 0 10px #8b5cf61a;transition:all .2s ease}.admin-settings-btn:hover{background:#8b5cf626!important;box-shadow:0 0 15px #8b5cf673,inset 0 0 6px #8b5cf633!important;border-color:#8b5cf699!important;transform:translateY(-1px)}.admin-settings-btn:active{transform:translateY(0)!important;box-shadow:0 0 5px #8b5cf633!important}.settings-content-panel{flex:1;padding:24px;overflow-y:auto;background:#ffffff03}.settings-tab-pane{display:flex;flex-direction:column;gap:16px;animation:fadeIn .2s ease}.settings-pane-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.settings-pane-subtitle{margin:-8px 0 0;font-size:.8rem;color:var(--text-muted)}.settings-divider{border:none;border-top:1px solid var(--border-color);margin:8px 0}.settings-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px}.settings-avatar-desc{font-size:.75rem;color:var(--text-muted);text-align:center;max-width:320px}.settings-grid-title{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}.settings-form{display:flex;flex-direction:column;gap:12px}.settings-form-group{display:flex;flex-direction:column;gap:6px}.settings-form-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.settings-form-input{background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.settings-form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.settings-form-textarea{background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:.9rem;min-height:70px;resize:vertical;font-family:inherit;transition:all .2s ease}.settings-form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.settings-form-help{font-size:.75rem;color:var(--text-muted)}.settings-form-help.valid{color:#10b981}.settings-form-help.invalid{color:#ef4444}.settings-form-group-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff05;border:1px solid var(--border-color);border-radius:10px;gap:16px}.settings-row-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.settings-row-desc{font-size:.75rem;color:var(--text-muted);margin-top:2px}.settings-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.3s;border-radius:24px;border:1px solid var(--border-color)}.settings-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.settings-switch input:checked+.settings-slider{background-color:#8b5cf6;border-color:transparent}.settings-switch input:checked+.settings-slider:before{transform:translate(20px)}.interests-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.interest-checkbox-label{cursor:pointer}.interest-checkbox-label input{display:none}.interest-checkbox-box{display:flex;align-items:center;justify-content:center;padding:10px 8px;background:#ffffff05;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.85rem;transition:all .2s ease;text-align:center}.interest-checkbox-label input:checked+.interest-checkbox-box{background:#8b5cf626;border-color:#c084fc;color:#e9d5ff;font-weight:600}.theme-select-btn{flex:1;padding:12px;background:#ffffff05;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.theme-select-btn:hover{background:#ffffff0d}.theme-select-btn.active{background:#8b5cf626;border-color:#8b5cf6;color:#c084fc;font-weight:600;box-shadow:0 0 10px #8b5cf61a}.danger-btn{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.danger-btn:hover{background:#dc2626;box-shadow:0 0 12px #ef44444d}.danger-btn-outline{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.danger-btn-outline:hover{background:#ef44440d;border-color:#ef4444}.settings-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}.settings-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#ffffff05;border:1px solid var(--border-color);border-radius:10px}.stat-value{font-size:1.8rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.settings-stat-row{display:flex;justify-content:space-between;padding:12px 16px;background:#ffffff03;border:1px solid var(--border-color);border-radius:8px;font-size:.85rem}.stat-row-label{color:var(--text-secondary)}.stat-row-value{color:var(--text-primary);font-weight:600}.blocked-users-list{display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.blocked-user-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff05;border:1px solid var(--border-color);border-radius:8px}.blocked-username{font-size:.85rem;color:var(--text-primary)}.unblock-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);font-size:.75rem;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.unblock-btn:hover{background:#ffffff0d;color:var(--text-primary);border-color:#ffffff4d}.settings-loading{text-align:center;color:var(--text-muted);font-size:.9rem;padding:32px 0}.settings-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:10px 14px;border-radius:8px;font-size:.8rem;margin-bottom:12px}.settings-alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399;padding:10px 14px;border-radius:8px;font-size:.8rem;margin-bottom:12px}.light-theme{--bg-dark: #ffffff;--bg-panel: #ffffff;--bg-card: #ffffff;--border-color: rgba(15, 23, 42, .08);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--bg-color: #ffffff;--panel-bg: #ffffff;--glass-bg: #ffffff;--glass-border: rgba(15, 23, 42, .08);--card-bg: #ffffff;--cloud-opacity: .85;--cloud-blur: 25px;color-scheme:light}.light-theme .hero-title{background:linear-gradient(135deg,#0f172a 30%,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.light-theme .message-wrapper.incoming .message-bubble{background:#e2e8f0;color:#0f172a;border-color:#0f172a14}.light-theme .sidebar-nav-btn:hover,.light-theme .sidebar-nav-btn:not(.games-nav-btn):hover{animation:none!important;box-shadow:0 2px 6px #0000000d!important;border-color:#0f172a1a!important}.light-theme .sidebar-nav-btn:not(.games-nav-btn).active{background:#fff!important;color:#0f172a!important;border-color:#0f172a26!important;box-shadow:0 2px 10px #0000000f!important}.light-theme .sidebar-nav-btn.games-nav-btn{background:transparent!important}.light-theme .sidebar-nav-btn.games-nav-btn.active{background:#fff!important;border:2px solid #00f0ff!important;box-shadow:0 0 25px #00f0ffb3,inset 0 0 15px #00f0ff59!important}.light-theme .share-note-btn{background:#0000000d!important;color:var(--text-primary)!important}.light-theme .notepad-toolbar button.active{background:#00000014!important}.light-theme ::-webkit-scrollbar,.light-theme *::-webkit-scrollbar{width:8px!important;height:8px!important}.light-theme ::-webkit-scrollbar-track,.light-theme *::-webkit-scrollbar-track{background:#f0f2f5e6!important;border:none!important}.light-theme ::-webkit-scrollbar-thumb,.light-theme *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a78bfa,#60a5fa)!important;border-radius:3px!important;border:none!important;box-shadow:0 0 6px #a78bfa4d!important}.light-theme ::-webkit-scrollbar-thumb:hover,.light-theme *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6,#3b82f6)!important}.light-theme .settings-sidebar,.light-theme .settings-sidebar-btn:hover{background:#00000008}.light-theme .settings-sidebar-btn.active{background:#8b5cf61a}.light-theme .settings-avatar-section,.light-theme .settings-form-group-row,.light-theme .settings-stat-card,.light-theme .settings-stat-row,.light-theme .blocked-user-item,.light-theme .interest-checkbox-box,.light-theme .theme-select-btn{background:#00000005}.light-theme .settings-form-input,.light-theme .settings-form-textarea{background:#00000005;color:#1e1b29}.light-theme .settings-form-input:focus,.light-theme .settings-form-textarea:focus{background:#fff}.light-theme .unblock-btn{border-color:#00000026}.light-theme .unblock-btn:hover{background:#0000000d}.light-theme .settings-slider{background-color:#00000014}.settings-dashboard-container{display:flex;flex-direction:column;height:100%}@media (max-width: 768px){.settings-modal-layout{flex-direction:column!important;overflow:visible!important;flex:none!important;display:flex!important;position:relative!important;width:100%!important;height:auto!important}.settings-sidebar{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;width:100%!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:10px!important;white-space:nowrap!important;flex-shrink:0!important;background:#0d0c16e6!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;height:auto!important}.settings-sidebar-btn{padding:8px 12px!important;font-size:.8rem!important}.admin-settings-btn{margin-top:0!important}.settings-content-panel{position:static!important;display:block!important;width:100%!important;height:auto!important;z-index:2!important;background:transparent!important;padding:16px!important;overflow:visible!important}.settings-basic-layout{flex-direction:column!important;gap:20px!important}.settings-avatar-section{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-left:none!important;padding-left:0!important;margin-top:20px!important}.settings-avatar-section .settings-grid-title,.settings-avatar-section .settings-avatar-desc{text-align:center!important;width:100%!important}.settings-avatar-section div[style*="justify-content: flex-start"]{justify-content:center!important}.settings-avatar-section .primary-btn{align-self:center!important}.notepad-dashboard-container .chat-header,.public-wall-dashboard-container .chat-header,.settings-dashboard-container .chat-header,.collaborative-story-container .chat-header{background:var(--bg-dark)!important;border-bottom:1px solid var(--border-color)!important}.collaborative-story-layout{flex-direction:column!important;overflow-y:auto!important;padding:0 16px 110px!important;gap:16px!important}.collaborative-story-container{position:relative!important}.collaborative-story-container .collaborative-story-mobile-title{position:relative!important;top:auto!important;left:auto!important;flex:0 0 auto!important;margin:calc(max(48px,env(safe-area-inset-top,0px)) + 60px) 16px 10px 16px!important;text-align:left!important}.collaborative-story-left,.collaborative-story-right{flex:none!important;width:100%!important;height:auto!important}.settings-pane-title{text-align:left!important;justify-content:flex-start!important;margin-left:0!important;padding-left:0!important;align-self:flex-start!important;width:100%!important}.settings-pane-subtitle{text-align:left!important;margin-left:0!important;padding-left:0!important;align-self:flex-start!important;width:100%!important}}.public-wall-card{background:#ffffff04;border:1px solid var(--border-color);border-radius:12px}.public-wall-card .collaborative-story-left,.public-wall-card .collaborative-story-right{flex:none!important;width:100%!important;height:auto!important}.public-wall-card .settings-pane-title{text-align:left!important;justify-content:flex-start!important;margin-left:0!important;padding-left:0!important;align-self:flex-start!important;width:100%!important}.public-wall-card .settings-pane-subtitle{text-align:left!important;margin-left:0!important;padding-left:0!important;align-self:flex-start!important;width:100%!important}.public-wall-dashboard-container{display:flex;flex-direction:column;height:100%}.public-wall-layout{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:24px}.public-wall-composer{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #00000026}.public-wall-textarea{width:100%;height:80px;background:#ffffff0f!important;border:1px solid var(--border-color)!important;border-radius:8px;padding:12px;color:var(--text-primary);font-family:inherit;font-size:.85rem;resize:none;outline:none;transition:all .3s ease}.public-wall-textarea:focus{border-color:var(--accent-purple)!important;box-shadow:0 0 10px #8b5cf626}.composer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.composer-char-counter{font-size:.75rem;color:var(--text-secondary)}.public-wall-feed{display:flex;flex-direction:column;gap:16px}.public-wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:12px}.public-wall-card{background:#ffffff09!important;border:none!important;border-radius:14px;padding:16px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 4px 16px #00000029!important;display:flex;flex-direction:column;gap:10px}.public-wall-card:hover,.public-wall-card.glass-card:hover{transform:translateY(-2px);border:none!important;box-shadow:0 6px 20px #00000038!important}@media (max-width: 768px){.public-wall-layout{padding:15px 14px 14px!important}.public-wall-section-title{margin-bottom:6px!important}.public-wall-grid{display:flex!important;flex-direction:column!important;gap:0!important;grid-template-columns:1fr!important;margin-top:0!important}.public-wall-card,.public-wall-card.glass-card,.public-wall-card.is-me,.light-theme .public-wall-card,.light-theme .public-wall-card.is-me{background:transparent!important;background-color:transparent!important;border:none!important;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .12))!important;border-radius:0!important;box-shadow:none!important;padding:14px 2px!important;margin:0!important;transition:none!important}.public-wall-card:last-child,.public-wall-card.glass-card:last-child{border-bottom:none!important}.public-wall-card:hover,.public-wall-card:active,.public-wall-card.glass-card:hover,.public-wall-card.glass-card:active,.public-wall-card.is-me:hover,.public-wall-card.is-me:active{background:transparent!important;background-color:transparent!important;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .12))!important;transform:none!important;filter:none!important;animation:none!important;box-shadow:none!important}}.public-wall-card.is-me,.light-theme .public-wall-card.is-me{background:transparent!important;background-color:transparent!important}.wall-card-header{display:flex;justify-content:space-between;align-items:center}.wall-card-username{font-size:.85rem;font-weight:600;color:var(--text-primary)}.wall-card-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;border-top:none;padding-top:4px;margin-top:4px}.wall-action-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}@media (hover: hover){.wall-action-btn:hover{background:#ffffff0d;color:var(--text-primary)}.wall-action-btn.comment-btn:hover{color:var(--accent-blue);background:#3b82f614}.wall-action-btn.report-btn:hover{color:#f87171;background:#ef444414}}.comments-container{display:flex;flex-direction:column;height:320px;margin:12px 0;border:1px solid var(--border-color);border-radius:8px;background:#00000026;overflow:hidden}.comments-feed-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.comment-card-item{display:flex;flex-direction:column;gap:4px;padding:8px 12px 4px;background:#ffffff05;border:1px solid rgba(255,255,255,.03);border-radius:8px}.room-header-settings-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;height:36px;background:#ffffff05;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.room-header-settings-btn:hover{background:#8b5cf614;border-color:#8b5cf640;color:#c084fc;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf60f}.room-header-settings-btn:active{transform:translateY(0)}.room-header-settings-btn svg{color:var(--text-muted);transition:color .25s ease,transform .3s ease}.room-header-settings-btn:hover svg{color:#c084fc;transform:rotate(30deg)}.comment-card-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.comment-card-user{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-primary)}.report-reason-textarea{width:100%;height:100px;background:#ffffff0d!important;border:1px solid var(--border-color)!important;border-radius:8px;padding:10px;color:var(--text-primary);font-family:inherit;font-size:.85rem;resize:none;outline:none;margin-top:6px;transition:all .3s ease}.light-theme .report-reason-textarea{background:#00000008!important;color:#1e1b29!important}.report-reason-textarea:focus{border-color:#ef4444!important;box-shadow:0 0 10px #ef444426}.light-theme .report-reason-textarea:focus{background:#fff!important}.report-success-box{display:flex;flex-direction:column;align-items:center;padding:20px;gap:12px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#34d399}.light-theme .report-success-box{background:#10b9810f;border-color:#10b9814d;color:#047857}.report-file-picker{display:flex;flex-direction:column;gap:8px;margin:12px 0;text-align:left}.report-file-input{display:none}.report-file-label{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px dashed var(--border-color);padding:8px 12px;border-radius:6px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;justify-content:center}.report-file-label:hover{background:#ffffff14;border-color:var(--text-secondary);color:var(--text-primary)}.report-preview-container{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--border-color);margin-top:8px}.report-preview-img{width:100%;height:100%;object-fit:cover}.report-preview-remove{position:absolute;top:2px;right:2px;background:#000000b3;border:none;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.room-invite-badge{display:inline-flex;align-items:center;gap:8px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);padding:4px 10px;border-radius:12px;font-size:.75rem;color:#c084fc}.invite-action-row{display:flex;gap:8px;margin-top:10px}.collaborative-story-left{background:#0003}.collaborative-story-right{background:#0000001a}.public-wall-textarea:focus,.story-textarea:focus{outline:none!important;border-color:var(--accent-purple)!important;box-shadow:0 0 8px #8b5cf626!important}.light-theme .public-rooms-btn{background:#fff!important;border:1px solid rgba(139,92,246,.2)!important;color:#0f172a!important}.light-theme .public-rooms-btn:hover{background:#fdfcff!important;box-shadow:0 0 15px #8b5cf633!important}.light-theme .public-rooms-btn.active{background:#8b5cf61a!important}.light-theme .public-rooms-btn .marquee-text{color:#0f172a!important}.light-theme .logo-text{background:linear-gradient(135deg,#0f172a 30%,#6d28d9)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.light-theme .interest-checkbox-label input:checked+.interest-checkbox-box{background:#8b5cf626!important;border-color:#8b5cf6!important;color:#6d28d9!important}.light-theme .glass-card,.light-theme .public-wall-composer,.light-theme .wall-filters,.light-theme .friends-add-container{box-shadow:0 4px 20px #0f172a0a,0 1px 3px #0f172a05!important}.light-theme .notepad-sidebar{background:#00000005!important}.light-theme .collaborative-story-left{background:#fffc!important}.light-theme .collaborative-story-right{background:#ffffff8c!important}.light-theme .story-textarea{background:#00000008!important;color:#0f172a!important;border:1px solid var(--border-color)!important}.story-content-flow{font-size:.95rem;line-height:1.8;color:var(--text-primary);word-break:break-word;text-align:left;white-space:pre-wrap;min-height:200px}.story-sentence-segment{cursor:help;border-bottom:1px dashed rgba(255,255,255,.15);padding:2px 0;border-radius:4px;transition:background-color .2s ease}.story-sentence-segment:hover{background-color:#ffffff0f}.story-success-message{text-align:center;padding:24px 0;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#a7f3d0;font-size:.85rem}.light-theme .story-sentence-segment{border-bottom-color:#0f172a26!important}.light-theme .story-sentence-segment:hover{background-color:#0000000a!important}.light-theme .story-success-message{background:#10b9811a!important;border-color:#10b9814d!important;color:#059669!important}.light-theme .login-container{background:radial-gradient(circle at 50% 50%,#f8fafc,#e2e8f0 70%)!important}.light-theme .login-card{background:#ffffff2e!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 30px 60px -15px #0f172a26,inset 0 1px #ffffffb3,inset 0 25px 30px -10px #fff6,inset 0 -1px 20px #fff3!important;backdrop-filter:blur(40px) saturate(200%)!important;-webkit-backdrop-filter:blur(40px) saturate(200%)!important}.light-theme .login-card:hover{border-color:#ffffffb3!important;box-shadow:0 30px 60px -15px #0f172a26,0 0 30px #ffffff1a,inset 0 1px #fffc,inset 0 25px 30px -10px #ffffff80!important}.light-theme .login-main-headline{color:#334155!important}.light-theme .login-main-headline span{background:linear-gradient(135deg,#334155 10%,var(--accent-purple) 75%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.light-theme .login-main-subline{color:#475569!important}.light-theme .world-map-bg g{stroke:#0f172a33!important}.light-theme .world-map-bg g path{stroke:#0f172a21!important;fill:#0f172a14!important}.light-theme .input-field{background:#00000008!important;color:#0f172a!important;border-color:#0f172a26!important}.light-theme .input-field:focus{background:#fff!important}.light-theme .login-card .input-field:focus{background:#fff!important;box-shadow:0 2px 10px #0f172a0d,0 0 0 2px #0f172a40!important}.light-theme .input-label{color:#334155!important}.light-theme .friend-item-row:hover{background:#00000005!important;border-color:#0f172a2e!important}.wall-select{background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8rem;padding:4px 8px;outline:none;cursor:pointer;transition:all .2s ease}.wall-select:hover{background:#ffffff14}.wall-select option{background:#110e24;color:#fff}.wall-search-input{background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.8rem;padding:4px 8px 4px 28px;outline:none;width:160px;transition:all .2s ease}.wall-search-input:focus{border-color:var(--accent-purple);background:#ffffff14}.light-theme .wall-select,.light-theme .wall-search-input{background:#fff!important;color:#0f172a!important;border-color:#0f172a26!important}.light-theme .wall-select option{background:#fff!important;color:#0f172a!important}.light-theme .comments-container{background:#00000005!important;border-color:#0f172a26!important}.comment-composer-card{border-radius:20px!important;background:#ffffff0a!important;border:none!important;box-shadow:0 4px 18px #0000002e!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.light-theme .comment-composer-card{background:#fff!important;background-color:#fff!important;border:none!important;border-radius:20px!important;box-shadow:0 4px 18px #00000014!important}.comments-empty-state-card{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.light-theme .comments-empty-state-card{background:#fff9!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 4px 16px #0000000a!important}.light-theme .comment-composer-input::placeholder{color:#94a3b8!important}.light-theme .info-modal-card{background:#fff!important;border-color:#0f172a14!important}.light-theme .info-modal-title{background:linear-gradient(135deg,#0f172a 40%,#6d28d9)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.light-theme .book-modal-sidebar{background:#00000008!important;border-right-color:#0f172a14!important}.light-theme .book-modal-tab-btn{color:var(--text-secondary)!important}.light-theme .book-modal-tab-btn:hover{background:#0000000a!important;color:var(--text-primary)!important}.light-theme .book-modal-tab-btn.active{background:var(--accent-gradient)!important;color:#fff!important}.light-theme .info-modal-body hr{border-top-color:#0f172a14!important}@media (max-width: 768px){.light-theme .settings-sidebar,.light-theme .notepad-dashboard-container .chat-header,.light-theme .public-wall-dashboard-container .chat-header,.light-theme .settings-dashboard-container .chat-header,.light-theme .collaborative-story-container .chat-header{background:#fff!important;border-bottom-color:#0f172a14!important}.light-theme .mobile-menu-toggle-btn{background:#00000008!important;border-color:#0f172a1f!important;color:var(--text-primary)!important}.light-theme .mobile-menu-toggle-btn:hover{background:#0000000f!important}}.light-theme .close-btn{color:var(--text-secondary)!important}.light-theme .close-btn:hover,.light-theme .close-btn:active,.light-theme .close-btn:focus{background:#0f172a0d!important;color:var(--text-primary)!important}.swipe-reply-indicator{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#6d28d926;border:1px solid rgba(109,40,217,.25);box-shadow:0 2px 8px #00000026;transition:opacity .1s ease,transform .1s ease}.light-theme .swipe-reply-indicator{background:#6d28d91a;border-color:#6d28d926}.message-quote-box{display:flex;flex-direction:column;background:#ffffff0f;border-left:3px solid var(--primary-color);padding:6px 10px;border-radius:4px;margin-bottom:6px;font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .2s ease}.message-quote-box:hover{background:#ffffff1a}.light-theme .message-quote-box{background:#0f172a0d}.light-theme .message-quote-box:hover{background:#0f172a14}.quote-sender{font-weight:600;color:var(--primary-color);margin-bottom:2px;display:block}.quote-text{color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-preview-bar{display:flex;justify-content:space-between;align-items:center;background:#ffffff0a;border-left:4px solid var(--primary-color);padding:8px 16px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:.85rem;border-bottom:1px solid var(--border-color)}.light-theme .chat-reply-preview-bar{background:#0f172a08}.reply-preview-content{display:flex;flex-direction:column;overflow:hidden;flex:1;padding-right:12px}.reply-preview-sender{font-weight:600;color:var(--primary-color)}.reply-preview-text{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-preview-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.reply-preview-close-btn:hover{background:#ffffff14;color:var(--text-primary)}.light-theme .reply-preview-close-btn:hover{background:#0f172a0f}.chat-file-preview-bar{display:flex;justify-content:space-between;align-items:center;background:#ffffff0a;border-left:4px solid #10b981;padding:8px 16px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:.85rem;border-bottom:1px solid var(--border-color)}.light-theme .chat-file-preview-bar{background:#0f172a08}.file-preview-content{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.file-preview-content .file-icon{color:#10b981}.file-preview-content .file-info{display:flex;flex-direction:column;overflow:hidden}.file-preview-content .file-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-content .file-size{font-size:.75rem;color:var(--text-muted)}.file-preview-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.file-preview-close-btn:hover{background:#ffffff14;color:var(--text-primary)}.light-theme .file-preview-close-btn:hover{background:#0f172a0f}.message-file-card{display:flex;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:8px;gap:12px;margin-top:4px;margin-bottom:4px;width:260px;max-width:100%}.light-theme .message-file-card{background:#0f172a0a;border-color:#0f172a14}.message-file-card .file-icon{color:var(--primary-color);flex-shrink:0}.message-file-card .file-download-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff14;color:var(--text-primary);border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.message-file-card .file-download-btn:hover{background:var(--primary-color);color:#fff}.light-theme .message-file-card .file-download-btn{background:#0f172a0f;color:var(--text-primary)}.light-theme .message-file-card .file-download-btn:hover{background:var(--primary-color);color:#fff}@keyframes flashGlow{0%{background-color:#6d28d973;box-shadow:0 0 16px #6d28d999}50%{background-color:#6d28d940;box-shadow:0 0 8px #6d28d959}to{background-color:transparent;box-shadow:none}}.flash-message .message-bubble{animation:flashGlow 1.5s ease-out}.wall-filters-compact{display:flex;gap:10px;margin-bottom:16px;align-items:center;width:100%}.wall-filters-compact .wall-select{height:38px;background:#0003;border:1px solid var(--border-color);border-radius:8px;padding:0 12px;color:var(--text-primary);font-size:.85rem;outline:none;cursor:pointer;transition:all .2s ease}.wall-filters-compact .wall-select:hover{background:#ffffff0a}.light-theme .wall-filters-compact .wall-select{background:#fff;border-color:#0f172a1a;color:var(--text-primary)}.light-theme .wall-filters-compact .wall-select:hover{background:#0f172a05}.wall-filters-compact .wall-search-input{height:38px;background:#0003;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem;outline:none;transition:all .2s ease}.wall-filters-compact .wall-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6d28d940}.light-theme .wall-filters-compact .wall-search-input{background:#fff;border-color:#0f172a1a;color:var(--text-primary)}.light-theme .wall-filters-compact .wall-search-input:focus{border-color:var(--primary-color)}.public-wall-mobile-toggle-btn{display:none!important}@media (max-width: 768px){.public-wall-mobile-toggle-btn{display:block!important}.public-wall-composer.mobile-closed{display:none!important}.public-wall-composer.mobile-open{display:block!important}}.message-bubble{position:relative!important}.message-likes-badge{position:absolute!important;bottom:-12px!important;display:flex!important;align-items:center!important;gap:4px!important;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;border-radius:20px!important;padding:3px 7px!important;z-index:999!important;box-shadow:0 2px 8px #0000004d!important;transition:all .2s ease!important}.message-likes-badge:hover{transform:scale(1.1);background:#f43f5e1a!important;border-color:#f43f5e66!important}.message-likes-badge.outgoing{left:-16px!important}.message-likes-badge.incoming{right:-16px!important}.likes-count{font-size:.75rem!important;color:var(--text-secondary)!important;font-weight:600!important}.chat-input-container{display:flex;align-items:center;position:relative;flex:1}.chat-input-actions-wrapper{display:flex;align-items:center;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:5}.emoji-trigger-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s ease}.emoji-trigger-btn:hover,.emoji-trigger-btn.active{color:var(--primary-light);background:#ffffff0d}.emoji-picker-popover{position:absolute;bottom:60px;right:16px;width:320px;height:280px;border-radius:16px;display:flex;flex-direction:column;background:#0f0c1cf2!important;border:1px solid var(--border-color);box-shadow:0 8px 32px #00000080;z-index:1000;overflow:hidden;animation:slideUpEmoji .2s cubic-bezier(.16,1,.3,1)}@keyframes slideUpEmoji{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-tabs{display:flex;background:#0003;border-bottom:1px solid var(--border-color);padding:6px;gap:4px;justify-content:space-around}.emoji-picker-tab-btn{background:none;border:none;font-size:1.15rem;padding:6px;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex:1}.emoji-picker-tab-btn:hover,.emoji-picker-tab-btn.active{background:#ffffff1a}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:10px;overflow-y:auto;flex:1}.emoji-picker-item{background:none;border:none;font-size:1.45rem;padding:4px;cursor:pointer;border-radius:8px;transition:transform .1s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.emoji-picker-item:hover{transform:scale(1.2);background:#ffffff14}.wall-action-btn.active{color:var(--primary-light)!important;background:#8b5cf626!important;border-color:#8b5cf666!important}.wall-action-btn.like-btn.active{color:#10b981!important;background:#10b98126!important;border-color:#10b98166!important}.wall-action-btn.dislike-btn.active{color:#ef4444!important;background:#ef444426!important;border-color:#ef444466!important}.chat-input-actions-wrapper .chat-char-counter{position:static!important;transform:none!important;pointer-events:auto!important}.chat-input-container input{padding-right:24px!important}.avatar-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10}@keyframes flash-highlight-anim{0%{background-color:#8b5cf666}to{background-color:transparent}}.message-wrapper.flash-highlight .message-bubble{animation:flash-highlight-anim 2s ease-out}.message-bubble{position:relative}.swipe-reply-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#8b5cf61a}.reply-quote-container{background:#00000026;border-left:3px solid var(--accent-purple);border-radius:4px;padding:6px 10px;margin-bottom:8px;font-size:.8rem;text-align:left}.light-theme .reply-quote-container{background:#0000000a}.reply-quote-sender{font-weight:600;color:var(--accent-purple);font-size:.75rem}.reply-quote-text{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-file-card:hover{background:#0000002e!important}.light-theme .message-file-card:hover{background:#00000014!important}.light-theme .notepad-editor-area{background:#fff!important}.light-theme .notepad-toolbar{background:#00000005!important;border-color:#00000014!important}.light-theme .notepad-font-size-select{background:#0000000a!important;border-color:#00000014!important;color:var(--text-primary)!important}.light-theme .notepad-font-size-select option{background:#fff!important;color:var(--text-primary)!important}.light-theme .toolbar-btn:hover{background:#0000000d!important}.light-theme .notepad-title-input{border-bottom-color:#00000014!important}.light-theme .public-room-card .join-room-btn.joined{color:#065f46!important;background:#10b9811a!important;border-color:#10b9814d!important}@media (hover: hover){.wall-action-btn.like-btn:hover{color:#10b981!important;background:#10b98114!important}.wall-action-btn.dislike-btn:hover{color:#ef4444!important;background:#ef444414!important}}.profile-about-box{background:#00000026;border:1px solid rgba(255,255,255,.03)}.profile-interest-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.light-theme .profile-about-box{background:#0000000a!important;border:1px solid rgba(0,0,0,.08)!important}.light-theme .profile-interest-tag{background:#0000000d!important;border:1px solid rgba(0,0,0,.08)!important}.autocomplete-dropdown{position:absolute;top:44px;left:16px;right:16px;max-height:150px;overflow-y:auto;z-index:100;background:#0f0c1cf2;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0006;padding:4px 0}.light-theme .autocomplete-dropdown{background:#fff!important;border-color:#0f172a26!important;box-shadow:0 4px 12px #0000001a!important}.autocomplete-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .2s ease;font-size:.85rem;color:var(--text-primary)}.autocomplete-item:hover{background:#ffffff0d}.light-theme .autocomplete-item{color:#0f172a!important}.light-theme .autocomplete-item:hover{background:#0000000a!important}.add-member-input{background:#ffffff14!important}.light-theme .add-member-input{background:#ffffffbf!important;border-color:#0f172a2e!important;color:#0f172a!important}.light-theme .add-member-input:focus{background:#fff!important}.public-room-card .join-room-btn.joined{color:#34d399!important;background:#10b98126!important;border:1px solid rgba(16,185,129,.3)!important;transition:all .25s ease-out!important}.public-room-card .join-room-btn.joined:hover{background:#10b98140!important;color:#4ade80!important;box-shadow:0 0 15px #4ade8080!important;border-color:#4ade8080!important;transform:translateY(-2px)!important}.light-theme .public-room-card .join-room-btn.joined{color:#059669!important;background:#10b98114!important;border-color:#10b98140!important}.light-theme .public-room-card .join-room-btn.joined:hover{background:#10b98126!important;color:#047857!important;border-color:#10b98173!important;box-shadow:0 0 12px #10b98159!important}.settings-select{background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:10px 40px 10px 14px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.settings-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.settings-select option{background:#110e24;color:#fff}.light-theme .settings-select{background:#fff!important;color:#0f172a!important;border-color:#0f172a26!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important}.light-theme .settings-select option{background:#fff!important;color:#0f172a!important}.avatar-menu-popover{position:absolute;top:90px;background:#1e1b29f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 30px #0009;width:160px;z-index:20;transform:scale(.95);animation:popover-scale-up .18s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes popover-scale-up{to{transform:scale(1)}}.light-theme .avatar-menu-popover{background:#fffffff2!important;border-color:#00000014!important;box-shadow:0 12px 30px #0000001f!important}.avatar-menu-btn{background:transparent;border:none;color:var(--text-primary);padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500;text-align:left;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.avatar-menu-btn:hover{background:#ffffff14;color:#8b5cf6}.light-theme .avatar-menu-btn:hover{background:#8b5cf60f!important;color:#6d28d9!important}.avatar-menu-btn.delete{color:#ef4444}.avatar-menu-btn.delete:hover{background:#ef444426!important;color:#ef4444!important}.avatar-menu-btn.cancel{border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:4px;padding-top:8px}.avatar-menu-btn.cancel:hover{background:#ffffff0d;color:var(--text-primary)}.light-theme .avatar-menu-btn.cancel:hover{background:#0000000a!important;color:var(--text-primary)!important}.chat-input-bar{gap:8px!important}.emoji-trigger-btn{font-size:1.35rem!important}.reply-quote-container{background:#00000026!important;border-left:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:17px 17px 0 0!important;padding:8px 14px!important;margin:-8px -16px 8px!important;font-size:.8rem!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:2px!important}.message-wrapper.outgoing .reply-quote-container{background:#0003!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.message-wrapper.outgoing .reply-quote-sender{color:#e9d5ff!important}.message-wrapper.outgoing .reply-quote-text{color:#ffffffe6!important}.message-wrapper.incoming .reply-quote-container{background:#ffffff0d!important;border-bottom:1px solid var(--border-color)!important}.message-wrapper.incoming .reply-quote-sender{color:var(--accent-purple)!important}.message-wrapper.incoming .reply-quote-text{color:var(--text-secondary)!important}.light-theme .message-wrapper.outgoing .reply-quote-container{background:#00000026!important;border-bottom:1px solid rgba(255,255,255,.15)!important}.light-theme .message-wrapper.outgoing .reply-quote-sender{color:#f3e8ff!important}.light-theme .message-wrapper.outgoing .reply-quote-text{color:#fff!important}.light-theme .message-wrapper.incoming .reply-quote-container{background:#0f172a0f!important;border-bottom:1px solid rgba(15,23,42,.1)!important}.light-theme .message-wrapper.incoming .reply-quote-sender{color:#6d28d9!important}.light-theme .message-wrapper.incoming .reply-quote-text{color:#1e293b!important}.wall-action-btn.report-btn{margin-left:auto!important}.emoji-trigger-btn{transition:transform .25s cubic-bezier(.16,1,.3,1),all .2s ease!important}.emoji-trigger-btn:hover{transform:scale(1.15)!important}.emoji-trigger-btn:active{transform:scale(.95)!important}.settings-select{box-sizing:border-box!important}@media (max-width: 600px){.language-selector-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.language-selector-row>div{width:100%!important;flex:none!important}.language-selector-row button{align-self:flex-start!important;width:auto!important;height:38px!important}}.avatar-menu-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#00000073!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;border-radius:0!important}.avatar-menu-popover{position:relative!important;top:auto!important;left:auto!important;width:180px!important;z-index:10000!important}@media (min-width: 769px){.message-wrapper.incoming .message-timestamp{align-self:flex-start!important;margin-left:44px!important}.message-wrapper.incoming.chat-type-direct .message-timestamp{margin-left:44px!important}.message-wrapper.outgoing .message-timestamp{align-self:flex-end!important;margin-right:44px!important}.message-wrapper.outgoing.chat-type-direct .message-timestamp{margin-right:44px!important}}.light-theme .friends-tab-btn:not(.add-friend-btn):hover{border-color:#8b5cf666!important;transform:translateY(-2px)!important;box-shadow:0 0 15px #8b5cf633!important}.light-theme .friends-tab-btn:not(.add-friend-btn):not(.active):hover{color:#0f172a!important;background:#fdfcff!important}.light-theme .friends-tab-btn.active{color:#0f172a!important}.light-theme .friends-tab-btn.active span,.light-theme .friends-tab-btn.active svg{color:#0f172a!important}.light-theme .mobile-menu-toggle-btn,.light-theme .mobile-menu-toggle-btn svg,.light-theme .mobile-menu-toggle-btn line,.light-theme .mobile-menu-toggle-btn path,.light-theme .desktop-sidebar-toggle-btn,.light-theme .desktop-sidebar-toggle-btn svg,.light-theme .desktop-sidebar-toggle-btn line,.light-theme .desktop-sidebar-toggle-btn path,.light-theme .sidebar-toggle-btn,.light-theme .sidebar-toggle-btn svg,.light-theme .sidebar-toggle-btn line,.light-theme .sidebar-toggle-btn path{color:#0f172a!important;stroke:#0f172a!important}.light-theme .friends-tab-btn.add-friend-btn:not(.active){color:#22c55e!important;border-color:#22c55e52!important}.light-theme .friends-tab-btn.add-friend-btn:not(.active):hover{color:#22c55e!important;background:#22c55e14!important;border-color:#22c55e85!important}.light-theme .friends-tab-btn.add-friend-btn.active span,.light-theme .friends-tab-btn.add-friend-btn.active svg{color:#052e16!important;stroke:#052e16!important}html.light-theme .friends-tab-btn.add-friend-btn{color:var(--success-color)!important;border-color:#10b98133!important}html.light-theme .friends-tab-btn.add-friend-btn:not(.active):hover{color:var(--success-color)!important;background:#10b9810f!important;border-color:#10b98166!important}html.light-theme .friends-tab-btn.add-friend-btn.active{color:#fff!important;background:var(--success-color)!important;border-color:transparent!important;box-shadow:0 0 15px #10b9814d!important}html.light-theme .friends-tab-btn.add-friend-btn.active span,html.light-theme .friends-tab-btn.add-friend-btn.active svg{color:#fff!important;stroke:#fff!important}.light-theme .notepad-note-item{box-shadow:0 2px 8px #0000000a!important}.light-theme .notepad-note-item:not(.active){background:#fff!important}.light-theme .notepad-note-item:hover{border-color:#8b5cf666!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #8b5cf633!important}.light-theme .notepad-note-item:not(.active):hover{background:#fff!important}@media (max-width: 768px){.emoji-trigger-btn{display:none!important}}@keyframes mobile-menu-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-message-menu-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#000000bf!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important}.mobile-message-menu-content{width:100%!important;max-width:320px!important;display:flex!important;flex-direction:column!important;gap:14px!important}.mobile-message-reactions-bar{background:#1c1c1ef2!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:30px!important;padding:8px 16px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;box-shadow:0 10px 30px #00000080!important}.mobile-message-reactions-bar button{transition:transform .1s ease!important}.mobile-message-reactions-bar button:active{transform:scale(1.3)!important}.mobile-message-actions-list{background:#1c1c1ef2!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 10px 30px #00000080!important}.mobile-message-actions-list button{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;padding:14px 18px!important;background:none!important;border:none!important;color:#fff!important;font-size:.95rem!important;font-weight:500!important;text-align:left!important;cursor:pointer!important;transition:background .2s ease!important}.mobile-message-actions-list button:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)!important}.mobile-message-actions-list button:active{background:#ffffff14!important}.mobile-message-actions-list button.delete-btn{color:#ff453a!important}.message-likes-badge.liked-pop-in{animation:likes-badge-pop-in .35s cubic-bezier(.175,.885,.32,1.275) forwards}.message-likes-badge.unliked-pop-out{animation:likes-badge-pop-out .3s cubic-bezier(.6,-.28,.735,.045) forwards}@keyframes likes-badge-pop-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.4) rotate(-8deg)}75%{transform:scale(.9) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes likes-badge-pop-out{0%{transform:scale(1);opacity:1}40%{transform:scale(1.3) rotate(8deg);opacity:1}to{transform:scale(0) rotate(-12deg);opacity:0}}.message-bubble,.mobile-message-menu-overlay,.mobile-message-menu-content,.mobile-message-actions-list,.mobile-message-reactions-bar{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;-webkit-touch-callout:none!important}@media (min-width: 769px){.message-bubble{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}}@keyframes bubble-bounce{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mobile-menu-preview-bubble{transform-origin:center center}body,html,input,select,textarea,button{font-family:Geist,Inter,sans-serif}.logo-text,.logo-text *{font-family:Geist,Inter,sans-serif!important;font-weight:700!important}h1,h2,h3,h4,h5,h6,.section-title,.header-title,.modal-title,.dialog-title,.chat-item-name,.title,.card-title,.settings-title,.profile-username,.user-name-title{font-weight:600!important}.message-bubble,.message-text,.chat-message,.message-content,.message-bubble-wrapper-inner,.message-bubble-wrapper-inner *{font-weight:400!important}.message-bubble{display:inline-block!important;text-align:left!important;min-height:38px}button,.btn,.button,input[type=button],input[type=submit],.action-btn,.action-button,.dialog-button,.sidebar-action-icon-btn{font-weight:500!important}.login-container .login-card .input-field{border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;background:#ffffff08!important;box-shadow:0 2px 8px #00000026,inset 0 1px 2px #ffffff05!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.login-container .login-card .input-field:focus{background:#0003!important;border:1px solid rgba(167,139,250,.5)!important;box-shadow:0 0 18px #a78bfa40,inset 0 1px 2px #ffffff08!important;outline:none!important}.home-dashboard-container{position:relative;width:100%;height:100%;overflow-y:auto;background:radial-gradient(circle at top right,rgba(139,92,246,.05) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(59,130,246,.05) 0%,transparent 40%);display:flex;flex-direction:column;gap:28px;z-index:1;isolation:isolate}.home-dashboard-container .world-map-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:1;overflow:hidden;pointer-events:none}.home-dashboard-container .world-map-bg svg{display:block;width:100%;height:100%}.map-dot{animation:mapDotPulse 3s ease-in-out infinite;transform-origin:center}.dot-1{animation-delay:0s}.dot-2{animation-delay:.5s}.dot-3{animation-delay:1s}.dot-4{animation-delay:1.5s}.dot-5{animation-delay:2s}.dot-6{animation-delay:2.5s}.dot-7{animation-delay:3s}@keyframes mapDotPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.map-line-1,.map-line-2,.map-line-3,.map-line-4{stroke-dasharray:1000;stroke-dashoffset:1000;animation:mapLineFlow 36s linear infinite}.map-line-1{animation-delay:0s}.map-line-2{animation-delay:3s}.map-line-3{animation-delay:6s}.map-line-4{animation-delay:9s}@keyframes mapLineFlow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.dashboard-content-fade{animation:contentFadeIn .5s ease-out forwards;position:relative;z-index:2;display:flex;flex-direction:column;gap:28px;padding:32px 24px}.home-dashboard-container .dashboard-content-fade{animation:none}.dashboard-content-fade p{color:#fffc!important}.dashboard-content-fade .timeline-text{color:#fffffff2!important}.dashboard-content-fade .timeline-time{color:#fff9!important}.dashboard-content-fade .widget-header span{color:#fffffff2!important}.dashboard-content-fade .leaderboard-name{color:#ffffffe6!important}.dashboard-content-fade .leaderboard-score,.dashboard-content-fade .skeleton-subtitle{color:#ffffffb3!important}.dashboard-content-fade .stat-label{color:#ffffffbf!important}.light-theme .dashboard-content-fade p{color:var(--text-secondary)!important}.light-theme .dashboard-content-fade .timeline-text{color:var(--text-primary)!important}.light-theme .dashboard-content-fade .timeline-time{color:var(--text-muted)!important}.light-theme .dashboard-content-fade .widget-header span,.light-theme .dashboard-content-fade .leaderboard-name{color:var(--text-primary)!important}.light-theme .dashboard-content-fade .leaderboard-score,.light-theme .dashboard-content-fade .skeleton-subtitle,.light-theme .dashboard-content-fade .stat-label{color:var(--text-muted)!important}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-hero{text-align:center;padding:40px 24px;background:#0a0a0cb3!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px;box-shadow:0 16px 40px #0006!important;position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 60%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:#c084fc;padding:6px 16px;border-radius:30px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;animation:floatBadge 3s ease-in-out infinite}@keyframes floatBadge{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.pulse-fast{animation:pulseIcon 1.5s ease-in-out infinite}@keyframes pulseIcon{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.hero-title{font-size:2.5rem;font-weight:800;margin:0 0 16px;background:linear-gradient(135deg,#fff 30%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:680px;margin:0 auto 32px;line-height:1.6}.hero-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.hero-cta-btn{display:flex;align-items:center;gap:10px;padding:12px 28px;font-size:.95rem;font-weight:600;border-radius:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hero-cta-btn.match-cta{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;box-shadow:0 4px 15px #8b5cf666}.hero-cta-btn.match-cta:hover{transform:translateY(-3px);box-shadow:0 8px 24px #8b5cf699,0 0 12px #8b5cf666;filter:brightness(1.1)}.hero-cta-btn.explore-cta{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-primary)}.hero-cta-btn.explore-cta:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-3px);box-shadow:0 8px 24px #0003}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);background:#ffffff0a;border-color:#ffffff14;box-shadow:0 6px 20px #00000026}.stat-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper.purple{background:#8b5cf626;color:#a78bfa}.stat-icon-wrapper.blue{background:#3b82f626;color:#60a5fa}.stat-icon-wrapper.green{background:#10b98126;color:#34d399}.stat-icon-wrapper.orange{background:#f59e0b26;color:#fbbf24}.stat-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value-container{display:flex;align-items:center;gap:8px}.stat-value{font-size:1.45rem;font-weight:700;margin:0;color:var(--text-primary)}.count-up-animation{transition:all .5s ease;animation:numChange .3s ease-out}@keyframes numChange{0%{transform:scale(1.1);color:var(--accent-purple)}to{transform:scale(1);color:var(--text-primary)}}.online-pulse-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:statusBlink 2s infinite;display:inline-block;flex-shrink:0}.online-pulse-indicator.inline{margin-right:8px;vertical-align:middle}@keyframes statusBlink{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.active-users-section{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:18px 20px}.active-users-section .section-title{font-size:.88rem;margin:0 0 14px;display:flex;align-items:center;color:var(--text-primary)}.active-users-list{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.active-user-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;position:relative;flex-shrink:0;transition:all .2s ease}.active-user-avatar-wrapper:hover{transform:translateY(-2px)}.active-user-avatar-wrapper:hover .active-user-avatar{border-color:var(--accent-purple);box-shadow:0 0 8px #8b5cf666}.active-user-avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .2s ease;overflow:hidden}.active-user-avatar img{width:100%;height:100%;object-fit:cover}.active-user-dot{position:absolute;bottom:22px;right:2px;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid #0a0515}.active-user-name{font-size:.72rem;color:var(--text-secondary);max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1.1fr;gap:20px}.dashboard-section-block .section-block-title{font-size:1.05rem;font-weight:600;margin:0 0 14px;color:var(--text-primary)}.rooms-compact-list{display:flex;flex-direction:column;gap:10px}.room-compact-card{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:all .25s ease}.room-compact-card:hover{background:#ffffff0a;border-color:#ffffff14;transform:translate(4px)}.room-compact-card .room-avatar{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.room-card-info{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}.room-card-title{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-subtitle{font-size:.75rem;color:var(--text-muted)}.room-card-action-btn{padding:6px 14px;font-size:.8rem;font-weight:600;border-radius:8px;height:auto;width:140px;justify-content:center;flex-shrink:0}.room-card-action-btn.joined{background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-secondary)}.room-card-action-btn.joined:hover{background:#ffffff1a;color:var(--text-primary)}.no-rooms-card{padding:20px;text-align:center;font-size:.85rem;color:var(--text-muted);background:#ffffff03;border:1px dashed var(--border-color);border-radius:12px}.dashboard-widget-card{padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px}.qotd-widget{background:radial-gradient(circle at bottom right,rgba(139,92,246,.08) 0%,transparent 60%),#ffffff05;border-color:#8b5cf626}.widget-header{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:12px}.widget-title{font-size:.95rem;font-weight:600;margin:0 0 8px;color:var(--text-primary);line-height:1.45}.widget-description{font-size:.78rem;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.widget-btn{width:100%;padding:9px;font-size:.82rem;font-weight:600;border-radius:8px}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff03;border-radius:8px}.leaderboard-rank{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.leaderboard-rank.rank-1{background:#d97706}.leaderboard-rank.rank-2{background:#94a3b8}.leaderboard-rank.rank-3{background:#b45309}.leaderboard-name{font-size:.85rem;color:var(--text-primary);font-weight:500;flex-grow:1}.leaderboard-score{font-size:.75rem;color:var(--text-muted)}.activity-timeline{display:flex;flex-direction:column;gap:16px;position:relative;padding-left:12px}.activity-timeline:before{content:"";position:absolute;top:4px;bottom:4px;left:3px;width:1px;background:var(--border-color)}.timeline-item{display:flex;gap:12px;position:relative}.timeline-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-purple);box-shadow:0 0 6px var(--accent-purple);margin-top:5px;flex-shrink:0;z-index:1}.timeline-content{display:flex;flex-direction:column;gap:2px}.timeline-text{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.timeline-time{font-size:.7rem;color:var(--text-muted)}.dashboard-features-section{padding:24px 0 0;border-top:1px solid var(--border-color)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover{transform:translateY(-4px);background:#ffffff0d;border-color:#8b5cf633;box-shadow:0 8px 24px #8b5cf61a}.feature-icon-wrapper{width:48px;height:48px;border-radius:12px;background:#ffffff05;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s ease}.feature-card:hover .feature-icon-wrapper{background:#8b5cf626;border-color:#8b5cf64d}.feature-card h4{font-size:.95rem;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.feature-card p{font-size:.78rem;color:var(--text-secondary);margin:0;line-height:1.5}.dashboard-skeleton{display:flex;flex-direction:column;gap:28px}.skeleton-hero{padding:40px 24px;background:#ffffff03;border:1px solid rgba(255,255,255,.03);border-radius:20px}.skeleton-line{height:12px;background:#ffffff08;border-radius:4px;margin-bottom:12px;position:relative;overflow:hidden}.skeleton-line:before,.skeleton-card:before,.skeleton-btn:before{content:"";display:block;position:absolute;left:-150px;top:0;height:100%;width:150px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:skeletonLoad 1.5s infinite}@keyframes skeletonLoad{0%{left:-150px}to{left:100%}}.skeleton-title{height:24px;width:40%;margin-bottom:20px}.skeleton-subtitle{width:80%}.level-up-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.level-up-modal{max-width:320px;width:90%;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;background:#141414bf;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #c084fc33;transform:scale(.9);animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.level-up-crown-icon{color:#c084fc;filter:drop-shadow(0 0 12px rgba(192,132,252,.6));animation:bounce 2s infinite}.level-up-modal h2{margin:0;font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#fff 30%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.level-up-modal p{margin:0;color:var(--text-secondary);font-size:.95rem}.level-up-badge{font-size:1.5rem;font-weight:800;color:#c084fc;background:#c084fc26;padding:8px 24px;border-radius:99px;border:1px solid rgba(192,132,252,.3);margin:8px 0;box-shadow:inset 0 0 12px #c084fc1a}@keyframes scaleIn{to{transform:scale(1)}}.home-widgets-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;min-width:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow-anchor:none}.draggable-widget-wrapper{position:relative;min-width:0;max-width:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .2s ease,box-shadow .2s ease;will-change:auto}.home-widget-adding{animation:homeWidgetEnter .55s cubic-bezier(.16,1,.3,1) both}.home-widget-removing{pointer-events:none!important;animation:homeWidgetExit .32s cubic-bezier(.4,0,1,1) forwards}@keyframes homeWidgetEnter{0%{opacity:0;transform:translateY(-28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes homeWidgetExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.94)}}.home-widget-remove-btn{position:absolute;top:-10px;left:-10px;z-index:30;width:32px;height:32px;padding:0;border-radius:50%!important;display:grid;place-items:center;color:#fffffff0;background:linear-gradient(145deg,#fff3,#8b5cf621 52%,#0f172a80);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 22px #00000059;cursor:pointer;animation:homeWidgetRemoveButtonIn .22s ease-out both}.wall-card-time{font-size:.75rem;color:var(--text-muted)}.wall-card-body{font-size:.85rem;color:var(--text-secondary);line-height:1.5;word-break:break-word}.my-note-tag{color:var(--accent-purple);font-size:.75rem;font-weight:500;margin-left:4px}@keyframes homeWidgetRemoveButtonIn{0%{opacity:0;transform:scale(.65) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}.light-theme .home-widget-remove-btn{color:#312e81;background:linear-gradient(145deg,#fffffff5,#ede9feb8);border-color:#ffffffeb;box-shadow:0 8px 22px #4c1d9524,inset 0 1px 1px #fff,inset 0 -1px #7c3aed1a}.draggable-widget-wrapper.dragging{will-change:transform;border-radius:18px}.draggable-widget-wrapper.full-width{grid-column:span 2}.draggable-widget-wrapper.half-width{grid-column:span 1}.popular-wall-widget{position:relative;min-height:280px;height:100%;margin:0;padding:22px;overflow:hidden;cursor:pointer;isolation:isolate;border-color:#ec489933;background:radial-gradient(circle at 100% 0%,rgba(236,72,153,.13),transparent 42%),radial-gradient(circle at 0% 100%,rgba(139,92,246,.14),transparent 45%),var(--card-bg, rgba(18, 18, 25, .78))}.popular-wall-glow{position:absolute;z-index:-1;width:180px;height:180px;right:-90px;bottom:-100px;border-radius:50%;background:#ec489933;filter:blur(42px);pointer-events:none}.popular-wall-heading,.popular-wall-author-row,.popular-wall-stats,.popular-wall-open-btn{display:flex;align-items:center}.popular-wall-heading{justify-content:space-between;gap:12px;margin-bottom:20px}.popular-wall-heading .widget-header{margin:0;color:var(--text-primary)}.popular-wall-heading .widget-header svg{color:#ec4899}.popular-wall-rank{padding:4px 9px;border:1px solid rgba(236,72,153,.25);border-radius:999px;color:#f472b6;background:#ec48991a;font-size:.72rem;font-weight:800}.popular-wall-content{min-width:0;padding-right:2px}.popular-wall-author-row{gap:10px}.popular-wall-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#fff;font-size:.78rem;font-weight:800}.popular-wall-avatar img{width:100%;height:100%;object-fit:cover}.popular-wall-author-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.popular-wall-author-copy strong{overflow:hidden;color:var(--text-primary);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.popular-wall-author-copy span{color:var(--accent-purple);font-size:.73rem;font-weight:650}.popular-wall-content>p{display:-webkit-box;margin:16px 0;overflow:hidden;color:var(--text-secondary);font-size:.9rem;line-height:1.6;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}.popular-wall-stats{flex-wrap:wrap;gap:14px;color:var(--text-muted);font-size:.76rem}.popular-wall-stats span{display:inline-flex;align-items:center;gap:5px}.popular-wall-stats span:first-child svg{color:#f472b6}.popular-wall-stats span:last-child svg{color:#a78bfa}.popular-wall-photo{position:absolute;z-index:-1;top:58px;right:20px;width:112px;height:134px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 14px 30px #0003}.popular-wall-photo:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,transparent 52%,rgba(10,10,16,.42))}.popular-wall-photo img{width:100%;height:100%;object-fit:cover}.popular-wall-widget.has-photo .popular-wall-content{padding-right:126px}.popular-wall-open-btn{position:absolute;right:20px;bottom:18px;gap:6px;padding:7px 0;color:var(--text-primary);background:transparent;border:0;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.popular-wall-open-btn svg{transition:transform .2s ease}.popular-wall-widget:hover .popular-wall-open-btn svg{transform:translate(3px)}.popular-wall-empty{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--text-muted);text-align:center}.popular-wall-empty p{margin:0}.light-theme .popular-wall-widget{border-color:#7c3aed26;background:radial-gradient(circle at 100% 0%,rgba(236,72,153,.09),transparent 42%),radial-gradient(circle at 0% 100%,rgba(124,58,237,.09),transparent 45%),#ffffffc2}.today-topic-widget{border-color:#f59e0b38;background:radial-gradient(circle at 100% 0%,rgba(245,158,11,.14),transparent 42%),radial-gradient(circle at 0% 100%,rgba(139,92,246,.12),transparent 45%),var(--card-bg, rgba(18, 18, 25, .78))}.today-topic-widget .popular-wall-heading .widget-header svg,.today-topic-widget .popular-wall-stats span:first-child svg{color:#f59e0b}.today-topic-widget .popular-wall-rank{color:#fbbf24;border-color:#f59e0b47;background:#f59e0b1a}.today-topic-widget .popular-wall-glow{background:#f59e0b2e}.light-theme .today-topic-widget{border-color:#d977062b;background:radial-gradient(circle at 100% 0%,rgba(245,158,11,.1),transparent 42%),radial-gradient(circle at 0% 100%,rgba(124,58,237,.07),transparent 45%),#ffffffc2}@media (max-width: 520px){.popular-wall-widget{min-height:300px}.popular-wall-photo{width:92px;height:112px}.popular-wall-widget.has-photo .popular-wall-content{padding-right:104px}}.widget-drag-handle{position:absolute;top:12px;right:12px;z-index:10;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-secondary);cursor:grab;touch-action:none;opacity:0;transition:opacity .2s ease,background .2s ease}.draggable-widget-wrapper:hover .widget-drag-handle{opacity:1}.widget-drag-handle:hover{background:#ffffff1a;color:#fff}.widget-drag-handle:active{cursor:grabbing}@media (max-width: 800px){.home-widgets-container{grid-template-columns:1fr}.draggable-widget-wrapper.half-width,.draggable-widget-wrapper.full-width{grid-column:span 1}.widget-drag-handle{opacity:1}#widget-worldMap{display:none!important}}@media (max-width: 768px){.world-map-bg path[class^=map-line-]{display:none}.login-container{background:#08080a!important}.light-theme .login-container{background:#f8fafc!important}.login-card{width:100%!important;max-width:560px!important;height:auto!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;box-shadow:0 20px 40px #0009!important;backdrop-filter:blur(25px) saturate(180%)!important;-webkit-backdrop-filter:blur(25px) saturate(180%)!important;margin:0 auto!important;padding:30px 24px!important;background:#12121673!important;animation:none!important;box-sizing:border-box!important;transform:translateY(-5px)!important}.light-theme .login-card{background:#ffffff73!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 20px 40px #0f172a1a!important}.login-card.signup-card{margin-top:0!important}.login-footer-links{position:absolute!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;gap:8px!important;align-items:center!important;z-index:10!important}}.friends-add-input-wrapper{position:relative}.friend-suggestions-dropdown{position:relative;top:auto;left:auto;right:auto;width:100%;box-sizing:border-box;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-top:-8px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #00000026}.friend-suggestion-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .2s ease}.friend-suggestion-item:hover{background:#ffffff0d}.light-theme .friend-suggestions-dropdown{background:#fff;box-shadow:0 4px 12px #00000014}.light-theme .friend-suggestion-item:hover{background:#00000008}.suggestion-name{font-size:.85rem;font-weight:500;color:var(--text-primary)}@keyframes pingRing{0%{r:4px;opacity:.85;stroke-width:1.5}to{r:16px;opacity:0;stroke-width:.5}}.ping-ring{transform-origin:center;animation:pingRing 3s cubic-bezier(.16,1,.3,1) infinite;pointer-events:none}.dot-1 .ping-ring{animation-delay:0s}.dot-2 .ping-ring{animation-delay:.4s}.dot-3 .ping-ring{animation-delay:.8s}.dot-4 .ping-ring{animation-delay:1.2s}.dot-5 .ping-ring{animation-delay:1.6s}.dot-6 .ping-ring{animation-delay:2s}.dot-7 .ping-ring{animation-delay:2.4s}.dot-8 .ping-ring{animation-delay:2.8s}.contact-form-field{border-radius:6px!important}.light-theme .contact-form-field{background:#ffffffbf!important;border-color:#0f172a26!important;color:#0f172a!important}.room-settings-field{padding:8px 12px!important;font-size:.85rem!important;border-radius:6px!important;height:auto!important}.light-theme .room-settings-field,.light-theme .create-room-modal-content .input-field{background:#ffffffbf!important;border-color:#0f172a26!important;color:#0f172a!important}.game-workspace-container:not(.game-active-playing) .game-page-scroll-container,.game-page-scroll-container,html.retro-mode-active .game-page-scroll-container,.retro-mode-active .game-page-scroll-container,.neon-mode-active .game-page-scroll-container{overflow-y:scroll!important;scrollbar-width:auto!important;scrollbar-color:#bd00ff #0d0c16!important}.game-workspace-container:not(.game-active-playing) .game-page-scroll-container::-webkit-scrollbar,.game-page-scroll-container::-webkit-scrollbar,html.retro-mode-active .game-page-scroll-container::-webkit-scrollbar,.retro-mode-active .game-page-scroll-container::-webkit-scrollbar,.neon-mode-active .game-page-scroll-container::-webkit-scrollbar{width:10px!important;height:10px!important;display:block!important}.game-workspace-container:not(.game-active-playing) .game-page-scroll-container::-webkit-scrollbar-track,.game-page-scroll-container::-webkit-scrollbar-track,html.retro-mode-active .game-page-scroll-container::-webkit-scrollbar-track,.retro-mode-active .game-page-scroll-container::-webkit-scrollbar-track,.neon-mode-active .game-page-scroll-container::-webkit-scrollbar-track{background:#0d0c16!important;border-left:1px solid rgba(255,0,127,.4)!important}.lobby-header-title{color:#fff!important;border-left:1px solid rgba(255,0,127,.4)!important}.game-workspace-container:not(.game-active-playing) .game-page-scroll-container::-webkit-scrollbar-thumb,.game-page-scroll-container::-webkit-scrollbar-thumb,html.retro-mode-active .game-page-scroll-container::-webkit-scrollbar-thumb,.retro-mode-active .game-page-scroll-container::-webkit-scrollbar-thumb,.neon-mode-active .game-page-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff007f,#00f0ff)!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 0 12px #ff007fb3!important}.game-workspace-container:not(.game-active-playing) .game-page-scroll-container::-webkit-scrollbar-thumb:hover,.game-page-scroll-container::-webkit-scrollbar-thumb:hover,html.retro-mode-active .game-page-scroll-container::-webkit-scrollbar-thumb:hover,.retro-mode-active .game-page-scroll-container::-webkit-scrollbar-thumb:hover,.neon-mode-active .game-page-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#bd00ff,#00f0ff)!important}@media (max-width: 768px){.game-workspace-container:not(.game-active-playing) .game-page-scroll-container,.game-page-scroll-container,html.retro-mode-active .game-page-scroll-container,.retro-mode-active .game-page-scroll-container,.neon-mode-active .game-page-scroll-container{overflow-y:visible!important;overflow-x:hidden!important;overflow:visible!important;height:auto!important;max-height:none!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.game-page-scroll-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}}.game-container{width:100%;animation:fadeIn .4s ease-out}.game-workspace-container{--bg-dark: #030307;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: rgba(255, 255, 255, .08);--bg-card: rgba(13, 12, 22, .65);--bg-card-hover: rgba(255, 255, 255, .03);--accent-purple: #bd00ff;--accent-purple-glow: rgba(189, 0, 255, .4);background:radial-gradient(circle at top right,rgba(139,92,246,.05) 0%,transparent 40%),radial-gradient(circle at bottom left,rgba(59,130,246,.05) 0%,transparent 40%),var(--bg-dark)!important;position:relative;color:#f3f4f6!important}.game-workspace-container .chat-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.game-workspace-container .chat-header-name{color:#fff!important;font-weight:700;font-size:1.1rem}.game-workspace-container .status-indicator{color:#00d2ff!important;font-weight:600}.game-workspace-container .glass-card{background:#0d0c16d9!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 40px #000000a6!important;color:#f3f4f6!important}.game-workspace-container .glass-card.hex-turn-card{background:#0d0c1673!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 20px #0000004d!important}.light-theme .game-workspace-container .glass-card.hex-turn-card{background:#ffffffdb!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 4px 20px #00000014!important;color:#0f172a!important}.combined-lobby-card{background:#0d0c16d9!important;color:#f3f4f6!important;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #0000004d;padding:24px;display:flex;flex-direction:column;gap:20px}.lobby-box-title{font-size:1rem;font-weight:700;color:#f3f4f6!important;margin:0 0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.lobby-player-row{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;box-sizing:border-box;background:#ffffff05!important;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease;color:#f3f4f6!important}.lobby-player-row:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003}.lobby-invite-input{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;color:#f3f4f6!important;font-family:monospace;font-size:.85rem;border-radius:8px;padding:8px 12px;width:100%}.lobby-invite-input:focus{outline:none;border-color:#00d2ff!important;background:#ffffff0d!important}.color-selector-wrapper button:hover{transform:scale(1.2)!important}@keyframes pulseGreen{0%{box-shadow:0 0 #39ff1466}70%{box-shadow:0 0 0 8px #39ff1400}to{box-shadow:0 0 #39ff1400}}.lobby-header-title{color:#fff!important;font-size:1.4rem;margin:0;font-weight:700;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px rgba(0,210,255,.15)}.game-workspace-container .input-field{background:#ffffff14!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}.game-workspace-container .input-field:focus{border-color:#00d2ff!important;box-shadow:0 0 10px #00d2ff4d!important;background:#ffffff1f!important}.game-workspace-container .input-field::placeholder{color:#fff6!important}.game-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;background:#000000a6!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;animation:fadeIn .3s ease;touch-action:none;overscroll-behavior:contain}.game-modal-content{position:relative;width:90%;max-width:500px;background:#0d0c16e6!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 15px 50px #000c,0 0 25px #bd00ff40!important;border-radius:16px;padding:32px 24px 24px;text-align:center;color:#fff;animation:scaleUp .3s cubic-bezier(.16,1,.3,1);touch-action:pan-y;overscroll-behavior:contain}.game-modal-close{position:absolute;top:14px;right:14px;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.game-modal-close:hover{color:#fff;transform:rotate(90deg)}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.settings-field{width:100%;background:var(--bg-card-hover)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:8px;padding:8px 12px;font-size:.85rem;outline:none;transition:all .2s ease}.settings-field:focus{border-color:#00d2ff!important;box-shadow:0 0 8px #00d2ff40}input[type=range].custom-range{-webkit-appearance:none;width:100%;height:6px;background:var(--border-color);border-radius:3px;outline:none;margin:8px 0}input[type=range].custom-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#00d2ff;cursor:pointer;box-shadow:0 0 8px #00d2ff;transition:all .1s ease}input[type=range].custom-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider-toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:6px}.slider-toggle:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:4px}input:checked+.slider-toggle{background-color:#00d2ff;box-shadow:0 0 8px #00d2ff66}input:checked+.slider-toggle:before{transform:translate(22px)}.game-header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#0003;border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:12px}.game-header-title-box{display:flex;flex-direction:column;min-width:0}.game-header-title{margin:0;color:#fff;font-size:1.05rem;display:flex;align-items:center;gap:8px;white-space:nowrap}.game-header-code{font-size:.78rem;color:var(--text-muted)}.game-header-code-val{color:#00d2ff;font-family:monospace}.game-header-status-box{display:flex;align-items:center;gap:15px;flex-wrap:nowrap}.game-header-timer{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;white-space:nowrap}.game-header-timer-text{white-space:nowrap}.game-header-turn-badge{padding:6px 14px;border-radius:8px;display:flex;align-items:center;gap:8px;white-space:nowrap}.game-header-turn-dot{width:10px;height:10px;border-radius:50%}.game-header-turn-text{color:#fff;font-size:.88rem;font-weight:600}.game-waiting-host-box{padding:10px;background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:8px;color:gold;font-size:.9rem;font-weight:700;text-align:center;animation:pulseWait 1.5s infinite ease-in-out}.game-waiting-host-box-sub{padding:8px 12px;background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:8px;color:gold;font-size:.85rem;font-weight:700;text-align:center;animation:pulseWait 1.5s infinite ease-in-out}@keyframes pulseWait{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}@media (max-width: 600px){.game-header-bar{flex-direction:column;align-items:stretch;padding:10px 14px}.game-header-status-box{justify-content:space-between;width:100%}.game-header-title{font-size:.95rem}.game-quit-btn{order:99!important}.game-chat-box{order:10!important}}.game-chat-log::-webkit-scrollbar{width:4px}.game-chat-log::-webkit-scrollbar-track{background:transparent}.game-chat-log::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.game-chat-log::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar{transition:width .4s cubic-bezier(.16,1,.3,1),min-width .4s cubic-bezier(.16,1,.3,1),padding .4s cubic-bezier(.16,1,.3,1),margin .4s cubic-bezier(.16,1,.3,1)!important}.desktop-sidebar-toggle-btn{display:flex}.sidebar:not(.collapsed) .desktop-sidebar-toggle-btn{transform:translate(6px)!important}.sidebar:not(.collapsed) .logo-text{margin-left:6px!important}@media (max-width: 1024px){.desktop-sidebar-toggle-btn{display:none!important}.online-count-collapsed-label{display:none}}@media (min-width: 1025px){.sidebar.collapsed{width:82px!important;min-width:82px!important;overflow-x:hidden!important;margin-left:0!important}.sidebar.collapsed .sidebar-middle-scrollable,.sidebar.collapsed .sidebar-scrollable{overflow-x:hidden!important}.sidebar.collapsed .sidebar-header{padding:16px 8px!important;flex-direction:column!important;gap:12px!important;align-items:center!important;justify-content:center!important}.sidebar.collapsed .logo-text{font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;margin:0!important;padding:0!important;width:100%!important}.sidebar.collapsed .logo-text .logo-dot{display:none!important}.sidebar.collapsed .desktop-sidebar-toggle-btn{margin:0 auto!important}.sidebar.collapsed .sidebar-header-actions{width:100%!important;margin-left:0!important;justify-content:center!important}.sidebar.collapsed .sidebar-search-box{display:none!important}.sidebar.collapsed .profile-card{padding:8px!important;justify-content:center!important;margin:12px auto!important;background:transparent!important;border:none!important;box-shadow:none!important;width:100%!important;display:flex!important}.sidebar.collapsed .profile-info{justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.sidebar.collapsed .profile-info>div:not(.profile-avatar-wrapper){display:none!important}.sidebar.collapsed .profile-card>div:not(.profile-info){display:none!important}.sidebar.collapsed .sidebar-profile-header-wrapper{padding:0 8px 12px!important}.sidebar.collapsed .sidebar-nav-buttons{padding:6px 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.sidebar.collapsed .sidebar-nav-btn{width:44px!important;height:44px!important;justify-content:center!important;padding:0!important;border-radius:12px!important;margin:0 auto!important;position:relative!important;transform:translate(-2px)!important}.sidebar.collapsed .sidebar-nav-btn span:not(.nav-badge){display:none!important}.sidebar.collapsed .sidebar-nav-btn svg{margin:0!important;display:block!important;flex-shrink:0!important}.sidebar.collapsed .sidebar-nav-btn .nav-badge{position:absolute!important;top:4px!important;right:4px!important;transform:scale(.8)!important}.sidebar.collapsed .sidebar-nav-btn:hover{transform:none!important}.sidebar.collapsed .sidebar-nav-group-label{display:none!important}.sidebar.collapsed .sidebar-match-cta{width:44px!important;height:44px!important;min-height:44px!important;margin:6px auto 10px!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;border-radius:12px!important;transform:none!important}.sidebar.collapsed .sidebar-match-cta span,.sidebar.collapsed .sidebar-match-cta>svg:last-child,.sidebar.collapsed .sidebar-row-arrow{display:none!important}.sidebar.collapsed .sidebar-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 0!important;width:100%!important;box-sizing:border-box!important}.sidebar.collapsed .sidebar-action-btn{width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;flex-shrink:0!important;transform:translate(2px)!important}.sidebar.collapsed .sidebar-action-btn span{display:none!important}.sidebar.collapsed .public-rooms-btn{justify-content:center!important;width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;margin:8px auto!important;display:flex!important;align-items:center!important;transform:translate(2px)!important}.sidebar.collapsed .public-rooms-btn span,.sidebar.collapsed .public-rooms-btn .marquee-container{display:none!important}.sidebar.collapsed .public-rooms-btn .chat-item-info{justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;height:100%!important;display:flex!important}.sidebar.collapsed .chat-list-item{justify-content:center!important;width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;margin:6px auto!important;position:relative!important;transform:translate(-4px)!important}.sidebar.collapsed .chat-list-item .chat-item-info{justify-content:center!important;width:100%!important;margin:0!important;padding:0!important;gap:0!important;align-items:center!important;display:flex!important}.sidebar.collapsed .chat-list-item .avatar{width:32px!important;height:32px!important;margin:0!important}.sidebar.collapsed .chat-list-item .chat-item-name,.sidebar.collapsed .chat-list-item .chat-item-right{display:none!important}.sidebar.collapsed .chat-list-item .unread-badge{position:absolute!important;top:2px!important;right:2px!important;transform:scale(.75)!important;margin:0!important}.sidebar.collapsed .chat-list-item .online-dot{position:absolute!important;bottom:2px!important;right:2px!important;margin:0!important}.sidebar.collapsed .section-title,.sidebar.collapsed .sidebar-empty-chat-tip{display:none!important}.sidebar.collapsed .sidebar-online-indicator-bar{padding:0 0 12px!important;justify-content:center!important;gap:6px!important;width:100%!important;display:flex!important;align-items:center!important;transform:translate(3px)!important}.sidebar.collapsed .sidebar-online-indicator-bar .online-count-label{display:none!important}.sidebar.collapsed .sidebar-online-indicator-bar .online-count-collapsed-label{display:block!important;font-size:.8rem!important;font-weight:700!important;color:var(--text-muted)!important}.sidebar.collapsed .sidebar-footer{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 8px!important}.sidebar.collapsed .sidebar-footer-btn{width:36px!important;height:36px!important;flex:none!important;border-radius:50%!important;justify-content:center!important;padding:0!important}.sidebar.collapsed .sidebar-footer-btn span{display:none!important}.sidebar.collapsed .sidebar-footer-btn svg{margin:0!important}}.message-hover-arrow-btn{position:absolute;left:-28px;top:50%;transform:translateY(-50%) translateY(-6px);width:20px;height:20px;border-radius:50%;background:var(--bg-card, rgba(22, 20, 38, .8));border:1px solid var(--border-color, rgba(255, 255, 255, .07));color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s cubic-bezier(.1,.8,.2,1),background .2s ease,color .2s ease,border-color .2s ease;z-index:10;padding:0;outline:none}.message-bubble-wrapper-inner:hover .message-hover-arrow-btn{opacity:1;visibility:visible;transform:translateY(-50%) translateY(0)}.message-hover-arrow-btn:hover{background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important;box-shadow:0 0 10px #8b5cf666}.message-bubble-swipe-container{overflow:visible!important}@keyframes bubble-press-bounce{0%{transform:scale(1)}40%{transform:scale(.9)}70%{transform:scale(.96)}to{transform:scale(.94)}}.message-bubble.is-pressing{animation:bubble-press-bounce .3s cubic-bezier(.25,1,.5,1) forwards!important}.message-hover-arrow-btn:before{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-20px;background:transparent;z-index:-1}select.settings-field{font-weight:700!important;background-color:var(--bg-card, #161426)!important;color:var(--text-primary)!important;cursor:pointer}select.settings-field option{background-color:var(--bg-card, #161426)!important;color:var(--text-primary)!important;font-weight:500}.message-wrapper.incoming .message-hover-arrow-btn{left:auto;right:-28px}.message-wrapper.outgoing .message-hover-arrow-btn{left:-28px;right:auto}.message-wrapper.outgoing .message-hover-arrow-btn:before{left:-10px;right:-20px}.message-wrapper.incoming .message-hover-arrow-btn:before{right:-10px;left:-20px}.lobby-premium-glow{border:none!important;box-shadow:0 15px 45px #000000a6,0 0 25px #ec489973!important}.game-chat-log .message-bubble{border:none!important}.game-chat-box .input-field:focus{border-color:#ec4899!important;box-shadow:0 0 15px #ec489980!important}.light-theme .game-workspace-container{--bg-dark: #ffffff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-color: rgba(15, 23, 42, .08);--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(0, 0, 0, .02);--accent-purple: #7c3aed;--accent-purple-glow: rgba(124, 58, 237, .15);background:#fff!important;color:#0f172a!important}.light-theme .game-workspace-container .chat-header{border-bottom:1px solid var(--border-color);background:var(--bg-card)}.light-theme .game-workspace-container .chat-header-name{color:#0f172a!important}.light-theme .game-workspace-container .status-indicator{color:#0284c7!important}.light-theme .game-workspace-container .glass-card,.light-theme .game-container .glass-card{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 10px 30px #0f172a1a!important;background:linear-gradient(135deg,#ffffff26,#ffffff0a),#0f0c2073!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 1px 1.5px #ffffff80,0 12px 32px #00000059!important;color:#fff!important}.light-theme .combined-lobby-card{background:linear-gradient(135deg,#ffffff26,#ffffff0a),#0f0c208c!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 8px 32px #00000059!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important}.light-theme .lobby-box-title{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.light-theme .lobby-player-row{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}.light-theme .lobby-invite-input{background:#ffffff14!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}.light-theme .lobby-header-title{color:#0f172a!important;text-shadow:none}.light-theme .game-workspace-container .input-field{background:#fff!important;border:1px solid rgba(15,23,42,.15)!important;color:#0f172a!important}.light-theme .game-workspace-container .input-field:focus{border-color:#0284c7!important;box-shadow:0 0 10px #0284c733!important;background:#fff!important}.light-theme .game-workspace-container .input-field::placeholder{color:#0f172a66!important}.light-theme .game-modal-content{background:#fff!important;border:1px solid rgba(15,23,42,.1)!important;box-shadow:0 10px 40px #0000001a!important;color:#0f172a!important}.light-theme .game-modal-close{color:#0f172a80}.light-theme .game-modal-close:hover{color:#0f172a}.light-theme .game-header-bar{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important}.light-theme .game-header-title,.light-theme .game-header-turn-text{color:#0f172a!important}.light-theme .lobby-premium-glow{box-shadow:0 8px 30px #0000000d,0 0 15px #ec489926!important}.light-theme .secondary-btn{background:#00000005!important;border:1px solid rgba(15,23,42,.1)!important;color:var(--text-secondary)!important}.light-theme .secondary-btn:hover{background:#0000000d!important;color:var(--text-primary)!important;border-color:#0f172a33!important}.chest-discard-btn,.light-theme .chest-discard-btn{border:1px solid #ef4444!important;border-color:#ef4444!important;color:#ef4444!important;background:transparent!important}.light-theme .danger-btn{background:#ef444414!important;border:1px solid rgba(239,68,68,.2)!important;color:#b91c1c!important}.light-theme .danger-btn:hover{background:#ef444426!important;color:#7f1d1d!important;border-color:#ef444466!important}.game-quit-btn,.mobile-exit-btn{border:1.5px solid #ff5555!important;color:#f55!important;background:#ff555514!important;transition:all .2s ease!important;font-weight:700!important}.game-quit-btn.lobby-quit-btn{border:2.5px solid #ff5555!important}.game-quit-btn:hover,.mobile-exit-btn:hover{border-color:#f33!important;background:#ff55552e!important;color:#f33!important;box-shadow:0 0 12px #ff55554d!important}.light-theme .game-quit-btn,.light-theme .mobile-exit-btn{border:1.5px solid #ef4444!important;color:#dc2626!important;background:#ef444414!important;font-weight:700!important}.light-theme .game-quit-btn.lobby-quit-btn{border:2.5px solid #ef4444!important}.light-theme .game-quit-btn:hover,.light-theme .mobile-exit-btn:hover{border-color:#dc2626!important;background:#ef444429!important;color:#b91c1c!important;box-shadow:0 0 12px #ef444433!important}.light-theme .game-chat-box .input-field:focus{border-color:#ec4899!important;box-shadow:0 0 10px #ec48994d!important}.lobby-invite-btn{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background .2s ease,opacity .2s ease!important}.lobby-invite-btn:hover{transform:translateY(-2px) scale(1.02)!important;opacity:.95!important;box-shadow:0 6px 20px #8b5cf666!important}.light-theme .lobby-invite-btn:hover{background:#8b5cf633!important;box-shadow:0 4px 12px #8b5cf61a!important}@keyframes diceShake{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}20%{transform:scale(1.12) rotate(-72deg);filter:hue-rotate(45deg)}40%{transform:scale(.92) rotate(144deg);filter:hue-rotate(90deg)}60%{transform:scale(1.08) rotate(-216deg);filter:hue-rotate(180deg)}80%{transform:scale(.96) rotate(288deg);filter:hue-rotate(270deg)}to{transform:scale(1) rotate(360deg);filter:hue-rotate(360deg)}}.game-container,.game-container *,.game-modal-overlay,.game-modal-overlay *,.game-chat-box,.game-chat-box *,.game-chat-log,.game-chat-log *,.game-header-bar,.game-header-bar *,.lobby-game-card h3{font-family:JetBrains Mono,monospace!important}.canvas-overlay-panel{background:#090d16bf!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color)!important;color:var(--text-muted)!important;box-shadow:0 4px 16px #00000073!important;transition:background .3s ease,border-color .3s ease,color .3s ease}.light-theme .canvas-overlay-panel{background:#ffffffa6!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(0,0,0,.12)!important;color:#0f172a!important;box-shadow:0 4px 16px #0f172a14!important}.canvas-overlay-btn{background:#090d16bf!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 2px 8px #0006!important;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .2s ease}.canvas-overlay-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.hex-score-summary-btn{width:100%;min-height:58px;padding:9px 12px;display:flex;align-items:center;gap:11px;border:1px solid rgba(250,204,21,.38);border-radius:14px;color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#581c87f5,#1e40aff5);box-shadow:0 8px 24px #3b82f633,inset 0 1px #ffffff29;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.hex-score-summary-btn:hover{transform:translateY(-2px);border-color:#fde047cc;box-shadow:0 12px 30px #3b82f64d,0 0 18px #facc1524}.hex-score-summary-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;color:#fde047;background:#facc1521;border:1px solid rgba(250,204,21,.32)}.hex-score-summary-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.hex-score-summary-copy strong{font-size:.86rem;line-height:1.2}.hex-score-summary-copy small{color:#ffffffad;font-size:.67rem;line-height:1.25}.light-theme .hex-score-summary-btn{color:#172033;background:linear-gradient(135deg,#fff7d6,#e8efff);border-color:#b4530947;box-shadow:0 8px 22px #1e40af1f}.light-theme .hex-score-summary-copy small{color:#64748b}.light-theme .canvas-overlay-btn{background:#ffffffa6!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(0,0,0,.12)!important;color:#0f172a!important;box-shadow:0 2px 8px #0f172a0f!important}@media (max-width: 768px){.zoom-btn{display:none!important}body:has(.hex-canvas-wrapper){overflow:hidden!important;position:fixed;width:100%;height:100%}.game-workspace-container:not(.game-active-playing) .game-container{padding:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important}.game-workspace-container.game-active-playing.game-type-word_race .game-container{height:auto!important;min-height:100dvh!important;overflow:visible!important;padding:12px 12px 140px!important}.game-workspace-container.game-active-playing.game-type-word_race .game-page-scroll-container,.game-workspace-container.game-active-playing.game-type-guess_who .game-page-scroll-container{overflow-y:auto!important;height:auto!important;max-height:none!important}.game-workspace-container.game-active-playing.game-type-word_race .game-header-bar{padding:calc(max(20px,env(safe-area-inset-top,0px)) + 8px) 16px 12px 16px!important}.game-workspace-container:not(.game-active-playing) .game-header-bar{padding:12px 16px!important;margin-top:0!important}.game-workspace-container.game-status-finished.game-type-word_race .game-page-scroll-container,.game-workspace-container.game-status-finished.game-type-guess_who .game-page-scroll-container{padding-top:0!important}.game-workspace-container:not(.game-active-playing) .game-container:has(.hex-canvas-wrapper){height:100%!important;max-height:100%!important;overflow:hidden!important}.game-header-bar{padding:calc(max(40px,env(safe-area-inset-top,0px)) + 12px) 16px 12px 16px!important;border-radius:0 0 16px 16px!important;background:#0d0c16e6!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border-top:none!important;border-left:none!important;border-right:none!important;margin-bottom:0!important;flex-shrink:0}.game-main-grid-row{flex:1!important;display:flex!important;flex-direction:column!important;gap:8px!important;min-height:0!important;overflow:hidden!important}.game-workspace-container:not(.game-active-playing) .hex-canvas-wrapper{flex:1!important;min-height:0!important;border-radius:12px!important;height:calc(100dvh - 150px)!important;max-height:none!important;overflow:hidden!important}.maze-canvas-wrapper{border-radius:12px!important;width:100%!important;max-width:420px!important;margin:6px auto!important}.game-header-status-box{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;margin-top:6px!important}.game-header-turn-badge{padding:4px 8px!important;font-size:.74rem!important;border-radius:6px!important;margin:0!important;white-space:nowrap!important}.player-status-sidebar{display:none!important}.game-quit-btn{display:inline-flex!important}.mobile-bottom-nav-btn{background:transparent;border:none;color:#ffffffa6!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:8px;flex:1;transition:all .45s cubic-bezier(.34,1.56,.64,1);transform:scale(1)}.mobile-bottom-nav-btn:hover{color:#fff!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))!important;transform:scale(1.08)!important}.mobile-bottom-nav-btn:active{color:#fff!important;transform:scale(1.15)!important}.mobile-bottom-nav-btn.active{color:#fff!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.95))!important;transform:scale(1.15)!important}}.pulse-pas-btn,.secondary-btn.pulse-pas-btn,.light-theme .pulse-pas-btn,.light-theme .secondary-btn.pulse-pas-btn{animation:pulse-glow-pas 1s infinite alternate!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;color:#fff!important;font-weight:700!important;box-shadow:0 0 15px #ef4444b3!important}@keyframes typingDots{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-4px);opacity:1}}.mobile-bottom-nav{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) scale(1);width:fit-content!important;max-width:90vw!important;height:auto!important;background:linear-gradient(135deg,#ffffff1f,#ffffff08)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 12px 40px #0000008c,inset 0 1px #ffffff40!important;border-radius:20px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:16px!important;z-index:100000!important;padding:5px 20px!important;box-sizing:border-box!important;transition:transform .35s cubic-bezier(.34,1.45,.5,1),box-shadow .35s ease,background .35s ease!important}@keyframes bottomNavSmoothPulseStandard{0%{transform:translate(-50%) scale(1)}45%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1)}}@keyframes bottomNavSmoothPulseExpanded{0%{transform:translate(-50%) translateY(-10px) scale(1.08)}45%{transform:translate(-50%) translateY(-12px) scale(1.13)}to{transform:translate(-50%) translateY(-10px) scale(1.08)}}.mobile-bottom-nav.nav-pulsing:not(.nav-expanded){transition:none!important;animation:bottomNavSmoothPulseStandard .58s cubic-bezier(.25,1,.5,1)!important}.mobile-bottom-nav.nav-expanded.nav-pulsing{transition:none!important;animation:bottomNavSmoothPulseExpanded .58s cubic-bezier(.25,1,.5,1)!important}.mobile-bottom-nav.nav-expanded{transform:translate(-50%) translateY(-10px) scale(1.08);box-shadow:0 20px 50px #000000bf,inset 0 1px 1px #fff6!important;background:linear-gradient(135deg,#ffffff2e,#ffffff12)!important}.light-theme .mobile-bottom-nav{overflow:hidden!important;isolation:isolate;background:linear-gradient(135deg,#ffffff29,#d2eeff12 48%,#ffffff21)!important;backdrop-filter:blur(3px) saturate(185%) contrast(108%) brightness(1.04)!important;-webkit-backdrop-filter:blur(3px) saturate(185%) contrast(108%) brightness(1.04)!important;border:1px solid rgba(255,255,255,.66)!important;box-shadow:0 12px 40px #0f172a1f,inset 0 1px #ffffffd1,inset 0 -1px #38bdf824!important;border-radius:20px!important}.light-theme .mobile-bottom-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(90% 70% at 18% -15%,#ffffffb8,#fff0 58%),linear-gradient(108deg,transparent 8%,rgba(255,255,255,.28) 29%,rgba(125,211,252,.12) 43%,transparent 62%),repeating-linear-gradient(172deg,rgba(255,255,255,.09) 0 1px,rgba(56,189,248,.035) 2px 4px,transparent 5px 8px);background-size:100% 100%,190% 100%,100% 160%;mix-blend-mode:soft-light;opacity:.78;animation:lightNavWaterReflection 7s ease-in-out infinite alternate}@keyframes lightNavWaterReflection{0%{background-position:0 0,5% 0,0 0}to{background-position:0 0,85% 0,0 12px}}@media (prefers-reduced-motion: reduce){.light-theme .mobile-bottom-nav:before{animation:none}}.light-theme .mobile-bottom-nav.nav-expanded{transform:translate(-50%) translateY(-10px) scale(1.08);box-shadow:0 20px 50px #0f172a38,inset 0 1px 1px #fffc!important;background:linear-gradient(135deg,#fff3,#bae6fd17,#ffffff29)!important}.mobile-bottom-nav-btn{background:transparent!important;border:none!important;color:#fffffff2!important;width:42px!important;height:42px!important;border-radius:50%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;flex:none!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;position:relative;z-index:2}.light-theme .mobile-bottom-nav-btn{color:#0f172aa6!important}.mobile-bottom-nav-btn:hover{color:#fff!important;transform:translateY(-2px) scale(1.05)!important}.mobile-bottom-nav-btn:active{transform:scale(.95)!important}.light-theme .mobile-bottom-nav-btn:hover{color:#0f172a!important;transform:translateY(-2px) scale(1.05)!important}.mobile-bottom-nav-btn.active{background:transparent!important;border:none!important;color:#fff!important;box-shadow:none!important;transform:scale(1.15)!important}.light-theme .mobile-bottom-nav-btn.active{background:transparent!important;border:none!important;color:#0f172a!important;box-shadow:none!important;transform:scale(1.15)!important}@media (hover: none) and (pointer: coarse){.mobile-bottom-nav-btn,.mobile-bottom-nav-btn:hover,.mobile-bottom-nav-btn:active,.mobile-bottom-nav-btn.active,.light-theme .mobile-bottom-nav-btn:hover,.light-theme .mobile-bottom-nav-btn.active{transform:scale(1)!important}}.mobile-nav-indicator{position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;border:none!important;background:#fff3!important;box-shadow:0 4px 14px #00000073!important;pointer-events:none;z-index:1;transition:transform .35s cubic-bezier(.34,1.25,.5,1),background .3s ease,box-shadow .3s ease}.light-theme .mobile-nav-indicator{border:none!important;background:#0f172a1f!important;box-shadow:0 4px 12px #0f172a26!important}.profile-avatar-large{transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease,filter .25s ease!important;cursor:pointer!important}.profile-avatar-large:hover{transform:scale(1.1)!important;box-shadow:0 0 25px 4px #8b5cf68c,0 14px 35px #8b5cf673!important;filter:brightness(1.08)!important}.light-theme .dashboard-hero{background:#f1f5f9bf!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 10px 30px #0f172a0a!important}.light-theme .dashboard-hero .hero-title{color:#0f172a!important}.light-theme .dashboard-hero .hero-subtitle{color:#475569!important}.light-theme .dashboard-hero .world-map-bg g{fill:#0f172a04!important;stroke:#0f172a14!important}.light-theme .dashboard-hero .world-map-bg path[class^=map-line-]{stroke:#6366f14d!important}.mobile-page-title{display:none!important}@media (max-width: 768px){.mobile-page-title{display:block!important;font-size:1.8rem!important;font-weight:800!important;color:#fff!important;margin:calc(max(48px,env(safe-area-inset-top,0px)) + 38px) 16px 12px 16px!important;letter-spacing:-.02em!important;text-align:left!important}.public-wall-dashboard-container .mobile-page-title,.public-wall-layout .mobile-page-title{margin-top:calc(max(48px,env(safe-area-inset-top,0px)) + 42px)!important;margin-left:0!important;font-weight:900!important;letter-spacing:-.03em!important}.light-theme .mobile-page-title{color:#0f172a!important}.notepad-dashboard-container .notepad-sidebar>.mobile-page-title{margin:95px 0 -1px!important;text-align:left!important}.friends-dashboard-container>.mobile-page-title,.settings-dashboard-container>.mobile-page-title{margin-top:calc(max(48px,env(safe-area-inset-top,0px)) + 58px)!important}.new-chat-dashboard-container>.mobile-page-title{margin-top:calc(max(48px,env(safe-area-inset-top,0px)) + 58px)!important}.public-directory-container>.mobile-page-title{margin-top:calc(max(48px,env(safe-area-inset-top,0px)) + 58px)!important}}.public-wall-dashboard-container .chat-header-name,.wall-detail-page-title{font-weight:900!important;letter-spacing:-.03em!important}.forgot-password-btn{background:none!important;border:none!important;color:#ffffff80!important;font-size:.75rem!important;cursor:pointer!important;padding:0!important;margin-bottom:8px!important;text-decoration:underline!important;transition:color .2s,opacity .2s!important}.forgot-password-btn:hover{color:#fff!important;opacity:1!important}.light-theme .forgot-password-btn{color:#0f172a80!important}.light-theme .forgot-password-btn:hover{color:#0f172a!important}@media (min-width: 769px){.settings-tab-pane .primary-btn{width:auto!important;padding:10px 20px!important;font-size:.85rem!important;display:inline-flex!important;align-self:flex-start!important}}.lobby-map-flow-line{stroke-dasharray:none!important;animation:lobbyMapLinePulse 3.5s ease-in-out infinite alternate!important;filter:drop-shadow(0 0 3px rgba(0,210,255,.45))}@keyframes lobbyMapLinePulse{0%{opacity:.25;stroke-width:1px!important}to{opacity:.85;stroke-width:1.8px!important}}.lobby-card-bg-glow{animation:floatGlowBall 6s ease-in-out infinite alternate!important}@keyframes floatGlowBall{0%{transform:translate(0) scale(1);opacity:.1}50%{transform:translate(15px,10px) scale(1.2);opacity:.15}to{transform:translate(-10px,15px) scale(.9);opacity:.08}}.lobby-game-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),background .4s ease!important;transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.lobby-game-card:hover{transform:translateY(-8px) scale(1.025)}.lobby-game-card.card-neon-trails:hover{border-color:#a78bfa99!important;box-shadow:0 12px 40px #a78bfa40,0 0 25px #a78bfa26!important}.lobby-game-card.card-neon-trails:hover .primary-btn{box-shadow:0 0 20px #a78bfab3!important}.lobby-game-card.card-hex-conquest:hover{border-color:#00d2ff99!important;box-shadow:0 12px 40px #00d2ff40,0 0 25px #00d2ff26!important}.lobby-game-card.card-hex-conquest:hover .primary-btn{box-shadow:0 0 20px #00d2ffb3!important}.lobby-game-card.card-maze-rush:hover{border-color:#ea580c99!important;box-shadow:0 12px 40px #ea580c40,0 0 25px #ea580c26!important}.lobby-game-card.card-maze-rush:hover .primary-btn{box-shadow:0 0 20px #ea580cb3!important}.lobby-game-card .primary-btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}.lobby-game-card .primary-btn:hover{transform:scale(1.04)!important}.lobby-game-card>div:first-child,.lobby-game-card>div:first-child svg,.lobby-game-card>div:first-child svg *{animation:none!important}.realms-mode-option-btn{position:relative;border:2px solid rgba(255,255,255,.42)!important;box-shadow:0 7px #00000047,0 12px 26px #0000004d,inset 0 1px #ffffff59!important;letter-spacing:.01em;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.realms-mode-option-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12) saturate(1.08);box-shadow:0 9px #00000040,0 16px 30px #00000057,inset 0 1px #fff6!important}.realms-mode-option-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #0000004d,0 5px 12px #0000003d,inset 0 1px #ffffff47!important}.hide-seek-miss-notification{animation:hideSeekMissNotice 2.5s ease-in-out both!important;will-change:opacity,transform}@keyframes hideSeekMissNotice{0%{opacity:0;transform:translate(-50%) translateY(7px) scale(.98)}12%,84%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-5px) scale(.99)}}.retro-neon-title{font-family:Courier New,Courier,monospace;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #ff007f,0 0 20px #ff007f,0 0 30px #ff007f;animation:arcadeTitlePulse 1.5s infinite alternate;letter-spacing:.12em}@keyframes arcadeTitlePulse{0%{text-shadow:0 0 4px #fff,0 0 10px #ff007f,0 0 20px #ff007f,0 0 30px #ff007f}to{text-shadow:0 0 7px #fff,0 0 14px #ff007f,0 0 28px #ff007f,0 0 45px #ff007f,0 0 60px #ff007f}}.arcade-card-screen{position:relative;background:linear-gradient(135deg,#ffffff1f,#ffffff08)!important;border-radius:12px!important;overflow:hidden;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease!important;transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.arcade-card-screen:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#fff0 50%,#ffffff0a 50%);z-index:5;background-size:100% 6px;pointer-events:none;opacity:.85}.arcade-card-screen:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:#1210101a;opacity:0;z-index:6;pointer-events:none;animation:crtFlicker .15s infinite;will-change:opacity}@keyframes crtFlicker{0%{opacity:.08}50%{opacity:.12}to{opacity:.08}}.arcade-card-screen:hover{transform:translateY(-10px) scale(1.03) rotate(.5deg)!important}.arcade-card-screen.card-neon-trails{border:3px solid #ff007f!important;box-shadow:0 0 15px #ff007f66,inset 0 0 20px #ff007f33!important}.arcade-card-screen.card-neon-trails:hover{box-shadow:0 0 30px #ff007fcc,inset 0 0 30px #ff007f4d!important}.arcade-card-screen.card-hex-conquest{border:3px solid #00f0ff!important;box-shadow:0 0 15px #00f0ff66,inset 0 0 20px #00f0ff33!important}.arcade-card-screen.card-hex-conquest:hover{box-shadow:0 0 30px #00f0ffcc,inset 0 0 30px #00f0ff4d!important}.arcade-card-screen.card-maze-rush{border:3px solid #ffaa00!important;box-shadow:0 0 15px #fa06,inset 0 0 20px #fa03!important}.arcade-card-screen.card-maze-rush:hover{box-shadow:0 0 30px #fa0c,inset 0 0 30px #ffaa004d!important}.retro-text-glow-purple{color:#f5a!important;text-shadow:0 0 8px rgba(255,0,127,.8)!important}.retro-text-glow-cyan{color:#55f5ff!important;text-shadow:0 0 8px rgba(0,240,255,.8)!important}.retro-text-glow-orange{color:#fc5!important;text-shadow:0 0 8px rgba(255,170,0,.8)!important}.arcade-button{width:100%;height:44px;font-family:Courier New,Courier,monospace;font-weight:900!important;text-transform:uppercase;letter-spacing:.1em;color:#fff!important;border-radius:8px!important;border-width:3px!important;border-style:solid!important;cursor:pointer;transform:translateZ(0);transition:transform .1s ease,box-shadow .1s ease!important}.arcade-button.auto-width{width:auto!important;flex:none!important}.arcade-button.purple-btn{background:radial-gradient(circle,#ff007f,#a05)!important;border-color:#f5a!important;box-shadow:0 4px #603,0 0 15px #ff007f66!important}.arcade-button.cyan-btn{background:radial-gradient(circle,#00f0ff,#089)!important;border-color:#55f5ff!important;box-shadow:0 4px #056,0 0 15px #00f0ff66!important}.arcade-button.orange-btn{background:radial-gradient(circle,#fa0,#a60)!important;border-color:#fc5!important;box-shadow:0 4px #630,0 0 15px #fa06!important}.arcade-button.red-btn{background:radial-gradient(circle,#f23,#a01)!important;border-color:#f56!important;box-shadow:0 4px #500,0 0 15px #f236!important}.arcade-button.green-btn{background:radial-gradient(circle,#39ff14,#0a0)!important;border-color:#7cff6b!important;box-shadow:0 4px #050,0 0 15px #39ff1466!important}.arcade-button.blue-btn{background:#000!important;border-color:#6366f1!important;box-shadow:0 4px #1e1b4b,0 0 15px #6366f166!important}.arcade-button:hover{transform:translateY(1px)!important}.arcade-button:active{transform:translateY(4px)!important;box-shadow:0 0 0 transparent,0 0 20px currentColor!important}.arcade-meta-text{font-family:Courier New,Courier,monospace;font-size:.72rem;font-weight:700;letter-spacing:.05em;opacity:.85}.blink-text{animation:retroBlink 1s step-end infinite}@keyframes retroBlink{50%{opacity:.15}}.st-bulb-red{fill:#f23;filter:drop-shadow(0 0 8px #ff2233);animation:stBlinkRed 1.4s infinite alternate}.st-bulb-green{fill:#0f6;filter:drop-shadow(0 0 8px #00ff66);animation:stBlinkGreen 1.8s infinite alternate}.st-bulb-yellow{fill:#ffea00;filter:drop-shadow(0 0 8px #ffea00);animation:stBlinkYellow 1.1s infinite alternate}.st-bulb-blue{fill:#06f;filter:drop-shadow(0 0 8px #0066ff);animation:stBlinkBlue 1.6s infinite alternate}.st-bulb-purple{fill:#b300ff;filter:drop-shadow(0 0 8px #b300ff);animation:stBlinkPurple 1.3s infinite alternate}.st-bulb-cyan{fill:#00f0ff;filter:drop-shadow(0 0 8px #00f0ff);animation:stBlinkCyan 1.5s infinite alternate}@keyframes stBlinkRed{0%,to{opacity:.2;filter:drop-shadow(0 0 1px #ff2233)}50%{opacity:1;filter:drop-shadow(0 0 10px #ff2233) drop-shadow(0 0 20px #ff2233)}}@keyframes stBlinkGreen{0%,to{opacity:1;filter:drop-shadow(0 0 10px #00ff66) drop-shadow(0 0 20px #00ff66)}50%{opacity:.15;filter:drop-shadow(0 0 1px #00ff66)}}@keyframes stBlinkYellow{0%,to{opacity:.1;filter:drop-shadow(0 0 1px #ffea00)}45%{opacity:1;filter:drop-shadow(0 0 10px #ffea00) drop-shadow(0 0 20px #ffea00)}}@keyframes stBlinkBlue{0%,to{opacity:.2;filter:drop-shadow(0 0 1px #0066ff)}60%{opacity:1;filter:drop-shadow(0 0 10px #0066ff) drop-shadow(0 0 20px #0066ff)}}@keyframes stBlinkPurple{0%,to{opacity:1;filter:drop-shadow(0 0 10px #b300ff) drop-shadow(0 0 20px #b300ff)}40%{opacity:.2;filter:drop-shadow(0 0 1px #b300ff)}}@keyframes stBlinkCyan{0%,to{opacity:.15;filter:drop-shadow(0 0 1px #00f0ff)}55%{opacity:1;filter:drop-shadow(0 0 10px #00f0ff) drop-shadow(0 0 20px #00f0ff)}}.arcade-card-subtle{position:relative;background:#0c0814eb!important;border-radius:12px!important;border-width:1.5px!important;border-style:solid!important;transition:border-color .3s ease,box-shadow .3s ease!important;transform:translateZ(0)}@media (max-width: 768px){.arcade-card-subtle,.glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:translateZ(0);contain:layout style paint}}.arcade-card-subtle.subtle-purple{border-color:#ff007f66!important;box-shadow:0 0 10px #ff007f26,inset 0 0 10px #ff007f0d!important}.arcade-card-subtle.subtle-purple:hover{border-color:#ff007fb3!important;box-shadow:0 0 15px #ff007f4d,inset 0 0 15px #ff007f1a!important}.arcade-card-subtle.subtle-cyan{border-color:#00f0ff66!important;box-shadow:0 0 10px #00f0ff26,inset 0 0 10px #00f0ff0d!important}.arcade-card-subtle.subtle-cyan:hover{border-color:#00f0ffb3!important;box-shadow:0 0 15px #00f0ff4d,inset 0 0 15px #00f0ff1a!important}.arcade-card-subtle.subtle-orange{border-color:#fa06!important;box-shadow:0 0 10px #ffaa0026,inset 0 0 10px #ffaa000d!important}.arcade-card-subtle.subtle-orange:hover{border-color:#ffaa00b3!important;box-shadow:0 0 15px #ffaa004d,inset 0 0 15px #ffaa001a!important}.arcade-button-subtle{font-family:Courier New,Courier,monospace;font-weight:950!important;text-transform:uppercase;border-radius:4px!important;border:none!important;cursor:pointer;transition:all .25s ease-in-out!important}.arcade-button-subtle.subtle-purple-btn{background:#ff007f!important;color:#fff!important;box-shadow:0 0 15px #ff007fbf!important}.arcade-button-subtle.subtle-purple-btn:hover{background:#ff007f!important;transform:scale(1.04)!important;box-shadow:0 0 25px #ff007f!important}.arcade-button-subtle.subtle-cyan-btn{background:#00f0ff!important;color:#000!important;box-shadow:0 0 15px #00f0ffbf!important}.arcade-button-subtle.subtle-cyan-btn:hover{background:#00f0ff!important;transform:scale(1.04)!important;box-shadow:0 0 25px #00f0ff!important}.arcade-button-subtle.subtle-orange-btn{background:#fa0!important;color:#000!important;box-shadow:0 0 15px #ffaa00bf!important}.arcade-button-subtle.subtle-orange-btn:hover{background:#fa0!important;transform:scale(1.04)!important;box-shadow:0 0 25px #fa0!important}.arcade-button-subtle.subtle-red-btn{background:#f23!important;color:#fff!important;box-shadow:0 0 15px #ff2233bf!important}.arcade-button-subtle.subtle-red-btn:hover{background:#f23!important;transform:scale(1.04)!important;box-shadow:0 0 25px #f23!important}.neon-border-pulse{filter:drop-shadow(0 0 5px #ff007f) drop-shadow(0 0 10px rgba(255,0,127,.4));animation:neonBorderPulsePink 2s infinite alternate}.neon-text-pulse-purple{text-shadow:0 0 4px #fff,0 0 8px #ff007f,0 0 15px #ff007f;animation:neonTextPulsePink 2s infinite alternate}.neon-border-pulse-cyan{filter:drop-shadow(0 0 5px #00f0ff) drop-shadow(0 0 10px rgba(0,240,255,.4));animation:neonBorderPulseBlue 1.8s infinite alternate}.neon-text-pulse-cyan{text-shadow:0 0 4px #fff,0 0 8px #00f0ff,0 0 15px #00f0ff;animation:neonTextPulseBlue 1.8s infinite alternate}@keyframes neonBorderPulsePink{0%,to{stroke:#ff007f;opacity:.9;filter:drop-shadow(0 0 4px #ff007f)}50%{stroke:#f5a;opacity:1;filter:drop-shadow(0 0 8px #ff007f) drop-shadow(0 0 15px rgba(255,0,127,.6))}}@keyframes neonTextPulsePink{0%,to{fill:#fff;text-shadow:0 0 3px #fff,0 0 6px #ff007f,0 0 12px #ff007f}50%{fill:#ffe5f2;text-shadow:0 0 5px #fff,0 0 10px #ff007f,0 0 20px #ff007f,0 0 30px #ff007f}}@keyframes neonBorderPulseBlue{0%,to{stroke:#00f0ff;opacity:.9;filter:drop-shadow(0 0 4px #00f0ff)}50%{stroke:#55f5ff;opacity:1;filter:drop-shadow(0 0 8px #00f0ff) drop-shadow(0 0 15px rgba(0,240,255,.6))}}@keyframes neonTextPulseBlue{0%,to{fill:#fff;text-shadow:0 0 3px #fff,0 0 6px #00f0ff,0 0 12px #00f0ff}50%{fill:#e5faff;text-shadow:0 0 5px #fff,0 0 10px #00f0ff,0 0 20px #00f0ff,0 0 30px #00f0ff}}.arcade-card-subtle.subtle-green{border-color:#39ff1466!important;box-shadow:0 0 10px #39ff1426,inset 0 0 10px #39ff140d!important}.arcade-card-subtle.subtle-green:hover{border-color:#39ff14b3!important;box-shadow:0 0 15px #39ff144d,inset 0 0 15px #39ff141a!important}.arcade-card-subtle.subtle-no-border{border-color:var(--border-color)!important;box-shadow:0 0 12px #39ff1414!important}.arcade-button-subtle.subtle-green-btn{background:#39ff14!important;border:none!important;color:#000!important;box-shadow:0 0 15px #39ff14bf!important}.arcade-button-subtle.subtle-green-btn:hover{background:#39ff14!important;transform:scale(1.04)!important;box-shadow:0 0 25px #39ff14!important}.arcade-button-subtle.subtle-green-red-btn{background:#39ff1414!important;border-color:#39ff1480!important;color:#f56!important}.arcade-button-subtle.subtle-green-red-btn:hover{background:#39ff1433!important;border-color:#39ff14!important;box-shadow:0 0 10px #39ff1466!important}.retro-text-glow-green{color:#39ff14!important;text-shadow:0 0 8px rgba(57,255,20,.8)!important}@keyframes retroNeonLetterBlink{0%,to{opacity:.85;text-shadow:0 0 4px #fff,0 0 10px #ff007f,0 0 18px #ff007f}50%{opacity:.4;text-shadow:0 0 2px #fff,0 0 5px #ff007f}}@keyframes signGentlyFloat{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-5px) rotate(-2deg)}}.retro-arcade-bg-sign .flicker-uniform{animation:neonSignFlickerOn_uniform 1.2s ease-out forwards}.retro-arcade-bg-sign .flicker-stutter{animation:neonSignFlickerOn_stutter 1.2s ease-out forwards}.retro-arcade-bg-sign .flicker-slowspark{animation:neonSignFlickerOn_slowspark 1.4s ease-out forwards}.retro-arcade-bg-sign .flicker-rapid{animation:neonSignFlickerOn_rapid 1s ease-out forwards}.retro-arcade-bg-sign .flicker-irregular{animation:neonSignFlickerOn_irregular 1.4s cubic-bezier(.25,.1,.25,1) forwards}@media (max-width: 1180px){.retro-arcade-bg-sign{left:-270px!important}}@keyframes neonSignFlickerOn_uniform{0%{opacity:0;filter:brightness(.1) drop-shadow(0 0 0px rgba(0,240,255,0))}15%{opacity:1;filter:brightness(1.2) drop-shadow(0 0 15px rgba(0,240,255,.6))}30%{opacity:0;filter:brightness(.1) drop-shadow(0 0 0px rgba(0,240,255,0))}45%{opacity:1;filter:brightness(1.2) drop-shadow(0 0 15px rgba(0,240,255,.6))}60%{opacity:0;filter:brightness(.1) drop-shadow(0 0 0px rgba(0,240,255,0))}75%{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}to{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}}@keyframes neonSignFlickerOn_stutter{0%{opacity:0;filter:brightness(.1) drop-shadow(0 0 0px rgba(0,240,255,0))}5%{opacity:.9;filter:brightness(1.3) drop-shadow(0 0 15px rgba(0,240,255,.65))}7%{opacity:.1;filter:brightness(.15) drop-shadow(0 0 1px rgba(0,240,255,.1))}12%{opacity:.9;filter:brightness(1.3) drop-shadow(0 0 15px rgba(0,240,255,.65))}15%{opacity:.1;filter:brightness(.15) drop-shadow(0 0 1px rgba(0,240,255,.1))}45%{opacity:.1;filter:brightness(.15) drop-shadow(0 0 1px rgba(0,240,255,.1))}50%{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}to{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}}@keyframes neonSignFlickerOn_slowspark{0%{opacity:0;filter:brightness(.1) drop-shadow(0 0 0px rgba(0,240,255,0))}20%{opacity:1;filter:brightness(1.2) drop-shadow(0 0 10px rgba(0,240,255,.4))}45%{opacity:0;filter:brightness(.1) drop-shadow(0 0 0px rgba(0,240,255,0))}65%{opacity:1;filter:brightness(1.2) drop-shadow(0 0 10px rgba(0,240,255,.4))}75%{opacity:.1;filter:brightness(.15) drop-shadow(0 0 1px rgba(0,240,255,.1))}83%{opacity:1;filter:brightness(1.3) drop-shadow(0 0 15px rgba(0,240,255,.55))}88%{opacity:.2;filter:brightness(.2) drop-shadow(0 0 2px rgba(0,240,255,.1))}93%{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}to{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}}@keyframes neonSignFlickerOn_rapid{0%{opacity:0;filter:brightness(.1) drop-shadow(0 0 0px rgba(0,240,255,0))}10%{opacity:1;filter:brightness(1.4) drop-shadow(0 0 20px rgba(0,240,255,.7))}14%{opacity:.2;filter:brightness(.2) drop-shadow(0 0 2px rgba(0,240,255,.1))}20%{opacity:1;filter:brightness(1.4) drop-shadow(0 0 20px rgba(0,240,255,.7))}23%{opacity:.15;filter:brightness(.15) drop-shadow(0 0 1px rgba(0,240,255,.1))}27%{opacity:1;filter:brightness(1.3) drop-shadow(0 0 20px rgba(0,240,255,.7))}30%{opacity:.2;filter:brightness(.2) drop-shadow(0 0 2px rgba(0,240,255,.1))}34%{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}to{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}}@keyframes neonSignFlickerOn_irregular{0%{opacity:0;filter:brightness(.1) drop-shadow(0 0 0px rgba(0,240,255,0))}4%{opacity:.9;filter:brightness(1.3) drop-shadow(0 0 15px rgba(0,240,255,.65))}6%{opacity:.1;filter:brightness(.15) drop-shadow(0 0 1px rgba(0,240,255,.1))}25%{opacity:.1;filter:brightness(.15) drop-shadow(0 0 1px rgba(0,240,255,.1))}29%{opacity:1;filter:brightness(1.4) drop-shadow(0 0 25px rgba(0,240,255,.8))}31%{opacity:.35;filter:brightness(.3) drop-shadow(0 0 4px rgba(0,240,255,.2))}33%{opacity:.95;filter:brightness(1.3) drop-shadow(0 0 20px rgba(0,240,255,.7))}34%{opacity:.15;filter:brightness(.15) drop-shadow(0 0 1px rgba(0,240,255,.1))}42%{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}to{opacity:1;filter:brightness(1) drop-shadow(0 0 20px rgba(0,240,255,.55))}}.sky-clouds-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#72c2eb,#bce3f7 70%,#d8effc);overflow:hidden}.cloud-container{position:absolute;pointer-events:none;will-change:transform}@keyframes cloudDrift{0%{transform:translate(-350px)}to{transform:translate(100vw)}}.cloud-drift-1{animation:cloudDrift 110s linear infinite;animation-delay:-10s}.cloud-drift-2{animation:cloudDrift 80s linear infinite;animation-delay:-45s}.cloud-drift-3{animation:cloudDrift 140s linear infinite;animation-delay:-80s}.cloud-drift-4{animation:cloudDrift 95s linear infinite;animation-delay:-25s}@keyframes liquidMorph{0%{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:translate(0) rotate(0) scale(1)}50%{border-radius:70% 30% 50% 50%/30% 60% 40% 70%;transform:translate(12px,8px) rotate(45deg) scale(1.08)}to{border-radius:30% 70% 40% 60%/50% 30% 70% 40%;transform:translate(-8px,12px) rotate(90deg) scale(.96)}}.light-theme .game-workspace-container h1,.light-theme .game-workspace-container h2,.light-theme .game-workspace-container .page-title,.light-theme .game-workspace-container .lobby-header-title,.light-theme .game-workspace-container .arcade-neon-title,[data-theme=light] .game-workspace-container h1,[data-theme=light] .game-workspace-container h2,[data-theme=light] .game-workspace-container .page-title,[data-theme=light] .game-workspace-container .lobby-header-title{color:#fff!important;text-shadow:0 0 12px rgba(255,255,255,.6),0 2px 8px rgba(0,0,0,.8)!important}.light-theme .game-container .glass-card.lobby-game-card,.light-theme .lobby-game-card,.light-theme .glass-card.arcade-card-screen,.light-theme .arcade-card-screen,[data-theme=light] .lobby-game-card,[data-theme=light] .arcade-card-screen{background:linear-gradient(135deg,#ffffff26,#ffffff0a),#0f0c2073!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 1px 1.5px #ffffff80,inset 0 -1px 1px #ffffff26,0 12px 32px #00000059,0 0 25px #00d2ff1f!important;color:#fff!important;border-radius:16px!important}.light-theme .lobby-game-card h3,.light-theme .lobby-game-card p,.light-theme .arcade-card-screen h3,.light-theme .arcade-card-screen p,[data-theme=light] .lobby-game-card h3,[data-theme=light] .lobby-game-card p{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.9)!important}.light-theme .lobby-game-card,.light-theme .arcade-card-screen,.light-theme .lobby-join-card,.light-theme .combined-lobby-card,[data-theme=light] .lobby-game-card,[data-theme=light] .arcade-card-screen,[data-theme=light] .lobby-join-card,[data-theme=light] .combined-lobby-card{transition:none!important}.light-theme .lobby-game-card:hover,.light-theme .arcade-card-screen:hover,.light-theme .lobby-join-card:hover,.light-theme .combined-lobby-card:hover,.light-theme .lobby-game-card.card-neon-trails:hover,.light-theme .lobby-game-card.card-hex-conquest:hover,.light-theme .lobby-game-card.card-maze-rush:hover,[data-theme=light] .lobby-game-card:hover,[data-theme=light] .arcade-card-screen:hover,[data-theme=light] .lobby-join-card:hover,[data-theme=light] .combined-lobby-card:hover{transform:none!important;box-shadow:inset 0 1px 1.5px #ffffff80,0 12px 32px #00000059!important;background:linear-gradient(135deg,#ffffff26,#ffffff0a),#0f0c2073!important}.light-theme .lobby-game-card.card-neon-trails{border:1.5px solid rgba(167,139,250,.25)!important}.light-theme .lobby-game-card.card-hex-conquest{border:1.5px solid rgba(0,210,255,.25)!important}.light-theme .lobby-game-card.card-maze-rush{border:1.5px solid rgba(234,88,12,.25)!important}.glass-card.lobby-join-card,.lobby-join-card,.light-theme .game-container .glass-card.lobby-join-card,.light-theme .lobby-join-card,[data-theme=light] .lobby-join-card{background:linear-gradient(135deg,#ffffff26,#ffffff0a),#0f0c2073!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:inset 0 1px 1.5px #ffffff80,inset 0 -1px 1px #ffffff26,0 12px 32px #00000059,0 0 25px #00d2ff1f!important;border-radius:16px!important;color:#fff!important}.lobby-join-card h3,.lobby-join-card h4,.lobby-join-card p,.lobby-join-card span,.lobby-join-card div{color:#fff!important}.lobby-join-card .input-field,.light-theme .lobby-join-card .input-field{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:inset 0 1px 2px #0003!important}.lobby-join-card .input-field::placeholder,.light-theme .lobby-join-card .input-field::placeholder{color:#fff9!important}.lobby-join-card .input-field:focus,.light-theme .lobby-join-card .input-field:focus{background:#fff3!important;border-color:#00d2ffcc!important;box-shadow:0 0 0 3px #00d2ff40!important;color:#fff!important}.light-theme .lobby-join-card span[style*="var(--text-muted)"]{color:#fffc!important;background:#ffffff1a!important;border-color:#fff3!important}.light-theme button[style*="rgba(0, 240, 255, 0.15)"]{border:1.5px solid rgba(14,165,233,.3)!important;color:#0369a1!important;background:#0ea5e914!important;box-shadow:0 2px 8px #0ea5e914!important}.light-theme .arcade-card-screen:before{background:linear-gradient(#fff0 50%,#ffffff38 50%)!important;background-size:100% 4px!important;opacity:.6!important}.light-theme .arcade-card-screen:after{background:#ffffff0d!important;opacity:.2!important}.light-theme .arcade-card-screen.card-neon-trails{background:radial-gradient(circle at 50% 30%,#a78bfa29,#ffffffbf)!important;border-color:#a78bfa66!important}.light-theme .arcade-card-screen.card-neon-trails:hover{border-color:#a78bfabf!important;box-shadow:0 16px 36px #a78bfa2e,0 4px 12px #a78bfa14,inset 0 1px 1px #ffffffe6!important}.light-theme .arcade-card-screen.card-hex-conquest{background:radial-gradient(circle at 50% 30%,#06b6d429,#ffffffbf)!important;border-color:#06b6d466!important}.light-theme .arcade-card-screen.card-hex-conquest:hover{border-color:#06b6d4bf!important;box-shadow:0 16px 36px #06b6d42e,0 4px 12px #06b6d414,inset 0 1px 1px #ffffffe6!important}.light-theme .arcade-card-screen.card-maze-rush{background:radial-gradient(circle at 50% 30%,#ea580c29,#ffffffbf)!important;border-color:#ea580c66!important}.light-theme .arcade-card-screen.card-maze-rush:hover{border-color:#ea580cbf!important;box-shadow:0 16px 36px #ea580c2e,0 4px 12px #ea580c14,inset 0 1px 1px #ffffffe6!important}.light-theme .retro-text-glow-purple{color:#c026d3!important;text-shadow:0 0 6px rgba(192,38,211,.25)!important}.light-theme .retro-text-glow-cyan{color:#0891b2!important;text-shadow:0 0 6px rgba(8,145,178,.25)!important}.light-theme .retro-text-glow-orange{color:#d97706!important;text-shadow:0 0 6px rgba(217,119,6,.25)!important}.light-theme .retro-text-glow-green{color:#16a34a!important;text-shadow:0 0 6px rgba(22,163,74,.25)!important}.light-theme .arcade-meta-text{color:#475569!important}.light-theme .arcade-meta-text span[style*="#ff007f"],.light-theme .arcade-meta-text span[style*="color: rgb(255, 0, 127)"]{color:#db2777!important}.light-theme .arcade-meta-text span[style*="#00f0ff"]{color:#0891b2!important}.light-theme .arcade-meta-text span[style*="#ffaa00"]{color:#ea580c!important}@keyframes starTwinkle{0%{opacity:.15;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}to{opacity:.15;transform:scale(.85)}}.star-twinkle{animation:starTwinkle 3s infinite ease-in-out;transform-origin:center;transform-box:fill-box}.light-theme .sidebar,.light-theme .settings-sidebar,.light-theme .notepad-sidebar{background:#ffffff73!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-right:1px solid rgba(15,23,42,.08)!important}@media (max-width: 768px){.light-theme .chat-workspace.neon-mode-active .sidebar{background:#ffffff73!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}}.light-theme.retro-mode-active .game-workspace-container .chat-header{background:#ffffff73!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(15,23,42,.08)!important}@keyframes scalePulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.login-card .input-field::placeholder{color:#fff9!important;opacity:1!important}.light-theme .login-card .input-field::placeholder{color:#0f172a8c!important;opacity:1!important}.signup-desc-text{color:#e2e8f0!important}.light-theme .signup-desc-text{color:#1e293b!important}.login-main-subline{color:#e2e8f0!important}.light-theme .login-main-subline{color:#1e293b!important}.login-container .login-footer-btn{color:#e2e8f0!important}.login-container .login-footer-btn:hover{color:#fff!important}.light-theme .login-container .login-footer-btn{color:#334155!important}.light-theme .login-container .login-footer-btn:hover{color:#0f172a!important}.active-status-widget{border:1.5px solid transparent!important;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease!important}.active-status-widget:hover{border-color:#8b5cf640!important}@media (max-width: 860px){.desktop-sidebar-toggle-btn{display:none!important}.light-theme .chat-workspace .sidebar:not(.light-neon-blurred){background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.light-theme .chat-workspace .sidebar.light-neon-blurred{background:#ffffff73!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.light-theme .sidebar.light-neon-blurred .profile-card{background:#ffffff40!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 4px 12px #0000000d,inset 0 1px #fff3!important}}.theme-toggle-btn:hover{background:transparent!important;border-color:#8b5cf666!important;color:var(--text-primary)!important}.light-theme .theme-toggle-btn:hover{background:transparent!important;border-color:#8b5cf666!important}@keyframes slideDownEnter{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownExit{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.icon-slide-down-enter{animation:slideDownEnter .55s cubic-bezier(.34,1.56,.64,1) forwards!important}.icon-slide-down-exit{animation:slideDownExit .55s cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes bottomNavPopAnimation{0%{transform:translateZ(0) scale(1.04)!important}15%{transform:translateZ(0) scale(1.08)!important}to{transform:translateZ(0) scale(1)!important}}.bottom-nav-pop{animation:bottomNavPopAnimation .95s cubic-bezier(.175,.885,.32,1.275) forwards!important;background:#1e293bd9!important;border-color:#ffffff1f!important}.light-theme .bottom-nav-pop{background:#fffffff2!important;border-color:#0000001a!important}.mobile-bottom-nav,.mobile-bottom-nav-btn{-webkit-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important;outline:none!important}body.mystic-realms-playing .mobile-bottom-nav,body.mystic-realms-playing .mobile-nav,body.mystic-realms-playing .app-bottom-nav,body.mystic-realms-playing [class*=bottom-nav]{display:none!important;opacity:0!important;pointer-events:none!important;height:0!important;overflow:hidden!important}.mobile-bottom-nav-btn::-moz-focus-inner{border:0!important}@keyframes rankedGlowPulse{0%{opacity:.6}50%{opacity:.95}to{opacity:.6}}.search-status-notification{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:20px;cursor:pointer;box-shadow:0 4px 15px #8b5cf633;animation:slideInRight .3s ease-out}@media (max-width: 768px){.search-status-notification{top:calc(12px + max(44px,env(safe-area-inset-top,0px)))!important;right:16px!important;height:42px!important;box-sizing:border-box!important;padding:0 14px!important}.search-status-notification.offset{top:calc(62px + max(44px,env(safe-area-inset-top,0px)))!important}}@media (min-width: 769px){.search-status-notification.offset{top:76px!important}}.floating-write-btn{position:fixed;height:42px;background-color:#fff;color:#0f172a;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000040;cursor:pointer;z-index:1001;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.floating-write-btn svg{color:#0f172a!important}.floating-write-btn:hover{transform:translateY(-1px) scale(1.02);background-color:#f1f5f9!important;box-shadow:0 6px 20px #ffffff1f}.floating-write-btn:active{transform:translateY(0) scale(.98)}@media (max-width: 768px){.floating-write-btn{right:16px;bottom:calc(94px + env(safe-area-inset-bottom,0px));width:42px}}@media (min-width: 769px){.floating-write-btn{right:24px;bottom:24px;padding:0 16px;font-size:.88rem;font-weight:700}}.light-theme .floating-write-btn{background-color:#7c3aed;color:#fff;box-shadow:0 4px 16px #7c3aed40}.light-theme .floating-write-btn svg{color:#fff!important}.light-theme .floating-write-btn:hover{background-color:#6d28d9!important;box-shadow:0 6px 20px #7c3aed59}@media (max-width: 768px){.game-workspace-container.game-type-word_race:not(.game-active-playing) .game-page-scroll-container{overflow:hidden!important}}@media (max-width: 768px){html.booklet-open,body.booklet-open,body.booklet-open #root,body.booklet-open .app-container,body.booklet-open .chat-workspace,body.booklet-open .game-workspace-container,body.booklet-open .game-page-scroll-container,body.booklet-open .game-container{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;max-height:100%!important;touch-action:none!important}}.game-modal-content{overscroll-behavior:contain!important}.guess-who-chat-card{background:#0d0c1673!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.light-theme .guess-who-chat-card{background:#ffffff59!important}@media (max-width: 768px){.guess-who-chat-card,.guess-who-chat-card.chat-input-focused{padding:12px 16px 115px!important}}@media (min-width: 769px){.guess-who-chat-card{padding:20px!important}}@keyframes hex-slide-down{0%{transform:translateY(-20px);opacity:.8}to{transform:translateY(0);opacity:.45}}body:has(.game-active-playing),html:has(.game-active-playing),.game-workspace-container.game-active-playing{background-color:#03000a!important}.game-hex-conquest-wrapper{background:transparent!important}.light-theme body:has(.game-active-playing),.light-theme html:has(.game-active-playing),.light-theme .game-workspace-container.game-active-playing{background-color:#fff!important}.light-theme .game-hex-conquest-wrapper{background:transparent!important}.logo-loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background:#0d0c1626!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;z-index:5;transition:opacity .2s ease;opacity:1}.light-theme .logo-loading-page{background:#ffffff26!important}.logo-loading-page.logo-fade-out{opacity:0;pointer-events:none}.logo-loading-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.logo-loading-image{width:84px;height:84px;animation:logoGlowOnce 1s ease-out forwards,logoLoadingBreath 2.4s 1s ease-in-out infinite;filter:drop-shadow(0 8px 18px rgba(139,92,246,.28));z-index:2}.logo-loading-glow{position:absolute;width:112px;height:112px;background:radial-gradient(circle,#8b5cf640,#3b82f600 72%);border-radius:50%;animation:logoGlowExpandOnce 1s ease-out forwards;z-index:1}.logo-loading-bar-wrapper{width:96px;height:4px;padding:1px;background:#ffffff14;border:1px solid rgba(255,255,255,.07);border-radius:999px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #00000029,0 5px 18px #7c3aed1a}.light-theme .logo-loading-bar-wrapper{background:#5b419117;border-color:#5b41911a;box-shadow:inset 0 1px 2px #4c317a14,0 5px 18px #7c3aed14}.logo-loading-bar{width:42%;height:100%;background:#fff;border-radius:inherit;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 8px #ffffff61;transform-origin:left center;animation:loadingBarSlide 1.65s infinite cubic-bezier(.65,0,.35,1)}.light-theme .logo-loading-bar{background:#000;box-shadow:0 0 8px #00000038}.logo-loading-bar-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 8%,rgba(255,255,255,.7) 50%,transparent 92%);transform:translate(-115%);animation:loadingBarShine 1.65s infinite ease-in-out}@keyframes logoGlowOnce{0%{opacity:.3;filter:drop-shadow(0 0 5px rgba(139,92,246,.2))}to{opacity:1;filter:drop-shadow(0 8px 18px rgba(139,92,246,.34))}}@keyframes logoLoadingBreath{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes logoGlowExpandOnce{0%{transform:scale(.85);opacity:.4}to{transform:scale(1.15);opacity:.85}}@keyframes loadingBarSlide{0%{transform:translate(-112%) scaleX(.72)}50%{transform:translate(78%) scaleX(1.18)}to{transform:translate(245%) scaleX(.72)}}@keyframes loadingBarShine{0%,18%{transform:translate(-115%)}72%,to{transform:translate(115%)}}@media (prefers-reduced-motion: reduce){.logo-loading-image,.logo-loading-glow,.logo-loading-bar,.logo-loading-bar-shine{animation-duration:2.8s}}.sidebar-action{padding:4px 10px 8px!important}:not(.light-theme) .friends-subheader{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:not(.light-theme) .friends-empty-state,:not(.light-theme) .friends-empty-state-small{color:#e5e7eb!important;border-color:#ffffff1f!important}:not(.light-theme) .friends-empty-state p,:not(.light-theme) .friends-empty-state-small p{color:#e5e7eb!important}:not(.light-theme) .friends-search-bar-wrapper input{color:#fff!important}:not(.light-theme) .friends-search-bar-wrapper input::placeholder{color:#ffffffa6!important}:not(.light-theme) .friends-search-bar-wrapper .friends-search-icon{color:#ffffffa6!important}.light-theme .friend-item-row,.light-theme .friends-dashboard-content .friend-item-row,.light-theme .friend-suggestion-item{background:#ffffff73!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 2px 8px #0f172a0a!important}.light-theme .friend-item-row:hover,.light-theme .friend-suggestion-item:hover{background:#ffffffbf!important;border-color:#0f172a26!important;box-shadow:0 4px 12px #0f172a14!important;transform:translateY(-1px)}.light-theme .friends-empty-state,.light-theme .friends-empty-state-small{color:#0f172a!important;border-color:#0f172a1f!important}.light-theme .friends-empty-state p,.light-theme .friends-empty-state-small p{color:#0f172a!important}.light-theme .friends-search-bar-wrapper input{color:#0f172a!important;border-color:#0f172a26!important}.light-theme .friends-search-bar-wrapper input::placeholder{color:#0f172aa6!important}.light-theme .friends-search-bar-wrapper .friends-search-icon{color:#0f172aa6!important}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@media (max-width: 768px){:not(.light-theme) .friends-tab-btn{background:transparent!important;border-color:#ffffff14!important}:not(.light-theme) .friends-tab-btn.active{background:var(--accent-gradient)!important;border-color:transparent!important;box-shadow:var(--accent-glow)!important;color:#fff!important}:not(.light-theme) .friend-item-row{background:#11101b!important;border-color:#ffffff14!important;opacity:1!important}:not(.light-theme) .friends-tab-btn:not(.active):hover{background:transparent!important;color:#cbd5e1!important;border-color:#ffffff14!important;transform:none!important;box-shadow:none!important}.light-theme .friends-tab-btn:not(.active):hover{background:#ffffff08!important;color:#1e293b!important;border-color:var(--border-color)!important;transform:none!important;box-shadow:none!important}:not(.light-theme) .friend-item-row:hover,:not(.light-theme) .friend-item-row:active{background:#ffffff1f!important;border-color:#fff3!important}.mobile-newchat-back-btn{left:auto!important;right:16px!important}:not(.light-theme) .friend-item-row .friend-name{color:#fff!important}:not(.light-theme) .friend-item-row .friend-status-text.offline{color:#a3a3a3!important}:not(.light-theme) .friends-tab-btn:not(.active){color:#cbd5e1!important}:not(.light-theme) .friends-tab-btn.add-friend-btn:not(.active){color:var(--success-color)!important}:not(.light-theme) .friends-list-title{color:#fff!important}:not(.light-theme) .friends-add-desc{color:#ffffffb3!important}:not(.light-theme) .friends-add-input-wrapper input{color:#fff!important}:not(.light-theme) .friends-add-input-wrapper input::placeholder{color:#ffffffa6!important}.light-theme .friend-item-row .friend-name{color:#0f172a!important;font-weight:600!important}.light-theme .friend-item-row .friend-status-text.offline{color:#475569!important}.light-theme .friends-tab-btn:not(.active){color:#1e293b!important;font-weight:600!important}.light-theme .friends-tab-btn.add-friend-btn:not(.active){color:var(--success-color)!important;border-color:#10b98133!important}.light-theme .friends-tab-btn.active:not(.add-friend-btn),.light-theme .friends-tab-btn.active:not(.add-friend-btn) span,.light-theme .friends-tab-btn.active:not(.add-friend-btn) svg{color:#fff!important;stroke:#fff!important}.light-theme .friends-list-title{color:#0f172a!important;font-weight:600!important}.light-theme .friends-add-desc{color:#0f172ab3!important;font-weight:600!important}.light-theme .friends-add-input-wrapper input{color:#0f172a!important}.light-theme .friends-add-input-wrapper input::placeholder{color:#0f172a99!important}.light-theme .friend-item-row{background:#ffffff73!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(15,23,42,.08)!important;opacity:1!important;box-shadow:0 2px 8px #0f172a0a!important}.light-theme .friend-item-row:hover,.light-theme .friend-item-row:active{background:#ffffffbf!important;border-color:#0f172a26!important;box-shadow:0 4px 12px #0f172a14!important}}.light-theme .friends-tab-btn.active:not(.add-friend-btn),.light-theme .friends-tab-btn.active:not(.add-friend-btn) span,.light-theme .friends-tab-btn.active:not(.add-friend-btn) svg{color:#fff!important;stroke:#fff!important}.db-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;width:100%;height:100%;min-height:150px;position:absolute;top:0;left:0;right:0;bottom:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:10;pointer-events:none}.db-loader-spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.15)!important;border-top-color:#fff!important;border-radius:50%;animation:dbSpinnerRotate .85s linear infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))!important}.light-theme .db-loader-spinner{border:3px solid rgba(0,0,0,.1)!important;border-top-color:#000!important;filter:drop-shadow(0 0 6px rgba(0,0,0,.15))!important}@keyframes dbSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-theme-btn{display:none!important}.desktop-theme-btn{display:flex}@media (max-width: 768px){.mobile-theme-btn{display:flex!important}.desktop-theme-btn{display:none!important}}.desktop-new-chat-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;background-color:#fff;color:#0f172a;border:none;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #ffffff1a;transition:all .2s ease;white-space:nowrap}.desktop-new-chat-btn svg{color:#0f172a!important}.desktop-new-chat-btn:hover{transform:translateY(-1px);background-color:#f1f5f9;box-shadow:0 6px 16px #ffffff2e}.desktop-new-chat-btn:active{transform:translateY(0)}.light-theme .desktop-new-chat-btn{background-color:#7c3aed;color:#fff;box-shadow:0 4px 12px #7c3aed26}.light-theme .desktop-new-chat-btn svg{color:#fff!important}.light-theme .desktop-new-chat-btn:hover{background-color:#6d28d9}@keyframes newChatEntry{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-new-chat-entry{animation:newChatEntry .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideInDown{0%{opacity:0;transform:translate3d(-50%,-20px,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}@keyframes slideOutUp{0%{opacity:1;transform:translate3d(-50%,0,0)}to{opacity:0;transform:translate3d(-50%,-20px,0)}}.wall-add-photo-btn{transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease!important}html.light-theme .secondary-btn.lobby-return-btn{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;color:#0f172a!important;box-shadow:0 10px 30px #0f172a1a!important}.light-theme .secondary-btn.lobby-return-btn:hover,body.light-theme .secondary-btn.lobby-return-btn:hover,html.light-theme .secondary-btn.lobby-return-btn:hover{background:#f8fafc!important;border-color:#0f172a33!important;color:#0f172a!important}:not(.light-theme) .lobby-return-btn{background:#0d0a1b!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:none!important}:not(.light-theme) .lobby-return-btn:hover{background:#140f2b!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}.sidebar{position:relative}.game-sidebar-chat-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;min-width:0;display:flex;flex-direction:column;overflow:hidden;color:var(--text-primary);background:radial-gradient(circle at 45% -10%,rgba(139,92,246,.16),transparent 34%),linear-gradient(180deg,#0b0912fb,#06060bfc);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);animation:game-sidebar-chat-in .32s cubic-bezier(.22,.8,.2,1) both;will-change:opacity}.game-sidebar-chat-shell.closing{pointer-events:none;animation:game-sidebar-chat-out .18s ease-out both}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skeleton-stat-card{height:84px;background:#ffffff03;border:1px solid rgba(255,255,255,.03);border-radius:16px;position:relative;overflow:hidden}.skeleton-btn{width:120px;height:38px;background:#ffffff05;border-radius:8px;position:relative;overflow:hidden}@keyframes pingRingEffect{0%{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}.wall-filters-compact,.wall-filters-compact.glass-card{background:transparent!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:not(.light-theme) .wall-filters-compact{background:transparent!important;background-color:transparent!important}.light-theme .wall-filters-compact,.light-theme .wall-filters-compact.glass-card{background:#fffc!important}.wall-filters-compact{display:flex;gap:10px;margin-top:-6px!important;margin-bottom:16px;align-items:center;width:100%}.game-sidebar-chat-header{min-height:68px;padding:11px 12px;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;flex:0 0 auto;border-bottom:1px solid var(--border-color);background:#ffffff06}.game-sidebar-icon-btn{width:36px;height:36px;min-width:36px;display:grid;place-items:center;padding:0;color:var(--text-secondary);border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#ffffff0d;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.game-sidebar-icon-btn:hover{color:#fff;border-color:#8b5cf661;background:#8b5cf621;transform:translateY(-1px)}.game-sidebar-back-btn{border-radius:50%}.game-sidebar-chat-person{min-width:0;display:flex;align-items:center;gap:9px}.game-sidebar-chat-avatar{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:.7rem;font-weight:800;border:1px solid rgba(255,255,255,.16);border-radius:11px;box-shadow:0 5px 15px #00000038}.game-sidebar-chat-avatar img{width:100%;height:100%;object-fit:cover}.game-sidebar-chat-person>div:last-child{min-width:0}.game-sidebar-chat-person strong,.game-sidebar-chat-person span{display:flex;align-items:center;min-width:0}.game-sidebar-chat-person strong{overflow:hidden;color:var(--text-primary);font-size:.82rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.game-sidebar-chat-person span{gap:5px;margin-top:4px;color:var(--text-muted);font-size:.61rem}.game-sidebar-chat-person span i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--green-online);box-shadow:0 0 7px #10b981a6}.game-sidebar-chat-person span i.offline{background:#6b7280;box-shadow:none}.game-sidebar-chat-context{min-height:31px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;color:#b8a7ef;font-size:.61rem;font-weight:700;letter-spacing:.035em;border-bottom:1px solid rgba(255,255,255,.045);background:#8b5cf60e}.game-sidebar-chat-messages{min-height:0;padding:15px 12px 12px;display:flex;flex:1 1 auto;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.game-sidebar-chat-state{min-height:100%;padding:28px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--text-muted);text-align:center}.game-sidebar-chat-state svg{margin-bottom:3px;color:#9b87e6}.game-sidebar-chat-state strong{color:var(--text-secondary);font-size:.8rem}.game-sidebar-chat-state span{max-width:190px;font-size:.67rem;line-height:1.5}.game-sidebar-mini-message{width:min(86%,218px);margin-top:11px;display:flex;flex-direction:column;align-items:flex-start}.game-sidebar-mini-message.grouped{margin-top:3px}.game-sidebar-mini-message.outgoing{align-self:flex-end;align-items:flex-end}.game-sidebar-mini-message>small{max-width:100%;margin:0 5px 4px;overflow:hidden;color:var(--text-muted);font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.game-sidebar-mini-message>div{max-width:100%;padding:8px 9px 6px;overflow:hidden;color:var(--text-primary);border:1px solid rgba(255,255,255,.07);border-radius:11px 11px 11px 3px;background:#fff1;box-shadow:0 4px 14px #00000026}.game-sidebar-mini-message.outgoing>div{border-color:#8b5cf63d;border-radius:11px 11px 3px;background:linear-gradient(135deg,#8b5cf64d,#4f46e533)}.game-sidebar-mini-message p{max-width:100%;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:.7rem;line-height:1.42}.game-sidebar-mini-message time{display:block;margin-top:4px;color:#ffffff6b;font-size:.49rem;line-height:1;text-align:right}.game-sidebar-attachment{display:block;padding:4px 0;color:var(--text-secondary);font-size:.63rem}.game-sidebar-chat-composer{min-height:66px;padding:10px 11px max(10px,env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:7px;flex:0 0 auto;border-top:1px solid var(--border-color);background:#07060cf5}.game-sidebar-chat-composer input{width:100%;min-width:0;height:39px;padding:0 12px;color:var(--text-primary);font:inherit;font-size:.68rem;outline:none;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#ffffff0e;transition:border-color .2s ease,box-shadow .2s ease}.game-sidebar-chat-composer input:focus{border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf61a}.game-sidebar-chat-composer input::placeholder{overflow:hidden;color:var(--text-muted);text-overflow:ellipsis}.game-sidebar-chat-composer button{width:38px;height:38px;display:grid;place-items:center;padding:0;position:relative;overflow:hidden;color:#fff;border:0;border-radius:11px;background:#ffffff0f;box-shadow:0 7px 18px #4f46e540;cursor:pointer;transition:color .28s ease,box-shadow .28s ease,transform .22s ease}.game-sidebar-chat-composer button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:1;transition:opacity .32s ease}.game-sidebar-chat-composer button svg{position:relative;z-index:1}.game-sidebar-chat-composer button:disabled{color:var(--text-muted);box-shadow:none;cursor:default}.game-sidebar-chat-composer button:disabled:before{opacity:0}.game-sidebar-chat-composer button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 9px 22px #4f46e55c}.light-theme .game-sidebar-chat-shell{color:#0f172a;background:radial-gradient(circle at 45% -10%,rgba(124,58,237,.1),transparent 36%),linear-gradient(180deg,#fffffffe,#f8fafcfe)}.light-theme .game-sidebar-chat-header{color:#0f172a;border-bottom-color:#0f172a1f;background:#ffffffe0}.light-theme .game-sidebar-icon-btn{color:#334155;border-color:#0f172a24;background:#fff;box-shadow:0 2px 8px #0f172a14}.light-theme .game-sidebar-icon-btn:hover{color:#5b21b6;border-color:#6d28d952;background:#f5f3ff}.light-theme .game-sidebar-chat-person strong{color:#0f172a}.light-theme .game-sidebar-chat-person span,.light-theme .game-sidebar-mini-message>small,.light-theme .game-sidebar-chat-state{color:#64748b}.light-theme .game-sidebar-chat-context{color:#5b21b6;border-bottom-color:#6d28d91f;background:#7c3aed12}.light-theme .game-sidebar-chat-state svg{color:#6d28d9}.light-theme .game-sidebar-chat-state strong{color:#334155}.light-theme .game-sidebar-mini-message>div{color:#0f172a;border-color:#0f172a1f;background:#fff;box-shadow:0 4px 14px #0f172a14}.light-theme .game-sidebar-mini-message.outgoing>div{color:#2e1065;border-color:#6d28d938;background:linear-gradient(135deg,#ede9fe,#e0e7ff)}.light-theme .game-sidebar-mini-message time{color:#64748b}.light-theme .game-sidebar-attachment{color:#334155}.light-theme .game-sidebar-chat-composer{border-top-color:#0f172a1f;background:#fffffffa}.light-theme .game-sidebar-chat-composer input{color:#0f172a;border-color:#0f172a29;background:#f8fafc}.light-theme .game-sidebar-chat-composer input::placeholder{color:#64748b}.light-theme .game-sidebar-chat-composer input:focus{border-color:#6d28d98c;background:#fff;box-shadow:0 0 0 3px #6d28d91a}.light-theme .game-sidebar-chat-composer button:disabled{color:#64748b;background:#e2e8f0}.realms-mode-select-overlay{overscroll-behavior:contain;touch-action:pan-y}.realms-mode-select-overlay .game-modal-content{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.realm-lobby-mobile-menu-btn{position:fixed;top:calc(12px + max(44px,env(safe-area-inset-top,0px)));left:16px;z-index:1000001;width:42px;height:42px;display:none;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#0f0b1ce0;box-shadow:0 10px 30px #0000006b,0 0 18px #8b5cf624;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.light-theme .realm-lobby-mobile-menu-btn{color:#0f172a;background:#fffffff5;border-color:#0f172a1f;box-shadow:0 8px 24px #0f172a24}.light-theme .realm-lobby-mobile-menu-btn svg{color:#0f172a;stroke:#0f172a}@keyframes game-sidebar-chat-in{0%{opacity:0}to{opacity:1}}@keyframes game-sidebar-chat-out{0%{opacity:1}to{opacity:0}}.sidebar.collapsed .game-sidebar-chat-shell{background:var(--bg-panel)}.sidebar.collapsed .game-sidebar-chat-header{height:64px;min-height:64px;padding:12px;display:flex;justify-content:center}.sidebar.collapsed .game-sidebar-chat-header>:not(.game-sidebar-menu-btn),.sidebar.collapsed .game-sidebar-chat-context,.sidebar.collapsed .game-sidebar-chat-messages,.sidebar.collapsed .game-sidebar-chat-composer{display:none}@media (max-width: 1024px){.realm-lobby-mobile-menu-btn{display:flex}.game-sidebar-chat-shell{height:100%;height:100dvh;padding-top:0}.game-sidebar-chat-header{min-height:96px;padding-top:max(34px,calc(env(safe-area-inset-top,0px) + 24px));padding-bottom:10px}.game-sidebar-chat-header>*{position:relative;top:0;transform:translateY(-10px)}.game-sidebar-chat-header>.game-sidebar-menu-btn{top:0}.game-sidebar-chat-messages{padding-inline:13px}.game-sidebar-mini-message{width:min(84%,250px)}.game-sidebar-chat-composer{margin-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-bottom:10px}}.block-options-card{animation:blockOptionsEnter .32s cubic-bezier(.22,1,.36,1) both}.block-option-row{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid var(--border-color);border-radius:12px;background:#ffffff09;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.block-option-row:hover{border-color:#8b5cf673;background:#8b5cf614;transform:translateY(-1px)}.block-option-row input{width:18px;height:18px;margin:1px 0 0;accent-color:#8b5cf6;flex-shrink:0}.block-option-row span,.block-option-row small{display:block}.block-option-row strong{color:var(--text-primary);font-size:.9rem}.block-option-row small{margin-top:4px;color:var(--text-muted);font-size:.75rem;line-height:1.4}@keyframes blockOptionsEnter{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}html:has(.modal-overlay),body:has(.modal-overlay),html:has(.info-modal-overlay),body:has(.info-modal-overlay),html:has(.custom-modal-overlay),body:has(.custom-modal-overlay),html:has(.game-modal-overlay),body:has(.game-modal-overlay),html:has(.level-up-modal-overlay),body:has(.level-up-modal-overlay),html:has(.confirm-modal-overlay),body:has(.confirm-modal-overlay),html:has(.full-screen-image-overlay),body:has(.full-screen-image-overlay),html:has(.view-once-overlay),body:has(.view-once-overlay),html:has(.mobile-message-menu-overlay),body:has(.mobile-message-menu-overlay){overflow:hidden!important;overscroll-behavior:none!important}@media (min-width: 769px){html:has(.game-guide-overlay){overflow:hidden!important;scrollbar-gutter:stable}body.booklet-open .game-page-scroll-container{overflow-y:hidden!important;scrollbar-gutter:stable}}.realms-result-action{font-family:JetBrains Mono,monospace!important}.login-screen-heading{display:none;width:100%;margin:0 0 28px;text-align:left}.login-mobile-theme-toggle{display:none}.login-screen-heading h1{margin:0;color:var(--text-primary);font-size:2.65rem;font-weight:900;line-height:1;letter-spacing:-.05em}.login-screen-heading p{margin:10px 0 0;color:var(--text-secondary);font-size:.92rem;font-weight:600}.light-theme .hide-seek-survivors,.light-theme .bots-result-subtitle{color:#172033!important;text-shadow:none!important}@media (max-width: 768px){body:has(.chat-workspace.sidebar-open) .realm-mobile-menu-btn,body:has(.chat-workspace.sidebar-open) .realm-mobile-top-bar{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important}.chat-workspace.chat-active .mobile-chat-bottom-blur{display:none!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.realms-zoom-control.is-mobile{padding:3px 5px!important;gap:3px!important;border:1px solid rgba(255,255,255,.24)!important;border-top-color:#ffffff6b!important;border-radius:13px!important;background:linear-gradient(135deg,#ffffff2e,#ffffff0f)!important;box-shadow:0 8px 24px #00000047,inset 0 1px 1px #ffffff47!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important}.realms-zoom-control.is-mobile .realms-zoom-btn{width:25px!important;height:25px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:9px!important;color:#fff!important;background:#ffffff1c!important;box-shadow:inset 0 1px 1px #ffffff2e!important;text-shadow:none!important}.realms-zoom-control.is-mobile .realms-zoom-value{color:#fff!important;min-width:32px!important;text-shadow:0 1px 5px rgba(0,0,0,.55)!important;font-family:JetBrains Mono,monospace!important}.login-container{padding:0!important;align-items:stretch!important;justify-content:stretch!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important}.login-container input,.login-container button,.login-container select,.login-container textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important}.login-container .login-card{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:none!important;min-height:100dvh!important;height:100dvh!important;margin:0!important;padding:calc(28px + env(safe-area-inset-top,0px)) 24px calc(78px + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;border:0!important;border-radius:0!important;background:linear-gradient(112deg,#ffffff21,#ffffff06 34%,#ffffff17 48%,#ffffff05 68%),#08080d24!important;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff14!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}.login-container .login-card:before{content:""!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse at 18% 18%,rgba(255,255,255,.19),transparent 26%),radial-gradient(ellipse at 78% 62%,rgba(125,211,252,.12),transparent 32%),repeating-linear-gradient(174deg,transparent 0 38px,rgba(255,255,255,.045) 40px,transparent 44px 76px)!important;mix-blend-mode:screen;opacity:.7;animation:mobileWaterReflection 8s ease-in-out infinite alternate}.login-container .login-card>*{position:relative;z-index:1}.light-theme .login-container .login-card{background:linear-gradient(112deg,#ffffff61,#ffffff1f 34%,#ffffff4d 48%,#ffffff1a 68%),#f1f5f92e!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.login-container .login-card.signup-card{justify-content:safe center!important}.login-container .cloud-inner{filter:blur(18px)!important}.login-screen-heading{display:block;width:100%;margin:0 0 34px;text-align:left}.login-container .login-desktop-brand{display:none!important}.login-container .login-mobile-theme-toggle{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:16px;z-index:4;display:inline-flex;width:42px;height:42px;padding:0;align-items:center;justify-content:center;color:#fff;background:#020409c7;border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 8px 22px #00000047;cursor:pointer}.light-theme .login-container .login-mobile-theme-toggle{color:#0f172a;background:#e2e8f0e6;border-color:#0f172a3d;box-shadow:0 8px 22px #0f172a29}.login-screen-heading h1{margin:0;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:clamp(2.55rem,12vw,3.65rem);font-weight:900;line-height:.98;letter-spacing:-.035em;text-shadow:0 2px 18px rgba(0,0,0,.75)}.login-screen-heading p{margin:12px 0 0;color:#ffffffe0;font-size:1rem;font-weight:650;text-shadow:0 1px 10px rgba(0,0,0,.8)}.login-container .input-label{color:#fff!important;font-weight:600!important;text-shadow:0 1px 8px rgba(0,0,0,.9)}.login-container .signup-desc-text{color:#fff!important;font-weight:650!important;text-shadow:0 1px 8px rgba(0,0,0,.9)}.login-container .login-card .input-field{color:#fff!important;background:#020409e0!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:0 6px 18px #0000003d,inset 0 1px #ffffff0f!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-weight:600}.login-container .login-card .input-field::placeholder{color:#ffffffad!important;opacity:1}.login-container .login-card .input-field:focus::placeholder{color:transparent!important;opacity:0!important}.login-container .forgot-password-btn{color:#fff!important;font-weight:700!important;text-shadow:0 1px 8px rgba(0,0,0,.85)}.light-theme .login-container .input-label,.light-theme .login-container .signup-desc-text{color:#0f172a!important;text-shadow:0 1px 8px rgba(255,255,255,.9)}.light-theme .login-screen-heading h1,.light-theme .login-screen-heading p{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.72)!important}.light-theme .login-container .login-card .input-field{color:#0f172a!important;background:#fffffff5!important;border-color:#0f172a4d!important;box-shadow:0 8px 24px #0f172a1f,inset 0 1px #fffc!important}.light-theme .login-container .login-card .input-field::placeholder{color:#0f172a94!important}.login-container .login-card .input-field:focus{color:#fff!important;background:#010207!important;border-color:#ffffff85!important;box-shadow:none!important}.light-theme .login-container .login-card .input-field:focus{color:#0f172a!important;background:#fff!important;border-color:#0f172a94!important;box-shadow:none!important}}@keyframes mobileWaterReflection{0%{transform:translate3d(-2%,-1%,0) scale(1.03);background-position:0 0,0 0,0 0}to{transform:translate3d(2%,1%,0) scale(1.06);background-position:10px -8px,-12px 10px,0 22px}}@media (max-width: 768px){html:has(.login-container),body:has(.login-container),#root:has(.login-container){width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;background-color:#07070b!important}html.light-theme:has(.login-container),html.light-theme body:has(.login-container),html.light-theme #root:has(.login-container){background-color:#f4f5f9!important}.login-container{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;margin:0!important;overflow:hidden!important;background:radial-gradient(circle at 12% 8%,rgba(139,92,246,.24),transparent 31%),radial-gradient(circle at 92% 86%,rgba(14,165,233,.16),transparent 34%),#07070b!important}.light-theme .login-container{background:radial-gradient(circle at 8% 4%,rgba(139,92,246,.15),transparent 33%),radial-gradient(circle at 96% 88%,rgba(14,165,233,.12),transparent 36%),#f4f5f9!important}.login-container .colorful-clouds-bg{opacity:.38;transform:scale(1.08)}.login-container .world-map-bg{opacity:.18;mask-image:linear-gradient(to bottom,#000 0%,transparent 66%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 66%)}.login-container .login-card,.login-container .login-card.signup-card{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;min-height:100%!important;height:100%!important;max-height:100%!important;padding:calc(26px + env(safe-area-inset-top,0px)) 18px calc(82px + env(safe-area-inset-bottom,0px))!important;justify-content:flex-start!important;background:transparent!important;box-shadow:none!important;overflow-y:hidden!important;scrollbar-width:none}.login-container .login-card::-webkit-scrollbar{display:none}.login-container .login-card:before{background:radial-gradient(circle at 30% 12%,rgba(255,255,255,.11),transparent 18%),linear-gradient(120deg,transparent 28%,rgba(255,255,255,.035) 48%,transparent 68%)!important;opacity:.75;animation:mobileAuthLight 8s ease-in-out infinite alternate}.login-container .login-mobile-theme-toggle{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));right:19px;width:38px;height:38px;color:#ffffffe6;background:#ffffff13;border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 28px #00000029,inset 0 1px #ffffff1f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.light-theme .login-container .login-mobile-theme-toggle{color:#272331;background:#ffffffa3;border-color:#342c441a;box-shadow:0 10px 28px #2a223c17,inset 0 1px #fffc}.login-screen-heading{margin:0 auto 22px;padding:0 4px;max-width:480px;text-align:left;animation:mobileAuthEnter .55s cubic-bezier(.22,1,.36,1) both}.mobile-login-brand{display:flex;align-items:center;width:max-content;margin-bottom:clamp(44px,9vh,78px);gap:8px;color:#fff;transform:translateY(0)}.mobile-login-brand img{width:30px;height:30px;filter:drop-shadow(0 5px 13px rgba(139,92,246,.3))}.mobile-login-brand span{font-size:1.2rem;font-weight:850;letter-spacing:-.045em}.mobile-login-brand i{width:5px;height:5px;margin:10px 0 0 -5px;border-radius:50%;background:#a78bfa;box-shadow:0 0 10px #a78bfabf}.light-theme .mobile-login-brand{color:#211d2a}.login-screen-heading h1{max-width:330px;color:#fff;font-size:clamp(2.35rem,11vw,3.15rem);font-weight:850;line-height:1.02;letter-spacing:-.055em;text-shadow:none}.login-screen-heading p{margin-top:10px;color:#edebf4a8;font-size:.94rem;font-weight:500;line-height:1.45;text-shadow:none}.light-theme .login-screen-heading h1{color:#211d2a!important;text-shadow:none!important}.light-theme .login-screen-heading p{color:#746d7f!important;text-shadow:none!important}.mobile-auth-form-shell{position:relative;width:100%;max-width:480px;margin:0 auto;padding:20px 18px 18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#121118;box-shadow:0 22px 55px #0000003d,inset 0 1px #ffffff12;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);animation:mobileAuthEnter .65s .06s cubic-bezier(.22,1,.36,1) both}.light-theme .mobile-auth-form-shell{border-color:#43375814;background:#ffffffba;box-shadow:0 22px 55px #342a461a,inset 0 1px #ffffffe6}.login-container .mobile-auth-form-shell .input-group{margin-bottom:15px}.login-container .mobile-auth-form-shell .input-label{display:block;margin:0 0 7px 3px;color:#f2f0f7b8!important;font-size:.76rem;font-weight:650!important;letter-spacing:.01em;text-shadow:none}.login-container .mobile-auth-form-shell .password-reset-success{margin-left:8px}.light-theme .login-container .mobile-auth-form-shell .input-label,.light-theme .login-container .mobile-auth-form-shell .signup-desc-text{color:#716a7c!important;text-shadow:none}.login-container .mobile-auth-form-shell .input-field{min-height:54px;padding:0 16px;color:#f8f7fb!important;font-size:1rem;font-weight:550;background:#03030785!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px!important;box-shadow:inset 0 1px #ffffff09!important;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.login-container .mobile-auth-form-shell .input-field:focus{color:#fff!important;background:#040309c2!important;border-color:#a78bfab8!important;box-shadow:0 0 0 4px #8b5cf61f!important;transform:translateY(-1px)}.light-theme .login-container .mobile-auth-form-shell .input-field{color:#282330!important;background:#f6f5f9e6!important;border-color:#4135531a!important;box-shadow:inset 0 1px 1px #41355309!important}.light-theme .login-container .mobile-auth-form-shell .input-field:focus{color:#211d29!important;background:#fff!important;border-color:#7c3aed85!important;box-shadow:0 0 0 4px #7c3aed1a!important}.login-container .forgot-password-btn{color:#b9a4f8!important;font-size:.74rem;font-weight:650!important;text-shadow:none}.light-theme .login-container .forgot-password-btn{color:#7252c7!important}.login-container .mobile-auth-form-shell .login-submit-btn,.login-container .mobile-auth-form-shell .rgb-signup-btn{min-height:46px;padding-top:10px!important;padding-bottom:10px!important;border-radius:8px!important;font-size:.92rem;letter-spacing:-.01em;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.login-container .mobile-auth-form-shell .login-submit-btn{color:#fff!important;background:#000!important;border:2px solid #fff!important;box-shadow:none!important}.light-theme .login-container .mobile-auth-form-shell .login-submit-btn{color:#fff!important;background:#000!important;border-color:#fff!important;box-shadow:none!important}.login-container .mobile-auth-form-shell .rgb-signup-btn{color:#fff!important;background:#ffffff0e!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:none!important;animation:none!important}.light-theme .login-container .mobile-auth-form-shell .rgb-signup-btn{color:#fff!important;background:#6d45d8!important;border-color:#6d45d8!important}.login-container .mobile-auth-form-shell .login-footer-btn{color:#e2ddeba3;font-size:.78rem;text-decoration:none!important}.light-theme .login-container .mobile-auth-form-shell .login-footer-btn{color:#776f82}.login-container .signup-desc-text{color:#ebe6f3ad!important;text-shadow:none}.login-container .login-avatar-section{margin:4px 0 18px!important}.login-container .login-avatar-preview{width:72px!important;height:72px!important;border:3px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 28px #0003!important}.login-footer-links{position:fixed!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;width:calc(100% - 28px);justify-content:center;gap:1px!important;white-space:nowrap}.login-footer-links .login-footer-btn{padding:4px 5px;color:#e0dbe873;font-size:clamp(.61rem,2.6vw,.7rem)}.light-theme .login-footer-links .login-footer-btn{color:#8a8394}.login-footer-separator{color:#ffffff1f}.light-theme .login-footer-separator{color:#2a223621}}@keyframes mobileAuthEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileAuthLight{0%{transform:translate3d(-2%,-1%,0) scale(1.02)}to{transform:translate3d(2%,1%,0) scale(1.05)}}@media (max-width: 768px) and (max-height: 700px){.mobile-login-brand{margin-bottom:24px}.login-screen-heading{margin-bottom:16px}.login-screen-heading h1{font-size:2.15rem}.mobile-auth-form-shell{padding-top:16px;padding-bottom:14px}}@media (max-width: 768px) and (prefers-reduced-motion: reduce){.login-container .login-card:before,.login-screen-heading,.mobile-auth-form-shell{animation:none!important}}@keyframes directionPromptEnter{0%{opacity:0;transform:scale(.72) translateY(6px)}65%{opacity:1;transform:scale(1.08) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.direction-prompt-enter{animation:directionPromptEnter .22s ease-out both}@media (prefers-reduced-motion: reduce){.direction-prompt-enter{animation-duration:1ms}}.quick-access-section{position:relative;z-index:2;width:100%;margin:18px 0 0}.quick-access-section h2{margin:0 0 12px;color:var(--text-primary);font-size:1.4rem;letter-spacing:-.025em}.quick-access-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.quick-access-card{position:relative;aspect-ratio:1;min-width:0;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:var(--text-primary);text-align:left;border:1px solid var(--border-color);border-radius:18px;background:#ffffff0b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease;user-select:none;-webkit-user-select:none}.quick-access-card *{user-select:none;-webkit-user-select:none}.quick-access-card:hover{transform:translateY(-3px);border-color:#8b5cf680;background:#8b5cf61a}html:not(.light-theme):not([data-theme=light]) body:not(.light-theme) .quick-access-card:hover{background:#ffffff13}.quick-access-icon{width:44px;height:44px;display:grid;place-items:center;color:#c4b5fd;border-radius:13px;background:#8b5cf626}.quick-access-card strong{font-size:.84rem}@media (min-width: 769px){.quick-access-card strong{font-size:.94rem}}.quick-access-card small{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:.62rem}.quick-access-card small i{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 7px #10b981}.quick-access-online-text{color:#fff;mix-blend-mode:difference;filter:saturate(0) contrast(1.18);transition:color .45s ease,filter .45s ease;will-change:color,filter;position:relative;z-index:1}#widget-quickAccess>.widget-drag-handle{top:24px;right:0}.home-dashboard-container .dashboard-hero,.home-dashboard-container .glass-card,.home-dashboard-container .stat-card,.home-dashboard-container .active-users-section,.home-dashboard-container .quick-access-card{background:#ffffff05!important;border-color:#ffffff17!important;box-shadow:0 8px 32px #0000003d,inset 0 1px #ffffff0e!important;-webkit-backdrop-filter:brightness(1.45)!important;backdrop-filter:brightness(1.45)!important}.light-theme .home-dashboard-container .dashboard-hero,.light-theme .home-dashboard-container .glass-card,.light-theme .home-dashboard-container .stat-card,.light-theme .home-dashboard-container .active-users-section,.light-theme .home-dashboard-container .quick-access-card{background:#ffffff14!important;border-color:#64748b1f!important;box-shadow:0 6px 20px #0f172a17,inset 0 1px #ffffff47!important;-webkit-backdrop-filter:brightness(1.08)!important;backdrop-filter:brightness(1.08)!important}.light-theme .quick-access-card{background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.light-theme .quick-access-online-text{color:#334155;mix-blend-mode:normal;filter:none}.utility-page-heading p.utility-editable-description{margin:0;display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.8rem;line-height:normal}.utility-page-heading p.utility-editable-description input{width:min(100%,470px);min-height:0;height:auto;padding:0;color:var(--text-muted);font-family:inherit;font-size:.8rem!important;font-weight:400;line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:1px dashed transparent;outline:none;background:transparent}.utility-editable-description:focus-within input,.utility-editable-description:hover input{border-bottom-color:var(--border-color)}@media (max-width: 768px){.lobby-quit-btn{display:none!important}.mobile-lobby-exit-btn{min-height:32px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;color:#f87171;font-size:.74rem;font-weight:800;background:#ef44441a;border:1px solid rgba(239,68,68,.32);border-radius:9px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-workspace-container .game-container .lobby-game-card{background:#000!important;background-image:none!important}.game-workspace-container .game-container .lobby-game-card>div:first-child{display:none!important}.game-workspace-container .game-container .lobby-game-card:before,.game-workspace-container .game-container .lobby-game-card:after{content:none!important;display:none!important;background:none!important}.home-dashboard-container .dashboard-hero,.home-dashboard-container .stat-card,.home-dashboard-container .active-users-section,.home-dashboard-container .quick-access-card{-webkit-backdrop-filter:brightness(1.45)!important;backdrop-filter:brightness(1.45)!important;contain:none!important;transform:none}.hide-seek-timer{top:calc(59px + max(40px,env(safe-area-inset-top,0px)))!important}.utility-page-heading p.utility-editable-description,.utility-page-heading p.utility-editable-description input{font-size:.73rem!important;line-height:1.45}.home-dashboard-container .dashboard-content-fade{padding-top:calc(96px + env(safe-area-inset-top,0px))!important;padding-left:16px!important;padding-right:16px!important}.stats-grid,.skeleton-stats-grid,.features-grid{grid-template-columns:1fr!important;gap:18px!important}.feature-card{padding:16px 18px}.home-widget-remove-btn{left:0!important;top:0!important;border-radius:50%!important}.quick-access-card strong,.quick-access-card small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-cta-btn{max-width:100%;box-sizing:border-box}.quick-access-section{width:100%;margin:12px 0 0}.quick-access-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-access-card{padding:10px;border-radius:14px}.quick-access-icon{width:34px;height:34px}.quick-access-card small{font-size:.55rem}.lobby-game-card,.lobby-game-card .primary-btn{transition:none!important}.lobby-game-card:hover,.arcade-card-screen:hover,.lobby-game-card .primary-btn:hover{transform:none!important}.game-workspace-container:not(.game-active-playing) .game-page-scroll-container{padding-top:calc(68px + env(safe-area-inset-top,0px))!important}}@media (min-width: 769px){.home-dashboard-container .dashboard-content-fade{padding-top:56px}.home-widget-tools{position:fixed;top:24px;right:24px;z-index:10006;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.home-widget-tool-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.home-widget-add-toggle,.home-widget-edit-toggle{min-height:42px;color:var(--text-primary);background:#ffffff13;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 8px 24px #00000038;cursor:pointer}.home-widget-add-toggle{width:42px;padding:0;display:grid;place-items:center}.home-widget-add-toggle svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.home-widget-add-toggle.active svg{transform:rotate(45deg)}.home-widget-edit-toggle{padding:0 13px;display:flex;align-items:center;gap:6px;font-size:.76rem}.home-widget-manager-panel{width:min(260px,calc(100vw - 48px));padding:14px;color:var(--text-primary);background:#121218eb;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 14px 36px #00000052}.home-widget-manager-title{margin-bottom:10px;font-size:.78rem;font-weight:800}.home-widget-manager-list{display:flex;flex-direction:column;gap:7px}.home-widget-manager-list button{width:100%;min-height:38px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:var(--text-primary);text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:10px;cursor:pointer}.home-widget-manager-empty{color:var(--text-secondary);font-size:.72rem}.light-theme .home-widget-add-toggle,.light-theme .home-widget-edit-toggle,.light-theme .home-widget-manager-panel{color:var(--text-primary);background:#ffffffeb}}@keyframes itemPopAnim{0%{transform:scale(.85);opacity:.5;box-shadow:0 0 #10b98100}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 16px #10b98199}to{transform:scale(1);opacity:1;box-shadow:none}}.inventory-item-new-pop{animation:itemPopAnim .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDownMobile{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}.animate-slide-down{animation:slideDownMobile .35s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUpMobile .35s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 768px){.chat-workspace .sidebar{will-change:transform;transition:transform .35s cubic-bezier(.16,1,.3,1)!important}.sidebar-overlay{will-change:opacity,visibility;transition:opacity .35s ease,visibility .35s ease!important}.popular-wall-widget .popular-wall-rank{margin-right:12px}}.wall-card-body,.post-content-body,.wall-post-content,.post-detail-content{font-size:.92rem!important;font-weight:500!important;color:var(--text-primary, #ffffff)!important;line-height:1.55!important;word-break:break-word!important}.popular-wall-content>p,.popular-wall-widget p,.today-topic-widget p{font-size:1.18rem!important;line-height:1.6!important}@media (max-width: 768px){.popular-wall-widget .popular-wall-rank,.today-topic-widget .popular-wall-rank{margin-right:28px!important;position:relative!important;right:8px!important}}.popular-wall-stats{color:#e2e8f0!important;font-size:.8rem!important;font-weight:500!important}.popular-wall-stats span{color:#e2e8f0!important;font-weight:500!important}.light-theme .popular-wall-stats,.light-theme .popular-wall-stats span{color:#1e293b!important;font-weight:500!important}.sidebar,.sidebar-scrollable,.sidebar-middle-scrollable,.sidebar-nav,.sidebar-nav-buttons,.chat-list,aside{scrollbar-width:none!important;-ms-overflow-style:none!important}.sidebar::-webkit-scrollbar,.sidebar-scrollable::-webkit-scrollbar,.sidebar-middle-scrollable::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar,.sidebar-nav-buttons::-webkit-scrollbar,.chat-list::-webkit-scrollbar,aside::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.game-workspace-container.game-type-hex_conquest.game-active-playing,.game-workspace-container.game-type-hex_conquest.game-active-playing .game-page-scroll-container,.game-workspace-container.game-type-hex_conquest.game-active-playing .game-page-container{overflow:hidden!important;height:100%!important;max-height:100%!important;flex:1!important;min-height:0!important}@media (min-width: 769px){.game-workspace-container.game-type-hex_conquest.game-active-playing .chat-header{display:none!important}}.game-chat-wrapper-clean,.light-theme .game-chat-wrapper-clean,html.light-theme .game-chat-wrapper-clean,body.light-theme .game-chat-wrapper-clean,.dark-theme .game-chat-wrapper-clean{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.light-theme .wall-card-body{color:#334155!important}.dark-theme .wall-card-body,.wall-card-body{color:#cbd5e1!important}.game-workspace-container .colorful-clouds-bg{display:none!important}.gaming-cyber-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(circle at 50% 20%,#7928ca40,#0d0a1a00 70%),radial-gradient(circle at 80% 80%,#00d2ff33,#0d0a1a00 60%),linear-gradient(180deg,#080612f2,#0f0a1efa)}.cyber-glow-orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.5;animation:orbPulse 6s ease-in-out infinite alternate}.cyber-glow-1{top:-10%;left:20%;width:320px;height:320px;background:#8b5cf659}.cyber-glow-2{bottom:10%;right:10%;width:380px;height:380px;background:#00d2ff4d;animation-delay:-3s}@keyframes orbPulse{0%{transform:scale(.9);opacity:.4}to{transform:scale(1.18);opacity:.75}}.gaming-cyber-grid{position:absolute;bottom:-20%;left:-50%;width:200%;height:70%;background-image:linear-gradient(to right,rgba(0,210,255,.14) 1px,transparent 1px),linear-gradient(to bottom,rgba(139,92,246,.14) 1px,transparent 1px);background-size:50px 50px;transform:perspective(400px) rotateX(65deg);animation:cyberGridMove 16s linear infinite;mask-image:linear-gradient(to top,#000000e6,#0000);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,0) 100%)}@keyframes cyberGridMove{0%{background-position:0 0}to{background-position:0 500px}}.gaming-floating-particle{position:absolute;top:0;pointer-events:none;filter:drop-shadow(0 0 10px currentColor);animation:gamingRiseUp 12s linear infinite;will-change:transform,opacity}@keyframes gamingRiseUp{0%{transform:translateY(105vh) rotate(0) scale(.8);opacity:0}10%{opacity:.88}90%{opacity:.88}to{transform:translateY(-15vh) rotate(360deg) scale(1.15);opacity:0}}.gaming-floating-particle.blue-triangle{color:#00d2ff}.gaming-floating-particle.red-circle{color:#ff2a5f}.gaming-floating-particle.green-square{color:#10b981}.p-1{left:4%;animation-duration:20s;animation-delay:0s}.p-2{left:12%;animation-duration:24s;animation-delay:-6s}.p-3{left:19%;animation-duration:21s;animation-delay:-12s}.p-4{left:27%;animation-duration:25s;animation-delay:-3s}.p-5{left:34%;animation-duration:19s;animation-delay:-9s}.p-6{left:42%;animation-duration:23s;animation-delay:-15s}.p-7{left:49%;animation-duration:20.5s;animation-delay:-4.5s}.p-8{left:57%;animation-duration:24.5s;animation-delay:-10.5s}.p-9{left:64%;animation-duration:22s;animation-delay:-17s}.p-10{left:72%;animation-duration:26s;animation-delay:-7.5s}.p-11{left:79%;animation-duration:18.5s;animation-delay:-13.5s}.p-12{left:86%;animation-duration:23.5s;animation-delay:-2s}.p-13{left:93%;animation-duration:21s;animation-delay:-9.5s}.p-14{left:8%;animation-duration:22.8s;animation-delay:-18s}.p-15{left:23%;animation-duration:19.8s;animation-delay:-8s}.p-16{left:38%;animation-duration:25.2s;animation-delay:-21s}.p-17{left:53%;animation-duration:20.2s;animation-delay:-14s}.p-18{left:68%;animation-duration:22.2s;animation-delay:-5s}.glass-card.lobby-game-card,.lobby-game-card,.arcade-card-screen,.glass-card.arcade-card-screen,.game-workspace-container .glass-card.lobby-game-card,.game-workspace-container .lobby-game-card,.game-workspace-container .arcade-card-screen,.game-workspace-container .lobby-join-card,.game-workspace-container .lobby-premium-glow{background:linear-gradient(135deg,#ffffff1f,#ffffff08)!important;backdrop-filter:blur(14px) saturate(180%)!important;-webkit-backdrop-filter:blur(14px) saturate(180%)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 1.5px #ffffff80,inset 0 -1px 1px #ffffff26,0 12px 32px #00000038,0 0 25px #ffffff1a!important;border-radius:16px!important}.game-workspace-container .arcade-card-screen:before{background:linear-gradient(#fff0 50%,#ffffff0a 50%)!important}.glass-card.lobby-game-card:hover,.lobby-game-card:hover,.arcade-card-screen:hover,.glass-card.arcade-card-screen:hover,.game-workspace-container .glass-card.lobby-game-card:hover,.game-workspace-container .lobby-game-card:hover,.game-workspace-container .arcade-card-screen:hover,.game-workspace-container .lobby-join-card:hover,.game-workspace-container .lobby-premium-glow:hover{background:linear-gradient(135deg,#ffffff38,#ffffff14)!important;border-color:#ffffff73!important;box-shadow:inset 0 1px 2px #ffffffb3,0 16px 42px #00d2ff4d,0 0 30px #8b5cf64d!important}@media (max-width: 768px){.lobby-game-card,.arcade-card-screen,.lobby-join-card,.lobby-premium-glow,.glass-card,.character-card,.player-card{transition:none!important}.glass-card:hover,.glass-card.lobby-game-card:hover,.lobby-game-card:hover,.arcade-card-screen:hover,.glass-card.arcade-card-screen:hover,.game-workspace-container .glass-card:hover,.game-workspace-container .glass-card.lobby-game-card:hover,.game-workspace-container .lobby-game-card:hover,.game-workspace-container .arcade-card-screen:hover,.game-workspace-container .lobby-join-card:hover,.game-workspace-container .lobby-premium-glow:hover,.player-card:hover,.character-card:hover{transform:none!important}.lobby-game-card.card-hex-conquest{order:1!important}.lobby-game-card.card-mystic-realms{order:2!important}.lobby-game-card.card-guess-who{order:3!important}.lobby-game-card.card-word-race{order:4!important}.lobby-game-card.card-neon-trails{order:5!important}.lobby-game-card.card-maze-rush{order:6!important}}.glass-card,.lobby-game-card,.arcade-card-screen,.lobby-join-card,.lobby-premium-glow,.game-container .glass-card,.game-workspace-container .glass-card{-webkit-backdrop-filter:blur(10px) saturate(160%)!important;backdrop-filter:blur(10px) saturate(160%)!important;transform:translateZ(0);-webkit-transform:translateZ(0);isolation:isolate;will-change:transform}html:has(.pixel-editor-overlay),body:has(.pixel-editor-overlay){overflow:hidden!important;scrollbar-gutter:stable}.landing-page{--pointer-x: 50vw;--pointer-y: 30vh;min-height:100%;padding-top:92px;position:relative;overflow:hidden;color:#f7f5ff;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(111,73,255,.12),transparent 24rem),radial-gradient(circle at 80% 12%,rgba(0,210,255,.08),transparent 25rem),linear-gradient(180deg,#07060b,#0a0712 48%,#050509);font-family:Geist,Inter,sans-serif}html.landing-scrollbar-hidden,body.landing-scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}html.landing-scrollbar-hidden::-webkit-scrollbar,body.landing-scrollbar-hidden::-webkit-scrollbar{display:none;width:0;height:0}.landing-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;overflow:hidden;color:#fff;background:#000}.landing-intro>span{font-family:Geist,Inter,sans-serif;font-size:clamp(2.8rem,7vw,4.6rem);font-weight:890;line-height:.98;letter-spacing:-.074em;position:relative;isolation:isolate;opacity:0;animation:landing-intro-word 2.75s ease-in-out both}.landing-intro>span:before{content:"";width:290%;height:310%;position:absolute;left:50%;top:50%;z-index:-1;opacity:0;transform:translate(-50%,-50%) scale(.35);border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.42) 0,rgba(196,181,253,.25) 13%,rgba(124,58,237,.13) 34%,transparent 68%);filter:blur(13px);animation:landing-intro-light 2.75s ease-in-out both}.landing-intro>span:after{content:"";width:220%;height:1px;position:absolute;left:50%;top:52%;z-index:-1;opacity:0;transform:translate(-50%) scaleX(.15);background:linear-gradient(90deg,transparent,rgba(167,139,250,.22),rgba(255,255,255,.9),rgba(103,232,249,.22),transparent);box-shadow:0 0 12px #ffffff8c;animation:landing-intro-flare 2.75s ease-in-out both}.landing-intro>span i{color:#8b5cf6;font-style:normal}.landing-page.landing-intro-intro>:not(.landing-intro){visibility:hidden}.landing-page.landing-intro-reveal .landing-intro{pointer-events:none;animation:landing-intro-curtain .55s ease-in-out both}.landing-page.landing-intro-reveal .landing-nav .landing-brand{animation:landing-brand-reveal 1s .6s ease-out both}.landing-page.landing-intro-reveal .landing-nav-actions{animation:landing-page-reveal 1.1s 2.1s ease-out both}.landing-page.landing-intro-reveal .landing-noise,.landing-page.landing-intro-reveal .landing-grid,.landing-page.landing-intro-reveal .landing-orb,.landing-page.landing-intro-reveal .landing-hero,.landing-page.landing-intro-reveal .landing-features,.landing-page.landing-intro-reveal .landing-random-match,.landing-page.landing-intro-reveal .landing-notebook,.landing-page.landing-intro-reveal .landing-game-spotlight,.landing-page.landing-intro-reveal .landing-story-chain,.landing-page.landing-intro-reveal .landing-faq,.landing-page.landing-intro-reveal .landing-final-cta,.landing-page.landing-intro-reveal .landing-contact,.landing-page.landing-intro-reveal .landing-footer{animation:landing-page-reveal 1.2s 2.1s ease-out both}.landing-page.landing-intro-reveal .landing-hero-copy,.landing-page.landing-intro-reveal .landing-showcase,.landing-page.landing-intro-complete .landing-hero-copy,.landing-page.landing-intro-complete .landing-showcase{animation:none}.landing-noise,.landing-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.landing-noise{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.landing-grid{opacity:.22;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:56px 56px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 75%);mask-image:linear-gradient(to bottom,#000,transparent 75%)}.landing-orb{position:absolute;border-radius:18px;filter:blur(8px);pointer-events:none}.landing-orb-one{width:330px;height:330px;top:7%;left:-190px;background:#d946ef14;animation:landing-drift 11s ease-in-out infinite alternate}.landing-orb-two{width:430px;height:430px;right:-260px;top:32%;background:#22d3ee0e;animation:landing-drift 14s ease-in-out -4s infinite alternate-reverse}.landing-nav,.landing-hero,.landing-features,.landing-random-match,.landing-notebook,.landing-game-spotlight,.landing-story-chain,.landing-faq,.landing-final-cta,.landing-contact,.landing-footer{width:min(1180px,calc(100% - 48px));margin-inline:auto;position:relative;z-index:2}.landing-nav{height:92px;position:fixed;top:0;left:50%;z-index:60;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;transition:width .3s ease,height .3s ease,padding .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.landing-nav-sentinel{width:1px;height:1px;position:absolute;top:48px;left:0;pointer-events:none}.landing-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:1px solid transparent;border-radius:0 0 18px 18px;pointer-events:none;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.landing-nav.is-compact{width:min(1120px,calc(100% - 32px));height:66px;padding-inline:16px;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.landing-nav.is-compact:before{border-color:#ffffff14;background:#07060bd1;box-shadow:0 16px 42px #0000003d}.landing-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.landing-brand img{filter:drop-shadow(0 0 12px rgba(139,92,246,.35));transition:width .3s ease,height .3s ease,filter .3s ease}.landing-wordmark{font-size:1.65rem;font-weight:850;letter-spacing:-.055em;transition:font-size .3s ease}.landing-nav.is-compact .landing-brand{gap:8px}.landing-nav.is-compact .landing-brand img{width:31px;height:31px}.landing-nav.is-compact .landing-wordmark{font-size:1.38rem}.landing-wordmark span{color:#8b5cf6}.landing-nav-actions,.landing-hero-actions{display:flex;align-items:center;gap:12px}.landing-page button{border:0;font:inherit}.landing-text-button{color:#cbc6d8;background:transparent;padding:8px 15px;font-size:.9rem;font-weight:700;cursor:pointer;transition:color .2s ease,padding .3s ease,font-size .3s ease}.landing-text-button:hover{color:#fff}.landing-theme-toggle{width:35px;height:35px;display:grid;place-items:center;color:#d7d1e1;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px;background:#ffffff0b;cursor:pointer;transition:transform .2s ease,width .3s ease,height .3s ease,border-radius .3s ease,background .2s ease,color .2s ease}.landing-theme-toggle:hover{transform:translateY(-2px);color:#fff;background:#ffffff14}.landing-nav-cta,.landing-primary-cta,.landing-secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;font-weight:780;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.landing-nav-cta{padding:8px 17px;color:#fff;border:1px solid rgba(167,139,250,.45)!important;background:#8b5cf629;transition:transform .2s ease,box-shadow .2s ease,padding .3s ease,font-size .3s ease}.landing-nav.is-compact .landing-nav-actions{gap:8px}.landing-nav.is-compact .landing-theme-toggle{width:31px;height:31px;border-radius:9px}.landing-nav.is-compact .landing-theme-toggle svg{width:15px;height:15px}.landing-nav.is-compact .landing-text-button{padding:6px 11px;font-size:.79rem}.landing-nav.is-compact .landing-nav-cta{padding:6px 13px;font-size:.79rem}.landing-nav.is-compact .landing-nav-cta svg{width:14px;height:14px}.landing-profile-menu{display:none;position:relative}.landing-profile-toggle{width:35px;height:35px;display:grid;place-items:center;color:#ddd7e7;border:1px solid rgba(167,139,250,.3)!important;border-radius:10px;background:#8b5cf61f;cursor:pointer}.landing-profile-dropdown{width:156px;padding:7px;position:absolute;top:calc(100% + 9px);right:0;z-index:70;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0c0912f5;box-shadow:0 18px 45px #00000061;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:landing-profile-menu-in .18s ease-out both}.landing-profile-dropdown button{width:100%;padding:10px 11px;display:flex;align-items:center;gap:8px;color:#d8d2e1;border-radius:8px;background:transparent;font-size:.76rem;font-weight:720;text-align:left;cursor:pointer}.landing-profile-dropdown button:hover{color:#fff;background:#8b5cf624}.landing-profile-dropdown button+button{margin-top:2px}@keyframes landing-profile-menu-in{0%{opacity:0;transform:translateY(-5px) scale(.97)}}.landing-nav-cta:hover,.landing-primary-cta:hover{transform:translateY(-2px);box-shadow:0 15px 35px #6c44ff47}.landing-hero{min-height:690px;padding:66px 0 82px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:62px}.landing-hero-copy{animation:landing-rise .75s cubic-bezier(.2,.7,.2,1) both}.landing-kicker{width:fit-content;display:flex;align-items:center;gap:8px;padding:8px 11px;margin-bottom:24px;color:#d7d1e5;font-size:.75rem;font-weight:750;letter-spacing:.04em;border:1px solid rgba(255,255,255,.1);background:#ffffff0b;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-kicker-dot{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 13px #22d3ee;animation:landing-pulse 2s ease-in-out infinite}.landing-hero h1{margin:0;max-width:650px;font-size:clamp(3.4rem,5.8vw,6.2rem);line-height:.98;letter-spacing:-.074em;font-weight:890}.landing-hero h1 span{color:transparent;background:linear-gradient(100deg,#b49aff 4%,#7b61ff 50%,#58d5ef 105%);background-clip:text;-webkit-background-clip:text}.landing-lead{max-width:560px;margin:27px 0 31px;color:#a9a3b6;font-size:1.06rem;line-height:1.72}.landing-primary-cta{min-height:52px;padding:0 22px;color:#fff;background:linear-gradient(135deg,#9b6cff,#6848ee 60%,#4a7bea);box-shadow:0 10px 30px #6c48ee38,inset 0 1px #ffffff47}.landing-secondary-cta{min-height:52px;padding:0 20px;color:#d9d5e2;border:1px solid rgba(255,255,255,.13)!important;background:#ffffff0b}.landing-secondary-cta:hover{transform:translateY(-2px);border-color:#ffffff47!important}.landing-trust{margin-top:32px;display:flex;align-items:center;gap:14px}.landing-avatars{display:flex;padding-left:9px}.landing-avatars span{width:34px;height:34px;margin-left:-9px;display:grid;place-items:center;border-radius:50%;font-size:.9rem;background:#181322;border:2px solid #09070e}.landing-trust strong,.landing-trust small{display:block}.landing-trust strong{font-size:.79rem;color:#e8e4ef}.landing-trust small{margin-top:3px;font-size:.69rem;color:#777180}.landing-showcase{position:relative;min-width:0;perspective:1200px;animation:landing-rise .8s .14s cubic-bezier(.2,.7,.2,1) both}.landing-showcase-glow{position:absolute;top:10%;right:-3%;bottom:0;left:8%;background:linear-gradient(130deg,#8b5cf638,#22d3ee17);filter:blur(55px);transform:translateY(40px)}.landing-app-window{position:relative;min-height:480px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:23px;background:#0c0a12e6;box-shadow:0 42px 100px #0000008c,inset 0 1px #ffffff14;transform:rotateY(-2.5deg) rotateX(1deg);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.landing-window-top{height:58px;padding:0 16px;display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.075)}.landing-window-brand{display:flex;align-items:center;gap:7px;font-weight:820;font-size:.92rem}.landing-window-search{padding:8px 13px;border-radius:9px;color:#635d6c;background:#ffffff0b;font-size:.66rem}.landing-window-avatar{justify-self:end;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:.7rem;font-weight:800;background:linear-gradient(135deg,#f472b6,#7c3aed);border:1px solid rgba(255,255,255,.3)}.landing-window-body{min-height:422px;display:grid;grid-template-columns:145px 1fr}.landing-preview-sidebar{display:flex;flex-direction:column;gap:7px;padding:18px 11px;border-right:1px solid rgba(255,255,255,.065);background:#ffffff03}.landing-preview-sidebar>span{padding:9px 10px 9px 12px;display:flex;align-items:center;gap:8px;color:#756f7e;font-size:.66rem;border-radius:8px}.landing-preview-sidebar>span.is-active{color:#e8e3f1;background:linear-gradient(90deg,#8b5cf638,#8b5cf60f);box-shadow:inset 2px 0 #8b5cf6}.landing-sidebar-line{height:1px;margin:6px 6px 5px;background:#ffffff0f}.landing-preview-sidebar>small{margin:3px 9px 5px;color:#56505e;font-size:.51rem;letter-spacing:.15em}.landing-online-user{padding:5px 8px;display:grid;grid-template-columns:25px 5px 1fr;align-items:center;gap:5px}.landing-online-user i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#fff;font-size:.58rem;font-style:normal}.avatar-purple{background:linear-gradient(135deg,#8b5cf6,#4f46e5)}.avatar-blue{background:linear-gradient(135deg,#22d3ee,#2563eb)}.avatar-pink{background:linear-gradient(135deg,#fb7185,#9333ea)}.avatar-green{background:linear-gradient(135deg,#34d399,#0f766e)}.landing-online-user b{width:5px;height:5px;border-radius:50%;background:#34d399;box-shadow:0 0 7px #34d399}.landing-online-user em{color:#898390;font-size:.59rem;font-style:normal}.landing-preview-feed{padding:24px 22px}.landing-feed-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.landing-feed-heading small,.landing-game-card>small,.landing-note-card>small{display:block;margin-bottom:5px;color:#777180;font-size:.51rem;letter-spacing:.13em}.landing-feed-heading strong{display:block;color:#f4f1f8;font-size:1rem}.landing-feed-heading>span{padding:6px 9px;display:flex;align-items:center;gap:5px;color:#bba8ff;font-size:.57rem;border:1px solid rgba(167,139,250,.15);border-radius:999px;background:#8b5cf614}.landing-feed-card{border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#ffffff09;box-shadow:inset 0 1px #ffffff06}.landing-chat-card{padding:15px}.landing-card-meta{display:flex;gap:9px;align-items:center}.landing-card-meta i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#ffffff0f;font-size:.8rem;font-style:normal}.landing-card-meta strong,.landing-card-meta small{font-size:.63rem}.landing-card-meta small{color:#5e5865}.landing-chat-card p{margin:13px 0 14px;color:#d8d3df;font-size:.7rem}.landing-reactions{display:flex;gap:7px}.landing-reactions span{padding:4px 7px;color:#898291;font-size:.54rem;border-radius:6px;background:#ffffff0a}.landing-mini-grid{margin-top:12px;display:grid;grid-template-columns:1.08fr .92fr;gap:12px}.landing-game-card,.landing-note-card{min-height:180px;padding:13px}.landing-game-visual{height:90px;margin-bottom:13px;position:relative;display:grid;place-items:center;overflow:hidden;color:#d9cdff;border-radius:9px;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 68%),#0d0a15}.landing-hex{position:absolute;width:32px;height:28px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);border:1px solid #8b5cf6;background:#8b5cf61f;animation:landing-hex-float 3s ease-in-out infinite}.landing-hex.h1{left:15%;top:12%}.landing-hex.h2{right:13%;top:26%;animation-delay:-.7s}.landing-hex.h3{left:25%;bottom:7%;animation-delay:-1.4s}.landing-hex.h4{right:28%;bottom:-4%;animation-delay:-2.1s}.landing-game-card strong,.landing-note-card strong{display:block;color:#eeeaf4;font-size:.75rem}.landing-game-card>span{display:block;margin-top:5px;color:#706a77;font-size:.54rem}.landing-note-card{background:linear-gradient(145deg,#ec489914,#8b5cf609)}.landing-note-card>svg{margin-bottom:25px;color:#f472b6}.landing-note-card p{margin-top:8px;color:#928a99;font-size:.61rem;line-height:1.45}.landing-float-card{position:absolute;padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#16121fc7;box-shadow:0 20px 45px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:landing-float 4s ease-in-out infinite}.landing-float-card strong,.landing-float-card small{display:block}.landing-float-card strong{font-size:.62rem}.landing-float-card small{margin-top:3px;color:#89818e;font-size:.53rem}.landing-float-chat{left:-30px;bottom:28px}.landing-float-safe{right:-18px;top:88px;animation-delay:-1.7s}.landing-float-safe>svg{color:#34d399}.landing-features{padding:88px 0 104px}.landing-section-heading{max-width:670px;margin-bottom:38px}.landing-section-heading>span,.landing-final-cta small{color:#9d82ff;font-size:.68rem;font-weight:800;letter-spacing:.18em}.landing-section-heading h2,.landing-final-cta h2{margin:10px 0 0;color:#f4f1f8;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.05em}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.landing-feature-card{min-height:260px;padding:26px 26px 72px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff08;transition:transform .25s ease,border-color .25s ease,background .25s ease}.landing-feature-card:after{content:"";position:absolute;width:150px;height:150px;top:-75px;right:-60px;border-radius:50%;filter:blur(30px);opacity:.14}.landing-feature-card.accent-violet:after{background:#8b5cf6}.landing-feature-card.accent-cyan:after{background:#22d3ee}.landing-feature-card.accent-rose:after{background:#f43f5e}.landing-feature-card:hover{transform:translateY(-6px);border-color:#a78bfa40;background:#ffffff0b}.landing-feature-icon{width:43px;height:43px;margin-bottom:38px;display:grid;place-items:center;color:#c8b9ff;border:1px solid rgba(167,139,250,.22);border-radius:12px;background:#8b5cf61a}.landing-feature-card small{color:#817989;font-size:.59rem;font-weight:800;letter-spacing:.15em}.landing-feature-card h3{margin:9px 0 10px;color:#eeebf3;font-size:1.06rem}.landing-feature-card p{color:#8d8694;font-size:.79rem;line-height:1.62}.landing-feature-link{position:absolute;left:26px;bottom:22px;display:flex;align-items:center;gap:5px;color:#b6a5ef;font-size:.68rem;font-weight:700;padding:0;border:0;background:transparent;cursor:pointer;text-decoration:none}.landing-feature-card.accent-cyan .landing-feature-link{color:#67e8f9}.landing-feature-link:hover svg{transform:translate(4px)}.landing-feature-link svg{transition:transform .2s ease}.landing-feature-detail{min-height:350px;margin-top:20px;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:42px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(135deg,#ffffff0e,#ffffff05);animation:landing-detail-in .45s cubic-bezier(.2,.8,.2,1) both}.landing-detail-copy>span{color:#a992ff;font-size:.64rem;font-weight:850;letter-spacing:.16em}.landing-detail-copy h3{margin:11px 0 13px;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.05;letter-spacing:-.045em}.landing-detail-copy p{color:#9790a1;line-height:1.65;font-size:.88rem}.landing-detail-copy button{margin-top:14px;padding:11px 15px;display:inline-flex;align-items:center;gap:8px;color:#fff;border-radius:10px;background:#8b5cf633;cursor:pointer}.landing-detail-visual{min-height:260px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0b0911}.visual-violet{padding:38px 28px;background:radial-gradient(circle at 80% 15%,rgba(139,92,246,.22),transparent 48%),#0b0911}.detail-chat-bubble{max-width:82%;padding:13px;display:flex;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0e;box-shadow:0 14px 35px #00000040;animation:landing-message-in .5s both}.detail-chat-bubble i{font-style:normal}.detail-chat-bubble span,.detail-chat-bubble b{display:block;font-size:.72rem}.detail-chat-bubble span{color:#aaa3b3;line-height:1.5}.detail-chat-bubble b{color:#eeeaf5;margin-bottom:3px}.detail-chat-bubble em{padding:3px 6px;margin-left:5px;color:#d8caff;border-radius:6px;background:#8b5cf629;font-style:normal}.bubble-two{margin:18px 0 0 auto;animation-delay:.12s}.detail-typing{width:56px;margin-top:18px;padding:10px;display:flex;gap:4px;border-radius:12px;background:#8b5cf61f}.detail-typing i{width:5px;height:5px;border-radius:50%;background:#a78bfa;animation:landing-typing 1s infinite alternate}.detail-typing i:nth-child(2){animation-delay:.2s}.detail-typing i:nth-child(3){animation-delay:.4s}.visual-cyan{display:grid;place-items:center;background:radial-gradient(circle,rgba(34,211,238,.17),transparent 48%),#090e13}.detail-game-arena{width:170px;height:170px;position:relative;border:1px solid rgba(34,211,238,.28);border-radius:50%;box-shadow:0 0 0 24px #22d3ee06,inset 0 0 40px #22d3ee14;animation:landing-arena-spin 14s linear infinite}.arena-core,.arena-player{position:absolute;display:grid;place-items:center}.arena-core{top:52px;right:52px;bottom:52px;left:52px;color:#8cecff;border-radius:50%;background:#22d3ee1f}.arena-player{width:42px;height:42px;border-radius:13px;background:#16111e;box-shadow:0 8px 24px #00000073;animation:landing-counter-spin 14s linear infinite}.player-one{left:-10px;top:64px}.player-two{right:-10px;top:64px}.detail-game-status{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;font-size:.59rem;color:#93a6ad}.detail-game-status b{color:#d7f9ff}.detail-game-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.visual-rose{display:grid;place-items:center;background:radial-gradient(circle,rgba(244,63,94,.15),transparent 50%),#10090f}.detail-community-ring{width:190px;height:190px;position:relative;border:1px dashed rgba(244,114,182,.28);border-radius:50%;animation:landing-arena-spin 18s linear infinite reverse}.detail-community-ring>span{width:39px;height:39px;position:absolute;display:grid;place-items:center;border-radius:50%;background:#1b111b;animation:landing-counter-spin 18s linear infinite reverse}.detail-community-ring>span:nth-child(1){left:75px;top:-20px}.detail-community-ring>span:nth-child(2){right:-18px;top:75px}.detail-community-ring>span:nth-child(3){left:75px;bottom:-20px}.detail-community-ring>span:nth-child(4){left:-18px;top:75px}.detail-community-ring strong{position:absolute;top:54px;right:54px;bottom:54px;left:54px;display:grid;place-items:center;color:#ff9db5;border-radius:50%;background:#f43f5e1f}.detail-community-ring small{font-size:.55rem}.detail-community-tags{position:absolute;bottom:16px;display:flex;gap:6px}.detail-community-tags span{padding:4px 7px;color:#d797aa;font-size:.55rem;border-radius:99px;background:#f43f5e14}.landing-final-cta{min-height:300px;padding:55px 62px;display:flex;align-items:center;justify-content:space-between;gap:36px;overflow:hidden;border:1px solid rgba(167,139,250,.17);border-radius:26px;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.16),transparent 38%),linear-gradient(130deg,#ffffff0b,#ffffff05)}.landing-notebook{min-height:500px;margin-bottom:24px;padding:60px 62px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;overflow:hidden;border:1px solid rgba(244,114,182,.15);border-radius:26px;background:radial-gradient(circle at 15% 50%,rgba(244,114,182,.1),transparent 38%),linear-gradient(135deg,#ffffff09,#ffffff04)}.landing-notebook-visual{min-height:365px;position:relative;display:grid;place-items:center}.notebook-paper{width:min(390px,88%);min-height:310px;padding:27px 28px 25px 43px;position:relative;border-radius:7px 18px 18px 7px;color:#26202f;background:linear-gradient(100deg,#e9e4f2,#f9f7fc 12%,#f3eff8);box-shadow:0 28px 65px #0000006b,inset 18px 0 25px #462d5a14;transform:rotate(-2deg);animation:notebook-float 4s ease-in-out infinite}.notebook-paper:before{content:"";position:absolute;top:70px;right:22px;bottom:20px;left:42px;background:repeating-linear-gradient(180deg,transparent 0,transparent 35px,rgba(100,85,120,.13) 36px)}.notebook-paper header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid rgba(80,65,100,.15)}.notebook-paper header span{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:850}.notebook-paper header small{color:#8a7f92;font-size:.55rem}.notebook-line{height:45px;position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#514758;font-size:.66rem;opacity:0;animation:notebook-write .5s forwards}.notebook-line i{width:18px;height:18px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #ab9bb8;border-radius:5px;font-style:normal}.notebook-line.line-one{animation-delay:.4s}.notebook-line.line-one i{color:#fff;border-color:#8b5cf6;background:#8b5cf6}.notebook-line.line-one span{text-decoration:line-through;color:#938a99}.notebook-line.line-two{animation-delay:1.25s}.notebook-line.line-three{animation-delay:2.1s}.notebook-sketch{height:38px;position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#8b5cf6;font-size:.59rem;font-style:italic}.notebook-sketch b{height:14px;width:2px;background:#8b5cf6;animation:notebook-cursor .7s infinite}.notebook-binding{position:absolute;left:-20px;top:15px;bottom:15px;height:calc(100% - 30px);z-index:5;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}.notebook-binding i{width:48px;height:8px;border:2px solid #b9afc1;border-radius:99px;background:linear-gradient(#f3eff6,#8c8294);box-shadow:0 3px 5px #00000040}.notebook-floating-tag{position:absolute;right:2%;bottom:17px;padding:8px 11px;color:#a7f3d0;border:1px solid rgba(52,211,153,.2);border-radius:99px;background:#091916e0;font-size:.56rem;box-shadow:0 15px 30px #00000047;animation:notebook-saved 4s infinite}.landing-notebook-copy>span{display:flex;align-items:center;gap:7px;color:#f9a8d4;font-size:.67rem;font-weight:850;letter-spacing:.16em}.landing-notebook-copy h2{margin:13px 0 18px;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.06em}.landing-notebook-copy>p{color:#958e9e;font-size:.86rem;line-height:1.7}.landing-notebook-benefits{margin:22px 0;display:flex;flex-wrap:wrap;gap:8px}.landing-notebook-benefits span{padding:7px 9px;display:flex;align-items:center;gap:5px;color:#aaa4b2;border:1px solid rgba(255,255,255,.08);border-radius:99px;background:#ffffff06;font-size:.59rem}.landing-notebook-benefits svg{color:#f9a8d4}@keyframes notebook-float{50%{transform:rotate(-1deg) translateY(-8px)}}@keyframes notebook-write{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes notebook-cursor{50%{opacity:0}}@keyframes notebook-saved{0%,20%,to{opacity:0;transform:translateY(7px)}35%,75%{opacity:1;transform:none}}.landing-game-spotlight{min-height:650px;margin-bottom:24px;padding:46px 52px 34px;overflow:hidden;isolation:isolate;color:#eefcff;border:1px solid rgba(34,211,238,.32);border-radius:8px 34px;background:radial-gradient(circle at 50% 54%,rgba(6,182,212,.22),transparent 24%),radial-gradient(circle at 16% 20%,rgba(124,58,237,.18),transparent 27%),linear-gradient(145deg,#050b13,#080817 54%,#071018);box-shadow:inset 0 0 70px #22d3ee0b,0 22px 70px #00000047}.landing-game-spotlight:before,.landing-game-spotlight:after{content:"";position:absolute;z-index:-1;pointer-events:none}.landing-game-spotlight:before{width:180px;height:2px;left:0;top:0;background:linear-gradient(90deg,#22d3ee,transparent);box-shadow:0 0 18px #22d3ee}.landing-game-spotlight:after{width:2px;height:150px;right:0;bottom:0;background:linear-gradient(transparent,#8b5cf6);box-shadow:0 0 18px #8b5cf6}.game-spotlight-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.16;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(255,255,255,.025) 5px)}.game-spotlight-heading{text-align:center}.game-spotlight-heading>span{display:inline-flex;align-items:center;gap:7px;color:#67e8f9;font-size:.64rem;font-weight:850;letter-spacing:.22em}.game-spotlight-heading h2{margin:12px 0 10px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.88;letter-spacing:-.065em;text-transform:uppercase}.game-spotlight-heading h2 em{color:transparent;background:linear-gradient(90deg,#67e8f9,#a78bfa,#f472b6);background-clip:text;-webkit-background-clip:text;font-style:normal}.game-spotlight-heading p{margin:0 auto;color:#778b99;font-size:.8rem}.game-spotlight-arena{height:330px;max-width:920px;margin:8px auto 0;position:relative;display:grid;place-items:center}.game-arena-grid{position:absolute;top:20px;right:7%;bottom:20px;left:7%;opacity:.22;transform:perspective(420px) rotateX(61deg);transform-origin:center bottom;background-image:linear-gradient(rgba(34,211,238,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.22) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse,#000 18%,transparent 68%);mask-image:radial-gradient(ellipse,#000 18%,transparent 68%)}.game-arena-hud{position:absolute;top:25px;display:flex;align-items:center;gap:6px;color:#8195a3;font-size:.56rem;font-weight:800;letter-spacing:.13em}.hud-live{left:4%}.hud-live i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d399;animation:landing-pulse 1.4s infinite}.hud-players{right:4%}.game-arena-gamepad{position:relative;top:-44px;z-index:2;color:#67e8f9;filter:drop-shadow(0 0 12px rgba(34,211,238,.8)) drop-shadow(0 0 35px rgba(139,92,246,.55));animation:game-gamepad-float 2.8s ease-in-out infinite}.game-arena-gamepad svg{width:220px;height:220px;stroke-width:1.02}.gamepad-dpad{transform-box:fill-box;transform-origin:center;animation:gamepad-dpad-step 2s cubic-bezier(.65,0,.35,1) infinite}.gamepad-dot{transform-box:fill-box;transform-origin:center;animation:gamepad-dot-corners 4s cubic-bezier(.65,0,.35,1) infinite}.gamepad-dot-two{animation-delay:-2s}.game-mode-chip{min-width:190px;padding:11px 12px;position:absolute;z-index:3;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#070c16e6;box-shadow:0 15px 35px #00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:game-chip-hover 3.6s ease-in-out infinite}.game-mode-chip>i{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:6px;background:#ffffff12;font-size:1rem;font-style:normal}.game-mode-chip span small,.game-mode-chip span strong{display:block}.game-mode-chip span small{margin-bottom:2px;color:#647887;font-size:.44rem;letter-spacing:.14em}.game-mode-chip span strong{font-size:.86rem;letter-spacing:-.01em}.game-mode-chip>b{width:26px;height:24px;padding:0;display:grid;place-items:center;box-sizing:border-box;color:#67e8f9;border:1px solid rgba(34,211,238,.2);font-size:.44rem;line-height:1}.game-mode-chip>b svg{display:block}.mode-hex{left:8%;top:88px;border-color:#22d3ee40}.mode-realms{right:8%;top:88px;border-color:#a78bfa47;animation-delay:-1.2s}.mode-realms>b{color:#c4b5fd;border-color:#a78bfa3d}.mode-guess{left:50%;bottom:30px;transform:translate(-50%);border-color:#f472b640;animation-name:game-chip-hover-centered;animation-delay:-2.1s}.mode-guess>b{color:#f9a8d4;border-color:#f472b638}.game-spotlight-footer{min-height:58px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.07)}.game-spotlight-footer>div{display:flex;flex-wrap:wrap;gap:8px}.game-spotlight-footer>div span{padding:6px 8px;display:flex;align-items:center;gap:5px;color:#718592;border:1px solid rgba(255,255,255,.07);font-size:.53rem}.game-spotlight-footer>div i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 7px #34d399}.game-spotlight-footer>a{padding:11px 15px;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:#061016;border-radius:4px;background:linear-gradient(90deg,#67e8f9,#a5f3fc);font-size:.68rem;font-weight:850;text-decoration:none;box-shadow:0 0 24px #22d3ee33;transition:transform .2s ease,box-shadow .2s ease}.game-spotlight-footer>a:hover{transform:translateY(-2px);box-shadow:0 0 34px #22d3ee61}@keyframes game-chip-hover{50%{transform:translateY(-7px)}}@keyframes game-chip-hover-centered{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-7px)}}@keyframes game-gamepad-float{50%{transform:translateY(-7px) scale(1.05);filter:drop-shadow(0 0 18px rgba(34,211,238,.95)) drop-shadow(0 0 46px rgba(139,92,246,.7))}}@keyframes gamepad-dpad-step{0%,45%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes gamepad-dot-corners{0%,12.5%{transform:translate(-1.5px,-1.5px)}25%,37.5%{transform:translate(1.5px,-1.5px)}50%,62.5%{transform:translate(1.5px,1.5px)}75%,87.5%{transform:translate(-1.5px,1.5px)}to{transform:translate(-1.5px,-1.5px)}}.landing-random-match{min-height:470px;margin-bottom:24px;padding:58px 62px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:58px;overflow:hidden;border:1px solid rgba(34,211,238,.16);border-radius:26px;background:radial-gradient(circle at 85% 50%,rgba(34,211,238,.11),transparent 35%),radial-gradient(circle at 65% 50%,rgba(139,92,246,.1),transparent 45%),#ffffff06}.landing-random-copy>span{display:flex;align-items:center;gap:7px;color:#67e8f9;font-size:.67rem;font-weight:850;letter-spacing:.16em}.landing-random-copy h2{margin:13px 0 18px;font-size:clamp(2.3rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.06em}.landing-random-copy>p{max-width:470px;color:#958e9e;font-size:.86rem;line-height:1.7}.landing-random-points{margin:23px 0;display:flex;flex-wrap:wrap;gap:8px}.landing-random-points>span{padding:7px 9px;display:flex;align-items:center;gap:6px;color:#aaa4b2;font-size:.61rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff06}.landing-random-points i,.random-profile small i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.landing-random-visual{min-height:330px;position:relative;display:flex;align-items:center;justify-content:center;gap:72px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#06080dc7}.random-match-radar,.random-match-radar>i{position:absolute;border:1px solid rgba(34,211,238,.11);border-radius:50%}.random-match-radar{width:280px;height:280px;animation:random-radar-spin 16s linear infinite}.random-match-radar>i:nth-child(1){top:35px;right:35px;bottom:35px;left:35px}.random-match-radar>i:nth-child(2){top:70px;right:70px;bottom:70px;left:70px}.random-match-radar>i:nth-child(3){top:105px;right:105px;bottom:105px;left:105px}.radar-dot{width:5px;height:5px;position:absolute;border-radius:50%;background:#22d3ee;box-shadow:0 0 9px #22d3ee}.dot-one{left:35px;top:70px}.dot-two{right:22px;top:125px}.dot-three{left:130px;bottom:15px}.random-profile{width:112px;padding:17px 12px;position:relative;z-index:2;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#14101be0;box-shadow:0 20px 45px #00000059}.random-profile>div{width:50px;height:50px;margin:0 auto 10px;display:grid;place-items:center;border-radius:15px;font-size:1.3rem;background:linear-gradient(135deg,#8b5cf659,#22d3ee1f)}.random-profile strong,.random-profile small{display:block}.random-profile strong{font-size:.68rem}.random-profile small{margin-top:6px;color:#77717f;font-size:.51rem}.random-profile-left{animation:random-profile-enter .4s ease-out both,random-profile-float 3.5s .4s ease-in-out infinite}.random-profile-right{animation:random-profile-enter .4s ease-out both,random-profile-float 3.5s -1s ease-in-out infinite}.random-match-core{width:76px;height:76px;position:absolute;z-index:3;display:grid;place-items:center;align-content:center;gap:5px;color:#b7f5ff;border:1px solid rgba(34,211,238,.45);border-radius:50%;background:#10101a;box-shadow:0 0 30px #22d3ee38;animation:random-core-pulse 1.6s ease-in-out infinite}.random-match-core span{font-size:.43rem;font-weight:900;letter-spacing:.08em}.random-match-line{width:170px;height:2px;position:absolute;background:linear-gradient(90deg,transparent,#22d3ee,#a78bfa,transparent);box-shadow:0 0 9px #22d3ee;animation:random-line-pulse 1.2s infinite alternate}.random-match-found{position:absolute;bottom:20px;padding:7px 10px;display:flex;align-items:center;gap:5px;color:#a7f3d0;font-size:.58rem;border-radius:99px;background:#10b9811a;animation:random-found-in .3s ease-out both}@keyframes random-radar-spin{to{transform:rotate(360deg)}}@keyframes random-profile-enter{0%{opacity:0;transform:translateY(10px) scale(.94)}}@keyframes random-profile-float{50%{transform:translateY(-8px)}}@keyframes random-core-pulse{50%{transform:scale(1.08);box-shadow:0 0 42px #22d3ee66}}@keyframes random-line-pulse{to{opacity:.35;transform:scaleX(.8)}}@keyframes random-found-in{0%{opacity:0;transform:translateY(6px) scale(.94)}}.landing-final-cta:after{content:"";width:330px;height:330px;position:absolute;right:-120px;top:-170px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff03}.landing-final-cta .landing-primary-cta{flex:0 0 auto;position:relative;z-index:1}.landing-contact{margin-top:24px;padding:58px 62px;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;border:1px solid rgba(34,211,238,.14);border-radius:26px;background:radial-gradient(circle at 5% 20%,rgba(34,211,238,.1),transparent 36%),linear-gradient(135deg,#ffffff0a,#ffffff05)}.landing-contact-copy small{color:#66e6f5;font-size:.67rem;font-weight:850;letter-spacing:.18em}.landing-contact-copy h2{margin:12px 0 18px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.055em}.landing-contact-copy p{max-width:430px;color:#8f8997;font-size:.86rem;line-height:1.7}.landing-contact-form{display:flex;flex-direction:column;gap:13px}.landing-contact-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landing-contact-form label{display:flex;flex-direction:column;gap:7px;color:#a8a2b1;font-size:.67rem;font-weight:750}.landing-contact-form input,.landing-contact-form textarea{width:100%;padding:13px 14px;color:#f7f5ff;border:1px solid rgba(255,255,255,.1);border-radius:11px;outline:none;resize:vertical;background:#050509a6;font:inherit}.landing-contact-form input:focus,.landing-contact-form textarea:focus{border-color:#22d3ee80;box-shadow:0 0 0 3px #22d3ee12}.landing-contact-form .landing-primary-cta{width:fit-content;margin-top:12px;border:0}.landing-contact-status{margin:0;color:#a6ebd2;font-size:.72rem}.landing-footer{min-height:130px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#686171;font-size:.72rem}.landing-footer>span{justify-self:end}.landing-footer .landing-wordmark{font-size:1.3rem}@keyframes landing-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-intro-word{0%{opacity:0;transform:scale(.97);filter:brightness(.55);text-shadow:0 0 0 transparent}22%{opacity:.82;transform:scale(.995);filter:brightness(1.08);text-shadow:0 0 5px rgba(255,255,255,.52),0 0 19px rgba(167,139,250,.42)}42%{opacity:1;transform:scale(1);filter:brightness(1.42);text-shadow:0 0 8px rgba(255,255,255,.88),0 0 25px rgba(196,181,253,.72),0 0 58px rgba(124,58,237,.48)}64%{opacity:.96;transform:scale(1.006);filter:brightness(1.22);text-shadow:0 0 6px rgba(255,255,255,.72),0 0 22px rgba(167,139,250,.58),0 0 46px rgba(34,211,238,.2)}to{opacity:0;transform:scale(1.018);filter:brightness(.65);text-shadow:0 0 3px transparent}}@keyframes landing-intro-light{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.35)}32%{opacity:.48;transform:translate(-50%,-50%) scale(.8)}46%{opacity:.92;transform:translate(-50%,-50%) scale(1)}68%{opacity:.46;transform:translate(-50%,-50%) scale(.88)}}@keyframes landing-intro-flare{0%,25%,to{opacity:0;transform:translate(-50%) scaleX(.15)}43%{opacity:.85;transform:translate(-50%) scaleX(1)}63%{opacity:.24;transform:translate(-50%) scaleX(.72)}}@keyframes landing-intro-curtain{0%{opacity:1}to{opacity:0}}@keyframes landing-brand-reveal{0%{opacity:0;filter:brightness(.4);text-shadow:0 0 0 rgba(139,92,246,0)}65%{opacity:1;filter:brightness(1.25);text-shadow:0 0 24px rgba(139,92,246,.72)}to{opacity:1;filter:brightness(1);text-shadow:0 0 0 rgba(139,92,246,0)}}@keyframes landing-page-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-drift{to{transform:translate(80px,35px) scale(1.12)}}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes landing-pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes landing-hex-float{50%{transform:translateY(-6px);opacity:.55}}@keyframes landing-detail-in{0%{opacity:0;transform:translateY(18px) scale(.985)}}@keyframes landing-message-in{0%{opacity:0;transform:translateY(10px)}}@keyframes landing-typing{to{opacity:.25;transform:translateY(-3px)}}@keyframes landing-arena-spin{to{transform:rotate(360deg)}}@keyframes landing-counter-spin{to{transform:rotate(-360deg)}}.landing-page.is-light{color:#17131f;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(124,58,237,.1),transparent 25rem),radial-gradient(circle at 82% 10%,rgba(6,182,212,.1),transparent 25rem),linear-gradient(180deg,#fbfaff,#f5f1fb 48%,#fff)}.landing-page.is-light .landing-noise{opacity:.06;mix-blend-mode:multiply}.landing-page.is-light .landing-grid{opacity:.32;background-image:linear-gradient(rgba(76,50,110,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(76,50,110,.075) 1px,transparent 1px)}.landing-page.is-light .landing-orb-one{background:#c026d31a}.landing-page.is-light .landing-orb-two{background:#0891b217}.landing-page.is-light .landing-brand,.landing-page.is-light .landing-wordmark{color:#181320}.landing-page.is-light .landing-brand img{filter:drop-shadow(0 5px 12px rgba(91,53,180,.18))}.landing-page.is-light .landing-text-button{color:#51495c}.landing-page.is-light .landing-text-button:hover{color:#181320}.landing-page.is-light .landing-theme-toggle{color:#4c4358;border-color:#32234626!important;background:#ffffffc7;box-shadow:0 5px 18px #35235014}.landing-page.is-light .landing-theme-toggle:hover{color:#5b21b6;background:#fff}.landing-page.is-light .landing-nav-cta{color:#5b21b6;border-color:#6d28d940!important;background:#7c3aed17}.landing-page.is-light .landing-profile-toggle{color:#4c4358;border-color:#6d28d938!important;background:#7c3aed14}.landing-page.is-light .landing-profile-dropdown{border-color:#4f376624;background:#fffffff5;box-shadow:0 18px 40px #3d295224}.landing-page.is-light .landing-profile-dropdown button{color:#443a4e}.landing-page.is-light .landing-profile-dropdown button:hover{color:#5b21b6;background:#7c3aed14}.landing-page.is-light .landing-nav.is-compact:before{border-color:#4f37661f;background:#f8f6fcdb;box-shadow:0 16px 38px #3d29521f}.landing-page.is-light .landing-kicker{color:#51495a;border-color:#43305b21;background:#ffffffb3;box-shadow:0 8px 25px #2e1f410f}.landing-page.is-light .landing-hero h1{color:#17131f}.landing-page.is-light .landing-lead{color:#625a6b}.landing-page.is-light .landing-secondary-cta{color:#3d3546;border-color:#372a4629!important;background:#ffffffb8}.landing-page.is-light .landing-trust strong{color:#332b3c}.landing-page.is-light .landing-trust small{color:#706779}.landing-page.is-light .landing-avatars span{border-color:#f6f2fb;background:#fff}.landing-page.is-light .landing-section-heading h2,.landing-page.is-light .landing-final-cta h2,.landing-page.is-light .landing-random-copy h2,.landing-page.is-light .landing-notebook-copy h2,.landing-page.is-light .landing-contact-copy h2{color:#1b1622}.landing-page.is-light .landing-section-heading>span,.landing-page.is-light .landing-final-cta small{color:#6d28d9}.landing-page.is-light .landing-feature-card{border-color:#3a274e1f;background:#ffffffb3;box-shadow:0 15px 35px #36234c0e}.landing-page.is-light .landing-feature-card:hover{border-color:#6d28d940;background:#fff;box-shadow:0 20px 44px #432a5f1a}.landing-page.is-light .landing-feature-card small{color:#6f6578}.landing-page.is-light .landing-feature-card h3{color:#251e2d}.landing-page.is-light .landing-feature-card p{color:#645b6d}.landing-page.is-light .landing-feature-link{color:#6d28d9}.landing-page.is-light .landing-random-match,.landing-page.is-light .landing-notebook,.landing-page.is-light .landing-final-cta,.landing-page.is-light .landing-contact{border-color:#4f376621;background:radial-gradient(circle at 85% 30%,rgba(124,58,237,.07),transparent 35%),#ffffffb8;box-shadow:0 18px 48px #3d295211}.landing-page.is-light .landing-random-copy>span{color:#087f8f}.landing-page.is-light .landing-random-copy>p,.landing-page.is-light .landing-notebook-copy>p,.landing-page.is-light .landing-contact-copy p{color:#62596b}.landing-page.is-light .landing-random-points>span,.landing-page.is-light .landing-notebook-benefits span{color:#514958;border-color:#412d521f;background:#ffffffbf}.landing-page.is-light .landing-random-visual{border-color:#22d3ee40;box-shadow:0 18px 40px #1c263729}.landing-page.is-light .landing-notebook-copy>span{color:#be185d}.landing-page.is-light .landing-final-cta{background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1),transparent 40%),#fffc}.landing-page.is-light .landing-contact-copy small{color:#087f8f}.landing-page.is-light .landing-contact-form label{color:#514958}.landing-page.is-light .landing-contact-form input,.landing-page.is-light .landing-contact-form textarea{color:#211a29;border-color:#3c2b4d26;background:#ffffffe6;box-shadow:inset 0 1px 2px #291b370a}.landing-page.is-light .landing-contact-form input::placeholder,.landing-page.is-light .landing-contact-form textarea::placeholder{color:#8b8291;opacity:1}.landing-page.is-light .landing-contact-form input:focus,.landing-page.is-light .landing-contact-form textarea:focus{border-color:#0891b28c;box-shadow:0 0 0 3px #0891b21a}.landing-page.is-light .landing-contact-status{color:#047857}.landing-page.is-light .landing-footer{color:#6c6374}.landing-page.is-light .landing-footer p{color:#5b5263}.landing-page.is-light .landing-app-window,.landing-page.is-light .landing-random-visual{color:#f7f5ff}.landing-page.is-light .landing-float-card{color:#f7f5ff;border-color:#ffffff2e}.landing-page.is-light .landing-game-spotlight{color:#111827;border-color:#0891b247;background:radial-gradient(circle at 50% 54%,rgba(6,182,212,.14),transparent 27%),radial-gradient(circle at 16% 20%,rgba(124,58,237,.11),transparent 30%),linear-gradient(145deg,#f0fbff,#f7f5ff 55%,#eefcff);box-shadow:inset 0 0 70px #0891b20a,0 22px 60px #3341551f}.landing-page.is-light .game-spotlight-scanlines{opacity:.22;background:repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(15,23,42,.035) 5px)}.landing-page.is-light .game-spotlight-heading>span{color:#0e7490}.landing-page.is-light .game-spotlight-heading h2{color:#0f172a}.landing-page.is-light .game-spotlight-heading h2 em{background-image:linear-gradient(90deg,#0e7490,#6d28d9,#be185d)}.landing-page.is-light .game-spotlight-heading p{color:#475569}.landing-page.is-light .game-arena-grid{opacity:.3;background-image:linear-gradient(rgba(8,145,178,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(8,145,178,.2) 1px,transparent 1px)}.landing-page.is-light .game-arena-hud{color:#334155}.landing-page.is-light .game-arena-gamepad{color:#0e7490;filter:drop-shadow(0 0 5px rgba(255,255,255,.9)) drop-shadow(0 0 16px rgba(0,234,255,1)) drop-shadow(0 0 42px rgba(0,190,255,.78))}.landing-page.is-light .game-arena-gamepad svg{color:#0e7490;stroke:#0e7490}.landing-page.is-light .game-arena-gamepad .gamepad-dot{fill:#0e7490}.landing-page.is-light .game-mode-chip{color:#111827;border-color:#3341552e;background:#fffffff0;box-shadow:0 15px 32px #33415524}.landing-page.is-light .game-mode-chip>i{color:#0f172a;background:#0f172a12}.landing-page.is-light .game-mode-chip span small{color:#526272}.landing-page.is-light .game-mode-chip span strong{color:#111827}.landing-page.is-light .game-mode-chip>b{color:#00eaff;border-color:#0891b24d;background:#06b6d414}.landing-page.is-light .mode-realms>b{color:#6d28d9;border-color:#6d28d947;background:#7c3aed14}.landing-page.is-light .mode-guess>b{color:#be185d;border-color:#be185d42;background:#f43f5e14}.landing-page.is-light .game-spotlight-footer{border-top-color:#33415521}.landing-page.is-light .game-spotlight-footer>div span{color:#334155;border-color:#33415524;background:#ffffffb8}.landing-page.is-light .game-spotlight-footer>a{color:#fff;background:linear-gradient(90deg,#0e7490,#6d28d9);box-shadow:0 8px 24px #0e749033}.landing-page.is-light .game-spotlight-footer>a:hover{box-shadow:0 10px 30px #6d28d947}@media (max-width: 980px){.landing-hero{grid-template-columns:1fr;padding-top:46px;text-align:center}.landing-hero-copy{display:flex;flex-direction:column;align-items:center}.landing-showcase{width:min(680px,100%);margin:10px auto 0}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-card{min-height:250px}}@media (max-width: 640px){.landing-nav,.landing-hero,.landing-features,.landing-random-match,.landing-notebook,.landing-game-spotlight,.landing-final-cta,.landing-contact,.landing-footer{width:min(100% - 28px,1180px)}.landing-nav{height:auto;min-height:76px;position:absolute;padding-top:max(2px,env(safe-area-inset-top,0px))}.landing-nav.is-compact{width:calc(100% - 20px);height:auto;min-height:62px;padding:max(6px,env(safe-area-inset-top,0px)) 11px 6px}.landing-nav.is-compact:before{border-radius:0 0 14px 14px}.landing-nav.is-compact .landing-brand img{width:27px;height:27px}.landing-nav.is-compact .landing-wordmark{font-size:1.18rem}.landing-nav.is-compact .landing-theme-toggle{width:29px;height:29px}.landing-nav.is-compact .landing-nav-cta{padding:5px 11px;font-size:.72rem}.landing-brand img{width:31px;height:31px}.landing-wordmark{font-size:1.35rem}.landing-text-button,.landing-nav-cta{display:none}.landing-profile-menu{display:block}.landing-profile-dropdown{width:calc(100vw - 28px);padding:0;display:grid;grid-template-columns:1fr;gap:9px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.landing-profile-dropdown button{min-height:42px;margin:0!important;justify-content:center;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px;background:#0c0912f5;box-shadow:0 12px 30px #00000047;white-space:nowrap}.landing-page.is-light .landing-profile-dropdown{background:transparent;box-shadow:none}.landing-page.is-light .landing-profile-dropdown button{border-color:#4f376624!important;background:#fffffff5;box-shadow:0 12px 28px #3d29521a}.landing-hero{min-height:auto;padding:42px 0 68px;gap:56px}.landing-kicker{margin-bottom:20px;font-size:.66rem}.landing-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.landing-lead{margin:22px 4px 27px;font-size:.93rem;line-height:1.65}.landing-hero-actions{width:100%;flex-direction:column}.landing-primary-cta,.landing-secondary-cta{width:100%}.landing-trust{align-items:flex-start;text-align:left}.landing-showcase{width:calc(100% + 6px)}.landing-app-window{min-height:380px;border-radius:18px;transform:none}.landing-window-top{grid-template-columns:1fr auto}.landing-window-search{display:none}.landing-window-body{min-height:322px;grid-template-columns:75px 1fr}.landing-preview-sidebar{padding:13px 7px}.landing-preview-sidebar>span{justify-content:center;padding:9px 4px;font-size:0}.landing-preview-sidebar>span>svg{transform:translate(4px)}.landing-preview-sidebar>small,.landing-sidebar-line,.landing-online-user em,.landing-online-user b{display:none}.landing-online-user{display:flex;justify-content:center;padding:3px}.landing-preview-feed{padding:17px 12px}.landing-feed-heading>span{display:none}.landing-mini-grid{grid-template-columns:1fr 1fr}.landing-game-card,.landing-note-card{min-height:148px;padding:10px}.landing-game-visual{height:68px}.landing-note-card>svg{margin-bottom:12px}.landing-float-chat{left:-5px;bottom:-34px}.landing-float-safe{display:none}.landing-features{padding:82px 0}.landing-feature-card{padding:23px 23px 70px}.landing-random-match{min-height:650px;padding:37px 20px;grid-template-columns:1fr;gap:30px}.landing-random-copy{text-align:center}.landing-random-copy>span,.landing-random-points{justify-content:center}.landing-random-copy .landing-primary-cta{width:100%}.landing-random-visual{min-height:300px;gap:54px}.random-profile{width:96px;padding:14px 8px}.random-match-core{width:66px;height:66px}.landing-notebook{padding:38px 14px;grid-template-columns:1fr;gap:28px}.landing-notebook-copy{grid-row:1;text-align:center}.landing-notebook-copy>span,.landing-notebook-benefits{justify-content:center}.landing-notebook-copy .landing-primary-cta{width:100%}.landing-notebook-visual{width:100%;min-width:0;min-height:335px;justify-items:center}.notebook-tabs-bar{width:100%;min-width:0;justify-content:center;gap:2px;transform:none}.landing-page .notebook-tab-btn{gap:4px;padding:8px 7px;font-size:.7rem;line-height:1;white-space:nowrap}.landing-page .notebook-tab-btn svg{width:15px;height:15px}.notebook-paper-wrapper{min-width:0}.notebook-paper{box-sizing:border-box;width:calc(100% - 28px);max-width:390px;margin-left:8px;padding:24px 16px 22px 32px}.notebook-paper header{gap:8px}.notebook-paper header span{min-width:0;font-size:.72rem}.notebook-paper header small{flex:0 0 auto}.notebook-line{min-width:0;text-align:left}.notebook-line span{min-width:0;overflow-wrap:anywhere}.notebook-binding{left:-12px}.notebook-binding i{width:32px;height:6px;border-width:1px}.notebook-floating-tag{right:4px}.landing-game-spotlight{min-height:720px;padding:38px 14px 24px;border-radius:7px 24px}.game-spotlight-heading h2{margin-top:14px;font-size:clamp(2.35rem,13vw,3.5rem)}.game-spotlight-heading p{max-width:270px;font-size:.72rem;line-height:1.55}.game-spotlight-arena{height:410px;margin-top:5px}.game-arena-grid{top:55px;right:-10px;bottom:15px;left:-10px}.game-arena-hud{top:34px}.hud-live{left:2px}.hud-players{right:2px}.game-arena-gamepad{top:4px}.game-arena-gamepad svg{width:215px;height:215px}.game-mode-chip{min-width:0;width:min(210px,72%);padding:9px 10px;grid-template-columns:30px 1fr auto}.game-mode-chip>i{width:30px;height:30px}.game-mode-chip span strong{font-size:.78rem}.mode-hex{left:0;top:88px}.mode-realms{right:0;top:262px}.mode-guess{left:0;bottom:12px;transform:none;animation-name:game-chip-hover}.game-spotlight-footer{padding-top:16px;flex-direction:column;align-items:stretch}.game-spotlight-footer>div{justify-content:center}.game-spotlight-footer>a{justify-content:center}.landing-feature-detail{min-height:0;padding:25px 18px;grid-template-columns:1fr;gap:25px}.landing-detail-visual{min-height:235px}.landing-final-cta{min-height:330px;padding:42px 25px;flex-direction:column;align-items:flex-start}.landing-final-cta .landing-primary-cta{width:100%}.landing-contact{padding:36px 22px;grid-template-columns:1fr;gap:30px}.landing-contact-form>div{grid-template-columns:1fr}.landing-contact-form .landing-primary-cta{width:100%}.landing-footer{min-height:170px;grid-template-columns:1fr;justify-items:center;align-content:center;gap:15px}.landing-footer>span{justify-self:center}}.landing-play-link-btn{margin-top:6px;display:inline-flex;align-items:center;gap:5px;color:#22d3ee;background:radial-gradient(ellipse 48% 78% at 82% 50%,rgba(34,211,238,.115),transparent 72%),radial-gradient(ellipse 42% 72% at 58% 52%,rgba(139,92,246,.095),transparent 76%),linear-gradient(90deg,transparent,rgba(255,255,255,.018) 48%,transparent);border:0;padding:0;font-size:.56rem;font-weight:750;cursor:pointer;transition:transform .2s ease,color .2s ease}.landing-play-link-btn:hover{color:#fff;transform:translate(3px)}.landing-feature-actions{position:absolute;left:26px;bottom:22px;right:26px;display:flex;align-items:center;justify-content:space-between}.landing-game-play-cta{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;color:#22d3ee;border:1px solid rgba(34,211,238,.3);border-radius:9px;background:#22d3ee14;font-size:.66rem;font-weight:750;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.landing-game-play-cta:hover{transform:translateY(-2px);color:#fff;border-color:#22d3ee99;background:#22d3ee2e}.notebook-tabs-bar{display:flex;gap:8px;margin-bottom:20px;transform:translateY(-8px);z-index:4}.notebook-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;color:#928a9c;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.64rem;font-weight:750;cursor:pointer;transition:all .2s ease}.notebook-tab-btn:hover{color:#fff;background:#ffffff14}.notebook-tab-btn.is-active{color:#fff;background:#f472b62e;border-color:#f472b666}.notebook-tab-btn.tab-notes.is-active{color:#c4b5fd;background:#8b5cf638;border-color:#8b5cf680}.notebook-tab-btn.tab-todo.is-active{color:#f9a8d4;background:#f472b638;border-color:#f472b680}.notebook-tab-btn.tab-expenses.is-active{color:#10b981;background:#10b98138;border-color:#10b98180}.notebook-paper-wrapper{position:relative;width:100%;display:grid;place-items:center}.landing-story-chain{min-height:480px;margin-bottom:24px;padding:58px 62px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;overflow:hidden;border:1px solid rgba(139,92,246,.18);border-radius:26px;background:radial-gradient(circle at 85% 30%,rgba(139,92,246,.14),transparent 45%),radial-gradient(circle at 15% 70%,rgba(244,114,182,.1),transparent 40%),#ffffff05}.landing-story-copy>span{display:flex;align-items:center;gap:7px;color:#c4b5fd;font-size:.67rem;font-weight:850;letter-spacing:.16em}.landing-story-copy h2{margin:13px 0 18px;font-size:clamp(2.3rem,4.5vw,3.8rem);line-height:1.04;letter-spacing:-.06em}.landing-story-copy>p{color:#958e9e;font-size:.86rem;line-height:1.7}.landing-story-benefits{margin:22px 0;display:flex;flex-wrap:wrap;gap:8px}.landing-story-benefits span{padding:7px 11px;display:flex;align-items:center;gap:6px;color:#aaa4b2;border:1px solid rgba(255,255,255,.08);border-radius:99px;background:#ffffff06;font-size:.61rem}.landing-story-benefits svg{color:#c4b5fd}.landing-story-visual{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;transform:translateY(-16px)}.story-book-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%);filter:blur(35px)}.story-book{position:relative;z-index:2;width:min(440px,100%);padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0e0b16eb;box-shadow:0 25px 60px #00000073;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.story-book header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.story-header-left{display:flex;align-items:center;gap:8px;color:#d8b4fe;font-size:.82rem;font-weight:800}.story-live-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:99px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#4ade80;font-size:.56rem;font-weight:750}.story-live-badge i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:landing-pulse 2s infinite}.story-sentences{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.story-sentences-flow{padding:14px 16px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:14px}.story-sentences-flow p{color:#e2e8f0;font-size:.88rem;line-height:1.7;font-style:italic;margin:0}.story-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:99px;background:#ffffff0f;font-size:.95rem;flex-shrink:0}.story-sentence strong{display:block;color:#eeeaf5;font-size:.68rem}.story-sentence small{color:#6e6777;font-weight:500;margin-left:4px}.story-sentence p{margin:3px 0 0;color:#c4bece;font-size:.68rem;line-height:1.45;font-style:italic}.story-input-mock{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(139,92,246,.3);border-radius:11px;background:#8b5cf614;color:#a78bfa;font-size:.64rem}.story-input-mock span{flex:1;color:#8b8398;font-style:italic}.story-input-mock button{padding:5px 11px;border-radius:7px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:.6rem;font-weight:750;cursor:pointer;border:0;transition:transform .2s ease}.story-input-mock button:hover{transform:translateY(-1px)}.landing-page.is-light .landing-story-chain{border-color:#4f376621;background:radial-gradient(circle at 85% 30%,rgba(124,58,237,.07),transparent 35%),#ffffffb8;box-shadow:0 18px 48px #3d295211}.landing-page.is-light .landing-story-copy h2{color:#1b1622}.landing-page.is-light .landing-story-copy>p{color:#62596b}.landing-page.is-light .landing-story-benefits span{color:#514958;border-color:#412d521f;background:#ffffffbf}.landing-page.is-light .story-book{background:#fff;border-color:#3f2c5024;box-shadow:0 20px 50px #3220461a}.landing-page.is-light .story-header-left{color:#5b21b6}.landing-page.is-light .story-sentences-flow{background:#f5f1fdf2;border-color:#6366f133}.landing-page.is-light .story-sentences-flow p{color:#1e1b4b;font-weight:550}.landing-page.is-light .story-sentence{background:#f5f1fdb3;border-color:#3f2c5014}.landing-page.is-light .story-sentence strong{color:#1f1828}.landing-page.is-light .story-sentence p{color:#554d60}.landing-page.is-light .notebook-tab-btn{color:#554d60;background:#fffc;border-color:#3c2a4e1f}.landing-page.is-light .notebook-tab-btn.is-active{color:#be185d;background:#f472b61f;border-color:#f472b659}.landing-page.is-light .notebook-tab-btn.tab-notes.is-active{color:#6d28d9;background:#8b5cf626;border-color:#8b5cf666}.landing-page.is-light .notebook-tab-btn.tab-todo.is-active{color:#be185d;background:#f472b626;border-color:#f472b666}.landing-page.is-light .notebook-tab-btn.tab-expenses.is-active{color:#047857;background:#10b9812e;border-color:#10b98173}@media (max-width: 640px){.landing-story-chain{padding:38px 20px;grid-template-columns:1fr;gap:28px}.landing-story-copy{text-align:center}.landing-story-copy>span,.landing-story-benefits{justify-content:center}.landing-story-copy .landing-primary-cta{width:100%}}.landing-random-match{width:100%;margin-bottom:72px;padding-inline:max(24px,calc((100vw - 1180px)/2 + 18px));overflow:visible;border:0;border-top:1px solid rgba(34,211,238,.2);border-bottom:1px solid rgba(139,92,246,.14);border-radius:0;background:transparent}.landing-random-match:before{content:"01 / EŞLEŞME";position:absolute;top:-8px;left:max(24px,calc((100vw - 1180px)/2 + 18px));padding:0 12px 0 0;color:#67e8f9a6;background:#07060b;font-size:.5rem;font-weight:850;letter-spacing:.2em}.landing-random-visual{border-radius:24px;box-shadow:0 30px 80px #030a1275}.landing-game-spotlight{margin-bottom:92px;transform:rotate(-.35deg);box-shadow:inset 0 0 70px #22d3ee0b,0 30px 90px #00000061}.landing-game-spotlight>*{transform:rotate(.35deg)}.landing-game-spotlight .game-spotlight-scanlines{transform:none}.landing-notebook{width:100%;margin-bottom:94px;padding-left:max(24px,calc((100vw - 1180px)/2 + 34px));padding-right:max(24px,calc((100vw - 1180px)/2 + 18px));overflow:visible;border:0;border-radius:0;background:radial-gradient(ellipse 46% 76% at 20% 52%,rgba(244,114,182,.105),transparent 72%),radial-gradient(ellipse 38% 68% at 58% 48%,rgba(139,92,246,.075),transparent 78%)}.landing-notebook:before{content:"";position:absolute;top:8%;bottom:8%;left:max(14px,calc((100vw - 1180px)/2));width:3px;border-radius:99px;background:linear-gradient(180deg,transparent,#f472b6 20%,#8b5cf6 78%,transparent);box-shadow:0 0 24px #f472b66b}.landing-notebook:after{content:"02";position:absolute;right:max(18px,calc((100vw - 1180px)/2 + 8px));top:10px;color:#f472b61a;font-size:clamp(5rem,12vw,9rem);font-weight:950;line-height:1;letter-spacing:-.08em;pointer-events:none}.landing-story-chain{width:100%;margin-bottom:100px;padding-inline:max(28px,calc((100vw - 1180px)/2 + 62px));overflow:visible;border:0;border-radius:0;background:radial-gradient(ellipse 48% 76% at 82% 38%,rgba(139,92,246,.135),transparent 74%),radial-gradient(ellipse 42% 70% at 16% 68%,rgba(244,114,182,.09),transparent 76%),linear-gradient(90deg,transparent,rgba(139,92,246,.045) 18%,rgba(244,114,182,.04) 82%,transparent)}.landing-story-chain:before,.landing-story-chain:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.34),transparent)}.landing-story-chain:before{top:0;transform:rotate(-1.2deg)}.landing-story-chain:after{bottom:0;transform:rotate(1.2deg)}.landing-story-visual{transform:translateY(-16px) rotate(1.2deg)}.landing-faq{width:100%;margin-bottom:92px;padding:28px max(24px,calc((100vw - 1180px)/2 + 18px)) 42px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:start;gap:72px;border-top:1px solid rgba(255,255,255,.09);background:radial-gradient(ellipse 42% 58% at 12% 28%,rgba(34,211,238,.075),transparent 76%),radial-gradient(ellipse 44% 66% at 86% 68%,rgba(139,92,246,.065),transparent 78%)}.landing-faq-heading{position:sticky;top:112px}.landing-faq-heading>span{display:flex;align-items:center;gap:7px;color:#67e8f9;font-size:.67rem;font-weight:850;letter-spacing:.16em}.landing-faq-heading h2{margin:14px 0 18px;font-size:clamp(2.7rem,5vw,4.8rem);line-height:.94;letter-spacing:-.065em}.landing-faq-heading p{max-width:310px;margin:0;color:#8f8997;font-size:.82rem;line-height:1.7}.landing-faq-list{border-top:1px solid rgba(255,255,255,.1)}.landing-faq-item{border-bottom:1px solid rgba(255,255,255,.1);transition:border-color .25s ease}.landing-faq-item[open]{border-bottom-color:#67e8f952}.landing-faq-item summary{min-height:86px;display:grid;grid-template-columns:34px 1fr 28px;align-items:center;gap:16px;cursor:pointer;list-style:none}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary>span{color:#5f5867;font-size:.56rem;font-weight:850;letter-spacing:.12em}.landing-faq-item summary strong{color:#eeeaf5;font-size:clamp(.9rem,1.5vw,1.08rem);font-weight:720;letter-spacing:-.018em}.landing-faq-item summary>i{width:22px;height:22px;position:relative;justify-self:end;border:1px solid rgba(255,255,255,.13);border-radius:50%;transition:transform .25s ease,border-color .25s ease,background .25s ease}.landing-faq-item summary>i:before,.landing-faq-item summary>i:after{content:"";position:absolute;left:6px;right:6px;top:10px;height:1px;background:#a8a1b0}.landing-faq-item summary>i:after{transform:rotate(90deg)}.landing-faq-item[open] summary>i{transform:rotate(45deg);border-color:#67e8f96b;background:#22d3ee14}.landing-faq-item>p{max-width:680px;margin:-7px 44px 27px 50px;color:#928b9a;font-size:.78rem;line-height:1.75;animation:landing-faq-answer .25s ease-out both}@keyframes landing-faq-answer{0%{opacity:0;transform:translateY(-5px)}}.landing-final-cta{width:min(1080px,calc(100% - 72px));min-height:230px;margin-bottom:96px;padding-inline:72px;border:0;border-radius:18px;background:radial-gradient(circle at 18% 50%,rgba(139,92,246,.25),transparent 34%),linear-gradient(100deg,#120d1bf5,#081419eb);box-shadow:inset 0 0 0 1px #ffffff12,0 30px 80px #0000004d}.landing-final-cta:after{opacity:.55}.landing-contact{width:100%;margin-top:0;padding:72px max(24px,calc((100vw - 1180px)/2)) 54px;border:0;border-top:1px solid rgba(34,211,238,.18);border-radius:0;background:radial-gradient(ellipse 42% 76% at 5% 24%,rgba(34,211,238,.085),transparent 74%),radial-gradient(ellipse 38% 66% at 92% 72%,rgba(139,92,246,.055),transparent 78%)}.landing-contact:before{content:"03 / İLETİŞİM";position:absolute;top:-8px;right:max(24px,calc((100vw - 1180px)/2));padding-left:12px;color:#67e8f98f;background:#07060b;font-size:.5rem;font-weight:850;letter-spacing:.2em}.landing-page.is-light .landing-random-match,.landing-page.is-light .landing-notebook,.landing-page.is-light .landing-story-chain,.landing-page.is-light .landing-faq,.landing-page.is-light .landing-contact{background-color:transparent;box-shadow:none}.landing-page.is-light .landing-random-match{background:radial-gradient(ellipse 48% 78% at 82% 50%,rgba(8,145,178,.085),transparent 72%),radial-gradient(ellipse 42% 72% at 58% 52%,rgba(124,58,237,.065),transparent 76%)}.landing-page.is-light .landing-notebook{background:radial-gradient(ellipse 46% 76% at 20% 52%,rgba(190,24,93,.07),transparent 72%),radial-gradient(ellipse 38% 68% at 58% 48%,rgba(109,40,217,.055),transparent 78%)}.landing-page.is-light .landing-story-chain{background:radial-gradient(ellipse 48% 76% at 82% 38%,rgba(109,40,217,.08),transparent 74%),radial-gradient(ellipse 42% 70% at 16% 68%,rgba(190,24,93,.055),transparent 76%)}.landing-page.is-light .landing-faq{background:radial-gradient(ellipse 42% 58% at 12% 28%,rgba(8,145,178,.055),transparent 76%),radial-gradient(ellipse 44% 66% at 86% 68%,rgba(109,40,217,.045),transparent 78%)}.landing-page.is-light .landing-contact{background:radial-gradient(ellipse 42% 76% at 5% 24%,rgba(8,145,178,.06),transparent 74%),radial-gradient(ellipse 38% 66% at 92% 72%,rgba(109,40,217,.04),transparent 78%)}.landing-page.is-light .landing-random-match:before,.landing-page.is-light .landing-contact:before{background:#f7f4fb}.landing-page.is-light .landing-faq{border-top-color:#4f376621}.landing-page.is-light .landing-faq-heading h2,.landing-page.is-light .landing-faq-item summary strong{color:#211a29}.landing-page.is-light .landing-faq-heading p,.landing-page.is-light .landing-faq-item>p{color:#62596b}.landing-page.is-light .landing-faq-list,.landing-page.is-light .landing-faq-item{border-color:#4f376621}.landing-page.is-light .landing-faq-item summary>span{color:#817688}.landing-page.is-light .landing-faq-item summary>i{border-color:#4f376633}.landing-page.is-light .landing-faq-item summary>i:before,.landing-page.is-light .landing-faq-item summary>i:after{background:#645b6d}.landing-page.is-light .landing-final-cta{background:radial-gradient(circle at 18% 50%,rgba(139,92,246,.13),transparent 36%),linear-gradient(100deg,#fffffff5,#ebf9fce6);box-shadow:inset 0 0 0 1px #4f37661a,0 28px 70px #3d29521a}@media (max-width: 640px){.landing-random-match{width:100%;margin-bottom:54px;padding:48px 20px 42px}.landing-random-match:before{left:20px}.landing-random-visual{border-radius:18px}.landing-game-spotlight{margin-bottom:66px;transform:none}.landing-game-spotlight>*{transform:none}.landing-notebook{width:100%;margin-bottom:66px;padding:40px 18px 38px}.landing-notebook:before{display:block;width:auto;height:3px;top:auto;right:18px;bottom:-24px;left:18px;background:linear-gradient(90deg,transparent,#f472b6 22%,#8b5cf6 78%,transparent)}.landing-notebook:after{top:18px;right:4px;font-size:5.5rem}.landing-story-chain{width:100%;margin-bottom:68px;padding:50px 28px}.landing-story-visual{transform:none}.landing-faq{width:100%;margin-bottom:62px;padding:38px 20px 24px;grid-template-columns:1fr;gap:34px}.landing-faq-heading{position:static;text-align:center}.landing-faq-heading>span{justify-content:center}.landing-faq-heading p{margin-inline:auto}.landing-faq-item summary{min-height:78px;grid-template-columns:26px 1fr 26px;gap:10px}.landing-faq-item>p{margin:-3px 36px 24px}.landing-final-cta{width:calc(100% - 28px);min-height:370px;margin-bottom:70px;padding:52px 30px;border-radius:14px}.landing-contact{width:100%;padding:52px 20px 38px}}@media (prefers-reduced-motion: reduce){.landing-page *,.landing-page *:before,.landing-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.discover-page{min-height:100%;overflow:hidden;color:#f7f5ff;background:#07060b;font-family:Geist,Inter,sans-serif;scroll-behavior:smooth}.discover-page *{box-sizing:border-box}.discover-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(34,211,238,.08),transparent 28rem),radial-gradient(circle at 10% 55%,rgba(139,92,246,.09),transparent 30rem)}.discover-nav,.discover-hero,.discover-section,.discover-final{width:min(1180px,calc(100% - 48px));margin-inline:auto;position:relative;z-index:1}.discover-nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.discover-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.discover-brand strong{font-size:1.45rem;letter-spacing:-.06em}.discover-brand strong span{color:#8b5cf6}.discover-nav nav{display:flex;gap:28px}.discover-nav nav a{color:#8f8998;text-decoration:none;font-size:.76rem;font-weight:750}.discover-nav nav a:hover{color:#fff}.discover-actions{display:flex;align-items:center;gap:9px}.discover-nav button,.discover-final button{display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid rgba(167,139,250,.35);border-radius:11px;color:#fff;background:#8b5cf629;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.discover-nav .discover-theme-toggle{width:40px;height:40px;padding:0;justify-content:center;color:#d8d1e2;border-color:#ffffff1f;background:#ffffff0b;transition:transform .2s ease,background .2s ease}.discover-nav .discover-theme-toggle:hover{transform:translateY(-2px);background:#ffffff14}.discover-hero{min-height:520px;padding:105px 0 80px;text-align:center}.discover-hero>a{position:absolute;left:0;top:35px;display:flex;align-items:center;gap:6px;color:#797381;text-decoration:none;font-size:.7rem}.discover-hero>span,.discover-copy>span,.discover-final>span{color:#a78bfa;font-size:.65rem;font-weight:850;letter-spacing:.17em}.discover-hero h1{margin:20px 0 22px;font-size:clamp(3.5rem,8vw,7.6rem);line-height:.89;letter-spacing:-.075em}.discover-hero h1 em{color:transparent;background:linear-gradient(100deg,#ad8cff,#59d9ef);background-clip:text;-webkit-background-clip:text;font-style:normal}.discover-hero p{max-width:600px;margin:auto;color:#9891a2;line-height:1.7}.discover-section{min-height:0;padding:88px 0 104px;scroll-margin-top:20px}.discover-copy{max-width:520px}.discover-copy h2{margin:13px 0 20px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;letter-spacing:-.06em}.discover-copy p{color:#96909e;line-height:1.75}.discover-copy ul{padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.discover-copy li{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:99px;color:#aaa3b2;font-size:.66rem;background:#ffffff08}.chat-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.chat-showcase{min-width:0;height:455px;display:grid;grid-template-columns:150px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:#0d0a13;box-shadow:0 35px 80px #0006}.chat-showcase aside{padding:22px 12px;display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(255,255,255,.07);color:#716a79;font-size:.62rem}.chat-showcase aside>b,.chat-showcase aside>small{margin:4px 8px;color:#57515e;font-size:.5rem;letter-spacing:.14em}.chat-showcase aside span{padding:9px;border-radius:8px}.chat-showcase aside .active{color:#e0d9ec;background:#8b5cf624}.chat-showcase aside i{float:right;color:#c4b5fd;font-style:normal}.chat-screen{display:grid;grid-template-rows:58px 1fr 54px;min-width:0}.chat-screen>header,.chat-screen>footer{padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.chat-screen>header small{color:#68616f;font-size:.58rem}.chat-screen>footer{margin:0 15px 14px;height:40px;color:#5f5965;border:1px solid rgba(255,255,255,.08);border-radius:9px;font-size:.62rem;background:#ffffff08}.chat-screen>footer span{color:#a78bfa}.chat-stream{padding:20px 17px}.chat-stream article{display:flex;gap:10px;margin-bottom:17px;animation:discover-message .45s both}.chat-stream article>i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#ffffff0d;font-style:normal}.chat-stream p,.chat-stream b{margin:0;color:#afa8b7;font-size:.66rem;line-height:1.6}.chat-stream b{display:block;color:#ece8f2}.chat-stream b small{color:#5f5965;font-weight:500}.chat-stream .incoming{animation:discover-message 2s .8s infinite alternate}.chat-invite{margin:0 0 18px 40px;padding:12px;display:flex;align-items:center;gap:9px;border:1px solid rgba(34,211,238,.17);border-radius:11px;background:#22d3ee0d}.chat-invite span{flex:1}.chat-invite b,.chat-invite small{display:block;font-size:.6rem}.chat-invite small{color:#6d7880}.chat-invite button{padding:6px 9px;border:0;border-radius:7px;color:#fff;background:#7654ec;font-size:.55rem}.games-section{padding-top:80px}.games-copy{max-width:760px;margin:0 auto 55px;text-align:center}.game-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-gallery>article{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:#ffffff06}.game-gallery>article>div:last-child{padding:19px}.game-gallery b{font-size:.85rem}.game-gallery p{margin:8px 0 0;color:#7f7986;font-size:.68rem;line-height:1.55}.simple-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.simple-game-card{--game-accent:#8b5cf6;min-height:240px;padding:23px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#ffffff06;transition:transform .25s ease,border-color .25s ease,background .25s ease}.simple-game-card:after{content:"";width:130px;height:130px;position:absolute;right:-55px;top:-55px;border-radius:50%;background:var(--game-accent);filter:blur(42px);opacity:.13;transition:opacity .25s ease}.simple-game-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--game-accent) 35%,transparent);background:#ffffff0a}.simple-game-card:hover:after{opacity:.23}.simple-game-top{display:flex;align-items:center;justify-content:space-between}.simple-game-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--game-accent);border:1px solid color-mix(in srgb,var(--game-accent) 35%,transparent);border-radius:13px;background:color-mix(in srgb,var(--game-accent) 10%,transparent);font-size:1.25rem;font-weight:900}.simple-game-top small{color:#6f6876;font-size:.52rem;font-weight:850;letter-spacing:.13em}.simple-game-card h3{margin:25px 0 9px;font-size:1.02rem}.simple-game-card p{margin:0;color:#85808c;font-size:.7rem;line-height:1.6}.simple-game-link{position:absolute;left:20px;bottom:18px;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;color:var(--game-accent);background:color-mix(in srgb,var(--game-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--game-accent) 30%,transparent);font-size:.58rem;font-weight:750;cursor:pointer;font-family:inherit;transition:all .2s ease}.simple-game-link:hover{color:#fff;background:var(--game-accent);border-color:var(--game-accent);transform:translateY(-1px)}.simple-game-link:hover svg{transform:translate(3px)}.simple-game-link svg{transition:transform .2s ease}.game-cyan{--game-accent:#22d3ee}.game-red{--game-accent:#ef4444}.game-pink{--game-accent:#f472b6}.game-green{--game-accent:#34d399}.game-violet{--game-accent:#a78bfa}.game-gold{--game-accent:#fbbf24}.community-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.community-showcase{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:25px}.community-orbit{width:220px;height:220px;position:relative;border:1px dashed rgba(244,114,182,.3);border-radius:50%;animation:orbit-spin 20s linear infinite}.community-orbit>strong{position:absolute;top:65px;right:65px;bottom:65px;left:65px;display:grid;place-items:center;color:#f9a8d4;border-radius:50%;background:#f43f5e1a}.community-orbit strong small{font-size:.45rem}.community-orbit>span{width:42px;height:42px;position:absolute;display:grid;place-items:center;border-radius:50%;background:#191019;animation:orbit-counter 20s linear infinite}.community-orbit>span:nth-of-type(1){left:89px;top:-21px}.community-orbit>span:nth-of-type(2){right:-17px;top:50px}.community-orbit>span:nth-of-type(3){right:18px;bottom:-4px}.community-orbit>span:nth-of-type(4){left:18px;bottom:-4px}.community-orbit>span:nth-of-type(5){left:-19px;top:50px}.community-feed{display:flex;flex-direction:column;gap:12px}.community-feed article{padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff08}.community-feed header{display:flex;gap:9px}.community-feed header i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f43f5e14;font-style:normal}.community-feed b,.community-feed small{display:block;font-size:.65rem}.community-feed small{color:#6e6874}.community-feed p{color:#a39ca9;font-size:.65rem;line-height:1.5}.community-feed footer{display:flex;gap:7px;color:#827a87;font-size:.55rem}.discover-final{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-top:1px solid rgba(255,255,255,.07)}.discover-final h2{margin:13px 0 25px;font-size:clamp(3rem,7vw,6rem);letter-spacing:-.07em}.discover-final button{padding:14px 20px;background:linear-gradient(135deg,#9165fa,#526bea)}@keyframes discover-message{0%{opacity:0;transform:translateY(8px)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-counter{to{transform:rotate(-360deg)}}.discover-page.is-light{color:#19141f;background:#faf8fe}.discover-page.is-light .discover-ambient{background:radial-gradient(circle at 80% 10%,rgba(6,182,212,.1),transparent 28rem),radial-gradient(circle at 10% 55%,rgba(124,58,237,.09),transparent 30rem)}.discover-page.is-light .discover-brand{color:#19141f}.discover-page.is-light .discover-nav nav a{color:#62596a}.discover-page.is-light .discover-nav nav a:hover{color:#5b21b6}.discover-page.is-light .discover-nav .discover-theme-toggle{color:#4d4556;border-color:#37284826;background:#fff;box-shadow:0 5px 18px #3a274e14}.discover-page.is-light .discover-register{color:#5b21b6;border-color:#6d28d93d;background:#7c3aed17}.discover-page.is-light .discover-hero>a{color:#635b6b}.discover-page.is-light .discover-hero p,.discover-page.is-light .discover-copy p{color:#625a69}.discover-page.is-light .discover-hero h1,.discover-page.is-light .discover-copy h2,.discover-page.is-light .discover-final h2{color:#19141f}.discover-page.is-light .discover-copy li{color:#514958;border-color:#3f2c501f;background:#ffffffbf}.discover-page.is-light .simple-game-card{border-color:#3f2b511f;background:#ffffffc2;box-shadow:0 12px 32px #3e2a510d}.discover-page.is-light .simple-game-card:hover{background:#fff;box-shadow:0 18px 40px #3c28501a}.discover-page.is-light .simple-game-card h3{color:#241d2b}.discover-page.is-light .simple-game-card p{color:#625a69}.discover-page.is-light .simple-game-top small{color:#6d6474}.discover-page.is-light .simple-game-link{color:color-mix(in srgb,var(--game-accent) 85%,black);background:color-mix(in srgb,var(--game-accent) 12%,white);border-color:color-mix(in srgb,var(--game-accent) 35%,transparent)}.discover-page.is-light .simple-game-link:hover{color:#fff;background:color-mix(in srgb,var(--game-accent) 85%,black);border-color:color-mix(in srgb,var(--game-accent) 85%,black);box-shadow:0 4px 12px color-mix(in srgb,var(--game-accent) 25%,transparent)}.discover-page.is-light .community-orbit{border-color:#be185d3d}.discover-page.is-light .community-orbit>span{background:#fff;box-shadow:0 8px 22px #3823431a}.discover-page.is-light .community-feed article{border-color:#3d2b4d1f;background:#ffffffc7;box-shadow:0 12px 28px #3926490d}.discover-page.is-light .community-feed b{color:#292130}.discover-page.is-light .community-feed small,.discover-page.is-light .community-feed footer{color:#706776}.discover-page.is-light .community-feed p{color:#5d5564}.discover-page.is-light .discover-final{border-color:#402c501f}.discover-page.is-light .chat-showcase{color:#f7f5ff;border-color:#35274133;box-shadow:0 30px 65px #31213e2e}@media (max-width:850px){.discover-nav{padding-top:max(16px,env(safe-area-inset-top,0px))}.discover-nav nav{display:none}.discover-hero{min-height:440px;padding-top:90px}.chat-section,.community-section{grid-template-columns:1fr;gap:40px}.discover-section{padding:72px 0 82px}.chat-showcase{height:420px}.simple-game-grid{grid-template-columns:repeat(2,1fr)}.community-showcase{margin-top:16px}.community-orbit{transform:scale(.8)}}@media (max-width:560px){.discover-nav,.discover-hero,.discover-section,.discover-final{width:calc(100% - 28px)}.discover-nav button{padding:9px 11px}.discover-hero h1{font-size:3.7rem}.discover-copy h2{font-size:2.75rem}.chat-showcase{grid-template-columns:76px 1fr;height:400px}.chat-showcase aside{padding-inline:6px}.chat-showcase aside span{font-size:0}.chat-showcase aside span:first-letter{font-size:.8rem}.chat-invite{margin-left:0}.simple-game-grid{grid-template-columns:1fr}.simple-game-card{min-height:220px}.community-showcase{grid-template-columns:1fr}.community-orbit{margin:auto}.community-feed{margin-top:-10px}}@media (prefers-reduced-motion:reduce){.discover-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.wall-post-detail-container{max-width:860px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding-bottom:90px;box-sizing:border-box}.post-detail-header-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;margin-bottom:4px}.post-detail-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;background:#ffffff0a;border:1px solid var(--border-color, rgba(255, 255, 255, .08));color:var(--text-primary, #f3f4f6);transition:all .2s cubic-bezier(.4,0,.2,1)}.post-detail-back-btn:hover{background:#ffffff17;transform:translate(-2px)}.post-detail-actions-right{display:flex;align-items:center;gap:8px}.icon-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border-color, rgba(255, 255, 255, .08));color:var(--text-secondary, #9ca3af);cursor:pointer;transition:all .2s ease}.icon-action-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.post-main-card{background:var(--glass-bg, rgba(15, 23, 42, .7));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px #00000040;animation:postFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes postFadeIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.post-author-row{display:flex;align-items:center;justify-content:space-between}.post-author-info{display:flex;align-items:center;gap:12px}.post-author-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;overflow:hidden;box-shadow:0 4px 12px #0000004d;border:2px solid rgba(255,255,255,.15)}.post-author-details{display:flex;flex-direction:column;gap:2px}.post-author-name-row{display:flex;align-items:center;gap:8px}.post-author-name{font-weight:700;font-size:1.05rem;color:var(--text-primary, #f3f4f6)}.user-level-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,#8b5cf640,#ec489940);border:1px solid rgba(139,92,246,.4);color:#c084fc}.post-meta-sub{font-size:.78rem;color:var(--text-muted, #6b7280);display:flex;align-items:center;gap:6px}.post-content-body{font-size:1.12rem;font-weight:500;line-height:1.65;color:#e2e8f0e6;word-break:break-word;white-space:pre-wrap}.post-poll-container{margin-top:12px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.poll-option-item{position:relative;overflow:hidden;padding:12px 16px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s ease}.poll-option-item:hover{border-color:#8b5cf680}.poll-progress-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8b5cf64d,#a855f726);transition:width .4s ease;z-index:0}.poll-option-text{position:relative;z-index:1;font-weight:600;font-size:.9rem}.post-interaction-bar{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .06))}.interaction-group{display:flex;align-items:center;gap:12px}.interaction-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary, #9ca3af);transition:all .2s ease}.interaction-btn:hover{background:#ffffff14;color:var(--text-primary, #fff)}.interaction-btn.liked{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.interaction-btn.liked svg{animation:heartPulse .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.interaction-btn.saved{color:#eab308;background:#eab3081a;border-color:#eab3084d}.comment-sort-header{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 4px}.comment-count-title{font-weight:700;font-size:1.1rem;color:var(--text-primary, #f3f4f6)}.sort-selector-group{display:flex;align-items:center;gap:6px;background:#0003;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.sort-tab-btn{padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;background:transparent;border:none;color:var(--text-secondary, #9ca3af);transition:all .2s ease}.sort-tab-btn.active{background:var(--accent-purple, #8b5cf6);color:#fff;box-shadow:0 2px 8px #8b5cf666}.comment-tree-container{display:flex;flex-direction:column;gap:12px}.comment-item-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--glass-bg, rgba(15, 23, 42, .5));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color, rgba(255, 255, 255, .06));border-radius:14px;transition:border-color .2s ease,background .2s ease}.comment-item-card:hover{border-color:#ffffff1f}.comment-thread-wrapper{position:relative}.comment-thread-line{position:absolute;left:18px;top:48px;bottom:0;width:2px;background:linear-gradient(180deg,#8b5cf659,#ffffff0d);border-radius:2px}.comment-nested-children{margin-left:20px;padding-left:12px;border-left:2px solid rgba(139,92,246,.2);margin-top:8px;display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.collapse-toggle-btn{background:transparent;border:none;color:var(--text-muted, #6b7280);cursor:pointer;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:4px;transition:color .2s ease}.collapse-toggle-btn:hover{color:var(--accent-purple, #a855f7)}.collapsed-indicator{font-size:.8rem;color:var(--text-muted, #6b7280);font-style:italic;padding:4px 8px;background:#ffffff05;border-radius:6px;display:inline-block;margin-top:4px}.sticky-comment-composer{position:sticky;bottom:0;left:0;right:0;z-index:100;background:#0f172aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px #0006}.composer-reply-target-banner{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;margin-bottom:8px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:8px;font-size:.8rem;color:#c084fc}.composer-inner-form{display:flex;align-items:flex-end;gap:10px}.composer-textarea{flex:1;min-height:40px;max-height:120px;resize:none;background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;color:#fff;font-family:inherit;font-size:.92rem;line-height:1.4;box-sizing:border-box}.composer-textarea:focus{outline:none;border-color:var(--accent-purple, #8b5cf6);box-shadow:0 0 0 2px #8b5cf633}.composer-send-btn{height:40px;padding:0 18px;border-radius:12px;background:var(--accent-gradient, linear-gradient(135deg, #8b5cf6, #ec4899));border:none;color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s ease,opacity .15s ease;flex-shrink:0}.composer-send-btn:disabled{opacity:.5;cursor:not-allowed}.composer-send-btn:not(:disabled):active{transform:scale(.96)}.skeleton-box{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:400% 100%;animation:skeletonShimmer 1.4s ease infinite;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.post-detail-fixed-back-btn{position:fixed;top:16px;right:16px;z-index:99999;width:38px;height:38px;border-radius:50%;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 4px 14px #0006;transition:transform .2s ease,background-color .2s ease}.post-detail-fixed-back-btn:hover{background:#1e293bf2;transform:scale(1.05)}.light-theme .post-detail-fixed-back-btn,body.light-theme .post-detail-fixed-back-btn,html.light-theme .post-detail-fixed-back-btn{background:#fffffff2!important;border:none!important;color:#0f172a!important;box-shadow:0 4px 16px #0000001f!important}.light-theme .post-detail-fixed-back-btn:hover,body.light-theme .post-detail-fixed-back-btn:hover,html.light-theme .post-detail-fixed-back-btn:hover{background:#fff!important;border:none!important;color:#0f172a!important;box-shadow:0 6px 20px #0000002e!important}.wall-detail-page-title{font-size:2.1rem;font-weight:900;color:var(--text-primary, #ffffff);margin:0 0 0 4px;letter-spacing:-.03em;line-height:1.1}@media (max-width: 640px){.wall-detail-page-title{font-size:1.9rem!important;margin:0 0 0 4px!important}.post-detail-fixed-back-btn{top:calc(12px + max(44px,env(safe-area-inset-top,0px)))!important;right:16px!important;background:linear-gradient(135deg,#ffffff14,#0f172a33)!important;border:1px solid rgba(255,255,255,.2)!important;backdrop-filter:blur(18px) saturate(170%)!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;box-shadow:inset 0 1px #fff3,0 8px 22px #02061738!important}.light-theme .post-detail-fixed-back-btn,body.light-theme .post-detail-fixed-back-btn,html.light-theme .post-detail-fixed-back-btn{background:linear-gradient(135deg,#ffffff75,#e2e8f029)!important;border:1px solid rgba(255,255,255,.76)!important;box-shadow:inset 0 1px #ffffffeb,0 8px 22px #0f172a1f!important}.wall-post-detail-container{padding-top:calc(max(44px,env(safe-area-inset-top,0px)) + 54px)!important;padding-bottom:90px;gap:8px}.post-main-card{padding:14px;border-radius:16px;margin-top:0;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.comment-item-card{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:none}.comment-item-card:hover,.comment-item-card:active{background:transparent;border-color:transparent;box-shadow:none;transform:none}.comment-composer-card{border-radius:20px!important;background:#ffffff0a!important;border:none!important;box-shadow:0 4px 18px #0000002e!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.light-theme .comment-composer-card,body.light-theme .comment-composer-card,html.light-theme .comment-composer-card{background:#fff!important;background-color:#fff!important;border:none!important;border-radius:20px!important;box-shadow:0 4px 18px #00000014!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.comments-empty-state-card{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.light-theme .comments-empty-state-card{background:#fff9!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 4px 16px #0000000a!important}.comment-nested-children{margin-left:8px;padding-left:8px}}.comment-composer-input{width:100%;height:32px;background:#090d16!important;background-color:#090d16!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;outline:none!important;color:#fff!important;font-family:inherit;font-size:.88rem;font-weight:500;padding:0 34px 0 12px;box-sizing:border-box;text-align:left;transition:background .2s ease,border-color .2s ease}.comment-composer-input::placeholder{color:#ffffff85!important}.comment-composer-input:focus{background:#020617!important;background-color:#020617!important;border-color:#8b5cf699!important;box-shadow:0 0 0 2px #8b5cf640!important}.light-theme .comment-composer-input,body.light-theme .comment-composer-input,html.light-theme .comment-composer-input,[data-theme=light] .comment-composer-input{background:#fff!important;background-color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(0,0,0,.15)!important;color:#0f172a!important}.light-theme .comment-composer-input::placeholder,body.light-theme .comment-composer-input::placeholder,html.light-theme .comment-composer-input::placeholder,[data-theme=light] .comment-composer-input::placeholder{color:#94a3b8!important}.random-match-container{display:flex;flex-direction:column;height:100%;width:100%;background:radial-gradient(circle at 50% 30%,#8b5cf614,#03030700 70%);color:var(--text-primary);box-sizing:border-box;overflow:hidden;position:relative}.random-match-scroll-body{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;padding-bottom:680px!important;box-sizing:border-box;gap:20px}@keyframes pulseGlowAccent{0%,to{box-shadow:0 0 15px #8b5cf64d,inset 0 0 10px #8b5cf61a}50%{box-shadow:0 0 35px #8b5cf699,inset 0 0 15px #8b5cf64d}}@keyframes pulseRadarRing{0%{transform:scale(.2);opacity:.8}to{transform:scale(1.2);opacity:0}}@keyframes rotateScanner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatBubble1{0%{transform:translate(0) scale(1)}33%{transform:translate(15px,-30px) scale(1.05)}66%{transform:translate(-20px,-15px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes floatBubble2{0%{transform:translate(0) scale(.95)}50%{transform:translate(-25px,-20px) scale(1.08)}to{transform:translate(0) scale(.95)}}@keyframes floatBubble3{0%{transform:translate(0) scale(1.02)}40%{transform:translate(20px,15px) scale(.9)}80%{transform:translate(-10px,-25px) scale(1.05)}to{transform:translate(0) scale(1.02)}}@keyframes floatBubble4{0%{transform:translate(0) scale(.9)}50%{transform:translate(30px,-10px) scale(1.05)}to{transform:translate(0) scale(.9)}}@keyframes liveActivityFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDots{0%,to{opacity:.2}50%{opacity:1}}@keyframes matchSuccessRipple{0%{box-shadow:0 0 #10b98166,0 0 #8b5cf633}to{box-shadow:0 0 0 30px #10b98100,0 0 0 60px #8b5cf600}}.random-match-header{text-align:center;margin-top:10px;margin-bottom:5px}.random-match-title{font-size:2.2rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#ffffff 40%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.random-match-subtitle{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.5}.live-stats-bar{display:flex;justify-content:center;gap:24px;margin:10px auto;padding:10px 24px;border-radius:30px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);max-width:fit-content}.stat-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.stat-dot{width:8px;height:8px;border-radius:50%;background:var(--green-online);box-shadow:var(--green-glow)}.stat-dot.pulse{animation:pulseGlow 1.5s infinite ease-in-out}.stat-dot.queue{background:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple)}.stat-number{color:var(--text-primary);font-weight:700}.random-match-dashboard{display:grid;grid-template-columns:1fr 340px;gap:24px;flex:1;min-height:0}.bubble-arena-panel{display:flex;flex-direction:column;gap:20px;min-height:520px}.bubbles-viewport{position:relative;height:380px;border-radius:20px;background:#ffffff03;border:1px solid rgba(255,255,255,.03);overflow:hidden;box-sizing:border-box;touch-action:none!important}.bubble-avatar{position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none!important;z-index:2;transition:z-index .1s}.bubble-avatar:hover{z-index:10}.bubble-avatar-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2.5px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;position:relative}.bubble-avatar:hover .bubble-avatar-inner{transform:scale(1.15);border-color:var(--accent-purple);box-shadow:0 0 20px #8b5cf666}.bubble-info{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);background:#ffffff1f;border:1px solid rgba(255,255,255,.25);padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:.85;color:#fff;transition:opacity .3s;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);box-shadow:0 4px 12px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.8)}.bubble-avatar:hover .bubble-info{opacity:1}.light-theme .bubble-info{background:#ffffff1f!important;border:1px solid rgba(15,23,42,.2)!important;color:#0c0a1c!important;text-shadow:0 1px 1px rgba(255,255,255,.6)!important;box-shadow:0 4px 12px #00000026!important}.match-options-container{display:flex;flex-direction:column;gap:16px}.match-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.option-group{display:flex;flex-direction:column;gap:8px}.option-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.option-card-selector{display:flex;flex-direction:column;gap:6px}.option-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#16142699;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left}.option-btn:hover{background:#ffffff05;border-color:#ffffff1a;color:var(--text-primary)}.option-btn.active{background:#8b5cf614;border-color:#8b5cf64d;color:var(--text-primary);box-shadow:0 0 12px #8b5cf61a}.option-btn .badge-pro{font-size:.65rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;padding:1px 4px;border-radius:4px;font-weight:700}.cta-match-section{display:flex;flex-direction:column;align-items:center;margin-top:10px}.big-pulse-match-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 48px;font-size:1.2rem;font-weight:700;color:#fff;background:var(--accent-gradient);border:none;border-radius:12px;cursor:pointer;animation:pulseGlowAccent 2s infinite ease-in-out;transition:transform .2s;width:100%;max-width:380px}.big-pulse-match-btn:hover{transform:translateY(-2px)}.big-pulse-match-btn:active{transform:translateY(1px)}.live-activity-panel{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0}.live-activity-card-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;padding:20px;box-sizing:border-box}.live-activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.live-activity-title{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.pulse-red-dot{width:6px;height:6px;border-radius:50%;background:var(--danger-color);animation:pulseGlow 1.2s infinite ease-in-out}.activity-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.activity-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff03;border:1px solid rgba(255,255,255,.03);border-radius:12px;font-size:.8rem;color:var(--text-secondary);animation:liveActivityFadeIn .3s ease-out forwards}.activity-icon-matched{background:#10b98126;color:#10b981;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.activity-icon-chatting{background:#3b82f626;color:#3b82f6;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.activity-icon-typing{background:#8b5cf626;color:#8b5cf6;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.activity-text-container{display:flex;flex-direction:column;gap:2px;overflow:hidden}.activity-time{font-size:.65rem;color:var(--text-muted)}.typing-bubbles{display:inline-flex;gap:3px;align-items:center;margin-left:4px}.typing-dot{width:3px;height:3px;background:currentColor;border-radius:50%;animation:typingDots 1.4s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.radar-scanning-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:480px;text-align:center;position:relative;overflow:hidden}.radar-system{position:relative;width:260px;height:260px;border-radius:50%;background:#8b5cf605;border:1px solid rgba(139,92,246,.1);margin-bottom:24px;display:flex;align-items:center;justify-content:center}.radar-ripple-1{position:absolute;width:80%;height:80%;border-radius:50%;border:1px dashed rgba(139,92,246,.15)}.radar-ripple-2{position:absolute;width:50%;height:50%;border-radius:50%;border:1px dashed rgba(139,92,246,.2)}.radar-ripple-active{position:absolute;width:100px;height:100px;border-radius:50%;border:2px solid var(--accent-purple);background:#8b5cf60d;animation:pulseRadarRing 2s infinite linear}.radar-ripple-active:nth-child(2){animation-delay:.6s}.radar-ripple-active:nth-child(3){animation-delay:1.2s}.radar-scanner-arm{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,#8b5cf633,#8b5cf600 90deg);animation:rotateScanner 4s infinite linear;pointer-events:none}.radar-center-user{position:relative;z-index:5;width:60px;height:60px;border-radius:50%;border:3px solid var(--accent-purple);box-shadow:0 0 25px var(--accent-purple);display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);font-size:1.5rem}.radar-blip{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.2);width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 0 12px #ffffff26;transition:all .3s}.radar-timer{font-size:2.2rem;font-weight:800;color:var(--accent-purple);text-shadow:0 0 10px rgba(139,92,246,.3);margin-bottom:6px}.radar-status-text{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.radar-sub-text{font-size:.88rem;color:var(--text-secondary);margin-bottom:24px;max-width:300px}.match-success-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:480px;text-align:center;background:radial-gradient(circle at 50% 50%,#10b98114,#03030700 70%);animation:liveActivityFadeIn .5s ease-out}.success-celebration-title{font-size:2rem;font-weight:800;color:#10b981;text-shadow:0 0 15px rgba(16,185,129,.3);margin-bottom:8px}.match-avatars-connector-row{display:flex;align-items:center;justify-content:center;gap:28px;margin:36px 0}.success-avatar-wrapper{position:relative;width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;border:3px solid #10b981;box-shadow:0 0 25px #10b9814d;animation:matchSuccessRipple 2s infinite ease-out}.success-avatar-wrapper.partner{border-color:var(--accent-purple);box-shadow:0 0 25px #8b5cf64d;animation-delay:.5s}.success-avatar-name{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.avatars-connector-line{position:relative;width:100px;height:4px;background:linear-gradient(90deg,#10b981,var(--accent-purple));border-radius:2px}.avatars-connector-spark{position:absolute;top:-6px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 20px #10b981;animation:moveSpark 1.5s infinite linear}@keyframes moveSpark{0%{left:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.match-failed-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:480px;text-align:center;animation:liveActivityFadeIn .5s ease-out}.failed-icon-badge{width:72px;height:72px;border-radius:50%;background:#ef44441a;border:2px solid var(--danger-color);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--danger-color);margin-bottom:24px;box-shadow:0 0 15px #ef444433}.failed-title{font-size:1.6rem;font-weight:800;color:var(--danger-color);margin-bottom:12px}.failed-description{font-size:.95rem;color:var(--text-secondary);max-width:360px;line-height:1.5;margin-bottom:30px}.failed-actions-row{display:flex;gap:16px}.mobile-only-match-cta{display:none}@media (max-width: 860px){.random-match-dashboard{grid-template-columns:1fr;gap:20px}.bubbles-viewport{display:block!important;height:200px!important;visibility:visible!important;opacity:1!important}.bubble-avatar{display:flex!important}.live-activity-panel{display:flex!important;height:auto!important;min-height:300px!important;max-height:450px!important;margin-top:10px!important;margin-bottom:120px!important}.mobile-only-match-cta{display:flex;justify-content:center;width:100%;margin-top:8px;margin-bottom:8px}.cta-match-section{display:none!important}}@media (max-width: 500px){.random-match-scroll-body{padding:16px;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important;gap:16px}.random-match-title{font-size:1.8rem}.live-stats-bar{padding:8px 16px;gap:16px}.match-options-grid{grid-template-columns:1fr;gap:12px}.big-pulse-match-btn{padding:16px 36px;font-size:1.1rem}.radar-system{width:200px;height:200px}.match-avatars-connector-row{gap:16px}.avatars-connector-line{width:60px}.success-avatar-wrapper{width:70px;height:70px;font-size:1.8rem}.failed-actions-row{flex-direction:column;width:100%;padding:0 20px}.failed-actions-row button{width:100%}}.light-theme .random-match-title{background:linear-gradient(135deg,#0f172a 40%,var(--accent-purple) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.light-theme .option-btn{background:#0f172a0a!important;border:1px solid rgba(15,23,42,.08)!important;color:var(--text-secondary)!important}.light-theme .option-btn:hover{background:#0f172a14!important;border-color:#0f172a1f!important;color:var(--text-primary)!important}.light-theme .option-btn.active{background:#8b5cf614!important;border-color:#8b5cf666!important;color:var(--accent-purple)!important;box-shadow:0 4px 12px #8b5cf61a!important}.bubble-tooltip-container{position:absolute;bottom:115%;left:50%;transform:translate(-50%);z-index:25;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:12px;box-shadow:0 4px 12px #00000040;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);animation:tooltipFloatUp .25s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:none;max-width:150px;text-align:center}.bubble-tooltip-text{font-size:.72rem;color:#fff;font-weight:600;white-space:normal;word-wrap:break-word;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.85)}.bubble-tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(255,255,255,.12)}.light-theme .bubble-tooltip-container{background:#ffffff1f!important;border:1px solid rgba(15,23,42,.2)!important;box-shadow:0 4px 12px #00000026!important}.light-theme .bubble-tooltip-arrow{border-top-color:#ffffff1f!important}.light-theme .bubble-tooltip-text{color:#0c0a1c!important;text-shadow:0 1px 1px rgba(255,255,255,.6)!important}@keyframes tooltipFloatUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.bubble-tooltip-container.closing{animation:tooltipFloatDown .25s cubic-bezier(.6,-.28,.735,.045) forwards}@keyframes tooltipFloatDown{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}.light-theme .random-match-container .glass-card{background:#ffffff73!important;backdrop-filter:blur(16px) saturate(160%)!important;-webkit-backdrop-filter:blur(16px) saturate(160%)!important;border:1px solid rgba(139,92,246,.25)!important;box-shadow:0 8px 32px #8b5cf61f!important}.light-theme .bubbles-viewport{background:#0f172a02!important;border:1px solid rgba(15,23,42,.025)!important}.premium-filter-badge{display:inline-flex;align-items:center;gap:3px;color:#a78bfa;font-size:.62rem;font-weight:800}.premium-filter-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px;border:1px solid rgba(139,92,246,.2);border-radius:12px;background:#8b5cf60f}.premium-filter-options label{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.72rem}.premium-filter-options select{padding:6px 8px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);background:var(--bg-card)}.premium-filter-options p{width:100%;margin:0;color:var(--text-muted);font-size:.68rem}.premium-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:grid;place-items:center;padding:18px;background:#04030980;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.premium-intro-modal{position:relative;width:min(420px,100%);padding:30px;border:1px solid rgba(167,139,250,.28);border-radius:22px;color:var(--text-primary);background:var(--bg-panel);box-shadow:0 24px 80px #00000080;text-align:center}.premium-intro-close{position:absolute;right:14px;top:14px;border:0;color:var(--text-muted);background:none}.premium-intro-icon{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:16px;color:#c4b5fd;background:#8b5cf624}.premium-intro-modal p{color:var(--text-secondary);line-height:1.55}.premium-intro-primary,.premium-intro-secondary{width:100%;padding:12px;margin-top:8px;border-radius:11px;font-weight:800;cursor:pointer}.premium-intro-primary{border:0;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.premium-intro-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:transparent}.premium-intro-modal h3{margin:20px 0 16px}.premium-intro-modal p{margin:0 0 8px}.premium-intro-modal .premium-intro-primary{margin-top:18px}.premium-intro-close{cursor:pointer}.match-location-preference{margin-top:14px;padding:13px;border:1px solid var(--border-color);border-radius:12px;background:#ffffff06}@media (min-width: 861px){.match-location-preference{grid-column:1 / -1;width:100%}}.match-location-preference>div:first-child{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;text-align:center}.match-location-preference>div:first-child>svg{margin-right:9px;margin-top:3px;align-self:start;justify-self:end}.match-location-preference span,.match-location-preference span small{display:block}.match-location-preference span small,.match-location-preference>small,.match-location-preference>p{color:var(--text-muted);font-size:.68rem;line-height:1.45}.match-location-preference>small,.match-location-preference>p{display:block;text-align:center}.match-location-actions{display:flex;justify-content:center;gap:8px;margin:10px 0}.match-location-actions button{padding:7px 10px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);background:var(--bg-card);cursor:pointer}.match-location-actions button:first-child{padding-inline:18px}.match-location-preference .location-error{color:#ef4444}.premium-intro-overlay{animation:premium-intro-overlay-in .28s ease-out both}.premium-intro-modal{transform-origin:center;animation:premium-intro-modal-in .38s cubic-bezier(.16,1,.3,1) both}@keyframes premium-intro-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes premium-intro-modal-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.premium-intro-overlay,.premium-intro-modal{animation-duration:.01ms}}.premium-page{min-height:100dvh;padding:28px clamp(20px,6vw,90px) 60px;color:#f8f7ff;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.22),transparent 34rem),#07060b;font-family:Inter,sans-serif}.premium-page nav{display:flex;align-items:center;justify-content:space-between}.premium-page nav strong{font-size:1.2rem}.premium-page nav strong span,.premium-kicker{color:#a78bfa}.premium-back{display:flex;align-items:center;gap:7px;color:#c4bfd2;background:none;border:0;cursor:pointer}.premium-page header{max-width:760px;margin:75px auto 42px;text-align:center}.premium-kicker{display:inline-flex;align-items:center;gap:7px;font-weight:800}.premium-page h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1;margin:18px 0}.premium-page header p,.premium-renewal{color:#aaa4b7}.premium-features,.premium-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1050px;margin:25px auto}.premium-features article,.premium-plans button,.premium-comparison{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#ffffff0b;color:inherit}.premium-features svg{color:#a78bfa}.premium-features p{color:#aaa4b7;line-height:1.55}.premium-comparison{max-width:800px;margin:35px auto}.premium-comparison>div{display:grid;grid-template-columns:1fr 110px 110px;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.premium-comparison>div:last-child{border:0}.premium-comparison b{text-align:center}.premium-plans{grid-template-columns:1fr 1fr;max-width:700px}.premium-plans button{display:flex;position:relative;flex-direction:column;gap:6px;text-align:left;cursor:pointer}.premium-plans button.selected{border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf633}.premium-plans strong{font-size:1.7rem}.premium-plans small{color:#aaa4b7}.premium-plans em{position:absolute;right:12px;top:12px;padding:4px 7px;border-radius:99px;background:#8b5cf6;font-size:.65rem}.premium-checkout{display:block;min-width:260px;margin:20px auto;padding:15px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);font-weight:850;cursor:pointer}.premium-checkout:disabled{opacity:.65}.premium-renewal{max-width:650px;margin:auto;text-align:center;font-size:.8rem}.premium-active,.premium-error{max-width:700px;margin:20px auto;padding:15px;border-radius:14px;text-align:center;background:#10b9811f;color:#6ee7b7}.premium-active{display:flex;justify-content:center;gap:8px}.premium-error{background:#ef44441f;color:#fca5a5}.premium-error button,.premium-page footer button{color:inherit;background:none;border:0;text-decoration:underline;cursor:pointer}.premium-page footer{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:45px;color:#827c8d}.premium-result{display:grid;place-items:center}.premium-result section,.legal-page article{max-width:680px;padding:45px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#ffffff0d;text-align:center}.premium-result button{padding:13px 20px;border:0;border-radius:12px;color:#fff;background:#8b5cf6}.legal-page article{margin:80px auto;text-align:left;line-height:1.8}.legal-page article svg{color:#a78bfa}@media (max-width:700px){.premium-page{padding:calc(env(safe-area-inset-top,0px) + 55px) 16px 45px!important}.premium-page header{margin-top:68px!important}.premium-features,.premium-plans{grid-template-columns:1fr}.premium-comparison>div{grid-template-columns:1fr 72px 72px;font-size:.8rem}}.premium-billing{max-width:700px;margin:28px auto;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#ffffff0b}.premium-billing>p{margin-bottom:24px;color:#aaa4b7;font-size:.82rem;line-height:1.55}.premium-billing>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.premium-billing label{display:flex;flex-direction:column;gap:6px;color:#c9c4d1;font-size:.75rem}.premium-billing label.wide{grid-column:1 / -1}.premium-billing input{padding:11px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;background:#00000038;outline:none}.premium-billing input:focus{border-color:#8b5cf6}.premium-cancel{display:block;margin:0 auto 16px;border:0;color:#aaa4b7;background:none;text-decoration:underline;cursor:pointer}.premium-details-back{margin-top:16px;padding:0;border:0;color:#aaa4b7;background:none;text-decoration:underline;cursor:pointer}.premium-kicker{margin-bottom:12px}.premium-features article svg{margin-bottom:12px}.premium-features article h3{margin-top:4px}@media (max-width: 700px){.premium-page header{margin-top:82px}.premium-billing>div{grid-template-columns:1fr}.premium-billing label.wide{grid-column:auto}}