@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.625rem 1.5rem;font-size:var(--font-size-base);font-weight:500;letter-spacing:var(--letter-spacing-wide);line-height:1.5;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-shine);transform:translate(-100%) skew(-15deg);transition:transform .5s ease;pointer-events:none;z-index:1}.btn:hover:before{transform:translate(200%) skew(-15deg)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),0 0 20px #6366f140}.btn--primary:hover:not(:disabled){box-shadow:0 4px 16px #6366f14d,0 0 0 1px #ffffff14 inset;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6366f133}.btn--secondary{background:#141e3099;color:var(--color-text-primary);border:1px solid var(--color-glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn--secondary:hover:not(:disabled){background:#1e283cb3;border-color:var(--color-glass-border-hover);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){transform:translateY(0);background:#192337cc}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0d}.btn--accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-md),0 0 20px #ff8a5b40}.btn--accent:hover:not(:disabled){box-shadow:var(--shadow-lg),0 0 32px #ff8a5b66;transform:translateY(-1px)}.btn--sm{padding:.375rem 1rem;font-size:var(--font-size-sm);border-radius:var(--radius-md)}.btn--md{padding:.625rem 1.5rem;font-size:var(--font-size-base)}.btn--lg{padding:.75rem 2rem;font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn--full-width{width:100%}.btn--disabled,.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn--disabled:before,.btn:disabled:before{display:none}.btn--loading{pointer-events:none}.btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.input-wrapper{margin-bottom:var(--spacing-md);position:relative}.input-container{position:relative;display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:10px var(--spacing-md);transition:all .25s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:48px}.input-container:hover:not(.input-container--disabled){border-color:#ffffff1f;background:#ffffff0a}.input-container--focused{border-color:#8b5cf680;background:#ffffff0d;box-shadow:0 0 0 3px #8b5cf61a}.input-container--error{border-color:#f8717180}.input-container--error.input-container--focused{box-shadow:0 0 0 3px #f871711a}.input-container--disabled{opacity:.5;cursor:not-allowed}.input-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:var(--spacing-md);color:#fff6;transition:color .25s ease;flex-shrink:0}.input-container--focused .input-icon{color:#8b5cf6cc}.input-container--error .input-icon{color:#f87171cc}.input-icon svg{width:18px;height:18px}.input-field-wrapper{flex:1;position:relative;display:flex;align-items:center}.input-field{width:100%;background:transparent!important;border:none!important;outline:none!important;color:#fffffff2;font-size:.9375rem;font-weight:400;font-family:inherit;letter-spacing:.01em;padding:0;line-height:1.5;box-shadow:none!important}.input-field:focus,.input-field:focus-visible,.input-field:active{outline:none!important;box-shadow:none!important;border:none!important}.input-label{position:absolute;left:50px;top:50%;transform:translateY(-50%);color:#ffffff73;font-size:.9375rem;font-weight:400;font-family:inherit;letter-spacing:.01em;pointer-events:none;transition:all .2s cubic-bezier(.22,1,.36,1);transform-origin:left center;z-index:1}.input-field:focus~.input-label,.input-field:not(:placeholder-shown)~.input-label{top:-20px;left:12px;transform:translateY(0) scale(.75);color:#8b5cf6;font-weight:500;letter-spacing:.03em;text-shadow:0 0 20px rgba(139,92,246,.4)}.input-container--error .input-label{color:#f87171cc}.input-container--error .input-field:focus~.input-label,.input-container--error .input-field:not(:placeholder-shown)~.input-label{color:#f87171e6}.input-required{color:#f87171cc;margin-left:2px;font-weight:500}.input-field::placeholder{color:transparent}.input-field:disabled{cursor:not-allowed}.input-field:-webkit-autofill,.input-field:-webkit-autofill:hover,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(10,15,28,.95) inset!important;-webkit-text-fill-color:rgba(255,255,255,.95)!important;caret-color:#8b5cf6cc;transition:background-color 5000s ease-in-out 0s}.input-field::selection{background:#8b5cf666;color:#fff}.input-field{caret-color:#8b5cf6cc}.input-toggle-password{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:#fff6;cursor:pointer;transition:all .2s ease;flex-shrink:0}.input-toggle-password:hover{color:#ffffffb3;background:#ffffff0d}.input-toggle-password:focus-visible{outline:2px solid rgba(139,92,246,.5);outline-offset:1px}.input-toggle-password svg{width:16px;height:16px}.input-error{display:flex;align-items:center;gap:var(--spacing-xs);color:#fca5a5e6;font-size:.8125rem;font-weight:450;margin-top:var(--spacing-xs);padding-left:var(--spacing-xs)}.input-error svg{width:14px;height:14px;flex-shrink:0}.input-success{display:flex;align-items:center;gap:var(--spacing-xs);color:#a7f3d0e6;font-size:.8125rem;font-weight:450;margin-top:var(--spacing-xs);padding-left:var(--spacing-xs)}.input-success svg{width:14px;height:14px;flex-shrink:0}.card{position:relative;border-radius:var(--radius-2xl);overflow:hidden}.card__inner{position:relative;z-index:1}.card--default{background:linear-gradient(135deg,#ffffff14,#ffffff05);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #ffffff0d inset,0 4px 24px -4px #0000004d,0 24px 48px -12px #0006}.card--default:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#7c3aed1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card--default:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.card--glow{background:linear-gradient(160deg,#ffffff1a,#ffffff08,#7c3aed0d);backdrop-filter:blur(48px) saturate(200%);-webkit-backdrop-filter:blur(48px) saturate(200%);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #ffffff14 inset,0 8px 32px -4px #00000059,0 32px 64px -16px #7c3aed26,0 0 80px -20px #8b5cf633}.card--glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff3,#8b5cf626,#ffffff0d,#3b82f61a,#ffffff26);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card--glow:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.card--subtle{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 16px -4px #0003}.card--padding-sm{padding:var(--spacing-md)}.card--padding-md{padding:var(--spacing-lg)}.card--padding-lg{padding:var(--spacing-xl)}.card--padding-xl{padding:var(--spacing-2xl)}.card--interactive{transition:all .4s cubic-bezier(.22,1,.36,1);cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff1a inset,0 12px 40px -8px #0006,0 40px 80px -20px #7c3aed40}.card--interactive:hover:before{opacity:1.2}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.02em;line-height:1.4;white-space:nowrap;transition:var(--transition-fast);border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--color-text-secondary)}.tag-chip:hover{background:#ffffff12;border-color:#ffffff1f}.tag-chip__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:.8}.tag-chip--sm{padding:.15rem .5rem;font-size:.65rem;gap:4px}.tag-chip--sm .tag-chip__dot{width:5px;height:5px}.ui-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.ui-avatar--initials{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-inverse);font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none;line-height:1}.ui-avatar--ranked{box-shadow:0 0 0 2px #050810e6,0 0 0 3.5px var(--rank-color);transition:box-shadow .3s ease}.ui-avatar--tier-fallen{box-shadow:0 0 0 2px #050810e6,0 0 0 3px var(--rank-color);opacity:.85}.ui-avatar--tier-expert{animation:rank-breathe 4s ease-in-out infinite}@keyframes rank-breathe{0%,to{box-shadow:0 0 0 2px #050810e6,0 0 0 3.5px var(--rank-color)}50%{box-shadow:0 0 0 2px #050810e6,0 0 0 3.5px var(--rank-color),0 0 6px 1px color-mix(in srgb,var(--rank-color) 25%,transparent)}}.ui-avatar--tier-master{box-shadow:0 0 0 2px #050810e6,0 0 0 3.5px var(--rank-color),0 0 8px color-mix(in srgb,var(--rank-color) 30%,transparent),0 0 16px color-mix(in srgb,var(--rank-color) 12%,transparent)}.ui-avatar--tier-grandmaster{animation:rank-glow 3s ease-in-out infinite}@keyframes rank-glow{0%,to{box-shadow:0 0 0 2px #050810e6,0 0 0 3.5px var(--rank-color),0 0 8px color-mix(in srgb,var(--rank-color) 25%,transparent),0 0 16px color-mix(in srgb,var(--rank-color) 8%,transparent)}50%{box-shadow:0 0 0 2px #050810e6,0 0 0 3.5px var(--rank-color),0 0 12px color-mix(in srgb,var(--rank-color) 40%,transparent),0 0 24px color-mix(in srgb,var(--rank-color) 15%,transparent)}}.ui-avatar--founder{box-shadow:0 0 0 2px #050810e6,0 0 0 4px #2a2a4a}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--circle{border-radius:50%;flex-shrink:0}.skeleton--pill{border-radius:var(--radius-full)}.skeleton--text{border-radius:4px}.skeleton-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.skeleton-card__votes{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:40px;flex-shrink:0;padding-top:2px}.skeleton-card__content{flex:1;min-width:0}.skeleton-text-block{display:flex;flex-direction:column;gap:8px}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none;max-width:380px}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1rem;border-radius:var(--radius-lg);background:var(--color-glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--color-glass-border);box-shadow:var(--shadow-lg);pointer-events:auto;min-width:280px;font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-normal)}.toast--success{border-left:3px solid var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info{border-left:3px solid var(--color-info)}.toast--info .toast__icon{color:var(--color-info)}.toast__icon{flex-shrink:0;display:flex;align-items:center}.toast__message{flex:1;color:var(--color-text-primary);line-height:1.4}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.toast__close:hover{color:var(--color-text-primary);background:#ffffff14}@media (max-width: 480px){.toast-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}.toast{min-width:unset}}.confirm-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.confirm-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:0}.confirm-modal__content{position:relative;z-index:1;background:var(--surface-card);border:1px solid var(--border-color);border-radius:24px;padding:2rem;width:100%;max-width:400px;box-shadow:0 24px 48px #0006,inset 0 1px 1px #ffffff0d;text-align:center}.confirm-modal__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:#ffffff0d}.confirm-modal__icon svg{width:24px;height:24px}.confirm-modal__icon--danger{background:#ef444426;color:#ef4444}.confirm-modal__icon--primary{background:#0ea5e926;color:#0ea5e9}.confirm-modal__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.01em}.confirm-modal__message{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin:0 0 2rem}.confirm-modal__actions{display:flex;gap:.75rem}.confirm-modal__btn{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);border-radius:var(--radius-xl);background:var(--color-glass-bg-subtle);border:1px dashed var(--color-glass-border)}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-glass-bg);color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.empty-state__icon svg{width:28px;height:28px}.empty-state__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);letter-spacing:var(--letter-spacing-tight)}.empty-state__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:320px;line-height:1.5;margin-bottom:var(--spacing-md)}.empty-state__action{padding:.5rem 1.25rem;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-sm);font-weight:500;border:none;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.empty-state__action:hover{opacity:.9;transform:translateY(-1px)}.cursor-glow{position:fixed;pointer-events:none;z-index:1;will-change:left,top;border-radius:50%}.cursor-glow--primary{width:400px;height:400px;background:radial-gradient(circle at center,rgba(139,92,246,.12) 0%,rgba(124,58,237,.06) 40%,transparent 70%);filter:blur(50px);opacity:.6}.cursor-glow--secondary{width:600px;height:600px;background:radial-gradient(circle at center,rgba(59,130,246,.08) 0%,rgba(37,99,235,.04) 50%,transparent 70%);filter:blur(70px);opacity:.4}.cursor-glow{backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (hover: none) and (pointer: coarse){.cursor-glow{display:none}}@media (prefers-reduced-motion: reduce){.cursor-glow{display:none}}.dot-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;will-change:contents}@media (hover: none) and (pointer: coarse){.dot-grid{display:none}}@media (prefers-reduced-motion: reduce){.dot-grid{display:none}}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);position:relative;overflow-x:hidden;overflow-y:auto;background:#020408}.auth-background{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.auth-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:10}.auth-gradient-orb{position:absolute;border-radius:50%;opacity:.35;animation:orbFloat 20s ease-in-out infinite;will-change:transform}.auth-gradient-orb--1{width:800px;height:800px;background:radial-gradient(circle at center,rgba(139,92,246,.4) 0%,rgba(124,58,237,.2) 40%,transparent 70%);filter:blur(80px);top:-300px;right:-200px;animation-delay:0s}.auth-gradient-orb--2{width:600px;height:600px;background:radial-gradient(circle at center,rgba(59,130,246,.35) 0%,rgba(37,99,235,.15) 50%,transparent 70%);filter:blur(60px);bottom:-200px;left:-150px;animation-delay:7s;opacity:.3}.auth-gradient-orb--3{width:500px;height:500px;background:radial-gradient(circle at center,rgba(236,72,153,.25) 0%,rgba(219,39,119,.1) 50%,transparent 70%);filter:blur(70px);top:40%;left:60%;animation-delay:14s;opacity:.2}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-30px) scale(1.05)}50%{transform:translate(-20px,40px) scale(.95)}75%{transform:translate(-40px,-20px) scale(1.02)}}.auth-container{width:100%;max-width:420px;z-index:2;position:relative}.auth-card{width:100%}.auth-header{text-align:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.08)}.auth-logo-text{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.auth-tagline{color:var(--color-text-muted);font-size:.7rem;font-weight:500;margin-top:var(--spacing-sm);letter-spacing:.15em;text-transform:uppercase}.auth-logo-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.auth-logo-icon svg{width:32px;height:32px;color:var(--color-primary-light)}.auth-title{font-size:1.35rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs);text-align:center;letter-spacing:-.01em}.auth-subtitle{color:var(--color-text-secondary);text-align:center;margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);font-weight:400}.auth-error{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);color:#fca5a5;font-size:var(--font-size-sm);font-weight:450;margin-bottom:var(--spacing-md)}.auth-error svg{width:16px;height:16px;flex-shrink:0}.auth-success{background:#4ade8014;border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);color:#bbf7d0f2;font-size:var(--font-size-sm);font-weight:450;margin-bottom:var(--spacing-md);text-align:center;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:0}.auth-forgot{text-align:right;margin-bottom:var(--spacing-md)}.auth-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:450;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-text-primary)}.auth-link--primary{color:var(--color-primary-light);font-weight:500}.auth-link--primary:hover{color:#a78bfa}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.auth-social{display:flex;gap:var(--spacing-sm)}.auth-social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)!important;padding:var(--spacing-sm) var(--spacing-md)!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-social-btn:hover{background:#ffffff0f!important;border-color:#ffffff1f!important}.social-icon{width:16px;height:16px}.social-icon--google{color:#4285f4}.social-icon--github{color:var(--color-text-primary)}.auth-footer{text-align:center;margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:400}@media (max-width: 480px){.auth-page{padding:var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-2xl)}.auth-container{max-width:100%}.auth-social{flex-direction:column}}@media (max-height: 700px){.auth-page{padding:var(--spacing-sm) var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-lg)}.auth-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.auth-title{font-size:1.2rem}.auth-subtitle{margin-bottom:var(--spacing-sm)}.auth-footer{margin-top:var(--spacing-sm)}}.notif-anchor{position:relative}.notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.6rem;font-weight:700;line-height:16px;text-align:center;pointer-events:none;box-shadow:0 0 8px #ef444480,0 0 0 2px #080c18e6}.notif-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.notif-panel{position:absolute;top:calc(100% + 10px);right:-8px;width:380px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);display:flex;flex-direction:column;border-radius:var(--radius-xl, 16px);background:#0a0e1ceb;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #0000008c,0 8px 32px #0000004d,0 0 0 1px #6366f10f,inset 0 1px #ffffff0d;z-index:200;overflow:hidden}.notif-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.4) 30%,rgba(139,92,246,.3) 70%,transparent 100%);pointer-events:none}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.notif-header__title{font-size:.9rem;font-weight:650;color:var(--color-text-primary, #f0f2f8);letter-spacing:-.01em}.notif-header__action{border:none;background:none;color:var(--color-primary-light, #818cf8);font-size:.75rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm, 6px);transition:all .2s ease}.notif-header__action:hover{background:#6366f11f;color:#a5b4fc}.notif-header__action:disabled{opacity:.4;cursor:default}.notif-list{flex:1;overflow-y:auto;overscroll-behavior:contain;max-height:420px}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-track{background:transparent}.notif-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.notif-list::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;cursor:pointer;transition:background .2s ease;position:relative;text-decoration:none;color:inherit;border:none;background:none;width:100%;text-align:left}.notif-item:hover{background:#ffffff0a}.notif-item--unread{background:#6366f10a}.notif-item--unread:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#818cf8,#8b5cf6);box-shadow:0 0 8px #818cf84d}.notif-item__avatar{position:relative;flex-shrink:0}.notif-item__avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.notif-item__avatar-fallback{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600}.notif-item__type-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(10,14,28,.9)}.notif-item__type-badge svg{width:10px;height:10px}.notif-item__type-badge--vote_milestone{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notif-item__type-badge--comment{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notif-item__type-badge--reply{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.notif-item__type-badge--bookmark{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notif-item__type-badge--new_post{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.notif-item__content{flex:1;min-width:0}.notif-item__message{font-size:.815rem;line-height:1.45;color:var(--color-text-secondary, #a1a8b8);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item--unread .notif-item__message{color:var(--color-text-primary, #f0f2f8)}.notif-item__time{font-size:.7rem;color:var(--color-text-tertiary, #6b7280);margin-top:3px}.notif-item__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 0 6px #818cf866;margin-top:6px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.notif-empty__icon{width:48px;height:48px;color:var(--color-text-tertiary, #6b7280);margin-bottom:12px;opacity:.5}.notif-empty__text{font-size:.85rem;color:var(--color-text-tertiary, #6b7280);font-weight:500}.notif-empty__sub{font-size:.75rem;color:var(--color-text-tertiary, #6b7280);opacity:.6;margin-top:4px}.notif-loading{display:flex;align-items:center;justify-content:center;padding:32px}.notif-loading__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-primary-light, #818cf8);border-radius:50%;animation:notif-spin .6s linear infinite}@keyframes notif-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.notif-panel{position:fixed;top:var(--topbar-height, 56px);left:0;right:0;width:100%;max-height:calc(100vh - var(--topbar-height, 56px));max-height:calc(100dvh - var(--topbar-height, 56px));border-radius:0 0 var(--radius-xl, 16px) var(--radius-xl, 16px)}.notif-list{max-height:calc(100vh - var(--topbar-height, 56px) - 60px)}}.activity-pill{position:fixed;bottom:16px;right:16px;z-index:190;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;background:#07090de0;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0000004d;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .25s cubic-bezier(.16,1,.3,1)}.activity-pill:hover{border-color:#667eea40}.activity-pill:focus-visible{outline:none;box-shadow:0 0 0 2px #667eea4d}.activity-pill__dot{position:relative;width:7px;height:7px;border-radius:50%;background:#667eea;flex-shrink:0}.activity-pill__dot:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:#667eea59;animation:pill-ping 2s cubic-bezier(.16,1,.3,1) infinite}@keyframes pill-ping{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(2);opacity:0}}.activity-pill__label{font-size:.75rem;font-weight:450;color:#f0f2f5cc;white-space:nowrap}.activity-pill__label strong{font-weight:650;color:#f0f2f5}.activity-pill__cta{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;color:#818cf8;white-space:nowrap;overflow:hidden;margin-left:4px}@media (max-width: 480px){.activity-pill{bottom:12px;right:12px;padding:6px 12px;gap:6px}.activity-pill__label{font-size:.68rem}}:root{--topbar-height: 56px;--sidebar-width: 240px;--sidebar-collapsed-width: 0px}.app-layout{display:grid;grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr;grid-template-areas:"topbar topbar" "sidebar content";min-height:100vh;min-height:100dvh;position:relative}.app-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(99,102,241,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at -5% 90%,rgba(139,92,246,.04) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 105% 50%,rgba(99,102,241,.025) 0%,transparent 50%);pointer-events:none;z-index:0}.app-layout>*{position:relative;z-index:1}.topbar{grid-area:topbar;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:0 var(--spacing-xl);height:var(--topbar-height);background:#080c18d1;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.06)}.topbar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.3) 30%,rgba(139,92,246,.2) 70%,transparent 100%);pointer-events:none}.topbar__left{display:flex;align-items:center;gap:var(--spacing-md)}.topbar__menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);transition:all var(--transition-fast)}.topbar__menu-btn:hover{background:var(--color-glass-bg-subtle);color:var(--color-text-primary)}.topbar__menu-btn svg{width:20px;height:20px}.topbar__logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-text-primary)}.topbar__logo-icon{display:inline-flex;align-items:center;line-height:1}.topbar__logo-icon svg{width:20px;height:20px;color:var(--color-primary-light)}.topbar__logo-text{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.topbar__logo-accent{color:var(--color-primary-light)}.topbar__center{flex:1;max-width:480px;margin:0 auto}.topbar__search{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);height:36px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all .25s cubic-bezier(.22,1,.36,1)}.topbar__search:focus-within{border-color:#6366f173;background:#0f1428d9;box-shadow:0 0 0 3px #6366f11a,0 0 20px #6366f114,0 0 40px #8b5cf60a,0 8px 24px #0003;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.topbar__search svg{width:15px;height:15px;color:var(--color-text-tertiary);flex-shrink:0}.topbar__search-input{flex:1;border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none}.topbar__search-input:focus,.topbar__search-input:focus-visible{outline:none;box-shadow:none;border:none}.topbar__search-input::placeholder{color:var(--color-text-tertiary);transition:opacity .2s ease}.topbar__search:focus-within .topbar__search-input::placeholder{opacity:.5}.topbar__search-shortcut{font-size:.65rem;font-weight:500;color:var(--color-text-tertiary);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:1px 5px;letter-spacing:.02em;flex-shrink:0;opacity:.7}.topbar__search:focus-within .topbar__search-shortcut{opacity:0;transition:opacity .15s ease}.topbar__right{display:flex;align-items:center;gap:6px}.topbar__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);transition:all .2s ease;position:relative}.topbar__icon-btn:hover{background:#ffffff0f;color:var(--color-text-primary)}.topbar__icon-btn svg{width:18px;height:18px}.topbar__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-decoration:none;transition:all .25s ease;box-shadow:0 0 0 2px transparent}.topbar__avatar:hover{box-shadow:0 0 0 2px #8b5cf680;color:#fff;transform:scale(1.05)}.sidebar{grid-area:sidebar;position:sticky;top:var(--topbar-height);height:calc(100vh - var(--topbar-height));height:calc(100dvh - var(--topbar-height));display:flex;flex-direction:column;padding:var(--spacing-lg) var(--spacing-sm);overflow-y:auto;border-right:1px solid rgba(255,255,255,.05);background:#0a0f1c99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(99,102,241,.15) 0%,rgba(139,92,246,.08) 40%,transparent 80%);pointer-events:none}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:var(--spacing-md);padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all .2s ease;border:none;background:none;cursor:pointer;width:100%;text-align:left;position:relative}.sidebar__link svg{width:18px;height:18px;flex-shrink:0;transition:color .2s ease}.sidebar__link:hover{background:#ffffff0d;color:var(--color-text-primary)}.sidebar__link--active{color:var(--color-primary-light)}.sidebar__indicator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:#6366f11f;border:1px solid rgba(99,102,241,.1);z-index:-1}.sidebar__link--active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--gradient-primary)}.sidebar__link--active svg{color:var(--color-primary-light)}.sidebar__link--muted{color:var(--color-text-tertiary)}.sidebar__link--muted:hover{color:var(--color-error)}.sidebar__badge{position:absolute;top:-4px;right:-6px;background:var(--color-primary, #818cf8);color:#fff;font-size:.55rem;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;box-shadow:0 0 6px #818cf866}.sidebar__section{display:flex;flex-direction:column;gap:1px}.sidebar__section-header{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);padding:6px 12px 8px;text-decoration:none;transition:color .2s ease}.sidebar__section-header:hover{color:var(--color-primary-light)}.sidebar__link--community{gap:10px;padding:7px 12px;font-size:.8rem}.sidebar__community-hash{font-size:.85rem;font-weight:600;color:var(--color-text-tertiary);opacity:.5;flex-shrink:0;transition:opacity .2s ease;line-height:1}.sidebar__link--community:hover .sidebar__community-hash,.sidebar__link--active .sidebar__community-hash{opacity:.8}.sidebar__divider{height:1px;margin:var(--spacing-md) 12px;background:#ffffff0f}.sidebar__new-post{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:0 var(--spacing-xs);padding:11px var(--spacing-md);border-radius:var(--radius-lg);border:none;background:var(--gradient-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.sidebar__new-post svg{width:16px;height:16px}.sidebar__new-post:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d,0 0 0 1px #ffffff1a inset}.sidebar__new-post:active{transform:translateY(0)}.sidebar__new-post:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .5s ease;pointer-events:none}.sidebar__new-post:hover:after{left:100%}.sidebar__spacer{flex:1}.sidebar__footer{padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.06)}.sidebar-overlay{display:none}.app-content{grid-area:content;padding:var(--spacing-lg) var(--spacing-xl);max-width:1200px;width:100%;margin:0 auto;min-height:calc(100vh - var(--topbar-height));min-height:calc(100dvh - var(--topbar-height))}@media (max-width: 1024px){.app-layout{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.topbar__menu-btn{display:flex}.topbar{padding:0 var(--spacing-md)}.sidebar{position:fixed;top:var(--topbar-height);left:0;width:var(--sidebar-width);z-index:99;transform:translate(-100%);transition:transform .3s cubic-bezier(.22,1,.36,1);background:#080c18f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;top:var(--topbar-height);z-index:98;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-content{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 640px){.topbar__center{display:none}.app-content{padding:var(--spacing-md)}}.app-layout--theater{--topbar-height: 0px !important;grid-template-rows:0px 1fr;grid-template-columns:0px 1fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1),grid-template-columns .45s cubic-bezier(.16,1,.3,1)}.app-layout--theater .sidebar{width:0;padding:0;overflow:hidden;opacity:0;pointer-events:none;border-right-color:transparent;transition:width .45s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1),padding .45s cubic-bezier(.16,1,.3,1)}.app-layout--theater .app-content{max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:0;overflow:hidden;padding:0;margin:0;transition:max-width .45s cubic-bezier(.16,1,.3,1)}@media (max-width: 1024px){.app-layout--theater{--topbar-height: 0px !important;grid-template-rows:0px 1fr;grid-template-columns:1fr;grid-template-areas:"topbar" "content"}.app-layout--theater .sidebar{transform:translate(-100%);width:0}}.post-card{display:flex;gap:20px;padding:22px 24px;border-radius:var(--radius-xl);background:var(--color-glass-bg-card);border:1px solid var(--color-glass-border-card);box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.22,1,.36,1);cursor:pointer;position:relative}.post-card--grandmaster{border:1px solid rgba(229,69,69,.25);box-shadow:0 2px 12px #00000014,0 0 0 1px #e545450f}.post-card--grandmaster:hover{border-color:#e5454559;box-shadow:0 4px 20px #0003,0 0 0 1px #e545451a}.post-card__author--grandmaster{color:#e54545!important}.post-card__thumbnail{flex-shrink:0;width:120px;height:80px;border-radius:var(--radius-md);overflow:hidden;position:relative}.post-card__thumbnail-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .4s ease;opacity:0;position:relative;z-index:1}.post-card__thumbnail-img--loaded{opacity:1}.post-card:hover .post-card__thumbnail-img--loaded{transform:scale(1.05)}.post-card__thumbnail-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#ffffff08,#ffffff0f 40%,#6366f114,#ffffff0f 60%,#ffffff08);background-size:200% 100%;animation:shimmer 2s infinite linear;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md)}.post-card__shimmer-icon{width:24px;height:24px;color:#ffffff1f}.post-card__shimmer-icon svg{width:100%;height:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.post-card:hover{border-color:#6366f126;box-shadow:0 4px 20px #0003,0 0 0 1px #6366f114;transform:translateY(-2px)}.post-card__votes{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:48px;flex-shrink:0;padding:6px 4px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a;align-self:flex-start}.post-card__vote-btn{display:flex;align-items:center;justify-content:center;width:34px;height:30px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;padding:0}.post-card__vote-btn svg{width:18px;height:18px;transition:transform .15s ease}.post-card__vote-btn:hover{background:#6366f11f;color:var(--color-primary-light)}.post-card__vote-btn:hover svg{transform:scale(1.15)}.post-card__vote-btn:active svg{transform:scale(.9)}.post-card__vote-btn--active-up{color:#34d399a6;background:#34d3990f}.post-card__vote-btn--active-down{color:#f87171a6;background:#f871710f}.post-card__score{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);line-height:1;min-width:20px;text-align:center;padding:2px 0;font-variant-numeric:tabular-nums;transition:transform .15s ease,color .2s ease}.post-card__score--positive{color:#34d3991a}.post-card__score--negative{color:#f871711a}.post-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.post-card__header{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.post-card__author{color:var(--color-text-secondary);font-weight:600;text-decoration:none;cursor:pointer;transition:color .15s ease}.post-card__author:hover{color:var(--color-primary-light)}.post-card__dot{opacity:.3;font-size:.5rem}.post-card__edited{font-style:italic;opacity:.6;margin-left:2px}.post-card__title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4;letter-spacing:var(--letter-spacing-tight);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__tags{display:flex;flex-wrap:wrap;gap:6px}.post-card__footer{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.post-card__stat{display:flex;align-items:center;gap:4px;transition:color .15s ease}.post-card__stat:hover{color:var(--color-text-secondary)}.post-card__stat:hover svg{opacity:.7}.post-card__stat svg{width:13px;height:13px;opacity:.5}.post-card__footer-dot{color:var(--color-text-muted);font-size:.35rem;line-height:1}.post-card__flagged{font-size:var(--font-size-xs);color:var(--color-warning, #f59e0b);margin:0;padding:4px 8px;background:#f59e0b14;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.15)}.post-card__bookmark-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-full);background:#ffffff0a;color:var(--color-text-tertiary);cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);opacity:0;z-index:2}.post-card__bookmark-btn svg{width:16px;height:16px}.post-card:hover .post-card__bookmark-btn,.post-card__bookmark-btn--active{opacity:1}.post-card__bookmark-btn:hover{background:#6366f11f;color:var(--color-primary-light)}.post-card__bookmark-btn--active{color:var(--color-primary-light);background:#6366f126}@media (max-width: 640px){.post-card{padding:var(--spacing-md);gap:var(--spacing-sm)}.post-card__votes{min-width:40px;padding:4px 2px}.post-card__thumbnail{width:80px;height:56px}.post-card__excerpt{display:none}.post-card__title{font-size:1rem}.post-card__bookmark-btn{opacity:1}}.feed-page{max-width:860px;margin:0 auto;padding:var(--spacing-lg) 0;min-height:0}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.feed-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:var(--letter-spacing-tight)}.feed-header__count{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary);background:#ffffff0d;border:1px solid rgba(255,255,255,.06);padding:2px 10px;border-radius:var(--radius-full)}.feed-sort{display:flex;gap:4px;padding:4px;background:#ffffff06;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);margin-bottom:var(--spacing-xl);width:fit-content}.feed-sort__tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;background:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:color .2s ease;z-index:0}.feed-sort__tab-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:#ffffff14;border:1px solid rgba(255,255,255,.06);box-shadow:0 1px 4px #00000040;z-index:-1}.feed-sort__icon{width:15px;height:15px;opacity:.7;transition:opacity .2s ease,filter .3s ease;flex-shrink:0}.feed-sort__tab--active .feed-sort__icon{opacity:1}.feed-sort__tab--active .feed-sort__icon--hot{filter:drop-shadow(0 0 5px rgba(255,100,20,.75))}.feed-sort__tab--active .feed-sort__icon--new{filter:drop-shadow(0 0 4px rgba(160,200,255,.8))}.feed-sort__tab--active .feed-sort__icon--top{filter:drop-shadow(0 0 5px rgba(245,166,35,.75))}.feed-sort__tab--active .feed-sort__icon--following{filter:drop-shadow(0 0 5px rgba(167,139,250,.7))}.feed-sort__tab:hover{color:var(--color-text-secondary)}.feed-sort__tab--active{color:var(--color-text-primary)}.feed-list,.feed-skeleton{display:flex;flex-direction:column;gap:14px}.feed-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-text-secondary)}.feed-empty__icon{width:56px;height:56px;margin:0 auto var(--spacing-lg);color:var(--color-primary-light);opacity:.5;animation:floatIcon 3s ease-in-out infinite}.feed-empty__icon svg{width:100%;height:100%}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.feed-empty h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.feed-empty p{margin:0 auto;max-width:400px;color:var(--color-text-tertiary);line-height:1.6}.feed-loading{display:flex;justify-content:center;padding:var(--spacing-3xl)}.feed-loading__spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.06);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.feed-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.04)}.feed-pagination__indicator{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.feed-pagination__icon{width:14px;height:14px;opacity:.7}.sketch-container{position:relative;width:100%;margin-top:var(--spacing-sm);background:var(--color-glass-bg-subtle);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;transition:all var(--transition-normal)}.sketch-container--expanded{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;margin:0;border:none;border-radius:0;z-index:9999;background:#0a0f19d9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);display:flex;flex-direction:column;align-items:center;justify-content:center}.sketch-container--expanded .sketch-canvas{width:90vw;max-width:1200px;max-height:calc(100vh - 180px)}.sketch-expand-btn{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.15);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast)}.sketch-expand-btn:hover{background:#ffffff26;color:var(--color-text-primary);transform:scale(1.05)}.sketch-container--expanded .sketch-expand-btn{z-index:999999}.sketch-canvas{display:block;width:100%;height:auto;aspect-ratio:2 / 1;max-height:350px;background:transparent;touch-action:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0003;border:1px solid rgba(255,255,255,.1);background-color:#ffffff05}.sketch-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#0c1220b3;border-top:1px solid var(--color-glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.16,1,.3,1)}.sketch-container--expanded .sketch-toolbar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15);background:#141928d9;padding:12px 24px;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:auto;min-width:500px}.sketch-tools,.sketch-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.sketch-divider{width:1px;height:24px;background:var(--color-glass-border);margin:0 var(--spacing-xs)}.sketch-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer}.sketch-tool-btn:hover:not(:disabled){background:#ffffff0d;color:var(--color-text-primary)}.sketch-tool-btn.active{background:#7c7fff26;border-color:#7c7fff4d;color:var(--color-primary-light);box-shadow:inset 0 0 12px #7c7fff1a}.sketch-tool-btn:disabled{opacity:.4;cursor:not-allowed}.sketch-tool-btn--danger:hover{background:#f8717126!important;color:var(--color-error)!important}.sketch-tool-btn--secondary{width:auto;padding:0 16px;background:#ffffff1a;color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-sm);border:1px solid rgba(255,255,255,.2)}.sketch-tool-btn--secondary:hover{background:#ffffff26!important;color:#fff!important}.sketch-tool-btn--done{width:auto;padding:0 16px;background:#6366f1d9;color:#fff;font-weight:600;font-size:var(--font-size-sm);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #6366f14d}.sketch-tool-btn--done:hover{background:#6366f1!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.sketch-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast);padding:0;box-shadow:inset 0 0 4px #0003}.sketch-swatch:hover{transform:scale(1.15)}.sketch-swatch.active{border-color:#fffc;transform:scale(1.15);box-shadow:0 0 10px #ffffff4d}.sketch-color-picker{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;overflow:hidden;padding:0;background:transparent}.sketch-color-picker::-webkit-color-swatch-wrapper{padding:0}.sketch-color-picker::-webkit-color-swatch{border:2px solid rgba(255,255,255,.2);border-radius:50%}.sketch-color-picker:hover::-webkit-color-swatch{border-color:#ffffff80}.sketch-size-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;background:#ffffff1a;border-radius:var(--radius-full);outline:none;cursor:pointer}.sketch-size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-text-primary);cursor:pointer;transition:transform var(--transition-fast)}.sketch-size-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.create-post-page{max-width:680px;margin:0 auto;padding:var(--spacing-lg) 0}.create-post__heading{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-md)}.create-post__heading-icon{width:26px;height:26px;color:var(--color-primary-light);opacity:.8}.create-post__subheading{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0 0 var(--spacing-xl)}.create-post__container{padding:var(--spacing-xl);border-radius:var(--radius-xl, 16px);background:var(--color-glass-bg-card);border:1px solid var(--color-glass-border-card)}.create-post__form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-post__field{display:flex;flex-direction:column;gap:6px}.create-post__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:space-between}.create-post__char-count{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.create-post__char-count--warn{color:var(--color-warning, #f59e0b)}.create-post__char-count--danger{color:var(--color-error)}.create-post__input{padding:12px 16px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;transition:all .25s cubic-bezier(.22,1,.36,1);outline:none;line-height:1.5}.create-post__input::placeholder{color:var(--color-text-tertiary);transition:opacity .2s ease}.create-post__input:focus{border-color:#6366f180;background:#141e3066;box-shadow:0 0 0 3px #6366f11a,0 2px 8px #00000026}.create-post__input:focus::placeholder{opacity:.5}.create-post__textarea{min-height:200px;resize:vertical;line-height:1.7}.create-post__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%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;padding-right:36px;cursor:pointer}.create-post__select option{background:#1a1f2e;color:var(--color-text-primary)}.create-post__tags{display:flex;flex-wrap:wrap;gap:8px}.create-post__visuals-card{background:#ffffff04;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-normal)}.create-post__visuals-card:hover{border-color:#ffffff1a;background:#ffffff05}.create-post__mode-selector{display:flex;background:#00000040;border-radius:var(--radius-lg);padding:6px;gap:6px;border:1px solid rgba(255,255,255,.04)}.create-post__mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:calc(var(--radius-lg) - 4px);background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast)}.create-post__mode-icon{width:16px;height:16px}.create-post__mode-btn:hover:not(.active){color:var(--color-text-secondary);background:#ffffff08}.create-post__mode-btn.active{background:var(--color-glass-bg-subtle);color:var(--color-text-primary);box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.08)}.create-post__mode-content{margin-top:var(--spacing-sm)}.create-post__mode-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:flex;align-items:center;gap:8px;padding:var(--spacing-md);background:#6366f10d;border-radius:var(--radius-lg);border:1px dashed rgba(99,102,241,.2)}.create-post__upload-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.create-post__upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-xl);background:#ffffff05;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer}.create-post__upload-box:hover{border-color:#6366f166;background:#6366f108}.create-post__file-input-hidden{display:none}.create-post__upload-icon{width:32px;height:32px;color:var(--color-primary-light);margin-bottom:var(--spacing-sm);opacity:.8}.create-post__upload-text{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:500}.create-post__upload-subtext{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:4px}.create-post__thumbnails{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.create-post__thumbnail-wrapper{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#000}.create-post__thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-fast)}.create-post__thumbnail-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-post__thumbnail-remove svg{width:12px;height:12px}.create-post__thumbnail-wrapper:hover .create-post__thumbnail-remove{opacity:1}.create-post__thumbnail-remove:hover{background:#f87171cc}.create-post__tag-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.create-post__tag-check{width:12px;height:12px;color:var(--color-primary-light)}.create-post__tag-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:.8}.create-post__tag-btn:hover{background:#ffffff12;border-color:#ffffff1f}.create-post__tag-btn--selected{background:#6366f11f;border-color:#6366f140;color:var(--color-text-primary);box-shadow:0 2px 8px #00000026}.create-post__tag-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:400}.create-post__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.04)}.create-post__error{padding:var(--spacing-md);background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.create-post__input--error{border-color:#f8717166!important}.create-post__field-error{font-size:var(--font-size-xs);color:#fca5a5;margin-top:2px}@media (max-width: 640px){.create-post__container{padding:var(--spacing-md)}}.comment-section{margin-top:var(--spacing-2xl)}.comment-section__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-xl);letter-spacing:var(--letter-spacing-tight)}.comment-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.comment-form__textarea{padding:14px 16px;background:var(--color-glass-bg-card);border:1px solid var(--color-glass-border-card);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:100px;outline:none;transition:all .25s cubic-bezier(.22,1,.36,1);line-height:1.6}.comment-form__textarea::placeholder{color:var(--color-text-tertiary)}.comment-form__textarea:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f114,0 2px 8px #00000026}.comment-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.comment{display:flex;gap:12px;padding:14px 12px;border-radius:var(--radius-lg);transition:background .2s ease}.comment:hover{background:#ffffff06}.comment__avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 0 0 2px transparent;transition:box-shadow .2s ease}.comment:hover .comment__avatar{box-shadow:0 0 0 2px #8b5cf640}.comment__content{flex:1;min-width:0}.comment__header{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.comment__author{color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:color .15s ease}.comment__author:hover{color:var(--color-primary-light)}.comment__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.65;white-space:pre-wrap;word-break:break-word}.comment__edited{font-style:italic;opacity:.7;font-size:.85em}.comment-form--edit{margin-top:6px;margin-bottom:2px}.comment-form--edit .comment-form__textarea{min-height:80px;padding:10px 12px}.comment__actions{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:var(--font-size-xs)}.comment__action-btn{display:flex;align-items:center;gap:3px;padding:3px 6px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;font-size:var(--font-size-xs)}.comment__action-btn:hover{background:#ffffff0f;color:var(--color-text-secondary)}.comment__action-btn svg{width:14px;height:14px}.comment__action-btn--active-up{color:#34d399a6;background:#34d3990d}.comment__action-btn--active-down{color:#f87171a6;background:#f871710d}.comment__vote-score{font-weight:600;color:var(--color-text-secondary);min-width:16px;text-align:center;font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;transition:transform .15s ease,color .2s ease}.comment__vote-score--positive{color:#34d3991a}.comment__vote-score--negative{color:#f871711a}.comment__replies{margin-left:20px;padding-left:16px;border-left:2px solid rgba(99,102,241,.18)}.comment__reply-form{margin:var(--spacing-sm) 0 var(--spacing-sm) 44px}.comment__reply-form .comment-form{margin-bottom:var(--spacing-sm)}.comment__reply-form .comment-form__textarea{min-height:72px}.comment-section__empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.post-detail-page{min-height:0;max-width:860px;margin:0 auto;padding:0 1.5rem}.post-detail__back{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-decoration:none;margin-bottom:var(--spacing-lg);transition:all .2s ease;background:none;border:none;cursor:pointer;padding:4px 0;font-weight:500;font-family:inherit}.post-detail__back-icon{width:16px;height:16px;transition:transform .2s ease}.post-detail__back:hover .post-detail__back-icon{transform:translate(-3px)}.post-detail__back:hover{color:var(--color-text-secondary)}.post-detail__card{background:var(--color-glass-bg-card);border:1px solid var(--color-glass-border-card);border-radius:var(--radius-xl);padding:32px 36px;box-shadow:0 4px 24px #0000001f;position:relative}.post-detail__bookmark-btn{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-full);background:#ffffff0a;color:var(--color-text-tertiary);cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);z-index:2}.post-detail__bookmark-btn svg{width:18px;height:18px}.post-detail__bookmark-btn:hover{background:#6366f11f;color:var(--color-primary-light)}.post-detail__bookmark-btn--active{color:var(--color-primary-light);background:#6366f126}.post-detail__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:24px}.post-detail__avatar{width:42px;height:42px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0}.post-detail__meta{display:flex;flex-direction:column;gap:2px}.post-detail__author{color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:color .15s ease}.post-detail__author:hover{color:var(--color-primary-light)}.post-detail__avatar{transition:box-shadow .2s ease;border-radius:50%}.post-detail__avatar:hover{box-shadow:0 0 0 2px #6366f14d}.post-detail__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.post-detail__edited{margin-left:6px;font-style:italic;opacity:.7;font-size:.85em}.post-detail__title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 16px;line-height:1.3;letter-spacing:var(--letter-spacing-tight)}.post-detail__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.post-detail__carousel-container{position:relative;width:100%;margin-bottom:28px;border-radius:var(--radius-lg);overflow:hidden;background:#00000059;box-shadow:0 4px 20px #00000026}.post-detail__cover{width:100%;max-height:420px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.post-detail__carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#0006;color:#fff;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0}.post-detail__carousel-container:hover .post-detail__carousel-btn{opacity:1}.post-detail__carousel-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.post-detail__carousel-btn--prev{left:16px}.post-detail__carousel-btn--next{right:16px}.post-detail__carousel-btn svg{width:20px;height:20px}.post-detail__carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;background:#0006;padding:6px 12px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-detail__carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all var(--transition-fast)}.post-detail__carousel-dot--active{background:#fff;transform:scale(1.3)}.post-detail__cover-img{width:100%;max-height:420px;object-fit:contain;opacity:0;transition:opacity .5s ease;position:relative;z-index:1}.post-detail__cover-img--loaded{opacity:1}.post-detail__cover-shimmer{width:100%;min-height:280px;background:linear-gradient(110deg,#ffffff05,#ffffff0d 40%,#6366f114,#ffffff0d 60%,#ffffff05);background-size:200% 100%;animation:detailShimmer 2.2s infinite linear;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-lg);margin-bottom:28px}.post-detail__cover-shimmer svg{width:48px;height:48px;color:#ffffff1a}.post-detail__cover-shimmer span{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:500;letter-spacing:.02em}@keyframes detailShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.post-detail__body{font-size:var(--font-size-md);line-height:1.85;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin-bottom:28px}.post-detail__separator{height:1px;background:#ffffff0f;margin-bottom:20px}.post-detail__stats{display:flex;align-items:center;gap:20px;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.post-detail__stat{display:flex;align-items:center;gap:6px}.post-detail__stat svg{width:16px;height:16px;opacity:.5}.post-detail__vote-bar{display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.post-detail__vote-btn{display:flex;align-items:center;justify-content:center;width:36px;height:34px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease;padding:0}.post-detail__vote-btn svg{width:18px;height:18px;transition:transform .15s ease}.post-detail__vote-btn:hover{background:#6366f11f;color:var(--color-primary-light)}.post-detail__vote-btn:hover svg{transform:scale(1.15)}.post-detail__vote-btn:active svg{transform:scale(.9)}.post-detail__vote-btn--active-up{color:#34d399a6;background:#34d3990f}.post-detail__vote-btn--active-down{color:#f87171a6;background:#f871710f}.post-detail__vote-score{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);min-width:28px;text-align:center;font-variant-numeric:tabular-nums;transition:transform .15s ease,color .2s ease}.post-detail__vote-score--positive{color:#34d3991a}.post-detail__vote-score--negative{color:#f871711a}.post-detail__share-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);background:#ffffff08;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s ease}.post-detail__share-btn svg{width:14px;height:14px}.post-detail__share-btn:hover{background:#ffffff0f;color:var(--color-text-secondary);border-color:#ffffff1a}.post-detail__actions{display:flex;gap:var(--spacing-sm);margin-left:auto}.post-detail__error{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary)}@media (max-width: 640px){.post-detail__card{padding:20px 18px}.post-detail__title{font-size:1.35rem}.post-detail__stats{flex-wrap:wrap;gap:12px}.post-detail__body{font-size:var(--font-size-base)}}.post-detail__avatar-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;padding:var(--spacing-2xl)}.post-detail__avatar-lightbox-img{max-width:min(90vw,480px);max-height:80vh;border-radius:var(--radius-xl);object-fit:contain;box-shadow:0 8px 40px #00000080;pointer-events:none}.post-detail__cover-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;padding:var(--spacing-xl)}.post-detail__cover-lightbox-img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 12px 60px #0009;pointer-events:none}.follow-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:20px;cursor:pointer;font-weight:600;font-family:inherit;transition:all .2s ease;white-space:nowrap}.follow-btn--sm{padding:6px 16px;font-size:.8rem}.follow-btn--md{padding:8px 20px;font-size:.875rem}.follow-btn--follow{background:var(--accent, #8b5cf6);color:#fff}.follow-btn--follow:hover{background:var(--accent-hover, #7c3aed);box-shadow:0 2px 12px #8b5cf659}.follow-btn--following{background:#8b5cf61f;color:var(--accent, #8b5cf6);border:1px solid rgba(139,92,246,.25)}.follow-btn--following:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.follow-btn__icon{width:14px;height:14px;flex-shrink:0}.follow-btn__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:follow-spin .6s linear infinite}@keyframes follow-spin{to{transform:rotate(360deg)}}.follow-btn:disabled{opacity:.7;cursor:not-allowed}.fmodal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.fmodal{background:var(--card-bg, #1a1a2e);border-radius:16px;width:100%;max-width:420px;max-height:70vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 48px #0006;overflow:hidden}.fmodal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}.fmodal__title{font-size:1rem;font-weight:600;color:var(--text-primary, #f0f0f0);margin:0}.fmodal__close{background:none;border:none;color:var(--text-secondary, #8e8ea0);cursor:pointer;padding:4px;border-radius:8px;transition:background .15s,color .15s}.fmodal__close:hover{background:#ffffff14;color:var(--text-primary, #f0f0f0)}.fmodal__close svg{width:18px;height:18px}.fmodal__tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);padding:0 20px}.fmodal__tab{flex:1;background:none;border:none;padding:10px 0;font-size:.85rem;font-weight:500;color:var(--text-secondary, #8e8ea0);cursor:pointer;transition:color .2s;position:relative;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px}.fmodal__tab--active{color:var(--accent, #8b5cf6)}.fmodal__tab--active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--accent, #8b5cf6);border-radius:2px}.fmodal__tab-count{font-size:.75rem;opacity:.7}.fmodal__list{flex:1;overflow-y:auto;padding:8px 0}.fmodal__loading,.fmodal__empty{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary, #8e8ea0);font-size:.875rem}.fmodal__user{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;transition:background .15s}.fmodal__user:hover{background:#ffffff08}.fmodal__user-info{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;min-width:0}.fmodal__avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.fmodal__user-text{display:flex;flex-direction:column;min-width:0}.fmodal__user-name{font-weight:600;font-size:.875rem;color:var(--text-primary, #f0f0f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmodal__user-handle{font-size:.75rem;color:var(--text-secondary, #8e8ea0);display:flex;align-items:center;gap:6px}.fmodal__rank{font-size:.65rem;font-weight:600;color:var(--rank-color, #8b5cf6);background:color-mix(in srgb,var(--rank-color, #8b5cf6) 12%,transparent);padding:1px 6px;border-radius:8px}.profile-page{max-width:680px;margin:0 auto;padding:var(--spacing-lg) 0}.profile-banner{position:relative;width:100%;aspect-ratio:16 / 5;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;overflow:hidden;background:var(--color-bg-tertiary)}.profile-banner__img{width:100%;height:100%;object-fit:cover;display:block}.profile-banner__default{width:100%;height:100%;background:linear-gradient(135deg,#6366f159,#8b5cf640 40%,#a78bfa26,#141e3099);animation:bannerGradientShift 8s ease-in-out infinite alternate}@keyframes bannerGradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}.profile-banner--editable{cursor:pointer}.profile-banner__edit-overlay{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#ffffffe6;opacity:0;transform:translateY(-5px);transition:all var(--transition-fast)}.profile-banner__edit-overlay svg{width:14px;height:14px}.profile-banner__edit-overlay span{font-size:var(--font-size-xs);font-weight:500}.profile-banner--editable:hover .profile-banner__edit-overlay{opacity:1;transform:translateY(0)}.profile-banner--editable:hover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;pointer-events:none;transition:background var(--transition-fast)}.profile-hero__card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--spacing-xl) var(--spacing-2xl);background:var(--color-glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--color-glass-border);border-top:none;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);box-shadow:var(--shadow-lg)}.profile-hero__avatar-ring{position:relative;padding:3px;border-radius:50%;margin-top:-48px;margin-bottom:var(--spacing-md)}.profile-hero__avatar-ring--editable{cursor:pointer;transition:transform var(--transition-fast)}.profile-hero__avatar{width:88px;height:88px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);border:3px solid var(--color-bg-primary);overflow:hidden}.profile-hero__avatar-edit-overlay{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.profile-hero__avatar-edit-overlay svg{width:24px;height:24px;color:#ffffffe6}.profile-hero__avatar-ring--editable:hover .profile-hero__avatar-edit-overlay{opacity:1}.profile-hero__avatar-ring--editable:hover{transform:scale(1.05)}.profile-hero__avatar-img{width:100%;height:100%;object-fit:cover}.profile-hero__info{margin-bottom:var(--spacing-lg)}.profile-hero__name{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:2px}.profile-hero__username{font-size:var(--font-size-sm);color:var(--color-primary-light);margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.profile-hero__rank-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--rank-color);background:color-mix(in srgb,var(--rank-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--rank-color) 25%,transparent);line-height:1.4}.profile-hero__founder-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.04em;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#ffffffd9;line-height:1.4;box-shadow:0 1px 3px #0003}.profile-hero__tenure{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-sm)}.profile-hero__email{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.profile-hero__bio{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;max-width:400px;margin-inline:auto}.profile-hero__actions{display:flex;gap:var(--spacing-sm)}.profile-hero__message-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);background:#ffffff0a;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-hero__message-btn:hover{background:#ffffff14;color:var(--color-text-primary);border-color:#fff3}.profile-hero__message-btn:disabled{opacity:.5;cursor:default}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-md) var(--spacing-sm);background:var(--color-glass-bg-subtle);backdrop-filter:blur(var(--glass-blur-subtle));-webkit-backdrop-filter:blur(var(--glass-blur-subtle));border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.profile-stat:hover{border-color:var(--color-glass-border-hover);box-shadow:0 0 0 1px #6366f11a,inset 0 1px #ffffff0d,0 4px 16px #6366f114}.profile-stat__value--negative{color:#f8717166}.profile-stat__icon{width:18px;height:18px;color:var(--color-primary-light);opacity:.7}.profile-stat__value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.profile-stat__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.profile-stats--regcubes{grid-template-columns:repeat(5,1fr)}.profile-stat--regcubes{border-color:#a855f74d}.profile-stat--regcubes .profile-stat__value{color:#e9d5ff}.profile-stat--regcubes .profile-stat__cube{opacity:1}.profile-stat--clickable{cursor:pointer}.profile-stat--clickable:hover{border-color:var(--accent, #8b5cf6);background:#8b5cf60f}.profile-stat--clickable:hover .profile-stat__value{color:var(--accent, #8b5cf6)}.profile-posts{margin-top:var(--spacing-xl)}.profile-posts__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.profile-posts__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center}.profile-posts__count{font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 8px;border-radius:var(--radius-full);background:#6366f126;color:var(--color-primary-light)}.profile-posts__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-posts__loading{display:flex;justify-content:center;padding:var(--spacing-2xl)}.profile-posts__empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);background:var(--color-glass-bg-subtle);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg)}@media (max-width: 600px){.profile-stats,.profile-stats--regcubes{grid-template-columns:repeat(2,1fr)}.profile-stat--regcubes{grid-column:1 / -1}.profile-hero__card{padding:var(--spacing-xl) var(--spacing-md)}}.profile-hero__avatar-ring:hover{box-shadow:0 0 0 2px #6366f14d;transition:box-shadow .2s ease}.profile-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;padding:var(--spacing-2xl)}.profile-lightbox__img{max-width:min(90vw,480px);max-height:80vh;border-radius:var(--radius-xl);object-fit:contain;box-shadow:0 8px 40px #00000080;pointer-events:none}.rc-badge{--rc-size: 18px;position:relative;display:inline-flex;align-items:center;gap:.45em;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-weight:700;color:#e9d5ff;text-shadow:0 0 12px rgba(168,85,247,.55);white-space:nowrap}.rc-badge--sm{font-size:.78rem}.rc-badge--md{font-size:.95rem}.rc-badge--lg{font-size:1.6rem}.rc-cube--sm{--rc-size: 11px}.rc-cube--md{--rc-size: 16px}.rc-cube--lg{--rc-size: 30px}.rc-cube{position:relative;flex:none;width:var(--rc-size);height:var(--rc-size);margin:calc(var(--rc-size) * .3);perspective:calc(var(--rc-size) * 7);filter:drop-shadow(0 0 calc(var(--rc-size) * .4) rgba(168,85,247,.65))}.rc-cube__spin{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(-35deg) rotateY(45deg);animation:rc-spin 8s linear infinite}.rc-face{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;background:#a855f733;box-shadow:inset 0 0 calc(var(--rc-size) * .5) #c084fc66}.rc-face--front{transform:translateZ(calc(var(--rc-size) / 2));border-color:#c084fc}.rc-face--back{transform:rotateY(180deg) translateZ(calc(var(--rc-size) / 2));border-color:#6366f1}.rc-face--right{transform:rotateY(90deg) translateZ(calc(var(--rc-size) / 2));border-color:#a855f7}.rc-face--left{transform:rotateY(-90deg) translateZ(calc(var(--rc-size) / 2));border-color:#6366f1}.rc-face--top{transform:rotateX(90deg) translateZ(calc(var(--rc-size) / 2));border-color:#c084fc}.rc-face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--rc-size) / 2));border-color:#a855f7}.rc-cube__core{position:absolute;left:50%;top:50%;width:46%;height:46%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#f5d0fe,#c084fc 45%,#a855f700 72%);animation:rc-pulse 2.2s ease-in-out infinite;pointer-events:none}.rc-count{font-variant-numeric:tabular-nums;letter-spacing:.02em}.rc-float{position:absolute;right:0;top:-.2em;font-size:.85em;color:#d8b4fe;text-shadow:0 0 10px rgba(192,132,252,.9);pointer-events:none;animation:rc-float 1.5s ease-out forwards}@keyframes rc-spin{to{transform:rotateX(-35deg) rotateY(405deg)}}@keyframes rc-pulse{0%,to{opacity:.95;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.5)}}@keyframes rc-float{0%{opacity:0;transform:translateY(.4em) scale(.8)}15%{opacity:1}to{opacity:0;transform:translateY(-1.8em) scale(1.1)}}.rc-badge[tabindex]{cursor:help;outline:none}.rc-tip{position:absolute;top:calc(100% + 12px);z-index:60;width:244px;padding:10px 12px 11px;border-radius:11px;border:1px solid rgba(168,85,247,.5);background:#0c0c1ef7;box-shadow:0 12px 34px #0000008c,0 0 22px #a855f72e;text-align:left;white-space:normal;font:500 .74rem/1.45 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0;text-transform:none;text-shadow:none;color:#cbd5e1;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;pointer-events:none}.rc-tip--center{left:50%;margin-left:-122px}.rc-tip--right{right:0}.rc-tip strong{display:block;margin-bottom:3px;font:700 .84rem ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#e9d5ff}.rc-tip span{display:block}.rc-tip .rc-tip__rates{margin-top:7px;padding-top:7px;border-top:1px solid rgba(168,85,247,.25);font-size:.68rem;color:#a78bfa}.rc-badge:hover .rc-tip,.rc-badge:focus-visible .rc-tip,.arcade-lobby__wallet:hover .rc-tip,.cg-wallet:hover .rc-tip,.profile-stat--regcubes:hover .rc-tip,.profile-stat--regcubes:focus-visible .rc-tip{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.profile-stat--regcubes{position:relative;outline:none}.profile-stat--regcubes .rc-tip{top:calc(100% + 8px)}@media (prefers-reduced-motion: reduce){.rc-tip{transition:none;transform:none}.rc-cube__spin,.rc-cube__core{animation:none}.rc-float{animation:none;opacity:1;transform:translateY(-1em)}}.edit-profile-page{max-width:560px;margin:0 auto;padding:var(--spacing-xl) 0 var(--spacing-3xl)}.edit-profile__heading{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin:0 0 4px}.edit-profile__subheading{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0 0 var(--spacing-xl);letter-spacing:var(--letter-spacing-normal)}.edit-profile__section{padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-2xl);background:var(--color-glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--color-glass-border);box-shadow:var(--shadow-lg),var(--shadow-inner-glow);transition:border-color var(--transition-normal)}.edit-profile__section:hover{border-color:var(--color-glass-border-hover)}.edit-profile__section+.edit-profile__section{margin-top:var(--spacing-md)}.edit-profile__section-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-md);padding-bottom:10px;border-bottom:1px solid var(--color-glass-border)}.edit-profile__section-header>svg{width:18px;height:18px;color:var(--color-primary-light);flex-shrink:0;opacity:.8}.edit-profile__section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-normal);margin:0}.edit-profile__form{display:flex;flex-direction:column;gap:24px}.edit-profile__avatar-section{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:4px}.edit-profile__banner-section{display:flex;flex-direction:column;gap:8px}.edit-profile__banner-header{display:flex;align-items:center;justify-content:space-between}.edit-profile__banner-wrapper{cursor:pointer;display:block}.edit-profile__banner-preview{position:relative;width:100%;aspect-ratio:16 / 5;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-tertiary);border:1px solid var(--color-glass-border);transition:border-color var(--transition-fast)}.edit-profile__banner-wrapper:hover .edit-profile__banner-preview{border-color:var(--color-primary)}.edit-profile__banner-img{width:100%;height:100%;object-fit:cover;display:block}.edit-profile__banner-default{width:100%;height:100%;background:linear-gradient(135deg,#6366f159,#8b5cf640 40%,#a78bfa26,#141e3099)}.edit-profile__banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#00000080;opacity:0;transition:opacity var(--transition-fast)}.edit-profile__banner-wrapper:hover .edit-profile__banner-overlay{opacity:1}.edit-profile__banner-overlay svg{width:24px;height:24px;color:#ffffffe6}.edit-profile__banner-overlay span{font-size:var(--font-size-xs);font-weight:500;color:#ffffffd9}.edit-profile__avatar-wrapper{position:relative;cursor:pointer;flex-shrink:0}.edit-profile__avatar-ring{width:72px;height:72px;border-radius:50%;padding:2.5px;background:var(--gradient-primary);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.edit-profile__avatar-wrapper:hover .edit-profile__avatar-ring{box-shadow:0 0 20px #7c7fff4d;transform:scale(1.03)}.edit-profile__avatar{width:100%;height:100%;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2.5px solid var(--color-bg-primary)}.edit-profile__avatar-img{width:100%;height:100%;object-fit:cover}.edit-profile__avatar-overlay{position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.edit-profile__avatar-wrapper:hover .edit-profile__avatar-overlay{opacity:1}.edit-profile__avatar-overlay svg{width:20px;height:20px;color:#ffffffe6}.edit-profile__avatar-info{display:flex;flex-direction:column;gap:2px}.edit-profile__avatar-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.edit-profile__avatar-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.edit-profile__username-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;background:var(--color-glass-highlight);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg)}.edit-profile__username-at{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-light)}.edit-profile__username-value{font-size:var(--font-size-sm);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-normal)}.edit-profile__username-badge{margin-left:auto;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);padding:2px 8px;border-radius:var(--radius-full);background:var(--color-glass-bg-subtle);border:1px solid var(--color-glass-border)}.edit-profile__bio-wrapper{display:flex;flex-direction:column;gap:6px}.edit-profile__bio-header{display:flex;align-items:center;justify-content:space-between}.edit-profile__bio-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.edit-profile__char-count{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.edit-profile__textarea{padding:12px 14px;min-height:88px;resize:vertical;background:var(--color-glass-highlight);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;line-height:1.65;letter-spacing:var(--letter-spacing-normal);outline:none;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.edit-profile__textarea::placeholder{color:var(--color-text-muted)}.edit-profile__textarea:hover{border-color:var(--color-glass-border-hover)}.edit-profile__textarea:focus{border-color:var(--color-primary);background:#7c7fff0a;box-shadow:0 0 0 3px #7c7fff14}.edit-profile__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:4px}.edit-profile__error{padding:10px 14px;background:#f871710f;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);line-height:1.5}@media (max-width: 640px){.edit-profile-page{padding:var(--spacing-md) 0}.edit-profile__section{padding:var(--spacing-md);border-radius:var(--radius-xl)}.edit-profile__avatar-section{flex-direction:column;text-align:center}.edit-profile__avatar-info{align-items:center}}.explore-page{max-width:860px;margin:0 auto;padding:var(--spacing-lg) 0}.explore-header{margin-bottom:var(--spacing-lg)}.explore-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.explore-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:4px}.explore-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:.65rem 1rem;background:var(--color-glass-bg-subtle);backdrop-filter:blur(var(--glass-blur-subtle));-webkit-backdrop-filter:blur(var(--glass-blur-subtle));border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);transition:border-color var(--transition-fast)}.explore-search:focus-within{border-color:#6366f173;background:#0f1428d9;box-shadow:0 0 0 3px #6366f11a,0 0 20px #6366f114,0 0 40px #8b5cf60a,0 8px 24px #0003;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.explore-search__icon{width:18px;height:18px;color:var(--color-text-tertiary);flex-shrink:0}.explore-search__input{flex:1;background:none;border:none;outline:none;color:var(--color-text-primary);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-normal)}.explore-search__input:focus,.explore-search__input:focus-visible{outline:none;box-shadow:none;border:none}.explore-search__input::placeholder{color:var(--color-text-tertiary)}.explore-tags{margin-bottom:var(--spacing-xl)}.explore-tags__heading{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-sm)}.explore-tags__grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.explore-tags__loading{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.explore-tag{display:inline-flex;align-items:center;gap:6px;padding:.4rem .85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);letter-spacing:var(--letter-spacing-normal)}.explore-tag:hover{background:#ffffff14;border-color:#ffffff26;color:var(--color-text-primary)}.explore-tag--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.explore-tag--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.explore-tag__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.explore-tag--active .explore-tag__dot{background-color:#fff!important}.explore-results__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.explore-results__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.explore-results__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.explore-results__list,.explore-results__skeleton{display:flex;flex-direction:column;gap:var(--spacing-md)}.explore-results__empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);background:var(--color-glass-bg-subtle);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg)}@media (max-width: 600px){.explore-tags__grid{gap:6px}.explore-tag{font-size:.7rem;padding:.35rem .7rem}}.dashboard{max-width:900px;margin:0 auto;padding:var(--spacing-lg) 0}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,#818cf814,#f472b60f,#34d3990d);border:1px solid rgba(129,140,248,.12);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard-hero__left{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard-hero__avatar{width:52px;height:52px;flex-shrink:0}.dashboard-hero__avatar .avatar{width:52px!important;height:52px!important;font-size:20px!important}.dashboard-hero__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);line-height:1.3}.dashboard-hero__subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:2px}.dashboard-hero__cta{flex-shrink:0}.dashboard-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.dashboard-stat-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:var(--spacing-md) var(--spacing-sm);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:default;position:relative;overflow:hidden}.dashboard-stat-card:hover{border-color:var(--color-glass-border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dashboard-stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:translate(-100%) skew(-15deg);pointer-events:none;border-radius:inherit}.dashboard-stat-card:hover:after{animation:shine .8s ease-out forwards}.dashboard-stat-card__icon-ring{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--stat-color, rgba(148, 163, 184, .7));flex-shrink:0}.dashboard-stat-card__icon-ring svg{width:18px;height:18px}.dashboard-stat-card__value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);line-height:1}.dashboard-stat-card__label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.dashboard-stat-card__trend{font-size:10px;font-weight:600;color:var(--color-success);opacity:.9;margin-top:-2px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-md);align-items:start}.dashboard-grid__left,.dashboard-grid__right{display:flex;flex-direction:column;gap:var(--spacing-md)}.dashboard-top-post{position:relative;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706,#fbbf24);background-size:300% 300%;animation:topPostBorderShift 4s ease infinite;overflow:hidden}@keyframes topPostBorderShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.dashboard-top-post__glow{position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.25),transparent 70%);pointer-events:none;animation:glowPulse 3s ease-in-out infinite;z-index:0}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.dashboard-top-post__content{position:relative;z-index:1;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,#0f1423f7,#141928f2);border-radius:calc(var(--radius-xl) - 1px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard-top-post__badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fbbf24;margin-bottom:var(--spacing-md)}.dashboard-top-post__badge-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:1px solid rgba(251,191,36,.3);color:#fbbf24;box-shadow:0 0 16px #fbbf2433}.dashboard-top-post__title{display:block;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);text-decoration:none;line-height:1.5;margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}.dashboard-top-post__title:hover{color:#fbbf24;transform:translate(2px)}.dashboard-top-post__metrics{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-md)}.dashboard-top-post__metric-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast)}.dashboard-top-post__metric-pill:first-child{color:#fbbf24}.dashboard-top-post__metric-pill:first-child svg{color:#fbbf24}.dashboard-top-post__metric-pill:hover{background:#ffffff14;border-color:#ffffff1f}.dashboard-top-post__cta{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:600;color:#fbbf24;text-decoration:none;padding:6px 0;transition:all var(--transition-fast);opacity:.8}.dashboard-top-post__cta:hover{opacity:1;transform:translate(4px);color:#fcd34d}.dashboard-card{height:auto}.dashboard-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.dashboard-card__title{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.dashboard-card__title-icon{width:16px;height:16px;color:var(--color-primary-light)}.dashboard-card__empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-md) 0}.dashboard-post-list{list-style:none;display:flex;flex-direction:column;gap:2px}.dashboard-post-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:.55rem .65rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.dashboard-post-list li:hover{background:#ffffff08}.dashboard-post-link{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast)}.dashboard-post-link:hover{color:var(--color-primary-light)}.dashboard-post-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.dashboard-post-score{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary-light);min-width:28px;text-align:right}.dashboard-post-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dashboard-trending{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.dashboard-trending:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 30%,var(--color-secondary) 70%,transparent 100%);opacity:.6}.dashboard-trending__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.dashboard-trending__header-left{display:flex;align-items:center;gap:8px}.dashboard-trending__header-left h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.dashboard-trending__header-icon{width:16px;height:16px;color:var(--color-primary-light)}.dashboard-trending-list{list-style:none;display:flex;flex-direction:column;gap:4px}.dashboard-trending-item{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard-trending-item:hover{background:#ffffff0a;transform:translate(2px)}.dashboard-trending-rank{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:2px;letter-spacing:-.02em}.dashboard-trending-body{flex:1;min-width:0}.dashboard-trending-link{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast);line-height:1.4}.dashboard-trending-link:hover{color:var(--color-primary-light)}.dashboard-trending-meta{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.dashboard-trending-author{font-size:11px;color:var(--color-text-tertiary);font-weight:400}.dashboard-trending-score-pill,.dashboard-trending-comments-pill{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--radius-full)}.dashboard-trending-score-pill{background:#34d3991a;color:var(--color-success);border:1px solid rgba(52,211,153,.15)}.dashboard-trending-comments-pill{background:#7c7fff1a;color:var(--color-primary-light);border:1px solid rgba(124,127,255,.12)}.dashboard-trending__empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-xl) 0}@media (max-width: 900px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-hero{flex-direction:column;align-items:flex-start;padding:var(--spacing-md)}.dashboard-hero__title{font-size:var(--font-size-lg)}.dashboard-top-post__content,.dashboard-trending{padding:var(--spacing-md)}}.search-page{max-width:720px;margin:0 auto}.search-page__header{margin-bottom:var(--spacing-xl)}.search-page__title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.search-page__query{color:var(--color-primary-light)}.search-page__count{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.search-page__tabs{display:flex;gap:2px;margin-bottom:var(--spacing-lg);padding:3px;background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06)}.search-page__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:10px var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.search-page__tab:hover{color:var(--color-text-primary);background:#ffffff0a}.search-page__tab--active{color:var(--color-text-primary);background:#6366f11f;box-shadow:0 1px 4px #0000001a}.search-page__tab-count{font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);background:#6366f126;color:var(--color-primary-light)}.search-page__results{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-page__user-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1)}.search-page__user-card .ui-avatar{width:36px!important;height:36px!important;min-width:36px;border-radius:50%;font-size:.8rem!important;object-fit:cover}.search-page__user-card:hover{background:#ffffff0a;border-color:#6366f133;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.search-page__user-info{display:flex;flex-direction:column;gap:2px;flex:1}.search-page__user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.search-page__user-handle{font-size:.75rem;color:var(--color-text-tertiary)}.search-page__user-rep{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);background:#6366f11a;color:var(--color-primary-light)}.search-page__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.search-page__spinner{width:18px;height:18px;border:2px solid rgba(99,102,241,.2);border-top-color:var(--color-primary-light);border-radius:50%;animation:search-spin .6s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}.search-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.search-page__empty svg{width:48px;height:48px;color:var(--color-text-tertiary);opacity:.4;margin-bottom:var(--spacing-md)}.search-page__empty h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.search-page__empty p{font-size:var(--font-size-sm);color:var(--color-text-tertiary);max-width:320px}.community-card{display:flex;flex-direction:column;gap:10px;padding:22px 22px 18px;border-radius:var(--radius-xl);background:var(--color-glass-bg-card);border:1px solid var(--color-glass-border-card);box-shadow:var(--shadow-sm),var(--shadow-inner-glow);backdrop-filter:blur(var(--glass-blur-subtle)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-subtle)) saturate(var(--glass-saturate));transition:all var(--transition-smooth);cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.community-card:hover{border-color:var(--color-glass-border-hover);box-shadow:var(--shadow-lg),var(--shadow-inner-glow);transform:translateY(-3px);background:#141e30d9}.community-card__accent{position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;opacity:.5;transition:opacity var(--transition-normal)}.community-card:hover .community-card__accent{opacity:.9}.community-card__glow{position:absolute;top:-30px;right:-30px;width:110px;height:110px;border-radius:50%;opacity:0;filter:blur(45px);transition:opacity var(--transition-slow);pointer-events:none}.community-card:hover .community-card__glow{opacity:.07}.community-card__header{display:flex;align-items:center;gap:10px}.community-card__icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;overflow:hidden}.community-card__icon--letter{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;border:1px solid}.community-card__icon--img{object-fit:cover;border:1px solid rgba(255,255,255,.08)}.community-card__info{flex:1;min-width:0}.community-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3;letter-spacing:var(--letter-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-xs)}.community-card__stats{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--spacing-sm);margin-top:3px}.community-card__stat{display:flex;align-items:center;gap:3px}.community-card__stat svg{width:12px;height:12px;opacity:.35}.community-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.community-card__join-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 24px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-smooth);border:1px solid transparent;width:auto;align-self:center;letter-spacing:.01em;margin-top:auto}.community-card__join-btn--join{background:var(--gradient-primary);color:#fff;border-color:#ffffff0f;box-shadow:0 1px 8px #6366f12e,inset 0 1px #ffffff1a}.community-card__join-btn--join:hover{box-shadow:0 2px 14px #6366f147,inset 0 1px #ffffff1f;transform:translateY(-1px)}.community-card__join-btn--joined{background:#6366f10f;color:var(--color-primary-light);border-color:#6366f11f}.community-card__join-btn--joined:hover:not(:disabled){background:#ef44440f;color:var(--color-error);border-color:#ef444426}.community-card__join-btn--leave{background:#ef44440f;color:var(--color-error);border-color:#ef444426}.community-card__join-btn:disabled{opacity:.65;cursor:default;transform:none!important}.community-card__btn-icon{width:11px;height:11px;flex-shrink:0;opacity:.7}.community-card__default-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:1px 6px;border-radius:var(--radius-full);background:#6366f11a;color:var(--color-primary-light);border:1px solid rgba(99,102,241,.08);flex-shrink:0}@media (max-width: 640px){.community-card{padding:var(--spacing-md) var(--spacing-md) 12px}.community-card__icon{width:32px;height:32px;font-size:var(--font-size-xs)}}.cd-page{width:100%;padding:var(--spacing-lg) var(--spacing-lg)}.cd-header{margin-bottom:var(--spacing-lg)}.cd-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.cd-header__text{flex:1}.cd-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight);line-height:1.2}.cd-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:6px 0 0;line-height:1.55}.cd-header__create-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-xs);font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 10px #6366f12e,inset 0 1px #ffffff1a;transition:all var(--transition-smooth);flex-shrink:0;position:relative;overflow:hidden;margin-top:2px}.cd-header__create-btn:hover{box-shadow:0 4px 18px #6366f147,inset 0 1px #ffffff1f;transform:translateY(-1px);color:#fff}.cd-header__create-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shine);transition:left .5s ease;pointer-events:none}.cd-header__create-btn:hover:after{left:100%}.cd-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:.65rem 1rem;background:var(--color-glass-bg-subtle);backdrop-filter:blur(var(--glass-blur-subtle));-webkit-backdrop-filter:blur(var(--glass-blur-subtle));border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);transition:border-color var(--transition-fast)}.cd-search:focus-within{border-color:#6366f173;background:#0f1428d9;box-shadow:0 0 0 3px #6366f11a,0 0 20px #6366f114,0 0 40px #8b5cf60a,0 8px 24px #0003;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.cd-search__icon{width:18px;height:18px;color:var(--color-text-tertiary);flex-shrink:0}.cd-search__input{flex:1;background:none;border:none;outline:none;color:var(--color-text-primary);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-normal)}.cd-search__input:focus,.cd-search__input:focus-visible{outline:none;box-shadow:none;border:none}.cd-search__input::placeholder{color:var(--color-text-tertiary)}.cd-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.cd-section-header__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0}.cd-section-header__actions{display:flex;align-items:center;gap:var(--spacing-md)}.cd-section-header__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.cd-view-toggle{display:flex;gap:2px;padding:2px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.cd-view-toggle__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-tertiary)}.cd-view-toggle__btn:hover{color:var(--color-text-secondary);background:#ffffff0a}.cd-view-toggle__btn--active{background:#6366f126;color:var(--color-primary-light)}.cd-view-toggle__btn svg{width:14px;height:14px}.cd-my-communities{margin-bottom:var(--spacing-xl)}.cd-my-communities__title{font-size:.65rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--spacing-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.cd-my-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-sm)}.cd-my-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-glass-bg-subtle);border:1px solid var(--color-glass-border);text-decoration:none;transition:all var(--transition-smooth);position:relative;overflow:hidden}.cd-my-card:hover{border-color:var(--color-glass-border-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0003;background:#141e30d9}.cd-my-card__accent{position:absolute;left:0;top:0;bottom:0;width:2px;opacity:.4;transition:opacity var(--transition-fast)}.cd-my-card:hover .cd-my-card__accent{opacity:.8}.cd-my-card__icon{width:32px;height:32px;border-radius:8px;flex-shrink:0}.cd-my-card__icon--img{object-fit:cover;border:1px solid rgba(255,255,255,.06)}.cd-my-card__icon--letter{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;text-transform:uppercase}.cd-my-card__info{flex:1;min-width:0}.cd-my-card__name{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.cd-my-card__meta{font-size:.65rem;color:var(--color-text-tertiary);line-height:1.3}.cd-my-card__role{flex-shrink:0;font-size:.6rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#ffffff0a;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.cd-my-card__role--creator{background:#8b5cf61f;color:#a78bfa}.cd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.cd-grid .community-card{min-height:200px}.cd-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cd-list .community-card{flex-direction:row;align-items:center;padding:14px 20px;gap:16px;min-height:auto}.cd-list .community-card__header{flex:0 0 auto;min-width:220px}.cd-list .community-card__desc{flex:1;-webkit-line-clamp:1;line-clamp:1;margin:0}.cd-list .community-card__join-btn{width:auto;flex-shrink:0;padding:6px 18px;margin-left:auto;margin-top:0;align-self:center}.cd-list .community-card__accent{height:100%;width:2px;right:auto;border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.cd-list .community-card__glow{display:none}.cd-no-results{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);background:var(--color-glass-bg-subtle);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.cd-no-results strong{color:var(--color-text-primary)}.cd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-glass-bg-subtle);border:1px solid var(--color-glass-border);position:relative;overflow:hidden}.cd-empty__visual{position:relative;width:56px;height:56px;margin-bottom:var(--spacing-md)}.cd-empty__orb{position:absolute;border-radius:50%;filter:blur(16px);animation:cd-float 6s ease-in-out infinite}.cd-empty__orb--1{width:44px;height:44px;background:#6366f126;top:-6px;left:-3px}.cd-empty__orb--2{width:36px;height:36px;background:#8b5cf61a;bottom:-6px;right:-6px;animation-delay:-3s}@keyframes cd-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.03)}}.cd-empty__icon-wrap{position:relative;z-index:1;width:40px;height:40px;margin:8px auto 0;padding:10px;border-radius:var(--radius-md);background:#6366f114;border:1px solid rgba(99,102,241,.06);color:var(--color-primary-light)}.cd-empty__icon-wrap svg{width:100%;height:100%}.cd-empty__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.cd-empty__desc{margin:0 0 var(--spacing-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1.55;max-width:300px}.cd-empty__cta{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-xs);font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 10px #6366f12e,inset 0 1px #ffffff14;transition:all var(--transition-smooth)}.cd-empty__cta:hover{box-shadow:0 4px 18px #6366f147,inset 0 1px #ffffff1a;transform:translateY(-1px);color:#fff}.cd-loading{display:flex;justify-content:center;padding:var(--spacing-3xl)}.cd-loading__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.04);border-top-color:var(--color-primary);border-radius:50%;animation:cd-spin .8s linear infinite}@keyframes cd-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.cd-grid{grid-template-columns:1fr}.cd-header__row{flex-direction:column}}.cc-page{max-width:640px;margin:0 auto}.cc-header{margin-bottom:var(--spacing-xl)}.cc-header__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight)}.cc-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:4px}.cc-form{display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:var(--radius-xl);background:var(--color-glass-bg-card);border:1px solid var(--color-glass-border-card);box-shadow:0 2px 12px #00000014}.cc-form__group{display:flex;flex-direction:column;gap:6px}.cc-form__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.cc-form__input{width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color .2s ease,box-shadow .2s ease;outline:none;font-family:inherit}.cc-form__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11f}.cc-form__textarea{min-height:100px;resize:vertical}.cc-form__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cc-color-picker{display:flex;align-items:center;gap:12px}.cc-color-picker__input{width:40px;height:40px;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;padding:0;background:none;outline:none}.cc-color-picker__input::-webkit-color-swatch-wrapper{padding:0}.cc-color-picker__input::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-md) - 2px)}.cc-color-picker__hex{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-family:monospace}.cc-preview{padding:16px;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:12px}.cc-preview__icon{width:42px;height:42px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0}.cc-preview__name{font-weight:650;color:var(--color-text-primary)}.cc-preview__slug{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.cc-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.cc-error{padding:10px 14px;border-radius:var(--radius-md);background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171;font-size:var(--font-size-sm)}.cp-page{max-width:860px;margin:0 auto;padding:var(--spacing-lg) 0}.cp-hero{position:relative;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--spacing-xl)}.cp-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12}.cp-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a0f1e99,#0a0f1e33,#0a0f1e80)}.cp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);border:1px solid var(--color-glass-border);pointer-events:none;z-index:2}.cp-hero__orb{position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;filter:blur(55px);opacity:.18;z-index:0;animation:cp-orb-pulse 6s ease-in-out infinite alternate}@keyframes cp-orb-pulse{0%{opacity:.14;transform:scale(1)}to{opacity:.26;transform:scale(1.1)}}.cp-hero__content{position:relative;z-index:3}.cp-hero__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}.cp-hero__identity{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.cp-hero__icon{width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0;overflow:hidden}.cp-hero__icon--letter{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;border:1px solid}.cp-hero__icon--img{object-fit:cover;border:1px solid rgba(255,255,255,.1)}.cp-hero__info{min-width:0;flex:1}.cp-hero__name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight);line-height:1.25}.cp-hero__slug{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:3px;font-weight:500}.cp-hero__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.cp-hero__desc{margin:var(--spacing-md) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.65;max-width:520px}.cp-hero__stats{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.05)}.cp-hero__stat{display:flex;align-items:center;gap:5px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.cp-hero__stat svg{width:14px;height:14px;opacity:.35}.cp-hero__stat-value{font-weight:700;color:var(--color-text-secondary)}.cp-btn-join{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-smooth);border:1px solid transparent;letter-spacing:.01em}.cp-btn-join--primary{background:var(--gradient-primary);color:#fff;border-color:#ffffff0f;box-shadow:0 2px 12px #6366f133,inset 0 1px #ffffff1a}.cp-btn-join--primary:hover{box-shadow:0 4px 20px #6366f159,inset 0 1px #ffffff1f;transform:translateY(-1px)}.cp-btn-join--joined{background:#6366f114;color:var(--color-primary-light);border-color:#6366f126;cursor:default}.cp-btn-join--creator{background:#6366f11a;color:var(--color-primary-light);border-color:#6366f12e;cursor:default}.cp-btn-join:disabled{opacity:.65;cursor:default;transform:none!important}.cp-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-glass-border);background:#ffffff08;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-normal);padding:0;flex-shrink:0}.cp-btn-icon svg{width:14px;height:14px}.cp-btn-icon--exit:hover{background:#ef444414;border-color:#ef444433;color:var(--color-error);transform:translateY(-1px);box-shadow:0 2px 10px #ef44441a}.cp-btn-icon--danger{color:#ef444499;border-color:#ef444433;background:#ef44440d}.cp-btn-icon--danger:hover:not(:disabled){background:#ef44441f;border-color:#ef444466;color:var(--color-error);transform:translateY(-1px);box-shadow:0 2px 10px #ef444426}.cp-btn-icon:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.cp-btn-share{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--color-glass-border);background:#ffffff08;color:var(--color-text-secondary);text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cp-btn-share:hover{background:#ffffff0f;border-color:var(--color-glass-border-hover);color:var(--color-text-primary);transform:translateY(-1px)}.cp-btn-share svg{width:13px;height:13px}.cp-tabs{display:flex;gap:2px;padding:3px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.cp-tabs__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.01em}.cp-tabs__tab svg{width:16px;height:16px;opacity:.5;transition:opacity var(--transition-fast)}.cp-tabs__tab:hover{color:var(--color-text-secondary);background:#ffffff08}.cp-tabs__tab:hover svg{opacity:.7}.cp-tabs__tab--active{color:var(--color-text-primary);background:#ffffff0f;box-shadow:var(--shadow-sm)}.cp-tabs__tab--active svg{opacity:.9;color:#8b5cf6e6}.cp-feed{margin-top:0}.cp-feed__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.cp-feed__title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight)}.cp-feed__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.cp-sort{display:flex;gap:2px;padding:3px;background:#ffffff05;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.04)}.cp-sort__tab{padding:5px 12px;border:none;background:none;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;border-radius:6px;transition:all var(--transition-fast)}.cp-sort__tab:hover{color:var(--color-text-secondary)}.cp-sort__tab--active{color:var(--color-text-primary);background:#ffffff0f;box-shadow:var(--shadow-sm)}.cp-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-glass-bg-subtle);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.cp-empty:before{content:"";position:absolute;top:-30px;left:50%;transform:translate(-50%);width:140px;height:70px;border-radius:50%;filter:blur(50px);opacity:.06;background:var(--color-primary);pointer-events:none}.cp-empty__icon{width:40px;height:40px;margin:0 auto var(--spacing-md);border-radius:var(--radius-md);background:#6366f10f;display:flex;align-items:center;justify-content:center;color:var(--color-primary-light)}.cp-empty__icon svg{width:18px;height:18px}.cp-empty h3{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);font-weight:600}.cp-empty p{margin:0 0 var(--spacing-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1.5}.cp-empty__cta{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-xs);font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all var(--transition-smooth);box-shadow:0 2px 12px #6366f133,inset 0 1px #ffffff14}.cp-empty__cta:hover{box-shadow:0 4px 20px #6366f14d,inset 0 1px #ffffff1a;transform:translateY(-1px);color:#fff}.cp-empty__cta svg{width:14px;height:14px}.cp-loading{display:flex;justify-content:center;padding:var(--spacing-3xl)}.cp-loading__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.04);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.cp-not-found{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-text-secondary)}.cp-not-found h2{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}@media (max-width: 768px){.cp-hero{padding:var(--spacing-lg) var(--spacing-md)}.cp-hero__top{flex-direction:column}.cp-hero__icon{width:40px;height:40px;font-size:var(--font-size-lg)}.cp-hero__name{font-size:var(--font-size-lg)}.cp-hero__actions{width:100%;flex-wrap:wrap}.cp-hero__actions .cp-btn-join,.cp-hero__actions .cp-btn-share{flex:1;justify-content:center}}.cp-hero__workspace-cta{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.05)}.cp-workspace-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-md);border:1px solid rgba(102,126,234,.3);background:linear-gradient(135deg,#667eea1f,#764ba214);color:#818cf8;font-family:"Inter",var(--font-family-primary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:.02em;animation:cp-workspace-pulse 3s ease-in-out infinite}.cp-workspace-btn svg{width:18px;height:18px}.cp-workspace-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#667eea80;box-shadow:0 0 20px #667eea26,0 4px 16px #0003;transform:translateY(-1px);color:#a5b4fc}.cp-workspace-btn--create{animation:none;opacity:.8;border-style:dashed}.cp-workspace-btn--create:hover{opacity:1}.cp-workspace-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;animation:none}@keyframes cp-workspace-pulse{0%,to{box-shadow:0 0 #667eea33}50%{box-shadow:0 0 16px 4px #667eea1a}}.admin-page{max-width:860px;margin:0 auto;padding:var(--spacing-lg) 0}.admin-loading{text-align:center;padding:3rem;color:var(--color-text-secondary);font-size:.95rem}.admin-empty{text-align:center;padding:2rem;color:var(--color-text-tertiary);font-size:.9rem}.admin-header{margin-bottom:2rem}.admin-header__title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.admin-header__icon{width:24px;height:24px;color:var(--color-primary)}.admin-header__subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.admin-stat-card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.admin-stat-card__value{font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.25rem}.admin-stat-card__label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.admin-stat-card__sub{font-size:.75rem;color:var(--color-text-tertiary);margin-top:.35rem}.admin-section{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-section__title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.admin-roles{display:flex;gap:1rem;flex-wrap:wrap}.admin-role-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff08;border:1px solid var(--color-glass-border);border-radius:var(--radius-sm)}.admin-role-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-tertiary)}.admin-role-badge__dot--user{background:#64748b}.admin-role-badge__dot--moderator{background:#f59e0b}.admin-role-badge__dot--admin{background:#3b82f6}.admin-role-badge__dot--superadmin{background:#ef4444}.admin-role-badge__name{font-size:.85rem;color:var(--color-text-secondary);text-transform:capitalize}.admin-role-badge__count{font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.admin-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.admin-quick-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease;font-size:.95rem}.admin-quick-link:hover{background:#ffffff0f;border-color:var(--color-primary);color:var(--color-text-primary);transform:translateY(-1px)}.admin-quick-link svg{width:20px;height:20px;flex-shrink:0}.admin-filters{display:flex;gap:.75rem;margin-bottom:1.5rem}.admin-filters__search{flex:1;padding:.6rem 1rem;background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;outline:none;transition:border-color .2s ease}.admin-filters__search::placeholder{color:var(--color-text-tertiary)}.admin-filters__search:focus{border-color:var(--color-primary)}.admin-filters__select{padding:.6rem 2rem .6rem .75rem;background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.admin-table-wrap{overflow-x:auto;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{text-align:left;padding:.75rem 1rem;color:var(--color-text-tertiary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-glass-border)}.admin-table td{padding:.75rem 1rem;color:var(--color-text-secondary);border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.admin-table__row--archived td{opacity:.55}.admin-table__email{font-size:.85rem;color:var(--color-text-tertiary)}.admin-table__date{font-size:.85rem;color:var(--color-text-tertiary);white-space:nowrap}.admin-user-cell{display:flex;align-items:center;gap:.75rem}.admin-user-cell__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.admin-user-cell__avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.admin-user-cell__name{font-weight:600;color:var(--color-text-primary);font-size:.9rem}.admin-user-cell__username{font-size:.8rem;color:var(--color-text-tertiary)}.admin-community-cell{display:flex;align-items:center;gap:.75rem}.admin-community-cell__icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.admin-community-cell__img{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.admin-community-cell__name{font-weight:600;color:var(--color-text-primary);text-decoration:none;font-size:.9rem}.admin-community-cell__name:hover{text-decoration:underline}.admin-community-cell__slug{font-size:.8rem;color:var(--color-text-tertiary)}.admin-role-pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.admin-role-pill--user{background:#64748b26;color:#94a3b8}.admin-role-pill--moderator{background:#f59e0b26;color:#fbbf24}.admin-role-pill--admin{background:#3b82f626;color:#60a5fa}.admin-role-pill--superadmin{background:#ef444426;color:#f87171}.admin-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.4rem}.admin-tag-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:999px;border:1px solid rgba(34,211,238,.28);background:#22d3ee1a;color:#67e8f9;font-size:.7rem;font-weight:600}.admin-tag-pill--implicit{border-style:dashed;background:transparent;color:var(--color-text-tertiary)}.admin-tag-pill__x{padding:0;border:0;background:none;color:inherit;font-size:.9rem;line-height:1;cursor:pointer;opacity:.7}.admin-tag-pill__x:hover:not(:disabled){opacity:1}.admin-tag-pill__x:disabled{cursor:wait}.admin-tag-add{padding:.15rem .4rem;background:transparent;border:1px dashed var(--color-glass-border);border-radius:999px;color:var(--color-text-tertiary);font-size:.7rem;cursor:pointer;outline:none}.admin-tag-add:hover:not(:disabled){color:var(--color-text-primary)}.admin-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.admin-status-badge--active{background:#22c55e26;color:#4ade80}.admin-status-badge--archived{background:#ef444426;color:#f87171}.admin-status-badge--default{background:#3b82f626;color:#60a5fa}.admin-role-select{padding:.35rem 1.8rem .35rem .5rem;background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.8rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.admin-role-select:disabled{opacity:.5;cursor:wait}.admin-table__no-action{color:var(--color-text-tertiary);font-size:.85rem}.admin-table__self-label{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#8b5cf626;color:#a78bfa}.admin-table__protected-label{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#ef44441f;color:#f87171}.admin-btn{padding:.4rem .75rem;border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent}.admin-btn--restore{color:var(--color-success);border-color:#22c55e4d}.admin-btn--restore:hover:not(:disabled){background:#22c55e1a;border-color:var(--color-success)}.admin-btn--archive{color:#f87171;border-color:#ef44444d}.admin-btn--archive:hover:not(:disabled){background:#ef44441a;border-color:#f87171}.admin-btn:disabled{opacity:.5;cursor:wait}@media (max-width: 768px){.admin-page{padding:1rem}.admin-stats{grid-template-columns:1fr 1fr}.admin-filters{flex-direction:column}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:.5rem .75rem}}.conv-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.conv-list__item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border:none;background:none;cursor:pointer;text-align:left;color:var(--color-text-primary);transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.03)}.conv-list__item:hover{background:#ffffff08}.conv-list__item--active{background:#ffffff0f;border-left:2px solid var(--color-primary, #818cf8)}.conv-list__item--unread .conv-list__name{font-weight:700}.conv-list__item--unread .conv-list__preview{color:var(--color-text-secondary);font-weight:500}.conv-list__avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden}.conv-list__avatar img,.conv-list__avatar .avatar{width:100%;height:100%;object-fit:cover}.conv-list__group-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.25);display:flex;align-items:center;justify-content:center;overflow:hidden}.conv-list__group-avatar svg{width:20px;height:20px;stroke:var(--color-primary, #818cf8)}.conv-list__group-avatar img{width:100%;height:100%;object-fit:cover}.conv-list__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.conv-list__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.conv-list__name{font-size:.95rem;font-weight:500;color:var(--color-text-primary, #f0f2f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.conv-list__muted-icon{width:14px;height:14px;color:var(--color-text-tertiary, #6b7a99);flex-shrink:0}.conv-list__pending-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}.conv-list__time{font-size:.7rem;color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.conv-list__bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.conv-list__preview{font-size:.8rem;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.conv-list__typing-preview{font-size:.78rem;color:#4ade80;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;display:flex;align-items:center;gap:4px}.conv-list__typing-dots{display:inline-flex;gap:2px;align-items:center}.conv-list__typing-dots span{width:4px;height:4px;border-radius:50%;background:#4ade80;animation:convTypingBounce 1.2s ease-in-out infinite}.conv-list__typing-dots span:nth-child(2){animation-delay:.15s}.conv-list__typing-dots span:nth-child(3){animation-delay:.3s}@keyframes convTypingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.conv-list__badge{background:var(--color-primary, #818cf8);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.conv-list__requests{border-bottom:1px solid rgba(255,255,255,.06)}.conv-list__requests-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 20px;border:none;background:#f59e0b0a;cursor:pointer;transition:background .15s ease}.conv-list__requests-header:hover{background:#f59e0b14}.conv-list__requests-title{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:#f59e0b;text-transform:uppercase;letter-spacing:.04em}.conv-list__requests-count{background:#f59e0b26;color:#f59e0b;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.conv-list__requests-chevron{width:14px;height:14px;stroke:#f59e0b;transition:transform .2s ease}.conv-list__requests-chevron--open{transform:rotate(180deg)}.conv-list__request-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.03)}.conv-list__request-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.conv-list__request-info{display:flex;flex-direction:column;gap:1px;min-width:0}.conv-list__request-subtitle{font-size:.72rem;color:#f59e0b;font-weight:500}.conv-list__request-actions{display:flex;gap:6px;flex-shrink:0}.conv-list__request-btn{padding:5px 12px;border:none;border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.conv-list__request-btn:disabled{opacity:.5;cursor:not-allowed}.conv-list__request-btn--accept{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.conv-list__request-btn--decline{background:#ffffff0f;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.08)}.conv-list__loading{padding:8px 0}.conv-list__skeleton{display:flex;align-items:center;gap:12px;padding:14px 20px}.conv-list__skeleton-avatar{width:40px;height:40px;border-radius:50%;background:#ffffff0f;animation:shimmer 1.5s ease-in-out infinite}.conv-list__skeleton-text{flex:1;display:flex;flex-direction:column;gap:8px}.conv-list__skeleton-line{height:10px;border-radius:4px;background:#ffffff0f;animation:shimmer 1.5s ease-in-out infinite}.conv-list__skeleton-line--name{width:60%}.conv-list__skeleton-line--msg{width:85%;opacity:.6}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.conv-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center}.conv-list__empty-icon{width:48px;height:48px;stroke:var(--color-text-tertiary);margin-bottom:16px;opacity:.5}.conv-list__empty p{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 12px}.conv-list__empty span{color:var(--color-text-tertiary);font-size:.8rem}.conv-list__start-btn{margin-top:4px;padding:8px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.conv-list__start-btn:hover{opacity:.9}.conv-list__context-menu{position:fixed;min-width:140px;padding:4px;border-radius:8px;background:#101224f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 20px #00000073;z-index:9999}.conv-list__context-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;color:#b0b8d1;font-size:.78rem;font-family:inherit;border-radius:5px;cursor:pointer;transition:all .1s ease;white-space:nowrap}.conv-list__context-item:hover{background:#ffffff0f;color:#e0e4ed}.conv-list__context-item--danger{color:#f87171}.conv-list__context-item--danger:hover{background:#ef44441a;color:#ef4444}.conv-list__delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000}.conv-list__delete-dialog{background:#101224fa;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;max-width:340px;width:90%;box-shadow:0 12px 40px #00000080}.conv-list__delete-title{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--color-text-primary, #e2e8f0)}.conv-list__delete-subtitle{margin:0 0 20px;font-size:.78rem;color:var(--color-text-tertiary, #6b7a99);line-height:1.4}.conv-list__delete-actions{display:flex;justify-content:flex-end;gap:8px}.conv-list__delete-btn{padding:8px 18px;border:none;border-radius:8px;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .12s ease}.conv-list__delete-btn--cancel{background:#ffffff0f;color:var(--color-text-secondary, #8b95b2)}.conv-list__delete-btn--cancel:hover{background:#ffffff1a;color:var(--color-text-primary, #e2e8f0)}.conv-list__delete-btn--confirm{background:#ef444426;color:#f87171}.conv-list__delete-btn--confirm:hover{background:#ef444440;color:#ef4444}.emoji-picker{position:absolute;bottom:56px;left:12px;width:340px;max-height:400px;border-radius:14px;background:#101224f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080,0 0 12px #818cf814;z-index:10;display:flex;flex-direction:column;overflow:hidden}.emoji-picker__search{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.emoji-picker__search-icon{flex-shrink:0;color:var(--color-text-tertiary, #6b7a99)}.emoji-picker__search-input{flex:1;border:none;outline:none;background:#ffffff0a;color:var(--color-text-primary, #e2e8f0);font-size:.78rem;font-family:inherit;padding:6px 10px;border-radius:8px;transition:background .15s ease}.emoji-picker__search-input::placeholder{color:var(--color-text-tertiary, #6b7a99)}.emoji-picker__search-input:focus{background:#ffffff12}.emoji-picker__tabs{display:flex;gap:1px;padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.emoji-picker__tabs::-webkit-scrollbar{display:none}.emoji-picker__tab{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:5px 6px;border-radius:6px;border:none;background:transparent;color:var(--color-text-tertiary, #6b7a99);cursor:pointer;transition:all .15s ease}.emoji-picker__tab:hover{background:#ffffff0f;color:var(--color-text-secondary, #8b95b2)}.emoji-picker__tab--active{background:#818cf81f;color:var(--color-primary, #818cf8)}.emoji-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;overflow-y:auto;flex:1;min-height:120px;max-height:280px}.emoji-picker__grid::-webkit-scrollbar{width:4px}.emoji-picker__grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.emoji-picker__emoji{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;font-size:1.25rem;cursor:pointer;transition:all .12s ease}.emoji-picker__emoji:hover{background:#ffffff14;transform:scale(1.2)}.emoji-picker__empty{grid-column:1 / -1;text-align:center;padding:24px 0;color:var(--color-text-tertiary, #6b7a99);font-size:.78rem}.msg-bubble{display:flex;flex-direction:column;margin-bottom:2px;position:relative}.msg-bubble--mine{align-items:flex-end}.msg-bubble--theirs{align-items:flex-start}.msg-bubble__row{display:flex;align-items:center;gap:4px;max-width:85%}.msg-bubble__row--mine{flex-direction:row-reverse}.msg-bubble__content{padding:10px 14px;border-radius:16px;font-size:.88rem;line-height:1.45;color:var(--color-text-primary, #e2e8f0);word-break:break-word;min-width:0}.msg-bubble--mine .msg-bubble__content{background:var(--color-primary-surface, #3730a3);border-bottom-right-radius:4px}.msg-bubble--theirs .msg-bubble__content{background:var(--color-surface-elevated, #1e2033);border-bottom-left-radius:4px}.msg-bubble__text{margin:0;white-space:pre-wrap}.msg-bubble__sender-name{display:block;font-size:.72rem;font-weight:600;color:var(--color-primary, #818cf8);margin-bottom:2px;letter-spacing:.01em}.msg-bubble__meta{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:4px}.msg-bubble__time{font-size:.65rem;opacity:.5}.msg-bubble__hover-icons{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.msg-bubble__icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:transparent;border:none;color:var(--color-text-tertiary, #6b7a99);cursor:pointer;transition:all .15s ease;opacity:.6}.msg-bubble__icon-btn:hover{background:#ffffff14;color:var(--color-text-secondary, #8b95b2);opacity:1}.msg-bubble__reply-preview{max-width:75%;padding:6px 10px;margin-bottom:2px;border-left:3px solid var(--color-primary, #818cf8);border-radius:8px;background:#818cf814;font-size:.75rem;display:flex;flex-direction:column;gap:2px;cursor:default}.msg-bubble__reply-preview--clickable{cursor:pointer;transition:background .15s ease}.msg-bubble__reply-preview--clickable:hover{background:#818cf826}@keyframes msg-highlight-flash{0%{background:transparent}20%{background:#818cf826}to{background:transparent}}.msg-bubble__highlight-flash{animation:msg-highlight-flash 1.5s ease-out;border-radius:12px}.msg-bubble__reply-author{font-weight:600;color:var(--color-primary, #818cf8);font-size:.68rem}.msg-bubble__reply-text{color:var(--color-text-secondary, #8b95b2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.msg-bubble__reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px;padding:0 4px}.msg-bubble__reaction-pill{display:flex;align-items:center;gap:3px;padding:2px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;font-size:.72rem;cursor:pointer;transition:all .15s ease}.msg-bubble__reaction-pill:hover{background:#ffffff14;transform:scale(1.05)}.msg-bubble__reaction-pill--own{border-color:#818cf84d;background:#818cf81f}.msg-bubble__reaction-count{font-size:.62rem;color:var(--color-text-tertiary, #6b7a99)}.msg-bubble__content{position:relative}.msg-bubble__action-chevron{position:absolute;top:4px;right:4px;z-index:3}.msg-bubble__chevron-btn{display:flex;align-items:center;justify-content:center;width:20px;height:16px;border-radius:4px;background:transparent;border:none;color:#ffffff59;cursor:pointer;transition:all .1s ease;padding:0}.msg-bubble--theirs .msg-bubble__chevron-btn{color:#ffffff4d}.msg-bubble__chevron-btn:hover{background:#00000026;color:#fffc}.msg-bubble--theirs .msg-bubble__chevron-btn:hover{background:#ffffff14;color:#ffffffb3}.msg-bubble__action-menu{position:fixed;min-width:120px;padding:4px;border-radius:8px;background:#101224f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 20px #00000073;z-index:9999}.msg-bubble__action-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;background:none;color:#b0b8d1;font-size:.72rem;font-family:inherit;border-radius:5px;cursor:pointer;transition:all .1s ease;white-space:nowrap}.msg-bubble__action-item:hover{background:#ffffff0f;color:#e0e4ed}.msg-bubble__action-item--danger{color:#f87171}.msg-bubble__action-item--danger:hover{background:#ef44441a;color:#ef4444}.msg-bubble__picker{position:absolute;top:-8px;display:flex;gap:2px;padding:4px 5px;border-radius:12px;background:#101224f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #00000059;z-index:6;transform:translateY(-100%)}.msg-bubble__picker--right{left:0}.msg-bubble__picker--left{right:0}.msg-bubble__picker-emoji{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;font-size:.92rem;cursor:pointer;transition:all .12s ease}.msg-bubble__picker-emoji:hover{background:#ffffff1a;transform:scale(1.25)}.msg-bubble__picker-expand{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:#ffffff0a;color:var(--color-text-tertiary, #6b7a99);cursor:pointer;transition:all .12s ease;margin-left:2px;border-left:1px solid rgba(255,255,255,.08);padding-left:4px}.msg-bubble__picker-expand:hover{background:#818cf81f;color:var(--color-primary, #818cf8);transform:scale(1.1)}.msg-bubble__full-reaction-picker{position:absolute;bottom:40px;z-index:11}.msg-bubble__full-reaction-picker--right{left:0}.msg-bubble__full-reaction-picker--left{right:0}.msg-bubble__full-reaction-picker .emoji-picker{position:relative;bottom:auto;left:auto}.msg-bubble__status{display:inline-flex;align-items:center}.msg-tick{width:16px;height:12px}.msg-tick--single{color:#fff6;animation:tickAppear .25s ease-out}.msg-tick--double{width:22px;color:#fff6}.msg-tick--double .msg-tick__second{animation:secondTickSlide .3s cubic-bezier(.34,1.56,.64,1) forwards}.msg-tick--read{color:#818cf8;filter:drop-shadow(0 0 3px rgba(129,140,248,.4));transition:color .4s ease,filter .4s ease}@keyframes tickAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes secondTickSlide{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.msg-tick--sending{width:14px;height:14px;color:#ffffff59;animation:sendingPulse 1.5s ease-in-out infinite}@keyframes sendingPulse{0%,to{opacity:.35}50%{opacity:.7}}.msg-tick--failed{width:14px;height:14px;color:#ef4444;opacity:.85}.msg-fmt-bold{font-weight:600}.msg-fmt-italic{font-style:italic}.msg-fmt-strike{text-decoration:line-through;opacity:.7}.msg-fmt-code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82em;padding:1px 5px;border-radius:4px;background:#0003}.msg-bubble--theirs .msg-fmt-code{background:#ffffff14}.msg-fmt-codeblock{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8em;margin:6px 0;padding:8px 10px;border-radius:6px;background:#00000040;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.msg-bubble--theirs .msg-fmt-codeblock{background:#ffffff0f}.msg-fmt-mention{color:#93c5fd;font-weight:600;cursor:default}.msg-bubble--theirs .msg-fmt-mention{color:#60a5fa}.msg-bubble__read-more{display:inline;background:none;border:none;color:#818cf8;font-size:.72rem;font-weight:600;cursor:pointer;padding:0;margin-left:4px;font-family:inherit;text-decoration:none;transition:opacity .15s ease}.msg-bubble__read-more:hover{opacity:.8;text-decoration:underline}.msg-bubble__reaction-detail{position:absolute;bottom:calc(100% + 6px);left:0;min-width:140px;max-width:200px;padding:8px 10px;border-radius:10px;background:#101224f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #00000073;z-index:10}.msg-bubble__reaction-detail--mine{left:auto;right:0}.msg-bubble__reaction-detail-header{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}.msg-bubble__reaction-detail-emoji{font-size:1rem}.msg-bubble__reaction-detail-count{font-size:.65rem;font-weight:700;color:#818cf8}.msg-bubble__reaction-detail-users{display:flex;flex-direction:column;gap:5px;max-height:120px;overflow-y:auto}.msg-bubble__reaction-detail-user{display:flex;align-items:center;gap:6px;font-size:.68rem;color:#b0b8d1}.msg-bubble__reaction-detail-avatar{width:18px;height:18px;border-radius:50%;background:#818cf833;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#818cf8;flex-shrink:0}.msg-bubble__text a{color:#818cf8;text-decoration:underline;text-decoration-color:#818cf84d;text-underline-offset:2px;transition:text-decoration-color .15s ease;word-break:break-all}.msg-bubble__text a:hover{text-decoration-color:#818cf8}.msg-bubble__reaction-remove{margin-left:auto;background:none;border:none;color:#ffffff4d;font-size:.75rem;cursor:pointer;padding:0 2px;line-height:1;transition:color .12s ease;font-family:inherit}.msg-bubble__reaction-remove:hover{color:#f87171}.msg-bubble--deleted{opacity:.7}.msg-bubble__text--deleted{color:#ffffff73;font-style:italic;display:flex;align-items:center}.msg-bubble__edited-label{color:#ffffff59;font-size:.6rem;font-style:italic;margin-right:4px}.msg-bubble__edit-area{display:flex;flex-direction:column;gap:6px}.msg-bubble__edit-header{display:flex;align-items:center;gap:5px;font-size:.62rem;font-weight:600;color:#818cf8;letter-spacing:.03em;text-transform:uppercase;padding-bottom:2px}.msg-bubble__edit-input{width:100%;min-width:200px;padding:8px 10px;border-radius:8px;border:1px solid rgba(129,140,248,.25);background:#00000040;color:inherit;font-family:inherit;font-size:inherit;line-height:1.4;resize:none;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.msg-bubble__edit-input:focus{border-color:#818cf880;box-shadow:0 0 0 2px #818cf81f}.msg-bubble__edit-actions{display:flex;justify-content:flex-end;gap:4px}.msg-bubble__edit-cancel,.msg-bubble__edit-save{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;border:none;font-size:.62rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .12s ease;letter-spacing:.01em}.msg-bubble__edit-cancel{background:#ffffff0f;color:#ffffff73}.msg-bubble__edit-cancel:hover{background:#ffffff1a;color:#ffffffb3}.msg-bubble__edit-save{background:#818cf833;color:#818cf8}.msg-bubble__edit-save:hover{background:#818cf859;color:#a5b4fc}.msg-bubble__delete-confirm{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;margin-bottom:4px;border-radius:8px;background:#ef444414;border:1px solid rgba(239,68,68,.15)}.msg-bubble__delete-confirm-text{font-size:.68rem;color:#ffffff8c;font-weight:500;white-space:nowrap}.msg-bubble__delete-confirm-actions{display:flex;gap:4px}.msg-bubble__delete-confirm-no,.msg-bubble__delete-confirm-yes{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:20px;border:none;font-size:.62rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .12s ease}.msg-bubble__delete-confirm-no{background:#ffffff0f;color:#ffffff73}.msg-bubble__delete-confirm-no:hover{background:#ffffff1a;color:#ffffffb3}.msg-bubble__delete-confirm-yes{background:#ef444433;color:#f87171}.msg-bubble__delete-confirm-yes:hover{background:#ef444459;color:#ef4444}.msg-bubble__content--attachment-only{padding:0!important;background:transparent!important;overflow:hidden}.msg-bubble__content--attachment-only .msg-bubble__sender-name{padding:6px 12px 2px}.msg-bubble__image-wrap{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;width:280px;max-width:100%;line-height:0}.msg-bubble__image{width:100%;height:auto;min-height:100px;max-height:340px;object-fit:cover;display:block;transition:transform .25s ease,filter .25s ease}.msg-bubble__image-wrap:hover .msg-bubble__image{transform:scale(1.03);filter:brightness(.92)}.msg-bubble__meta--on-image{position:absolute;bottom:6px;right:8px;background:linear-gradient(transparent,#0000008c);padding:12px 8px 4px 12px;border-radius:8px;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.5)}.msg-bubble__meta--on-image .msg-bubble__time,.msg-bubble__meta--on-image .msg-tick{color:#fff!important}.msg-bubble__meta--on-image .msg-tick--read{color:#60a5fa!important}.msg-bubble__file-card{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:4px 0 2px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;transition:background .15s;max-width:280px}.msg-bubble__file-card:hover{background:#ffffff1a}.msg-bubble__file-icon{width:40px;height:40px;border-radius:8px;background:#6366f126;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary, #818cf8)}.msg-bubble__file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.msg-bubble__file-name{font-size:.82rem;font-weight:500;color:var(--color-text-primary, #e2e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-bubble__file-size{font-size:.72rem;color:var(--color-text-muted, #94a3b8)}.msg-bubble__file-download{flex-shrink:0;color:var(--color-primary, #818cf8);opacity:.6;transition:opacity .15s}.msg-bubble__file-card:hover .msg-bubble__file-download{opacity:1}.msg-bubble__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.msg-bubble__lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.msg-bubble__lightbox-close:hover{background:#fff3}.msg-bubble__lightbox-img{max-width:92vw;max-height:78vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #00000080}.msg-bubble__lightbox-download{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;background:#ffffff1a;color:#fff;text-decoration:none;font-size:.85rem;font-weight:500;transition:background .15s}.msg-bubble__lightbox-download:hover{background:#fff3}.msg-bubble__file-card-wrapper{display:flex;flex-direction:column;align-items:flex-end;width:280px;max-width:100%}.msg-bubble__file-card-wrapper .msg-bubble__file-card{width:100%}.msg-bubble__meta--file-only{margin-top:4px;padding:0 4px}.wb-card{border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;padding:12px 14px;margin:6px 0;max-width:400px}.wb-card--cancelled{display:flex;align-items:center;gap:8px;padding:8px 12px;opacity:.5;font-size:12px}.wb-card--cancelled .wb-card__text{flex:1;color:#6b7a99}.wb-card--cancelled .wb-card__meta{color:#4a5568;font-size:11px}.wb-card--lobby{border-color:#ff8c4226;background:#ff64320a}.wb-card--active{border-color:#ff64321f;background:linear-gradient(135deg,#ff64320a,#ff321e05)}.wb-card--ended{border-color:#ffd7001a;background:#ffd70008}.wb-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.wb-card__badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:5px}.wb-card__badge--lobby{background:#ff8c421f;color:#ff8c42}.wb-card__badge--active{background:#ff50321f;color:#ff6b42}.wb-card__badge--ended{background:#ffffff0a;color:#6b7a99}.wb-card__live-dot{width:6px;height:6px;border-radius:50%;background:#ff5252;animation:wbcPulse 1.5s ease-in-out infinite}@keyframes wbcPulse{0%,to{opacity:1}50%{opacity:.4}}.wb-card__lobby-timer{font-size:11px;color:#ff8c42;font-weight:600}.wb-card__meta{font-size:11px;color:#6b7a99}.wb-card__lobby-info{margin-bottom:10px}.wb-card__lobby-info p{font-size:13px;color:#f0f2f5;margin:0 0 4px}.wb-card__player-count{font-size:12px;color:#6b7a99}.wb-card__action-btn{width:100%;padding:8px;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.wb-card__action-btn--join{background:linear-gradient(135deg,#ff8c42,#ff5e3a);color:#fff}.wb-card__action-btn--join:hover:not(:disabled){filter:brightness(1.1)}.wb-card__action-btn--join:disabled{opacity:.4;cursor:not-allowed}.wb-card__action-btn--go{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#f0f2f5}.wb-card__action-btn--go:hover{background:#ffffff1a}.wb-card__result{display:flex;align-items:center;gap:8px;margin-bottom:4px}.wb-card__trophy{font-size:18px}.wb-card__winner-name{font-size:14px;font-weight:600;color:gold}.wb-card__result-stats{font-size:11px;color:#6b7a99}.wb-card__live-info{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#8b95b2;margin-bottom:10px}.wb-card__mini-player{font-size:11px;padding:2px 6px;border-radius:4px;background:#ffffff08}.wb-card__mini-player--dead{opacity:.3;text-decoration:line-through}.game-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:#171832;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 12px 48px #00000073,0 0 0 1px #ffffff0a inset;z-index:60;overflow:hidden}.game-panel__header{display:flex;align-items:center;padding:14px 16px 0;gap:8px}.game-panel__title{font-size:.88rem;font-weight:600;color:#f0f2f5;margin:0;flex:1}.game-panel__subtitle{font-size:.72rem;color:#6b7a99;margin:2px 16px 12px}.game-panel__close,.game-panel__back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ffffff0a;color:#6b7a99;border-radius:6px;cursor:pointer;transition:all .12s ease;flex-shrink:0}.game-panel__close:hover,.game-panel__back:hover{background:#ffffff14;color:#f0f2f5}.game-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 14px}.game-panel__card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff05;color:#f0f2f5;cursor:pointer;transition:all .15s ease;font-family:inherit;position:relative}.game-panel__card:not(:disabled):hover{background:#ffffff0d;border-color:#818cf840;transform:translateY(-1px)}.game-panel__card--soon{opacity:.45;cursor:default}.game-panel__card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.game-panel__card-icon--wyr{background:#a855f71f;color:#c084fc}.game-panel__card-icon--debate{background:#3b82f61f;color:#60a5fa}.game-panel__card-icon--trivia{background:#34d3991f;color:#6ee7b7}.game-panel__card-icon--bomb{background:#f871711f;color:#fca5a5}.game-panel__card-name{font-size:.76rem;font-weight:600;letter-spacing:.2px}.game-panel__card-desc{font-size:.65rem;color:#6b7a99;text-align:center;line-height:1.3}.game-panel__card-tag{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#6b7a99;background:#ffffff0a;padding:2px 6px;border-radius:4px}.game-panel__form{padding:8px 16px 16px}.game-panel__label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#6b7a99;margin-bottom:5px}.game-panel__label--a{color:#c084fc}.game-panel__label--b{color:#60a5fa}.game-panel__textarea{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff0a;color:#f0f2f5;font-size:.84rem;font-family:inherit;outline:none;resize:vertical;min-height:56px;margin-bottom:12px;transition:border-color .15s ease;box-sizing:border-box;line-height:1.45}.game-panel__textarea:focus{border-color:#667eea66}.game-panel__textarea::placeholder{color:#3d4a63}.game-panel__options-row{display:flex;gap:10px;margin-bottom:12px}.game-panel__option-group{flex:1}.game-panel__input{width:100%;padding:9px 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff0a;color:#f0f2f5;font-size:.82rem;font-family:inherit;outline:none;transition:border-color .15s ease;box-sizing:border-box}.game-panel__input:focus{border-color:#667eea66}.game-panel__input::placeholder{color:#3d4a63}.game-panel__submit{width:100%;padding:10px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.3px;cursor:pointer;font-family:inherit;transition:all .15s ease}.game-panel__submit:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 16px #667eea4d}.game-panel__submit:disabled{opacity:.4;cursor:not-allowed}.game-panel__info{font-size:.72rem;color:#6b7a99;line-height:1.45;margin:0 0 12px}.game-panel__timer-options{display:flex;gap:8px;margin-bottom:14px}.game-panel__timer-btn{flex:1;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff05;color:#8b95b2;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.game-panel__timer-btn:hover{background:#ffffff0d;border-color:#ff8c4233}.game-panel__timer-btn--active{background:#ff8c421a;border-color:#ff8c4259;color:#ff8c42}.game-card{max-width:400px;margin:10px auto;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#171832;box-shadow:0 2px 12px #0003;overflow:hidden}.game-card__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0}.game-card__type-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;padding:3px 10px;border-radius:6px}.game-card__type-badge--wyr{background:#a855f71f;color:#c084fc}.game-card__type-badge--debate{background:#3b82f61f;color:#60a5fa}.game-card__creator{font-size:.65rem;color:#6b7a99;font-weight:300}.game-card__question{padding:10px 16px 8px;font-size:.92rem;font-weight:500;color:#f0f2f5;line-height:1.45;margin:0}.game-card__options{display:flex;flex-direction:column;gap:8px;padding:4px 14px}.game-card__option{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff05;color:#f0f2f5;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;position:relative;overflow:hidden}.game-card__option:not(:disabled):hover{background:#ffffff0d;border-color:#a855f740}.game-card__option--selected{border-color:#a855f766!important;background:#a855f714!important}.game-card__option:disabled{cursor:default}.game-card__option-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#6b7a99}.game-card__option-text{font-size:.84rem;font-weight:500;line-height:1.35}.game-card__bar{width:100%;height:5px;border-radius:3px;background:#ffffff0a;position:relative;margin-top:4px}.game-card__bar-fill{height:100%;border-radius:3px}.game-card__bar-fill--a{background:linear-gradient(90deg,#a855f7,#c084fc)}.game-card__bar-fill--b{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.game-card__pct{position:absolute;right:0;top:-18px;font-size:.72rem;font-weight:600;color:#8b95b2}.game-card__debate-options{display:flex;gap:10px;padding:4px 14px}.game-card__debate-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#f0f2f5;font-family:inherit;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:all .15s ease}.game-card__debate-btn--for:not(:disabled):hover{background:#34d39914;border-color:#34d39940;color:#34d399}.game-card__debate-btn--against:not(:disabled):hover{background:#f8717114;border-color:#f8717140;color:#f87171}.game-card__debate-btn--selected.game-card__debate-btn--for{background:#34d3991f!important;border-color:#34d39959!important;color:#34d399!important}.game-card__debate-btn--selected.game-card__debate-btn--against{background:#f871711f!important;border-color:#f8717159!important;color:#f87171!important}.game-card__debate-btn:disabled{cursor:default}.game-card__debate-count{font-size:.85rem;font-weight:700}.game-card__result-bar{display:flex;height:5px;margin:10px 14px 0;border-radius:3px;overflow:hidden;background:#ffffff08}.game-card__result-fill--for{background:linear-gradient(90deg,#34d399,#6ee7b7)}.game-card__result-fill--against{background:linear-gradient(90deg,#f87171,#fca5a5)}.game-card__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 12px}.game-card__votes{font-size:.68rem;color:#6b7a99;font-weight:300}.game-card__ended{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#6b7a99;background:#ffffff0a;padding:2px 8px;border-radius:4px}.game-card__end-btn{font-size:.68rem;font-weight:600;color:#6b7a99;background:none;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:3px 12px;cursor:pointer;font-family:inherit;transition:all .15s ease}.game-card__end-btn:hover{border-color:#f871714d;color:#f87171}.chat-thread{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.chat-thread__header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:20}.chat-thread__back{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:background .15s}.chat-thread__back:hover{background:#ffffff0f}.chat-thread__back svg{width:18px;height:18px}@media (max-width: 768px){.chat-thread__back{display:flex}}.chat-thread__header-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#818cf81f;border:1px solid rgba(255,255,255,.06)}.chat-thread__header-avatar img{width:100%;height:100%;object-fit:cover}.chat-thread__header-avatar svg{width:18px;height:18px;color:#818cf8}.chat-thread__header-avatar-initial{font-size:.82rem;font-weight:600;color:#818cf8}.chat-thread__user{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.chat-thread__username{font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.chat-thread__handle{font-size:.75rem;color:var(--color-text-tertiary)}.chat-thread__connected-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98180;flex-shrink:0}.chat-thread__activities-wrapper{position:relative;flex-shrink:0;margin-left:auto}.chat-thread__activities-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;color:var(--color-text-secondary, #8b95b2);cursor:pointer;transition:all .15s ease}.chat-thread__activities-btn:hover,.chat-thread__activities-btn--active{background:#818cf81a;border-color:#818cf84d;color:#818cf8}.chat-thread__tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.chat-thread__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;background:none;color:#6b7a99;font-size:.78rem;font-weight:600;letter-spacing:.3px;cursor:pointer;font-family:inherit;transition:all .15s ease;border-bottom:2px solid transparent}.chat-thread__tab:hover{color:#8b95b2}.chat-thread__tab--active{color:#818cf8;border-bottom-color:#818cf8}.chat-thread__tab-badge{font-size:.62rem;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#818cf833;color:#818cf8;padding:0 4px}.activities-view{flex:1;overflow-y:auto;padding:12px 16px}.activities-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 20px;color:#6b7a99;text-align:center}.activities-view__empty h3{margin:0;font-size:.92rem;font-weight:600;color:#8b95b2}.activities-view__empty p{margin:0;font-size:.75rem}.activities-view__section{margin-bottom:20px}.activities-view__section-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.activities-view__live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98180;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.activities-view__section-title{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#8b95b2}.activities-view__section-title--past{color:#6b7a99;margin-bottom:10px}.activities-view__count{font-size:.6rem;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#10b98126;color:#10b981;padding:0 4px}.chat-thread__request-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;background:#f59e0b0f;border-bottom:1px solid rgba(245,158,11,.12)}.chat-thread__request-msg{font-size:.8rem;color:#f59e0b;font-weight:500}.chat-thread__request-actions{display:flex;gap:6px}.chat-thread__request-btn{padding:5px 14px;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.chat-thread__request-btn:disabled{opacity:.5;cursor:not-allowed}.chat-thread__request-btn--accept{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-thread__request-btn--decline{background:#ffffff0f;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.08)}.chat-thread__messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.chat-thread__loading{flex:1;display:flex;align-items:center;justify-content:center}.chat-thread__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--color-primary, #818cf8);border-radius:50%;animation:spin .7s linear infinite}.chat-thread__loading-older{text-align:center;padding:12px;font-size:.75rem;color:var(--color-text-tertiary)}.chat-thread__empty-messages{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:.9rem}.chat-thread__date-sep{display:flex;align-items:center;justify-content:center;padding:16px 0 8px}.chat-thread__date-sep span{font-size:.7rem;font-weight:500;color:var(--color-text-tertiary);background:#ffffff0a;padding:3px 12px;border-radius:10px;letter-spacing:.03em;text-transform:uppercase}.chat-thread__input-bar{display:flex;align-items:flex-end;gap:10px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff05;position:relative}.chat-thread__mention-dropdown{position:absolute;bottom:100%;left:16px;right:16px;background:var(--color-surface, #1e1f36);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;box-shadow:0 -8px 32px #00000059;max-height:220px;overflow-y:auto;z-index:30}.chat-thread__mention-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:none;color:var(--color-text-primary, #e2e8f0);cursor:pointer;border-radius:8px;transition:background .1s ease;text-align:left;font-family:inherit}.chat-thread__mention-item:hover,.chat-thread__mention-item--active{background:#818cf81f}.chat-thread__mention-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary-dim, rgba(129, 140, 248, .2));color:var(--color-primary, #818cf8);font-size:.7rem;font-weight:600}.chat-thread__mention-avatar img{width:100%;height:100%;object-fit:cover}.chat-thread__mention-info{display:flex;flex-direction:column;min-width:0}.chat-thread__mention-name{font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread__mention-username{font-size:.7rem;color:var(--color-text-tertiary, #6b7a99)}.chat-thread__input{flex:1;min-height:40px;max-height:120px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff0a;color:var(--color-text-primary);font-size:.875rem;font-family:inherit;resize:none;outline:none;transition:border-color .2s ease,background .2s ease;line-height:1.4}.chat-thread__input:focus{border-color:#818cf866;background:#ffffff0f}.chat-thread__input::placeholder{color:var(--color-text-tertiary)}.chat-thread__send{width:40px;height:40px;border:none;border-radius:50%;background:#ffffff0a;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chat-thread__send svg{width:18px;height:18px}.chat-thread__send--active{background:var(--color-primary, #818cf8);color:#fff;box-shadow:0 2px 10px #818cf84d}.chat-thread__send--active:hover{filter:brightness(1.1);transform:scale(1.05)}.chat-thread__send:disabled{cursor:default;opacity:.5}.chat-thread__emoji-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:var(--color-text-tertiary, #6b7a99);cursor:pointer;flex-shrink:0;transition:all .15s ease}.chat-thread__emoji-btn:hover{background:#ffffff0f;color:var(--color-text-secondary, #8b95b2)}.chat-thread__emoji-btn--active{color:var(--color-primary, #818cf8);background:#818cf81a}.chat-thread__new-msg-pill{position:absolute;bottom:76px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(129,140,248,.25);border-radius:20px;background:#1e1e3cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#a5b4fc;font-size:.75rem;font-weight:500;cursor:pointer;z-index:10;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #0000004d,0 0 0 1px #818cf81a;white-space:nowrap}.chat-thread__new-msg-pill:hover{background:#282846f2;box-shadow:0 4px 20px #0006,0 0 12px #818cf826}.chat-thread__new-msg-arrow{width:16px;height:16px;flex-shrink:0}.chat-thread__typing{display:flex;align-items:center;gap:8px;padding:6px 16px;flex-shrink:0}.chat-thread__typing-dots{display:flex;gap:3px;align-items:center}.chat-thread__typing-dots span{width:5px;height:5px;border-radius:50%;background:#818cf8;animation:typingBounce 1.2s ease-in-out infinite}.chat-thread__typing-dots span:nth-child(2){animation-delay:.15s}.chat-thread__typing-dots span:nth-child(3){animation-delay:.3s}.chat-thread__typing-name{font-size:.7rem;color:var(--color-text-tertiary, #6b7a99);font-style:italic}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-thread__status{font-size:.68rem;color:var(--color-text-tertiary, #6b7a99)}.chat-thread__status--online{color:#34d399;font-weight:500}.chat-thread__status--online:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#34d399;margin-right:4px;animation:onlinePulse 2s ease-in-out infinite}@keyframes onlinePulse{0%,to{opacity:1}50%{opacity:.4}}.chat-thread__reply-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;flex-shrink:0;background:#818cf80f;border-left:3px solid var(--color-primary, #818cf8);overflow:hidden}.chat-thread__reply-bar-content{display:flex;align-items:center;gap:8px;min-width:0}.chat-thread__reply-bar-icon{color:var(--color-primary, #818cf8);flex-shrink:0}.chat-thread__reply-bar-text{display:flex;flex-direction:column;gap:1px;min-width:0}.chat-thread__reply-bar-author{font-size:.7rem;font-weight:600;color:var(--color-primary, #818cf8)}.chat-thread__reply-bar-preview{font-size:.72rem;color:var(--color-text-secondary, #8b95b2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread__reply-bar-close{background:none;border:none;color:var(--color-text-tertiary, #6b7a99);font-size:1.1rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s ease;flex-shrink:0}.chat-thread__reply-bar-close:hover{background:#ffffff0f;color:var(--color-text-primary, #e2e8f0)}.chat-thread__request-banner{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:.78rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.06)}.chat-thread__request-banner--pending{color:var(--color-warning, #f59e0b)}.chat-thread__request-banner--pending svg{color:var(--color-warning, #f59e0b);flex-shrink:0}.chat-thread__request-banner--declined{color:var(--color-error, #ef4444)}.chat-thread__request-banner--declined svg{color:var(--color-error, #ef4444);flex-shrink:0}.chat-thread__multi-preview-bar{background:var(--color-surface-elevated, #1e2033);border-top:1px solid rgba(255,255,255,.08);border-top-left-radius:16px;border-top-right-radius:16px;padding:12px 16px;box-shadow:0 -4px 20px #0000004d}.chat-thread__multi-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;color:var(--color-text-muted, #94a3b8)}.chat-thread__multi-clear{background:none;border:none;color:#ef4444;font-size:.82rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.chat-thread__multi-clear:hover{background:#ef44441a}.chat-thread__multi-preview-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.chat-thread__multi-preview-item{position:relative;width:64px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.chat-thread__multi-thumb,.chat-thread__multi-file-icon{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--color-background, #0f111a);border:1px solid rgba(255,255,255,.08)}.chat-thread__multi-file-icon{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-primary, #818cf8);background:#818cf81a}.chat-thread__multi-remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--color-surface-floating, #2a2d45);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;padding:0;box-shadow:0 2px 4px #0000004d;transition:background .2s,transform .2s}.chat-thread__multi-remove-btn:hover{background:#ef4444;transform:scale(1.1)}.chat-thread__multi-size{font-size:.65rem;color:var(--color-text-muted, #94a3b8);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread__upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;border-radius:14px;gap:8px;color:#fff}.chat-thread__upload-spinner{width:24px;height:24px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.chat-thread__upload-pct{font-size:.75rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.chat-thread__file-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;margin-top:6px;overflow:hidden;width:100%}.chat-thread__file-progress-fill{height:100%;background:var(--color-primary, #818cf8);transition:width .2s ease}.chat-thread__attach-btn{background:none;border:none;color:var(--color-text-muted, #94a3b8);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.chat-thread__attach-btn:hover{color:var(--color-primary, #818cf8);background:#6366f11a}.chat-thread__attach-btn:disabled{opacity:.4;cursor:not-allowed}.chat-thread__send-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--color-primary, #818cf8);border-radius:50%;animation:spin .6s linear infinite}.chat-thread__main-area{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.chat-thread__attachment-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f111af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column}.chat-thread__attachment-header{display:flex;align-items:center;gap:16px;padding:16px 20px;font-size:1.1rem;font-weight:500;color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}.chat-thread__attachment-close{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;line-height:1;padding:4px;opacity:.7;transition:opacity .2s}.chat-thread__attachment-close:hover{opacity:1}.chat-thread__attachment-main-view{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.chat-thread__attachment-main-view img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0006}.chat-thread__attachment-file-large{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#ffffff0d;padding:40px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.chat-thread__attachment-file-icon-large{color:var(--color-primary);background:#818cf826;width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center}.chat-thread__attachment-file-name{font-size:1.1rem;font-weight:500;color:#e2e8f0;max-width:300px;text-align:center;word-break:break-word}.chat-thread__attachment-file-size{font-size:.85rem;color:#94a3b8}.chat-thread__attachment-strip{display:flex;gap:12px;padding:16px 20px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.06);background:#0003}.chat-thread__attachment-thumb-wrap{position:relative;width:60px;height:60px;border-radius:8px;flex-shrink:0;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.chat-thread__attachment-thumb-wrap--active{border-color:var(--color-primary)}.chat-thread__attachment-thumb-wrap img{width:100%;height:100%;object-fit:cover;border-radius:6px}.chat-thread__attachment-file-mini-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#818cf826;color:var(--color-primary);border-radius:6px;font-size:.75rem;font-weight:600}.chat-thread__attachment-remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000004d}.chat-thread__attachment-remove-btn:hover{background:#dc2626}.chat-thread__activity-sys-card{display:flex;align-items:center;gap:10px;margin:8px 16px;padding:10px 14px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:12px;animation:fadeSlideIn .25s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-thread__activity-sys-icon{font-size:1.4rem;flex-shrink:0;line-height:1}.chat-thread__activity-sys-body{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}.chat-thread__activity-sys-text{font-size:.82rem;color:#ffffffbf;line-height:1.4;flex:1;min-width:0}.chat-thread__activity-sys-text strong{color:#fffffff2;font-weight:600}.chat-thread__activity-sys-btn{flex-shrink:0;padding:5px 12px;background:#8b5cf640;border:1px solid rgba(139,92,246,.4);border-radius:8px;color:#a78bfa;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.chat-thread__activity-sys-btn:hover{background:#8b5cf666;border-color:#8b5cf699;color:#c4b5fd}.ncm__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ncm__modal{width:90%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;background:#141928f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 80px #00000080;overflow:hidden}.ncm__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px}.ncm__title{font-size:1.05rem;font-weight:600;color:var(--color-text-primary, #f0f2f5);letter-spacing:.01em;margin:0}.ncm__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff0f;border-radius:8px;cursor:pointer;transition:background .15s ease;padding:0}.ncm__close:hover{background:#ffffff1f}.ncm__close svg{width:14px;height:14px;stroke:var(--color-text-secondary, #6b7a99)}.ncm__tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.06)}.ncm__tab{flex:1;padding:10px 0;border:none;background:none;color:var(--color-text-tertiary, #3d4a63);font-size:.82rem;font-weight:500;cursor:pointer;position:relative;transition:color .2s ease}.ncm__tab:hover{color:var(--color-text-secondary, #6b7a99)}.ncm__tab--active{color:var(--color-primary, #818cf8)}.ncm__tab--active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--color-primary, #818cf8);border-radius:1px}.ncm__group-fields{padding:14px 20px 0;display:flex;flex-direction:column;gap:8px}.ncm__input{width:100%;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--color-text-primary, #f0f2f5);font-size:.85rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.ncm__input:focus{border-color:#667eea66}.ncm__input::placeholder{color:var(--color-text-tertiary, #3d4a63)}.ncm__input--secondary{font-size:.8rem;padding:8px 14px}.ncm__chips{padding:8px 20px 0;display:flex;flex-wrap:wrap;gap:6px}.ncm__chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 12px;background:#667eea26;border:1px solid rgba(102,126,234,.25);border-radius:16px;font-size:.75rem;color:var(--color-primary, #818cf8);font-weight:500}.ncm__chip-remove{border:none;background:none;color:var(--color-primary, #818cf8);cursor:pointer;font-size:.9rem;line-height:1;padding:0 2px;opacity:.7;transition:opacity .15s ease}.ncm__chip-remove:hover{opacity:1}.ncm__search{margin:12px 20px 0;position:relative}.ncm__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--color-text-tertiary, #3d4a63);pointer-events:none}.ncm__search-input{width:100%;padding:10px 14px 10px 36px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--color-text-primary, #f0f2f5);font-size:.85rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.ncm__search-input:focus{border-color:#667eea66}.ncm__search-input::placeholder{color:var(--color-text-tertiary, #3d4a63)}.ncm__error{margin:8px 20px 0;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.78rem}.ncm__results{flex:1;overflow-y:auto;padding:8px 0;min-height:180px;max-height:340px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.ncm__loading,.ncm__hint,.ncm__no-results{display:flex;align-items:center;justify-content:center;height:80px;color:var(--color-text-tertiary, #3d4a63);font-size:.82rem}.ncm__user-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 20px;border:none;background:none;cursor:pointer;text-align:left;color:var(--color-text-primary, #f0f2f5);transition:background .15s ease}.ncm__user-row:hover{background:#ffffff0a}.ncm__user-row--selected{background:#667eea14}.ncm__user-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden}.ncm__user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ncm__user-name{font-size:.85rem;font-weight:500;color:var(--color-text-primary, #f0f2f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ncm__user-handle{font-size:.75rem;color:var(--color-text-tertiary, #3d4a63)}.ncm__badge{font-size:.68rem;font-weight:600;padding:3px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.ncm__badge--mutual{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.ncm__badge--request{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.ncm__check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ncm__check svg{width:16px;height:16px;stroke:var(--color-primary, #818cf8)}.ncm__footer{padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.06)}.ncm__create-btn{width:100%;padding:11px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.ncm__create-btn:hover:not(:disabled){opacity:.9}.ncm__create-btn:active:not(:disabled){transform:scale(.98)}.ncm__create-btn:disabled{opacity:.4;cursor:not-allowed}.gip__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gip__panel{position:fixed;top:var(--topbar-height, 56px);right:0;bottom:0;width:360px;max-width:90vw;z-index:910;display:flex;flex-direction:column;background:var(--color-surface, rgba(16, 20, 32, .98));border-left:1px solid rgba(255,255,255,.06);box-shadow:-8px 0 40px #00000059}.gip__header{display:flex;align-items:center;gap:12px;padding:16px 20px;min-height:56px;border-bottom:1px solid rgba(255,255,255,.06);background:var(--color-surface, rgba(16, 20, 32, .98));flex-shrink:0;z-index:2}.gip__close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff0f;border-radius:8px;cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}.gip__close:hover{background:#ffffff1f;transform:scale(1.05)}.gip__close svg{width:14px;height:14px;stroke:var(--color-text-secondary, #8b95b2)}.gip__title{font-size:.95rem;font-weight:600;color:var(--color-text-primary, #f0f2f5);margin:0}.gip__body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.gip__details{display:flex;flex-direction:column;align-items:center;padding:28px 20px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.04)}.gip__group-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid rgba(102,126,234,.2);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px;flex-shrink:0;position:relative}.gip__group-avatar--editable{cursor:pointer}.gip__group-avatar svg{width:30px;height:30px;stroke:var(--color-primary, #818cf8)}.gip__group-avatar img{width:100%;height:100%;object-fit:cover}.gip__avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .15s ease;border-radius:50%}.gip__group-avatar--editable:hover .gip__avatar-overlay{opacity:1}.gip__avatar-overlay svg{width:22px;height:22px;stroke:#ffffffd9}.gip__avatar-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:gip-spin .7s linear infinite}@keyframes gip-spin{to{transform:rotate(360deg)}}.gip__group-name{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #f0f2f5);margin:0 0 4px;word-break:break-word}.gip__group-desc{font-size:.82rem;color:var(--color-text-secondary, #8b95b2);margin:4px 0 0;max-width:290px;line-height:1.4;word-break:break-word}.gip__member-count{font-size:.72rem;color:var(--color-text-tertiary, #6b7a99);font-weight:500;margin-top:8px}.gip__desc-section{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.gip__desc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.gip__desc-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary, #6b7a99);margin:0}.gip__desc-edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#ffffff0a;border-radius:6px;cursor:pointer;transition:all .15s ease;color:var(--color-text-tertiary, #6b7a99)}.gip__desc-edit-btn:hover{background:#818cf81f;color:#818cf8}.gip__desc-text{font-size:.84rem;color:var(--color-text-secondary, #8b95b2);line-height:1.45;margin:0;word-break:break-word}.gip__desc-empty{font-size:.82rem;color:var(--color-text-tertiary, #4a5568);font-style:italic;margin:0}.gip__desc-edit-area{display:flex;flex-direction:column;gap:6px}.gip__desc-edit-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(129,140,248,.25);background:#00000040;color:var(--color-text-primary, #f0f2f5);font-family:inherit;font-size:.84rem;line-height:1.4;resize:none;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.gip__desc-edit-input:focus{border-color:#818cf880;box-shadow:0 0 0 2px #818cf81f}.gip__desc-edit-actions{display:flex;justify-content:flex-end;gap:4px}.gip__desc-edit-cancel,.gip__desc-edit-save{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;border:none;font-size:.62rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .12s ease;letter-spacing:.01em}.gip__desc-edit-cancel{background:#ffffff0f;color:#ffffff73}.gip__desc-edit-cancel:hover{background:#ffffff1a;color:#ffffffb3}.gip__desc-edit-save{background:#818cf833;color:#818cf8}.gip__desc-edit-save:hover{background:#818cf859;color:#a5b4fc}.gip__section{padding:16px 20px 8px}.gip__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.gip__section-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary, #6b7a99)}.gip__add-btn{border:none;background:none;color:var(--color-primary, #818cf8);font-size:.78rem;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:6px;transition:background .15s ease}.gip__add-btn:hover{background:#667eea1a}.gip__add-search{margin-bottom:12px;overflow:hidden}.gip__search-input{width:100%;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--color-text-primary, #f0f2f5);font-size:.82rem;outline:none!important;box-shadow:none;margin-bottom:6px;box-sizing:border-box}.gip__search-input:focus,.gip__search-input:focus-visible{border-color:#667eea66;outline:none!important;box-shadow:none}.gip__search-result{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:none;cursor:pointer;text-align:left;color:var(--color-text-primary, #f0f2f5);font-size:.82rem;border-radius:6px;transition:background .15s ease}.gip__search-result .avatar,.gip__search-result img{width:28px!important;height:28px!important;min-width:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.gip__search-result>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.gip__search-result:hover:not(.gip__search-result--disabled){background:#ffffff0a}.gip__search-result--disabled{opacity:.5;cursor:not-allowed}.gip__already-tag,.gip__invite-tag{margin-left:auto;font-size:.68rem;font-weight:600;padding:2px 6px;border-radius:4px;flex-shrink:0}.gip__already-tag{background:#ffffff0f;color:var(--color-text-tertiary, #6b7a99)}.gip__invite-tag{background:#f59e0b1a;color:#f59e0b}.gip__members-loading{padding:16px;text-align:center;color:var(--color-text-tertiary, #6b7a99);font-size:.82rem}.gip__members{display:flex;flex-direction:column;gap:2px}.gip__member{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;transition:background .15s ease}.gip__member:hover{background:#ffffff08}.gip__member-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea40,#764ba240);border:1px solid rgba(102,126,234,.15)}.gip__member-avatar img{width:100%;height:100%;object-fit:cover}.gip__member-avatar-fallback{font-size:.72rem;font-weight:600;color:var(--color-primary, #818cf8);text-transform:uppercase;line-height:1}.gip__member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gip__member-name{font-size:.84rem;font-weight:500;color:var(--color-text-primary, #f0f2f5);display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gip__you-tag{font-size:.62rem;font-weight:500;color:var(--color-text-tertiary, #6b7a99);background:#ffffff0f;padding:1px 5px;border-radius:4px;flex-shrink:0}.gip__role-tag{font-size:.62rem;font-weight:600;color:var(--color-primary, #818cf8);background:#667eea1a;padding:1px 5px;border-radius:4px;width:fit-content}.gip__status-tag{font-size:.62rem;font-weight:600;color:#f59e0b;background:#f59e0b1a;padding:1px 5px;border-radius:4px;width:fit-content}.gip__remove-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0;border-radius:6px}.gip__member:hover .gip__remove-btn{opacity:1}.gip__remove-btn:hover{background:#ef44441a}.gip__remove-btn svg{width:14px;height:14px;stroke:var(--color-text-tertiary, #6b7a99)}.gip__remove-btn:hover svg{stroke:#ef4444}.gip__member-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s ease}.gip__member:hover .gip__member-actions{opacity:1}.gip__role-toggle{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:6px;transition:all .15s ease;flex-shrink:0}.gip__role-toggle svg{width:14px;height:14px}.gip__role-toggle--promote{color:var(--color-text-tertiary, #6b7a99)}.gip__role-toggle--promote:hover{background:#f59e0b1a;color:#f59e0b}.gip__role-toggle--demote{color:#f59e0b}.gip__role-toggle--demote:hover{background:#f59e0b1a;color:#d97706}.gip__footer{padding:16px 20px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.04);background:var(--color-surface, rgba(16, 20, 32, .98));display:flex;flex-direction:column;gap:8px}.gip__leave-btn{width:100%;padding:10px;border:1px solid rgba(239,68,68,.2);border-radius:8px;background:#ef44440f;color:#ef4444;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.gip__leave-btn:hover{background:#ef44441f;border-color:#ef44444d}.gip__mute-container{width:100%}.gip__mute-btn{width:100%;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff08;color:var(--color-text-secondary, #a8b2c1);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.gip__mute-btn svg{width:16px;height:16px;stroke:currentColor}.gip__mute-btn:hover{background:#ffffff0f;color:var(--color-text-primary, #f0f2f5)}.gip__mute-btn--active{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b}.gip__mute-btn--active:hover{background:#f59e0b26;color:#d97706}.gip__mute-options{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;gap:12px}.gip__mute-label{font-size:.75rem;color:var(--color-text-secondary, #a8b2c1);white-space:nowrap}.gip__mute-pills{display:flex;align-items:center;gap:4px}.gip__mute-pills button{padding:4px 8px;background:#ffffff0d;border:1px solid transparent;border-radius:12px;color:var(--color-text-primary, #f0f2f5);font-size:.7rem;cursor:pointer;transition:all .15s ease}.gip__mute-pills button:hover{background:#f59e0b26;color:#f59e0b}.gip__mute-pills .gip__mute-cancel{padding:4px;border-radius:50%;margin-left:4px;background:transparent;color:var(--color-text-tertiary, #6b7a99)}.gip__mute-pills .gip__mute-cancel svg{width:12px;height:12px}.gip__mute-pills .gip__mute-cancel:hover{background:#ef44441a;color:#ef4444}.uip__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.uip__panel{position:fixed;top:var(--topbar-height, 56px);right:0;bottom:0;width:360px;max-width:90vw;z-index:910;display:flex;flex-direction:column;background:var(--color-surface, rgba(16, 20, 32, .98));border-left:1px solid rgba(255,255,255,.06);box-shadow:-8px 0 40px #00000059}.uip__header{display:flex;align-items:center;gap:12px;padding:16px 20px;min-height:56px;border-bottom:1px solid rgba(255,255,255,.06);background:var(--color-surface, rgba(16, 20, 32, .98));flex-shrink:0;z-index:2}.uip__close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff0f;border-radius:8px;cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}.uip__close:hover{background:#ffffff1f;transform:scale(1.05)}.uip__close svg{width:14px;height:14px;stroke:var(--color-text-secondary, #8b95b2)}.uip__title{font-size:.95rem;font-weight:600;color:var(--color-text-primary, #f0f2f5);margin:0}.uip__body{flex:1;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.uip__profile{display:flex;flex-direction:column;align-items:center;padding:32px 20px 24px;border-bottom:1px solid rgba(255,255,255,.04)}.uip__avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea33,#764ba233);display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:2px solid rgba(102,126,234,.2);box-shadow:0 4px 24px #667eea1f}.uip__avatar img{width:100%;height:100%;object-fit:cover}.uip__avatar-fallback{font-size:2rem;font-weight:600;color:var(--color-primary, #818cf8);text-shadow:0 0 20px rgba(129,140,248,.3)}.uip__name{font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #f0f2f5);margin:0 0 4px}.uip__username{font-size:.78rem;color:var(--color-text-tertiary, #6b7a99);margin-bottom:8px}.uip__bio{font-size:.82rem;color:var(--color-text-secondary, #8b95b2);text-align:center;margin:8px 0 0;line-height:1.5;max-width:280px;word-break:break-word}.uip__view-profile{display:flex;align-items:center;gap:10px;width:100%;padding:14px 20px;border:none;background:transparent;color:var(--color-text-secondary, #8b95b2);font-size:.82rem;font-family:inherit;cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(255,255,255,.04);text-align:left}.uip__view-profile:hover{background:#818cf80f;color:var(--color-primary, #818cf8)}.uip__view-profile svg{flex-shrink:0}.uip__chevron{margin-left:auto;opacity:.4;transition:opacity .15s ease,transform .15s ease}.uip__view-profile:hover .uip__chevron{opacity:.8;transform:translate(2px)}.uip__section{padding:16px 20px}.uip__section-title{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary, #6b7a99);margin-bottom:12px}.uip__section-count{background:#818cf81f;color:var(--color-primary, #818cf8);font-size:.68rem;padding:2px 7px;border-radius:10px;font-weight:600}.uip__loading{display:flex;flex-direction:column;gap:10px;padding:4px 0}.uip__loading-row{display:flex;align-items:center;gap:12px;padding:8px 12px}.uip__loading-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:uip-shimmer 1.5s ease-in-out infinite;flex-shrink:0}.uip__loading-lines{flex:1;display:flex;flex-direction:column;gap:6px}.uip__loading-line{height:10px;border-radius:4px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:uip-shimmer 1.5s ease-in-out infinite}.uip__loading-line--short{width:60%}@keyframes uip-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.uip__empty{text-align:center;padding:20px 0;color:var(--color-text-tertiary, #6b7a99);font-size:.78rem;font-style:italic}.uip__groups{display:flex;flex-direction:column;gap:2px}.uip__group-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:background .15s ease;cursor:default}.uip__group-item:hover{background:#ffffff08}.uip__group-avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.uip__group-avatar img{width:100%;height:100%;object-fit:cover}.uip__group-avatar svg{width:20px;height:20px;color:var(--color-primary, #818cf8);opacity:.6}.uip__group-info{display:flex;flex-direction:column;gap:2px;min-width:0}.uip__group-name{font-size:.84rem;font-weight:500;color:var(--color-text-primary, #f0f2f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uip__group-members{font-size:.72rem;color:var(--color-text-tertiary, #6b7a99)}.msg-info-panel{position:fixed;right:0;top:var(--topbar-height, 56px);bottom:0;width:320px;max-width:100%;background:var(--color-surface, #1a1b2e);border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;z-index:50;box-shadow:-4px 0 24px #00000040}.msg-info-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.msg-info-panel__header h3{font-size:.9rem;font-weight:600;color:var(--color-text-primary, #e2e8f0);margin:0}.msg-info-panel__close{background:none;border:none;color:var(--color-text-tertiary, #6b7a99);font-size:1.3rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s ease}.msg-info-panel__close:hover{background:#ffffff0f;color:var(--color-text-primary, #e2e8f0)}.msg-info-panel__loading{display:flex;justify-content:center;padding:32px 0}.msg-info-panel__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-primary, #818cf8);border-radius:50%;animation:msg-info-spin .7s linear infinite}@keyframes msg-info-spin{to{transform:rotate(360deg)}}.msg-info-panel__content{padding:8px 0;overflow-y:auto;flex:1}.msg-info-panel__section{padding:4px 0}.msg-info-panel__section+.msg-info-panel__section{border-top:1px solid rgba(255,255,255,.04);margin-top:4px;padding-top:8px}.msg-info-panel__section-title{display:flex;align-items:center;gap:6px;padding:8px 20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.msg-info-panel__section-title--read{color:#60a5fa}.msg-info-panel__section-title--read svg{color:#60a5fa}.msg-info-panel__section-title--delivered{color:var(--color-text-secondary, #8b95b2)}.msg-info-panel__section-title--delivered svg{color:var(--color-text-secondary, #8b95b2)}.msg-info-panel__section-title--pending{color:var(--color-text-tertiary, #6b7a99)}.msg-info-panel__section-title--pending svg{color:var(--color-text-tertiary, #6b7a99)}.msg-info-panel__row{display:flex;align-items:center;gap:10px;padding:6px 20px;transition:background .15s ease}.msg-info-panel__row:hover{background:#ffffff08}.msg-info-panel__avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.msg-info-panel__avatar img{width:100%;height:100%;object-fit:cover}.msg-info-panel__avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-primary-dim, rgba(129, 140, 248, .2));color:var(--color-primary, #818cf8);font-size:.72rem;font-weight:600}.msg-info-panel__user{display:flex;flex-direction:column;min-width:0;flex:1}.msg-info-panel__name{font-size:.82rem;font-weight:500;color:var(--color-text-primary, #e2e8f0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-info-panel__time{font-size:.68rem;color:var(--color-text-tertiary, #6b7a99)}.msg-info-panel__empty{text-align:center;padding:32px 20px;color:var(--color-text-tertiary, #6b7a99);font-size:.82rem}.chat-page{display:flex;height:calc(100dvh - var(--topbar-height, 56px) - 2 * var(--spacing-lg, 24px));max-width:1200px;margin:0 auto;overflow:hidden;background:var(--color-bg-primary);border-radius:var(--radius-lg, 12px)}.chat-page__sidebar{width:340px;min-width:340px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden}.chat-page__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.chat-page__title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.chat-page__status{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--color-text-tertiary)}.chat-page__status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98180;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.chat-page__header-actions{display:flex;align-items:center;gap:8px}.chat-page__compose-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff0f;border-radius:8px;cursor:pointer;transition:background .15s ease;padding:0}.chat-page__compose-btn:hover{background:#ffffff1f}.chat-page__compose-btn svg{width:16px;height:16px;stroke:var(--color-text-secondary)}.chat-page__thread{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-page__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-tertiary);padding:var(--spacing-xl)}.chat-page__empty-icon{width:64px;height:64px;opacity:.25;margin-bottom:var(--spacing-lg)}.chat-page__empty h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 8px}.chat-page__empty p{font-size:var(--font-size-sm);margin:0}@media (max-width: 768px){.chat-page__sidebar{width:100%;min-width:100%}.chat-page__sidebar--hidden,.chat-page__thread{display:none}.chat-page__thread--visible{display:flex;width:100%}}@keyframes pushBannerSlideIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.wb-page{height:calc(100vh - var(--topbar-height, 56px));height:calc(100dvh - var(--topbar-height, 56px));background:linear-gradient(160deg,#0c0d1a,#141530 40%,#1a0f1e);color:#f0f2f5;display:flex;flex-direction:column;padding:0 24px 24px;position:relative;overflow-x:hidden;overflow-y:auto}.wb-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 15%,rgba(255,100,50,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 85%,rgba(255,50,30,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(120,80,255,.02) 0%,transparent 60%);pointer-events:none;z-index:0}.wb-page>*{position:relative;z-index:1}.wb-page--exploding{animation:wbShake .5s ease-in-out}@keyframes wbShake{0%,to{transform:translate(0)}15%{transform:translate(-8px) rotate(-.5deg)}30%{transform:translate(8px) rotate(.5deg)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-2px)}}.wb-page__header{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:20px}.wb-page__back{display:flex;align-items:center;gap:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:6px 12px;color:#8b95b2;font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s ease}.wb-page__back:hover{background:#ffffff14;color:#f0f2f5}.wb-page__logo{font-size:1.1rem;font-weight:700;margin:0;flex:1}.wb-page__round{font-size:12px;color:#6b7a99;font-weight:500;padding:4px 10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.wb-page__live-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d39966}.wb-page__status-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:3px 10px;border-radius:6px}.wb-page__status-badge--lobby{background:#ff8c421f;color:#ff8c42}.wb-page__status-badge--ended{background:#ffffff0f;color:#6b7a99}.wb-page__status-badge--solo{background:#34d3991a;color:#34d399}.wb-page--loading,.wb-page--error{justify-content:center;align-items:center;gap:12px;text-align:center;color:#6b7a99}.wb-page__spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.08);border-top-color:#ff8c42;border-radius:50%;animation:wbSpin .8s linear infinite}@keyframes wbSpin{to{transform:rotate(360deg)}}.wb-page__lobby{display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 0}.wb-page__lobby-timer{text-align:center}.wb-page__lobby-ring{width:130px;height:130px;position:relative;margin:0 auto 12px}.wb-page__lobby-ring svg{width:100%;height:100%}.wb-page__lobby-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#ff8c42;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.wb-page__lobby-label{font-size:14px;color:#6b7a99;margin:0}.wb-page__lobby-players{width:100%;max-width:380px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.wb-page__lobby-players h3{font-size:13px;font-weight:600;color:#8b95b2;margin:0 0 10px}.wb-page__lobby-player{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);margin-bottom:6px;font-size:14px;transition:background .15s}.wb-page__lobby-player:hover{background:#ffffff0d}.wb-page__lobby-player-dot{width:8px;height:8px;border-radius:50%;background:#34d399;flex-shrink:0;animation:wbDotPulse 2s ease-in-out infinite}@keyframes wbDotPulse{0%,to{box-shadow:0 0 #34d39966}50%{box-shadow:0 0 0 5px #34d39900}}.wb-page__creator-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ff8c42;background:#ff8c421a;padding:2px 6px;border-radius:4px;margin-left:auto}.wb-page__you-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#667eea;background:#667eea1a;padding:2px 6px;border-radius:4px;margin-left:auto}.wb-page__join-btn{padding:14px 40px;border:none;border-radius:12px;background:linear-gradient(135deg,#ff8c42,#ff5e3a);color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #ff5e3a4d}.wb-page__join-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #ff5e3a66}.wb-page__start-btn{padding:12px 32px;border:1px solid rgba(52,211,153,.25);border-radius:12px;background:#34d39914;color:#34d399;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.wb-page__start-btn:hover{background:#34d39924}.wb-page__cancelled{text-align:center;padding:80px 0;color:#6b7a99}.wb-page__cancelled h2{color:#8b95b2;margin-bottom:8px}.wb-page__back-btn{margin-top:20px;padding:10px 24px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#8b95b2;font-size:14px;font-family:inherit;cursor:pointer;transition:all .15s ease}.wb-page__back-btn:hover{background:#ffffff14;color:#f0f2f5}.wb-page__back-btn--secondary{margin-top:8px;background:transparent;border-color:#ffffff0d;font-size:13px;color:#6b7a99}.wb-page__solo-hint{font-size:13px;color:#6b7a99;text-align:center;padding:10px 16px;border-radius:10px;background:#34d3990f;border:1px solid rgba(52,211,153,.1);max-width:340px;line-height:1.5}.wb-page__logo{display:flex;align-items:center;gap:6px}.wb-page__logo svg{flex-shrink:0}.wb-page__game-over{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 0;position:relative}.wb-page__winner{text-align:center;color:gold}.wb-page__winner h2{font-size:28px;font-weight:800;color:#fff;margin:12px 0 0;text-shadow:0 0 30px rgba(255,215,0,.3)}.wb-page__winner-sub{font-size:15px;color:#ffd70099;margin:4px 0 0}.wb-page__final-players{width:100%;max-width:380px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wb-page__final-player{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;margin-bottom:4px;font-size:14px;color:#8b95b2;background:#ffffff05;transition:background .15s}.wb-page__final-player--winner{background:#ffd7000f;border:1px solid rgba(255,215,0,.12);color:gold}.wb-page__final-place{font-size:12px;font-weight:700;min-width:28px}.wb-page__final-stats{display:flex;gap:10px;font-size:13px;color:#6b7a99;padding:8px 16px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.wb-page__confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden}.wb-page__confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:wbConfettiFall linear forwards}@keyframes wbConfettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.wb-page__game-area{display:flex;flex-direction:column;align-items:center;gap:24px;padding:12px 0;flex:1}.wb-page__bomb-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 36px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;transition:border-color .3s,box-shadow .3s}.wb-page__bomb-container--urgent{border-color:#ff525233;box-shadow:0 0 40px #ff323214,inset 0 0 30px #ff323208}.wb-page__bomb-icon{font-size:48px;line-height:1;filter:drop-shadow(0 0 12px rgba(255,100,50,.4));animation:wbBombFloat 3s ease-in-out infinite}.wb-page__bomb-container--urgent .wb-page__bomb-icon{animation:wbBombShake .3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,50,50,.6))}@keyframes wbBombFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wbBombShake{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.wb-page__fuse{position:absolute;top:16px;right:28px;display:flex;gap:3px}.wb-page__fuse-spark{width:4px;height:4px;border-radius:50%;background:#ff8c42;animation:wbSparkle .6s ease-in-out infinite}.wb-page__fuse-spark:nth-child(2){animation-delay:.2s;background:#fc3}.wb-page__fuse-spark:nth-child(3){animation-delay:.4s;background:#ff5e3a}@keyframes wbSparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.5)}}.wb-page__prompt-section{text-align:center}.wb-page__prompt{font-size:52px;font-weight:900;letter-spacing:12px;color:#fff;text-shadow:0 0 40px rgba(255,140,66,.4),0 2px 8px rgba(0,0,0,.3);text-transform:uppercase;font-family:JetBrains Mono,monospace;transition:color .3s,text-shadow .3s}.wb-page__prompt--urgent{color:#ff5252;text-shadow:0 0 40px rgba(255,50,50,.6),0 2px 8px rgba(0,0,0,.3);animation:wbPulse .5s ease-in-out infinite}@keyframes wbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.wb-page__timer{position:relative;width:72px;height:72px}.wb-page__timer-ring{width:100%;height:100%}.wb-page__timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#ffffffd9;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.wb-page__timer--urgent .wb-page__timer-text{color:#ff5252}.wb-page__turn{font-size:15px;color:#ffffff8c;text-align:center;padding:8px 20px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.wb-page__your-turn{color:#ff8c42;font-weight:600}.wb-page__your-turn strong{color:#fff}.wb-page__waiting-turn strong{color:#ffffffd9}.wb-page__eliminated-msg{color:#ff5252;font-style:italic}.wb-page__input-form{display:flex;gap:10px;width:100%;max-width:440px}.wb-page__input{flex:1;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-family:JetBrains Mono,monospace;outline:none;transition:border-color .2s,box-shadow .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wb-page__input:focus{border-color:#ff8c4259;box-shadow:0 0 0 3px #ff8c4214,0 0 20px #ff8c420d}.wb-page__input::placeholder{color:#fff3;text-transform:none;letter-spacing:0;font-weight:400;font-family:inherit}.wb-page__submit-btn{padding:14px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#ff8c42,#ff5e3a);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-shadow:0 2px 12px #ff5e3a33}.wb-page__submit-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 16px #ff5e3a4d}.wb-page__submit-btn:disabled{opacity:.35;cursor:not-allowed}.wb-page__valid-flash{padding:6px 16px;border-radius:8px;background:#34d3991a;border:1px solid rgba(52,211,153,.15);color:#34d399;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.wb-page__error{display:flex;flex-direction:column;gap:2px;padding:8px 14px;background:#ff525214;border:1px solid rgba(255,82,82,.12);border-radius:10px;font-size:13px;color:#ff8a80;max-width:440px;width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wb-page__players{max-width:440px;width:100%;margin:10px auto 0;padding:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wb-page__players-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#6b7a99;margin:0 0 10px}.wb-page__player{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;margin-bottom:4px;transition:all .2s ease;border:1px solid transparent}.wb-page__player--current{background:#ff8c420f;border-color:#ff8c421a;box-shadow:0 0 12px #ff8c420a}.wb-page__player--dead{opacity:.3}.wb-page__player-info{display:flex;align-items:center;gap:6px;font-size:14px}.wb-page__player--current .wb-page__player-info{color:#ff8c42;font-weight:600}.wb-page__player--dead .wb-page__player-name{text-decoration:line-through}.wb-page__player-hearts{display:flex;gap:2px;color:#ff5252}.wb-page__words{max-width:440px;width:100%;margin:10px auto 0;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:14px}.wb-page__words-label{font-size:11px;color:#6b7a99;margin-right:6px}.wb-page__words-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.wb-page__word-chip{font-size:11px;padding:3px 8px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:10px}.wb-page__word-chip--more{font-style:italic}@media (max-width: 640px){.wb-page{padding:0 16px 16px}.wb-page__prompt{font-size:36px;letter-spacing:6px}.wb-page__bomb-container{padding:20px 24px}.wb-page__bomb-icon{font-size:36px}.wb-page__timer{width:60px;height:60px}.wb-page__timer-text{font-size:18px}.wb-page__input{font-size:14px;padding:12px 14px}.wb-page__lobby-ring{width:100px;height:100px}}.wb-arena{height:calc(100vh - var(--topbar-height, 56px));height:calc(100dvh - var(--topbar-height, 56px));background:linear-gradient(160deg,#080910,#0e0f20,#130a18);color:#f0f2f5;display:flex;flex-direction:column;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.wb-arena:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,100,40,.05) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(120,60,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.wb-arena--exploding{animation:wb-arena-shake .5s ease}@keyframes wb-arena-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px) rotate(-1deg)}30%{transform:translate(8px) rotate(1deg)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}}.wb-arena__header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.wb-arena__back{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;padding:8px 10px;display:flex;align-items:center;transition:background .2s,color .2s}.wb-arena__back:hover{background:#ffffff1f;color:#fff}.wb-arena__header-center{display:flex;align-items:center;gap:10px}.wb-arena__round-badge{font-size:13px;font-weight:700;letter-spacing:.5px;color:#ffffff80;text-transform:uppercase}.wb-arena__solo-badge{font-size:11px;font-weight:700;background:#ff8c4226;color:#ff8c42;border:1px solid rgba(255,140,66,.3);border-radius:20px;padding:2px 10px;text-transform:uppercase;letter-spacing:.5px}.wb-arena__header-right{width:44px}.wb-arena__prompt-bar{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;padding:10px 20px 6px;flex-shrink:0}.wb-arena__prompt{font-family:JetBrains Mono,Courier New,monospace;font-size:clamp(28px,5vw,48px);font-weight:800;letter-spacing:8px;color:#fff;text-shadow:0 0 30px rgba(255,140,66,.5);text-transform:uppercase;transition:color .3s,text-shadow .3s}.wb-arena__prompt--urgent{color:#ff5252;text-shadow:0 0 30px rgba(255,82,82,.7);animation:wb-arena-pulse-urgent .6s ease infinite alternate}@keyframes wb-arena-pulse-urgent{0%{opacity:.85}to{opacity:1}}.wb-arena__stage{position:relative;flex:1;min-height:260px;height:0}.wb-arena__player-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:5;transition:filter .3s}.wb-arena__player-node--dead{filter:grayscale(.8) opacity(.5)}.wb-arena__avatar-ring{position:relative;width:56px;height:56px;border-radius:50%;padding:3px;background:#ffffff14;border:2px solid rgba(255,255,255,.12);transition:border-color .3s,box-shadow .3s}.wb-arena__player-node--current .wb-arena__avatar-ring{border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c4240,0 0 20px #ff8c424d;animation:wb-arena-ring-pulse 1.2s ease infinite}@keyframes wb-arena-ring-pulse{0%,to{box-shadow:0 0 0 3px #ff8c4240,0 0 20px #ff8c424d}50%{box-shadow:0 0 0 5px #ff8c4226,0 0 30px #ff8c4280}}.wb-arena__player-node--me .wb-arena__avatar-ring{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.wb-arena__player-node--current.wb-arena__player-node--me .wb-arena__avatar-ring{border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c424d,0 0 0 5px #667eea26}.wb-arena__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}.wb-arena__dead-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff9}.wb-arena__player-name{font-size:11px;font-weight:600;color:#ffffffbf;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.wb-arena__you-tag{color:#667eea;font-weight:700}.wb-arena__hearts{display:flex;gap:2px;color:#ff5252}.wb-arena__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;justify-content:center}.wb-arena__timer-svg{width:clamp(88px,14vw,120px);height:clamp(88px,14vw,120px);overflow:visible}.wb-arena__bomb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;pointer-events:none}.wb-arena__bomb-emoji{font-size:clamp(24px,3.5vw,36px);line-height:1;filter:drop-shadow(0 0 10px rgba(255,100,40,.4));animation:wb-arena-bomb-breathe 2.5s ease-in-out infinite}.wb-arena__bomb--urgent .wb-arena__bomb-emoji{animation:wb-arena-bomb-shake .25s ease-in-out infinite,wb-arena-bomb-breathe-urgent 1s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(255,50,50,.7))}@keyframes wb-arena-bomb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes wb-arena-bomb-breathe-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes wb-arena-bomb-shake{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.wb-arena__timer-num{font-family:JetBrains Mono,monospace;font-size:clamp(14px,2.5vw,20px);font-weight:800;color:#ffffffb3;font-variant-numeric:tabular-nums;line-height:1}.wb-arena__timer-num--urgent{color:#ff5252;animation:wb-arena-pulse-urgent .5s ease infinite alternate}.wb-arena__live-bar{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;min-height:44px;padding:8px 24px;flex-shrink:0}.wb-arena__live-word{font-family:JetBrains Mono,monospace;font-size:clamp(18px,3vw,26px);font-weight:700;letter-spacing:3px;color:#ffffffe6;text-transform:uppercase}.wb-arena__live-highlight{color:#ff8c42;text-shadow:0 0 12px rgba(255,140,66,.6)}.wb-arena__live-placeholder{font-size:14px;color:#ffffff40;font-style:italic;letter-spacing:.3px}.wb-arena__input-zone{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 20px 16px;flex-shrink:0}.wb-arena__form{display:flex;gap:8px;width:100%;max-width:480px}.wb-arena__input{flex:1;padding:14px 18px;border:1px solid rgba(255,140,66,.25);border-radius:14px;background:#ffffff0d;color:#fff;font-size:18px;font-weight:700;letter-spacing:3px;text-transform:uppercase;font-family:JetBrains Mono,monospace;outline:none;transition:border-color .2s,box-shadow .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);caret-color:#ff8c42}.wb-arena__input:focus{border-color:#ff8c4280;box-shadow:0 0 0 3px #ff8c421a,0 0 24px #ff8c420f}.wb-arena__input::placeholder{color:#ffffff2e;text-transform:none;letter-spacing:0;font-weight:400;font-size:14px}.wb-arena__submit{padding:14px 20px;border:none;border-radius:14px;background:linear-gradient(135deg,#ff8c42,#ff5e3a);color:#fff;font-size:20px;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .15s,transform .1s,box-shadow .15s;box-shadow:0 3px 14px #ff5e3a4d;min-width:52px}.wb-arena__submit:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 5px 18px #ff5e3a66}.wb-arena__submit:active:not(:disabled){transform:translateY(0)}.wb-arena__submit:disabled{opacity:.3;cursor:not-allowed}.wb-arena__error{display:flex;flex-direction:column;gap:2px;padding:8px 14px;background:#ff525214;border:1px solid rgba(255,82,82,.15);border-radius:10px;font-size:13px;color:#ff8a80;max-width:480px;width:100%;text-align:center}.wb-arena__spectating{font-size:14px;color:#ffffff59;font-style:italic;margin:0;padding:8px 0}.wb-arena__used-words{position:relative;z-index:10;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:8px 20px 12px;flex-shrink:0}.wb-arena__word-chip{font-size:10px;font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#ffffff4d}.wb-arena__word-chip--more{font-style:italic;color:#fff3}@media (max-width: 640px){.wb-arena__avatar-ring{width:44px;height:44px}.wb-arena__player-name{font-size:10px;max-width:60px}.wb-arena__hearts svg{width:12px;height:12px}.wb-arena__input{font-size:15px;padding:12px 14px;letter-spacing:2px}.wb-arena__submit{padding:12px 16px;font-size:18px}.wb-arena__prompt{font-size:clamp(22px,7vw,36px);letter-spacing:5px}.wb-arena__live-word{font-size:clamp(16px,5vw,22px)}}@media (max-height: 700px){.wb-arena__stage{min-height:200px}.wb-arena__prompt-bar{padding:6px 20px 4px}.wb-arena__live-bar{min-height:32px;padding:4px 24px}.wb-arena__input-zone{padding:4px 20px 10px}}.theater-container{position:relative;width:100%;height:calc(100vh - var(--topbar-height, 56px));display:flex;flex-direction:column;overflow:hidden}.theater-container__exit{position:fixed;top:calc(var(--topbar-height, 56px) + 16px);left:16px;z-index:150;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#0c1220cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#f0f2f5b3;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.theater-container__exit:hover{background:#0c1220f2;border-color:#6366f14d;color:#f0f2f5}.theater-container__exit kbd{font-size:.6rem;font-weight:600;color:var(--color-text-tertiary, #3D4A63);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:1px 5px;letter-spacing:.04em;margin-left:4px}.theater-container__canvas{flex:1;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;min-height:0}.arcade-lobby{padding:8px 0 40px;max-width:960px;width:100%;margin:0 auto}.arcade-lobby__header{margin-bottom:36px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.arcade-lobby__wallet{flex:none;display:inline-flex;align-items:center;padding:4px 14px 4px 6px;border-radius:100px;border:1px solid rgba(168,85,247,.32);background:#a855f714}.arcade-lobby__title{font-size:1.65rem;font-weight:300;letter-spacing:-.02em;color:#f0f2f5;margin:0 0 6px}.arcade-lobby__subtitle{font-size:.85rem;font-weight:400;color:#6b7a99;margin:0}.arcade-lobby__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.arcade-game-card{position:relative;border-radius:16px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.arcade-game-card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d,0 0 0 1px #6366f114 inset}.arcade-game-card:focus-visible{outline:none;border-color:#667eea66;box-shadow:0 0 0 3px #667eea26}.arcade-game-card__visual{height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.arcade-game-card__visual--wordbomb{background:linear-gradient(135deg,#ef44441f,#fb923c14,#0c1220f2)}.arcade-game-card__visual--chess{background:radial-gradient(circle at 50% 35%,#8b5cf638,#6366f11f 45%,#0a0f1cf2),linear-gradient(135deg,#6366f129,#8b5cf614,#080c18f2);box-shadow:inset 0 0 24px #8b5cf61f}.arcade-game-card:hover .arcade-game-card__visual--chess{background:radial-gradient(circle at 50% 35%,#a78bfa59,#6366f12e 45%,#0a0f1cf2),linear-gradient(135deg,#7c5cff38,#a78bfa1f,#080c18f2);box-shadow:inset 0 0 32px #8b5cf638}.arcade-game-card__visual--spiral{background:linear-gradient(135deg,#ec489924,#22d3ee1a 45%,#0c1220f2)}.arcade-game-card__visual--gridrunner{background:linear-gradient(135deg,#22d3ee24,#ec48991a 45%,#0c1220f2)}.arcade-game-card__visual--tron{background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.16) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.18) 0%,transparent 60%),linear-gradient(135deg,#0c1220f2,#060b13);box-shadow:inset 0 0 20px #22d3ee0d}.arcade-game-card__visual--survival{background:linear-gradient(135deg,#c084fc26,#ec48991a 45%,#0c1220f2)}.arcade-game-card__visual--platformer{background:linear-gradient(135deg,#8b5cf626,#f43f5e1a 45%,#0c1220f2)}.arcade-game-card__icon--gridrunner{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.arcade-game-card:hover .arcade-game-card__icon--gridrunner{transform:scale(1.12)}.arcade-game-card__icon--tron{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.arcade-game-card:hover .arcade-game-card__icon--tron{transform:scale(1.12)}.arcade-game-card__icon--survival{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.arcade-game-card:hover .arcade-game-card__icon--survival{transform:scale(1.12)}.arcade-game-card__icon--platformer{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;transition:transform .4s cubic-bezier(.16,1,.3,1);color:#a78bfa}.arcade-game-card:hover .arcade-game-card__icon--platformer{transform:scale(1.12)}.arcade-game-card__visual--moonshine{background:radial-gradient(circle at 50% 38%,rgba(252,211,77,.12) 0%,transparent 38%),linear-gradient(135deg,#6366f12e,#c7d2fe14 45%,#0c1220f2)}.arcade-game-card__icon--moonshine{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;color:#c7d2fe;transition:transform .4s cubic-bezier(.16,1,.3,1)}.arcade-game-card:hover .arcade-game-card__icon--moonshine{transform:scale(1.12)}.arcade-game-card__icon--moonshine .ms-icon__star{transform-origin:center;transform-box:fill-box;animation:ms-star-lobby 3.2s ease-in-out infinite}@keyframes ms-star-lobby{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}@media (prefers-reduced-motion: reduce){.arcade-game-card__icon--moonshine .ms-icon__star{animation:none}}.arcade-game-card__visual--plinko{background:radial-gradient(circle at 50% 85%,rgba(255,138,91,.14) 0%,transparent 42%),linear-gradient(135deg,#6366f133,#a78bfa14 48%,#0c1220f2)}.arcade-game-card__icon--plinko{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;color:#c7d2fe;transition:transform .4s cubic-bezier(.16,1,.3,1)}.arcade-game-card:hover .arcade-game-card__icon--plinko{transform:scale(1.12)}.arcade-game-card:hover .arcade-game-card__icon--plinko .pk-icon__ball{transform-box:fill-box;transform-origin:center;animation:pk-ball-lobby .9s cubic-bezier(.22,1,.36,1) both}@keyframes pk-ball-lobby{0%{transform:translate(0)}35%{transform:translate(-1.6px,4.4px)}65%{transform:translate(.9px,8.2px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.arcade-game-card:hover .arcade-game-card__icon--plinko .pk-icon__ball{animation:none}}.arcade-game-card__visual--chronoghost{background:radial-gradient(circle at 80% 85%,rgba(244,63,94,.14) 0%,transparent 40%),linear-gradient(135deg,#22d3ee33,#6366f114,#050814f5)}.arcade-game-card__icon--chronoghost{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;color:#67e8f9;transition:transform .4s cubic-bezier(.16,1,.3,1)}.arcade-game-card:hover .arcade-game-card__icon--chronoghost{transform:scale(1.12)}.arcade-game-card:hover .arcade-game-card__icon--chronoghost .cg-icon__echo{animation:cg-echo-lobby .9s ease-out both}@keyframes cg-echo-lobby{0%{transform:translate(0);opacity:.35}50%{transform:translate(-3px);opacity:.8}to{transform:translate(0);opacity:.35}}@media (prefers-reduced-motion: reduce){.arcade-game-card:hover .arcade-game-card__icon--chronoghost .cg-icon__echo{animation:none}}.arcade-game-card__visual--hexgrid{background:radial-gradient(circle at 18% 20%,rgba(6,182,212,.26) 0%,transparent 42%),radial-gradient(circle at 85% 80%,rgba(236,72,153,.22) 0%,transparent 42%),linear-gradient(135deg,#10b9811a,#f59e0b14 55%,#080c1af5)}.arcade-game-card__icon--hexgrid{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;transition:transform .4s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 14px rgba(6,182,212,.45))}.arcade-game-card:hover .arcade-game-card__icon--hexgrid{transform:scale(1.12) rotate(-4deg)}.arcade-game-card__visual--suika{background:radial-gradient(circle at 50% 35%,#22c55e40,#f43f5e1f,#0c1220f2),linear-gradient(135deg,#22c55e2e,#16a34a14,#0a0f1cf2);box-shadow:inset 0 0 24px #22c55e26}.arcade-game-card:hover .arcade-game-card__visual--suika{background:radial-gradient(circle at 50% 35%,#4ade8061,#fb71852e,#0c1220f2),linear-gradient(135deg,#22c55e47,#16a34a24,#0a0f1cf2);box-shadow:inset 0 0 32px #22c55e47}.arcade-game-card__icon--suika{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;transition:transform .4s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 16px rgba(34,197,94,.5))}.arcade-game-card:hover .arcade-game-card__icon--suika{transform:scale(1.12) rotate(6deg)}.arcade-game-card:hover .arcade-game-card__icon--hexgrid .hg-icon__core{animation:hg-core-lobby .9s ease-in-out infinite alternate}@keyframes hg-core-lobby{0%{opacity:.75}to{opacity:1}}@media (prefers-reduced-motion: reduce){.arcade-game-card:hover .arcade-game-card__icon--hexgrid .hg-icon__core{animation:none}}.arcade-game-card__icon{font-size:3.2rem;line-height:1;opacity:.9;transition:transform .4s cubic-bezier(.16,1,.3,1)}.arcade-game-card:hover .arcade-game-card__icon{transform:scale(1.1)}.arcade-game-card__icon--spiral{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1}.arcade-game-card:hover .arcade-game-card__icon--spiral{transform:scale(1.12)}.arcade-game-card__icon--spiral .sl-icon__spiral{stroke-dashoffset:76;animation:sl-draw-lobby 3s cubic-bezier(.4,0,.2,1) infinite}@keyframes sl-draw-lobby{0%{stroke-dashoffset:76;opacity:.35}45%{stroke-dashoffset:0;opacity:1}75%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-76;opacity:.35}}.arcade-game-card__icon--spiral .sl-icon__dot{transform-origin:20px 18px;transform-box:fill-box;animation:sl-dot-lobby 3s cubic-bezier(.4,0,.2,1) infinite}@keyframes sl-dot-lobby{0%{opacity:0;transform:scale(.5)}40%{opacity:0;transform:scale(.5)}55%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(.5)}}.arcade-game-card__icon--chess{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;filter:drop-shadow(0 8px 16px rgba(99,102,241,.3));transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s ease}.arcade-game-card:hover .arcade-game-card__icon--chess{transform:scale(1.1) translateY(-2px);filter:drop-shadow(0 14px 28px rgba(139,92,246,.5))}.arcade-game-card__icon--wordbomb{display:flex;align-items:center;justify-content:center;font-size:0;opacity:1;transition:transform .4s cubic-bezier(.16,1,.3,1)}.arcade-game-card:hover .arcade-game-card__icon--wordbomb{transform:scale(1.08) translateY(-2px)}.arcade-game-card__info{padding:18px 20px 20px}.arcade-game-card__name{font-size:1.05rem;font-weight:600;color:#f0f2f5;margin:0 0 4px;letter-spacing:-.01em}.arcade-game-card__desc{font-size:.8rem;color:#6b7a99;margin:0 0 14px;line-height:1.45}.arcade-game-card__meta{display:flex;align-items:center;gap:12px}.arcade-game-card__tag{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:#6366f11a;color:#818cf8}.arcade-game-card__players{font-size:.72rem;color:#6b7a99;display:flex;align-items:center;gap:5px}.arcade-game-card__players-dot{width:6px;height:6px;border-radius:50%;background:#667eea}.arcade-lobby__section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#3d4a63;margin:36px 0 16px}@media (max-width: 640px){.arcade-lobby__grid{grid-template-columns:1fr}.arcade-game-card__visual{height:120px}}.chess-queue-page{min-height:calc(100vh - var(--topbar-height, 56px) - 48px);display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 24px 56px;max-width:1120px;width:100%;margin:0 auto}.chess-queue-card,.chess-error-card{width:min(100%,520px);border:1px solid rgba(255,255,255,.08);background:#0c1220e0;border-radius:20px;padding:28px;box-shadow:0 24px 60px #00000047}.chess-queue-hero{position:relative;z-index:20;width:100%}.chess-queue-state-panel{position:relative;z-index:1;width:100%}.chess-queue-hero{display:grid;grid-template-columns:minmax(160px,200px) minmax(0,1.3fr) minmax(240px,320px);gap:18px;align-items:stretch}.chess-queue-hero__board,.chess-queue-hero__identity,.chess-queue-rating-card,.chess-queue-state-panel{border:1px solid rgba(255,255,255,.08);background:#0a101ee0;border-radius:20px;box-shadow:0 24px 60px #00000038}.chess-queue-hero__board{position:relative;z-index:25;max-width:240px;width:100%;margin:0 auto;padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px}.chess-queue-hero__board .chess-board-shell,.chess-queue-hero__theme-picker{width:100%}.chess-queue-hero__theme-picker.chess-theme-picker .chess-theme-picker__trigger{width:100%;justify-content:center}.chess-queue-hero__identity{padding:28px}.chess-queue-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chess-queue-rating-card{padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.chess-queue-rating-card__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#7c8caf}.chess-queue-rating-card__value{font-size:clamp(2.4rem,3.4vw,3.1rem);line-height:.95;color:#f6f8fd;font-weight:700;font-variant-numeric:tabular-nums}.chess-queue-rating-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chess-queue-rating-card__stats div{padding:12px 14px;border-radius:14px;background:#ffffff0a}.chess-queue-rating-card__stats span,.chess-queue-state-panel__facts span{display:block;font-size:.74rem;color:#8796b4;margin-bottom:6px}.chess-queue-rating-card__stats strong,.chess-queue-state-panel__facts strong{color:#f3f6ff;font-size:.95rem}.chess-queue-state-panel{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:center}.chess-queue-state-panel__content{min-width:0}.chess-time-control-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.chess-time-control-picker--leaderboard{margin-bottom:14px}.chess-time-control-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(124,140,175,.35);background:#ffffff08;color:#d9e3f3;padding:10px 14px;border-radius:999px;font:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.chess-time-control-pill__icon{font-size:.95em;line-height:1}.chess-time-control-pill:hover{border-color:#ffffff59;transform:translateY(-1px)}.chess-time-control-pill.is-selected{background:linear-gradient(135deg,#66bbff40,#5bd6a42e);border-color:#6bf9;color:#fff}.chess-time-control-pill--bullet.is-selected{background:linear-gradient(135deg,#fb923c4d,#ef44442e);border-color:#fb923ca6}.chess-time-control-pill--rapid.is-selected{background:linear-gradient(135deg,#34d3994d,#10b9812e);border-color:#34d399a6}.chess-queue-state-panel__actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.chess-queue-state-panel__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chess-queue-state-panel__facts--two{grid-template-columns:repeat(2,minmax(0,1fr))}.chess-queue-state-panel__facts>div{padding:12px 14px;border-radius:14px;background:#ffffff0a}.chess-queue-card__eyebrow,.chess-stage__eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#7c8caf;margin-bottom:10px}.chess-queue-card__title,.chess-stage__title,.chess-error-card h2{margin:0;color:#f3f6fb;font-size:1.9rem;font-weight:300;letter-spacing:-.01em;line-height:1.15}.chess-queue-card__body,.chess-error-card p{margin:12px 0 0;color:#8e9bb5;line-height:1.6}.chess-queue-card__socket,.chess-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:.76rem;font-weight:600}.chess-status-pill{background:#ffffff0f;color:#d4dcf0}.chess-status-pill--neutral,.chess-status-pill--pending{background:#6366f11f;color:#a8b3ff}.chess-status-pill--active{background:#10b98129;color:#7ce7be}.chess-status-pill--finished{background:#f59e0b29;color:#f8c465}.chess-status-pill--aborted{background:#ef444424;color:#f3a0a0}.chess-queue-card__socket{background:#ffffff0d;color:#94a3bf}.chess-ping{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;min-height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#9aabc7;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}.chess-ping--measuring{animation:chessPingPulse 1.4s ease-in-out infinite}.chess-ping__dot{width:7px;height:7px;border-radius:999px}.chess-ping--good{color:#7ce7be}.chess-ping--good .chess-ping__dot{background:#7ce7be}.chess-ping--ok{color:#f0cb78}.chess-ping--ok .chess-ping__dot{background:#f0cb78}.chess-ping--bad{color:#f2aaaa}.chess-ping--bad .chess-ping__dot{background:#f2aaaa}.chess-queue-card__socket.is-live{background:#10b98124;color:#78e8bc}.chess-queue-card__waiting{display:flex;align-items:center;gap:12px;margin:0;padding:14px 16px;border-radius:14px;background:#ffffff0a;color:#d4dcf0}.chess-queue-card__waiting--hero{width:fit-content;margin-bottom:14px}.chess-queue-card__matchup{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 0;padding:12px 14px;border-radius:14px;background:#ffffff0a;color:#d9e3f7}.chess-queue-card__matchup strong{color:#fff}.chess-queue-card__matchup em{font-style:normal;color:#8fe3ba}.chess-queue-card__matchup--full{margin-top:0}.chess-btn--queue-primary{min-height:54px;padding:0 26px;font-size:1.04rem;font-weight:700}.chess-btn--primary.chess-btn--queue-primary{box-shadow:inset 0 1px #ffffff2e,0 18px 38px #6366f161}.chess-queue-card__pulse{width:10px;height:10px;border-radius:999px;background:#667eea;box-shadow:0 0 #667eea80;animation:chessPulse 1.5s infinite;flex-shrink:0}.chess-queue-card__pulse--recovering{background:#c9a227;box-shadow:0 0 #c9a22780;animation:chessPulseRecovering 1.5s infinite}@keyframes chessPulse{0%{box-shadow:0 0 #667eea8c}70%{box-shadow:0 0 0 12px #667eea00}to{box-shadow:0 0 #667eea00}}@keyframes chessCheckPulse{0%,to{box-shadow:inset 0 0 0 999px #ef444426,inset 0 0 0 3px #ef44448c}50%{box-shadow:inset 0 0 0 999px #ef444452,inset 0 0 0 3px #ef4444d9}}@media (prefers-reduced-motion: reduce){[style*=chessCheckPulse]{animation:none!important;box-shadow:inset 0 0 0 999px #ef44443d,inset 0 0 0 3px #ef4444b3!important}}@keyframes chessPulseRecovering{0%{box-shadow:0 0 #c9a2278c}70%{box-shadow:0 0 0 12px #c9a22700}to{box-shadow:0 0 #c9a22700}}@keyframes chessPingPulse{0%,to{opacity:1}50%{opacity:.66}}.chess-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-height:44px;padding:0 16px;font-size:.92rem;font-weight:600;line-height:1;text-align:center;text-decoration:none;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000002e;transition:transform .2s ease,opacity .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.chess-btn:disabled{opacity:.5;cursor:not-allowed}.chess-btn:hover:not(:disabled){transform:translateY(-1px)}.chess-btn--primary{background:linear-gradient(180deg,#7b8bff5c,#5f70ec47),#6366f12e;border-color:#8595ff57;color:#f7f9ff}.chess-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#8695ff70,#6879f057),#6366f13d;border-color:#a0acff75;box-shadow:inset 0 1px #ffffff24,0 14px 30px #454fae47}.chess-btn--ghost{background:#ffffff0f;border-color:#ffffff1a;color:#eef2ff}.chess-btn--ghost:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1a,0 12px 28px #00000029}.chess-btn--danger{background:linear-gradient(180deg,#d65d5d3d,#ac3e3e2e),#ef44441f;border-color:#ef44442e;color:#fcc}.chess-btn--danger:hover:not(:disabled){background:linear-gradient(180deg,#e065654d,#b6464638),#ef444429;border-color:#f56d6d42}.chess-queue-card__error,.chess-panel__error{color:#f5aaaa;margin-top:14px}.chess-queue-card__loading,.chess-loading{color:#cfd8ef;text-align:center}.chess-match-page{display:block;box-sizing:border-box;width:100%;height:calc(100vh - var(--topbar-height, 56px));padding:24px;background:radial-gradient(circle at top left,rgba(99,102,241,.16),transparent 30%),radial-gradient(circle at top right,rgba(16,185,129,.08),transparent 22%),#08101d;overflow:hidden}.chess-match-page--centered{display:grid;place-items:center;width:100%;height:100%}.chess-match-page__main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;height:100%;min-height:0}.chess-match-page__rail{min-width:0;display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.chess-stage,.chess-panel{border:1px solid rgba(255,255,255,.08);background:#0a101ee0;border-radius:18px}.chess-stage{padding:12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0}.chess-stage__utility{position:relative;z-index:20;display:flex;justify-content:flex-start;gap:12px;align-items:center}.chess-stage__back{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#eaf0ff;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chess-stage__back kbd{font-size:.64rem;color:#93a1bc;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:2px 6px;background:#ffffff0a}.chess-stage__sound-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#eaf0ff;font-size:.82rem;font-weight:500;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .15s ease,border-color .15s ease}.chess-stage__sound-toggle:hover{background:#ffffff14;border-color:#ffffff29}.chess-theme-picker{position:relative}.chess-theme-picker.is-open,.chess-theme-picker:focus-within{z-index:100}.chess-theme-picker__trigger{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#eaf0ff;font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .15s ease,border-color .15s ease}.chess-theme-picker__trigger:hover{background:#ffffff14;border-color:#ffffff29}.chess-theme-picker__popover{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;display:grid;gap:4px;width:max-content;min-width:190px;padding:8px;border-radius:18px;background:radial-gradient(135% 100% at 0% 0%,rgba(196,181,253,.28) 0%,transparent 55%),radial-gradient(110% 100% at 100% 100%,rgba(45,212,191,.16) 0%,transparent 60%),linear-gradient(150deg,#ffffff38,#19143ad6 35%,#0c0a1ef0);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1.5px .5px #ffffff8c,inset 0 2px 10px #ffffff1f,inset 0 0 24px #8b5cf638,inset 0 -1.5px 1px #00000073,0 28px 64px -14px #000000d9,0 10px 24px -6px #8b5cf640;backdrop-filter:blur(40px) saturate(230%) brightness(115%) contrast(108%);-webkit-backdrop-filter:blur(40px) saturate(230%) brightness(115%) contrast(108%);transform-origin:top left;animation:chessPopoverIn .16s cubic-bezier(.16,1,.3,1)}@keyframes chessPopoverIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.chess-theme-picker__popover{animation:none}}.chess-theme-picker__option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:11px;border:1px solid transparent;background:transparent;color:#f1f0ff;font:inherit;font-size:.86rem;font-weight:500;text-align:left;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .18s cubic-bezier(.2,.8,.2,1)}.chess-theme-picker__option:hover{background:#ffffff1f;border-color:#fff3;box-shadow:inset 0 1px #ffffff47;transform:translateY(-.5px)}.chess-theme-picker__option.is-selected{background:linear-gradient(135deg,#ffffff2e,#8b5cf673 45%,#5b3fd099);border-color:#c4b5fda6;box-shadow:inset 0 1.5px #fff6,0 0 18px #8b5cf659;color:#fff;font-weight:600}.chess-theme-swatch{display:inline-block;flex:none;width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background-image:conic-gradient(var(--sq-light) 0deg 90deg,var(--sq-dark) 90deg 180deg,var(--sq-light) 180deg 270deg,var(--sq-dark) 270deg 360deg)}.chess-theme-swatch--lg{width:26px;height:26px;border-radius:6px}.chess-stage__board-layout{--clock-row-height: 78px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;width:min(100%,780px);height:100%;min-height:0;align-self:stretch;justify-self:center;justify-items:center}.chess-stage__clock-row{width:100%;min-width:0}.chess-stage__clock-row .chess-clock{width:100%}.chess-stage__board-shell{width:min(100%,700px);min-width:0;min-height:0;justify-self:center}.chess-stage__move-hint{align-self:center;width:min(100%,780px);color:#9eacc7;font-size:.82rem;font-weight:600;line-height:1.25}.chess-board-shell{position:relative;width:100%;max-width:100%}.chess-board__status{min-height:20px;margin-bottom:8px;color:#9aa9c7;font-size:.9rem;font-weight:600}.chess-board-frame{position:relative;width:100%;aspect-ratio:1}.chess-board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.chess-board>div{width:100%;height:100%}.chess-clock{min-height:var(--clock-row-height);padding:10px 13px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:14px;transition:border-color .25s ease,box-shadow .25s ease,opacity .25s ease}.chess-clock--active{border-color:#667eea80;box-shadow:0 0 0 1px #667eea1f inset}.chess-clock--disconnected{opacity:.68}.chess-clock--self{background:#ffffff12}.chess-clock__identity{display:flex;align-items:center;gap:12px;min-width:0}.chess-clock__avatar{width:38px;height:38px;border-radius:12px;overflow:hidden;display:grid;place-items:center;flex-shrink:0;background:#ffffff14;color:#f6f9ff;font-weight:700;border:1px solid rgba(255,255,255,.08)}.chess-clock__avatar img{width:100%;height:100%;object-fit:cover}.chess-clock__avatar--engine{background:linear-gradient(160deg,#6366f147,#1e293be6);border-color:#8595ff47;font-size:1.55rem;line-height:1}.chess-clock__meta{display:flex;flex-direction:column;gap:3px;min-width:0}.chess-clock__meta-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chess-clock__color{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#90a0c0}.chess-clock__rating,.chess-clock__presence{font-size:.74rem;color:#7ce7be}.chess-clock__presence{color:#f5b1b1}.chess-clock__player{color:#eef3ff;font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chess-clock__time{font-size:clamp(1.18rem,1.6vw,1.72rem);font-variant-numeric:tabular-nums;color:#fff;flex-shrink:0}.chess-panel{padding:16px}.chess-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chess-panel__header h3{margin:0;color:#f1f4fb;font-size:.95rem}.chess-panel__header span{color:#92a0bd;font-size:.78rem}.chess-panel__empty,.chess-panel__hint,.chess-panel__body{color:#8d9ab5;margin:0;line-height:1.5}.chess-panel--accent{background:#6366f114}.chess-moves{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.chess-moves__table{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow:auto}.chess-moves__row{display:grid;grid-template-columns:38px 1fr 1fr;gap:10px;align-items:center;font-variant-numeric:tabular-nums;content-visibility:auto;contain-intrinsic-size:auto 32px}.chess-moves__num{color:#7080a1}.chess-moves__san{color:#eef2fb;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid transparent;min-height:36px;display:flex;align-items:center;justify-content:flex-start;text-align:left;font:inherit;cursor:pointer}.chess-moves__san:disabled{cursor:default;opacity:.42}span.chess-moves__san{cursor:default}.chess-moves__san.is-selected{border-color:#7b8bff57;background:#6366f129}.chess-sidebar{display:flex;flex-direction:column;gap:12px}.chess-sidebar__row{display:flex;justify-content:space-between;gap:10px;color:#a0aec7;font-size:.88rem;margin-bottom:10px}.chess-sidebar__row strong{color:#f3f6ff;text-align:right}.chess-sidebar__actions{display:flex;gap:10px;flex-wrap:wrap}.chess-sidebar__actions--stack{flex-direction:column;position:relative}.chess-resign-popover{position:absolute;top:100%;left:0;right:0;z-index:15;display:grid;gap:10px;margin-top:8px;padding:14px;border-radius:16px;background:#111827eb;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 16px 30px #0000005c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.chess-resign-popover strong{color:#f6f8ff;font-size:.92rem}.chess-resign-popover p{margin:0;color:#9ba9c3;font-size:.84rem;line-height:1.5}.chess-resign-popover__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chess-modal{position:relative;width:min(100%,360px);background:#0b111ef5;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px}.chess-modal__subtitle{margin:0 0 14px;color:#98a7c5}.chess-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:220;background:#050a12b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chess-modal__eyebrow{font-size:.72rem;text-transform:uppercase;color:#7c8caf;margin-bottom:10px}.chess-modal__title{margin:0;padding-right:44px;color:#fff;font-size:1.3rem;font-weight:700;line-height:1.3}.chess-modal__close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#eef4ff;font-size:1.15rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.chess-modal__close:hover{background:#ffffff1a}.chess-modal__actions{display:flex;gap:10px;margin-top:16px}.chess-modal__actions--spread{justify-content:space-between}.chess-history-panel{width:100%}.chess-history-list{display:flex;flex-direction:column;gap:10px}.chess-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:#ffffff0a}.chess-history-row__main{min-width:0;display:flex;flex-direction:column;gap:4px}.chess-history-row__main strong{color:#f2f6ff;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chess-history-row__main span{color:#93a3bf;font-size:.84rem}.chess-history-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chess-history-row__badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.chess-history-row__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.chess-history-row__delta{min-width:48px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:#e5ebfa}.chess-history-row__delta.is-positive{color:#7ce7be}.chess-history-row__delta.is-negative{color:#f2aaaa}.chess-history-row__review-badge{font-size:.76rem;color:#a8b8d8;white-space:nowrap;opacity:.85}.chess-history-row__accuracy{font-size:.76rem;font-weight:600;color:#7ce7be;white-space:nowrap}.chess-moves__san{position:relative}.chess-result-grid{display:grid;gap:12px}.chess-result-grid__player{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff0a;color:#d7e0f3}.chess-result-grid__player strong{color:#fff}.chess-result-grid__player em{font-style:normal;color:#7ce7be}.chess-leaderboard-page{min-height:calc(100vh - var(--topbar-height, 56px) - 48px);padding:24px 24px 56px;display:flex;flex-direction:column;gap:18px;max-width:1040px;width:100%;margin:0 auto}.chess-leaderboard-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;width:100%}.chess-leaderboard-panel{max-width:1040px;width:100%}.chess-leaderboard-table{display:flex;flex-direction:column;gap:8px}.chess-leaderboard-table__head,.chess-leaderboard-table__row{display:grid;grid-template-columns:40px minmax(0,1.8fr) 90px 80px 90px 90px;gap:12px;align-items:center}.chess-leaderboard-table__head{color:#8d9ab5;font-size:.78rem;text-transform:uppercase}.chess-leaderboard-table__row{padding:12px 14px;border-radius:12px;background:#ffffff0a;color:#dce5f8}@media (max-width: 1180px){.chess-match-page{padding:20px;height:auto;min-height:calc(100vh - var(--topbar-height, 56px));overflow:auto}.chess-match-page__main{grid-template-columns:1fr;height:auto}.chess-queue-hero,.chess-queue-state-panel{grid-template-columns:1fr}}@media (max-width: 900px){.chess-stage__board-layout{max-width:100%;width:min(100%,620px);height:auto}.chess-stage__move-hint{width:min(100%,620px)}.chess-clock{min-height:76px}.chess-board-shell{width:100%}.chess-history-row{grid-template-columns:1fr}.chess-history-row__meta{align-items:flex-start}.chess-history-row__badges,.chess-history-row__actions{justify-content:flex-start}.chess-leaderboard-table__head,.chess-leaderboard-table__row{grid-template-columns:36px minmax(0,1.6fr) 80px 72px 80px}.chess-leaderboard-table__head span:last-child,.chess-leaderboard-table__row span:last-child{display:none}}@media (max-width: 640px){.chess-queue-card,.chess-error-card{padding:22px}.chess-queue-page{padding-left:16px;padding-right:16px}.chess-queue-hero__identity,.chess-queue-rating-card,.chess-queue-state-panel{padding:20px}.chess-queue-rating-card__stats,.chess-queue-state-panel__facts{grid-template-columns:1fr}.chess-match-page{padding-left:18px;padding-right:18px;height:auto;overflow:auto}.chess-leaderboard-page__header{flex-direction:column;align-items:flex-start}.chess-clock{align-items:center;gap:10px}.chess-clock__identity{width:100%}.chess-modal__actions{flex-direction:column}}.craziness-bar{display:grid;gap:10px;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#0a101eb8;margin-bottom:4px}.craziness-bar__header{display:flex;align-items:center;gap:12px}.craziness-bar__emoji{font-size:1.6rem;line-height:1;flex-shrink:0}.craziness-bar__title-group{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.craziness-bar__label{font-size:.95rem;font-weight:700;color:#f7f9ff;letter-spacing:.01em}.craziness-bar__description{font-size:.75rem;color:#c8d2f0a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.craziness-bar__raw-score{font-size:.72rem;font-weight:600;color:#b4c3e680;font-variant-numeric:tabular-nums;flex-shrink:0;align-self:flex-start;padding-top:2px}.craziness-bar__compact-header{display:flex;align-items:center;gap:8px}.craziness-bar--compact .craziness-bar__emoji{font-size:1.1rem}.craziness-bar--compact .craziness-bar__label{font-size:.82rem}.craziness-bar__track{position:relative;height:10px;border-radius:999px;background:linear-gradient(to right,#22c55e,#84cc16 18%,#eab308,#f97316 52%,#ef4444 68%,#a855f7 82%,#1a0a2e);overflow:visible}.craziness-bar--compact .craziness-bar__track{height:7px}.craziness-bar__track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#080c18b8;clip-path:inset(0 0 0 var(--craziness-fill, 50%))}.craziness-bar__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3);box-shadow:0 2px 8px #00000080;z-index:2;transition:left .6s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.craziness-bar--compact .craziness-bar__thumb{width:12px;height:12px}.craziness-bar__anchors{display:flex;justify-content:space-between;font-size:.68rem;color:#a0afd273;letter-spacing:.01em}.craziness-bar--compact .craziness-bar__anchors{font-size:.62rem}.craziness-bar--loading{min-height:72px}.craziness-bar__skeleton{height:10px;border-radius:999px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:craziness-shimmer 1.4s ease-in-out infinite}@keyframes craziness-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.craziness--calm{border-left:3px solid #22c55e}.craziness--mild{border-left:3px solid #84cc16}.craziness--warm{border-left:3px solid #eab308}.craziness--hot{border-left:3px solid #f97316}.craziness--wild{border-left:3px solid #ef4444}.craziness--insane{border-left:3px solid #a855f7}.craziness--nuclear{border-left:3px solid #7c3aed}.craziness--legendary{border-left:3px solid #1a0a2e;box-shadow:0 0 0 1px #7c3aed inset}@media (max-width: 600px){.craziness-bar{padding:12px 14px}.craziness-bar__description{display:none}}.chess-practice-settings{display:flex;flex-direction:column;gap:18px;padding:6px 0 2px}.chess-practice-settings__group{display:flex;flex-direction:column;gap:8px}.chess-practice-settings__label{display:block;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#8794b3}.chess-practice-settings__start{margin-top:4px;padding:0 16px;min-height:48px;font-size:.98rem}.chess-difficulty-list{display:flex;flex-direction:column;gap:6px}.chess-difficulty-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#eef2ff;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.chess-difficulty-option:hover{background:#ffffff12;border-color:#ffffff29;transform:translateY(-1px)}.chess-difficulty-option.is-selected{background:linear-gradient(180deg,#7b8bff47,#5f70ec33),#6366f124;border-color:#8595ff66}.chess-difficulty-option__text{display:flex;flex-direction:column;gap:2px}.chess-difficulty-option__text strong{font-size:.92rem}.chess-difficulty-option__desc{font-size:.76rem;color:#96a3c2}.chess-difficulty-option__elo{flex-shrink:0;font-size:.82rem;font-weight:700;color:#c3cbf0}.chess-color-picker{display:flex;gap:8px}.chess-color-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#d9e3f3;font-size:.8rem;font-weight:600;text-transform:capitalize;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.chess-color-option:hover{background:#ffffff12;border-color:#ffffff29;transform:translateY(-1px)}.chess-color-option.is-selected{background:linear-gradient(180deg,#7b8bff47,#5f70ec33),#6366f124;border-color:#8595ff66;color:#fff}.chess-color-option__glyph{display:grid;place-items:center;font-size:1.3rem;line-height:1;height:22px}.chess-glass{--cg-bg: #060813;--cg-text: #ecebff;--cg-text-dim: #a5a3c9;--cg-text-faint: #7a789f;--cg-fill: radial-gradient(120% 80% at 0% 0%, rgba(167, 139, 250, .14), transparent 55%), linear-gradient(155deg, rgba(255, 255, 255, .08) 0%, rgba(20, 16, 48, .65) 40%, rgba(8, 7, 22, .78) 100%);--cg-edge: rgba(255, 255, 255, .12);--cg-edge-strong: rgba(255, 255, 255, .2);--cg-sheen: inset 0 1.5px .5px rgba(255, 255, 255, .22), inset 0 -1px 0 rgba(255, 255, 255, .04);--cg-drop: 0 24px 56px -26px rgba(2, 3, 12, .9);--cg-tile: rgba(255, 255, 255, .04);--cg-tile-edge: rgba(255, 255, 255, .07);--cg-tile-hover: rgba(255, 255, 255, .075);--cg-well: rgba(3, 5, 16, .45);--cg-accent: #8b5cf6;--cg-accent-bright: #a78bfa;--cg-accent-deep: #5b3fd0;--cg-accent-soft: rgba(139, 92, 246, .17);--cg-accent-edge: rgba(167, 139, 250, .42);--cg-accent-glow: rgba(124, 92, 255, .42);--cg-accent-ring: rgba(139, 92, 246, .22);--cg-teal: #2dd4bf;--cg-teal-soft: rgba(20, 184, 166, .14);--cg-teal-edge: rgba(45, 212, 191, .38);--cg-spring: cubic-bezier(.34, 1.56, .64, 1);--cg-out: cubic-bezier(.22, 1, .36, 1);color:var(--cg-text)}.chess-glass--stage{position:relative;isolation:isolate}.chess-glass--stage.chess-match-page,.chess-glass--stage.chess-review-page,.chess-glass--stage.blind-page{background:radial-gradient(90% 70% at 0% 0%,rgba(88,60,200,.34),transparent 60%),radial-gradient(80% 70% at 100% 100%,rgba(15,118,110,.22),transparent 62%),var(--cg-bg)}.chess-glass--stage:before,.chess-glass--stage:after{content:"";position:absolute;z-index:-1;width:min(62vmin,600px);aspect-ratio:1;border-radius:50%;pointer-events:none}.chess-glass--stage:before{top:0;left:0;background:radial-gradient(circle,#7c5cff57,#7c5cff00 68%)}.chess-glass--stage:after{bottom:0;right:0;background:radial-gradient(circle,#14b8a633,#14b8a600 68%)}.chess-glass :is(.chess-panel,.chess-stage,.chess-queue-card,.chess-error-card,.chess-queue-hero__board,.chess-queue-hero__identity,.chess-queue-rating-card,.chess-queue-state-panel){background:var(--cg-fill);border:1px solid var(--cg-edge);border-radius:24px;box-shadow:var(--cg-drop),var(--cg-sheen);-webkit-backdrop-filter:blur(32px) saturate(200%) brightness(108%);backdrop-filter:blur(32px) saturate(200%) brightness(108%);animation:cgRise .6s var(--cg-out) both}.chess-glass .chess-panel .chess-panel,.chess-glass .chess-stage .chess-panel{background:var(--cg-tile);border-color:var(--cg-tile-edge);box-shadow:var(--cg-sheen);-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.chess-glass :is(.chess-panel,.chess-stage,.chess-queue-card,.chess-error-card,.chess-queue-hero__board,.chess-queue-hero__identity,.chess-queue-rating-card,.chess-queue-state-panel,.chess-modal,.chess-clock,.chess-theme-picker__popover,.chess-resign-popover,div[title="Choose promotion piece"]){background:#0e1024f0}}@keyframes cgRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.chess-glass :is(.chess-panel,.chess-stage,.chess-queue-hero__board,.chess-queue-hero__identity,.chess-queue-rating-card,.chess-queue-state-panel):nth-child(2){animation-delay:70ms}.chess-glass :is(.chess-panel,.chess-stage,.chess-queue-hero__board,.chess-queue-hero__identity,.chess-queue-rating-card,.chess-queue-state-panel):nth-child(3){animation-delay:.14s}.chess-glass :is(.chess-panel,.chess-stage,.chess-queue-hero__board,.chess-queue-hero__identity,.chess-queue-rating-card,.chess-queue-state-panel):nth-child(n+4){animation-delay:.2s}.chess-glass :is(.chess-queue-rating-card__stats div,.chess-queue-state-panel__facts>div,.chess-queue-card__waiting,.chess-queue-card__matchup,.chess-history-row,.chess-leaderboard-table__row,.chess-result-grid__player){background:var(--cg-tile);border:1px solid var(--cg-tile-edge);box-shadow:var(--cg-sheen)}.chess-glass .chess-queue-rating-card__stats div,.chess-glass .chess-queue-state-panel__facts>div{border-radius:16px}.chess-glass :is(.chess-history-row,.chess-leaderboard-table__row,.chess-result-grid__player){border-radius:16px;transition:transform .4s var(--cg-spring),background .25s ease,border-color .25s ease}.chess-glass .chess-result-grid__player{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff2e,0 8px 18px -8px #0006}.chess-glass .chess-queue-card__waiting{background:linear-gradient(135deg,#ffffff17,#1e183c7a,#0c0a1ea6);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1.5px #ffffff40,0 8px 24px -10px #00000080}.chess-glass :is(.chess-history-row,.chess-leaderboard-table__row):hover{transform:translateY(-1px);background:var(--cg-tile-hover);border-color:var(--cg-edge-strong)}.chess-glass .craziness-bar{border-radius:18px;background:var(--cg-tile);border-top-color:var(--cg-tile-edge);border-right-color:var(--cg-tile-edge);border-bottom-color:var(--cg-tile-edge);box-shadow:var(--cg-sheen)}.chess-glass .chess-panel__header h3{color:#fff;letter-spacing:-.01em}.chess-glass .chess-panel__header span,.chess-glass .chess-queue-card__eyebrow,.chess-glass .chess-stage__eyebrow,.chess-glass .chess-queue-rating-card__label,.chess-glass .chess-modal__eyebrow{color:var(--cg-text-faint)}.chess-glass .chess-queue-card__body,.chess-glass .chess-error-card p,.chess-glass .chess-panel__empty,.chess-glass .chess-panel__hint,.chess-glass .chess-panel__body{color:var(--cg-text-dim)}.chess-glass .chess-queue-rating-card__stats strong{white-space:nowrap;font-size:.9rem}.chess-glass .chess-queue-hero__board{min-width:0;max-width:300px}@media (min-width: 1181px){.chess-glass .chess-queue-hero{grid-template-columns:minmax(284px,300px) minmax(0,1.3fr) minmax(240px,320px)}.chess-glass .chess-queue-hero__board{max-width:none}}.chess-glass :is(.chess-btn,.chess-stage__back,.chess-stage__sound-toggle,.chess-theme-picker__trigger,.chess-modal__close){border:1px solid var(--cg-edge);background:#ffffff0f;color:var(--cg-text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--cg-sheen),0 8px 18px -12px #000000b3;transition:transform .4s var(--cg-spring),background .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .2s ease}.chess-glass .chess-btn{border-radius:14px}.chess-glass :is(.chess-btn,.chess-stage__back,.chess-stage__sound-toggle,.chess-theme-picker__trigger,.chess-modal__close):hover:not(:disabled){transform:translateY(-2px);background:#ffffff1c;border-color:var(--cg-edge-strong)}.chess-glass :is(.chess-btn,.chess-stage__back,.chess-stage__sound-toggle,.chess-theme-picker__trigger,.chess-modal__close):active:not(:disabled){transform:translateY(0) scale(.97);transition-duration:.1s}.chess-glass :is(.chess-btn,.chess-stage__back,.chess-stage__sound-toggle,.chess-theme-picker__trigger,.chess-modal__close,.chess-time-control-pill,.chess-difficulty-option,.chess-color-option):focus-visible{outline:2px solid var(--cg-accent-bright);outline-offset:2px}.chess-glass .chess-btn:disabled{opacity:.45}.chess-glass .chess-btn--primary{border-color:var(--cg-accent-edge);background:linear-gradient(180deg,#ffffff21,#fff0 55%),linear-gradient(135deg,#6a49dd 0%,var(--cg-accent-deep) 60%,#4a3fc4 100%);color:#f4f0ff;text-shadow:0 1px 2px rgba(15,8,60,.5);box-shadow:var(--cg-sheen),0 12px 28px -12px var(--cg-accent-glow)}.chess-glass .chess-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#ffffff2e,#ffffff03 55%),linear-gradient(135deg,#7556e8,#6244dc 60%,#5247cf);border-color:#c4b5fd8c;box-shadow:var(--cg-sheen),0 16px 32px -12px var(--cg-accent-glow)}.chess-glass .chess-btn--primary.chess-btn--queue-primary{box-shadow:var(--cg-sheen),0 18px 38px -14px var(--cg-accent-glow)}.chess-glass .chess-btn--ghost{background:#ffffff0e}.chess-glass .chess-btn--danger{border-color:#f8717152;background:linear-gradient(180deg,#ffffff14,#fff0),#be3c463d;color:#ffd2d2}.chess-glass .chess-btn--danger:hover:not(:disabled){background:linear-gradient(180deg,#ffffff1c,#fff0),#cd465057;border-color:#fc8c8c80}.chess-glass .chess-btn.is-active{border-color:var(--cg-accent-edge);background:linear-gradient(180deg,#ffffff1a,#ffffff05),var(--cg-accent-soft);color:#fff}.chess-glass :is(.chess-time-control-pill,.chess-difficulty-option,.chess-color-option){border:1px solid var(--cg-tile-edge);background:var(--cg-tile);color:var(--cg-text);box-shadow:var(--cg-sheen);transition:transform .4s var(--cg-spring),background .25s ease,border-color .25s ease,box-shadow .3s ease}.chess-glass :is(.chess-time-control-pill,.chess-difficulty-option,.chess-color-option):hover{transform:translateY(-1px);background:var(--cg-tile-hover);border-color:var(--cg-edge-strong)}.chess-glass :is(.chess-time-control-pill,.chess-difficulty-option,.chess-color-option).is-selected{background:linear-gradient(135deg,#ffffff29,#8b5cf661 45%,#5b3fd085);border-color:#c4b5fd80;color:#fff;box-shadow:inset 0 1.5px #ffffff59,inset 0 -1px #ffffff14,inset 0 0 20px -6px var(--cg-accent-glow),0 10px 24px -10px var(--cg-accent-glow)}.chess-glass .chess-time-control-pill--bullet.is-selected{background:linear-gradient(135deg,#ffffff29,#f4725e52 45%,#b4322873);border-color:#fb92788c;box-shadow:inset 0 1.5px #ffffff59,inset 0 0 20px -6px #f4725e80,0 10px 24px -10px #f4725e59}.chess-glass .chess-time-control-pill--rapid.is-selected{background:linear-gradient(135deg,#ffffff29,#2dd4bf47 45%,#0f766e73);border-color:#5eead48c;box-shadow:inset 0 1.5px #ffffff59,inset 0 0 20px -6px #2dd4bf73,0 10px 24px -10px #14b8a659}.chess-glass .chess-difficulty-option__desc{color:var(--cg-text-dim)}.chess-glass .chess-difficulty-option__elo{color:#cfc8ff}.chess-glass .chess-practice-settings__label{color:var(--cg-text-faint);letter-spacing:.08em}.chess-glass .chess-theme-picker__popover{z-index:1000;background:radial-gradient(135% 100% at 0% 0%,rgba(196,181,253,.28) 0%,transparent 55%),radial-gradient(110% 100% at 100% 100%,rgba(45,212,191,.16) 0%,transparent 60%),linear-gradient(150deg,#ffffff38,#19143ad6 35%,#0c0a1ef0);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1.5px .5px #ffffff8c,inset 0 2px 10px #ffffff1f,inset 0 0 24px #8b5cf638,inset 0 -1.5px 1px #00000073,0 28px 64px -14px #000000d9,0 10px 24px -6px #8b5cf640;-webkit-backdrop-filter:blur(40px) saturate(230%) brightness(115%) contrast(108%);backdrop-filter:blur(40px) saturate(230%) brightness(115%) contrast(108%);border-radius:18px;padding:8px}.chess-glass .chess-resign-popover{z-index:1000;background:radial-gradient(135% 100% at 0% 0%,rgba(248,113,113,.25) 0%,transparent 55%),radial-gradient(110% 100% at 100% 100%,rgba(139,92,246,.18) 0%,transparent 60%),linear-gradient(150deg,#ffffff38,#2a1226db 35%,#100816f0);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1.5px .5px #ffffff8c,inset 0 2px 10px #ffffff1f,inset 0 0 24px #ef444433,inset 0 -1.5px 1px #00000073,0 28px 64px -14px #000000d9,0 10px 24px -6px #ef444440;-webkit-backdrop-filter:blur(40px) saturate(230%) brightness(115%) contrast(108%);backdrop-filter:blur(40px) saturate(230%) brightness(115%) contrast(108%);border-radius:18px;padding:16px}.chess-glass div[title="Choose promotion piece"]{background:radial-gradient(135% 100% at 0% 0%,rgba(196,181,253,.3) 0%,transparent 55%),linear-gradient(150deg,#ffffff3d,#1c163edb 40%,#0c0a20f2)!important;border:1px solid rgba(255,255,255,.26)!important;box-shadow:inset 0 1.5px .5px #ffffff8c,inset 0 2px 10px #ffffff1f,inset 0 0 28px #8b5cf64d,0 28px 64px -12px #000000d9!important;-webkit-backdrop-filter:blur(40px) saturate(230%) brightness(115%) contrast(108%);backdrop-filter:blur(40px) saturate(230%) brightness(115%) contrast(108%);border-radius:18px!important;padding:6px!important}.chess-glass div[title="Choose promotion piece"]>div{border-radius:11px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px #ffffff40!important}.chess-glass .chess-theme-picker__option{color:#f1f0ff;padding:8px 12px;border-radius:11px;border:1px solid transparent;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .18s cubic-bezier(.2,.8,.2,1)}.chess-glass .chess-theme-picker__option:hover{background:#ffffff1f;border-color:#fff3;box-shadow:inset 0 1px #ffffff47;transform:translateY(-.5px)}.chess-glass .chess-theme-picker__option.is-selected{background:linear-gradient(135deg,#ffffff2e,#8b5cf673 45%,#5b3fd099);border-color:#c4b5fda6;box-shadow:inset 0 1.5px #fff6,0 0 18px #8b5cf659;color:#fff;font-weight:600}.chess-glass .chess-moves__san{background:var(--cg-tile);border:1px solid transparent;transition:background .2s ease,border-color .2s ease,transform .35s var(--cg-spring)}.chess-glass button.chess-moves__san:hover:not(:disabled){background:var(--cg-tile-hover);transform:translateY(-1px)}.chess-glass .chess-moves__san.is-selected{background:var(--cg-accent-soft);border-color:var(--cg-accent-edge)}.chess-glass .chess-status-pill{background:#ffffff0f;border:1px solid var(--cg-tile-edge);color:var(--cg-text)}.chess-glass :is(.chess-status-pill--neutral,.chess-status-pill--pending){background:var(--cg-accent-soft);border-color:var(--cg-accent-edge);color:#d4c9ff}.chess-glass .chess-status-pill--active,.chess-glass .chess-queue-card__socket.is-live{background:var(--cg-teal-soft);border:1px solid var(--cg-teal-edge);color:#86efd9}.chess-glass .chess-status-pill--finished{background:#f59e0b21;border:1px solid rgba(245,158,11,.32);color:#f6c978}.chess-glass .chess-status-pill--aborted{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f5a8a8}.chess-glass .chess-queue-card__socket{background:#ffffff0d;border:1px solid var(--cg-tile-edge);color:var(--cg-text-dim)}.chess-glass .chess-ping{background:#ffffff0d;border-color:var(--cg-tile-edge)}.chess-glass .chess-clock{border-radius:18px;background:radial-gradient(120% 80% at 0% 0%,rgba(196,181,253,.18) 0%,transparent 55%),linear-gradient(150deg,#ffffff2e,#161232d1 40%,#0a081ae6);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1.5px .5px #ffffff73,inset 0 2px 8px #ffffff14,inset 0 -1.5px 1px #0006,0 20px 48px -12px #000000b3;-webkit-backdrop-filter:blur(36px) saturate(220%) brightness(112%) contrast(106%);backdrop-filter:blur(36px) saturate(220%) brightness(112%) contrast(106%);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease,opacity .25s ease}.chess-glass .chess-clock--self{background:radial-gradient(120% 80% at 0% 0%,rgba(196,181,253,.22) 0%,transparent 55%),linear-gradient(150deg,#fff3,#1a163ad6 40%,#0c0a1eeb)}.chess-glass .chess-clock--active{background:radial-gradient(120% 80% at 0% 0%,rgba(196,181,253,.35) 0%,transparent 55%),linear-gradient(150deg,#ffffff40,#6228cd99 35%,#1a103ee0);border-color:#c4b5fda6;box-shadow:inset 0 1.5px .5px #fff9,inset 0 0 28px #8b5cf666,0 24px 50px -12px #8b5cf680,0 8px 20px -4px #00000080}.chess-glass .chess-clock__avatar{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px #ffffff4d}.chess-glass .chess-clock__avatar--engine{background:linear-gradient(160deg,#8b5cf666,#141232f2);border-color:var(--cg-accent-edge)}.chess-glass .chess-clock__rating{color:#86efd9}.chess-modal-backdrop.chess-glass{background:radial-gradient(circle at 50% 40%,#181034a6,#040510d9);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}.chess-glass .chess-modal{background:radial-gradient(140% 90% at 0% 0%,rgba(196,181,253,.25) 0%,transparent 60%),radial-gradient(110% 90% at 100% 100%,rgba(45,212,191,.14) 0%,transparent 60%),linear-gradient(150deg,#ffffff38,#1a143cdb 35%,#0a081cf2);border:1px solid rgba(255,255,255,.25);border-radius:26px;box-shadow:inset 0 1.5px .5px #ffffff8c,inset 0 2px 12px #ffffff1f,inset 0 0 36px #8b5cf640,inset 0 -2px 1px #00000080,0 48px 100px -25px #000000e6,0 18px 40px -8px #0009;-webkit-backdrop-filter:blur(44px) saturate(240%) brightness(115%) contrast(108%);backdrop-filter:blur(44px) saturate(240%) brightness(115%) contrast(108%);animation:cgModalIn .45s var(--cg-out) both}@keyframes cgModalIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.chess-glass .chess-modal__subtitle{color:var(--cg-text-dim)}.chess-glass .chess-panel--accent{background:radial-gradient(120% 80% at 0% 0%,rgba(196,181,253,.28) 0%,transparent 55%),linear-gradient(150deg,#fff3,#372daf8c 40%,#100c2ae0);border:1px solid rgba(167,139,250,.55);box-shadow:inset 0 1.5px .5px #ffffff73,inset 0 0 30px #8b5cf640,var(--cg-drop)}.chess-glass .chess-leaderboard-table__head{color:var(--cg-text-faint);letter-spacing:.06em}.chess-glass .chess-history-row__delta.is-positive,.chess-glass .chess-history-row__accuracy,.chess-glass .chess-result-grid__player em{color:#86efd9}.chess-glass .chess-result-grid__player em.is-negative{color:#f5a8a8}.chess-glass .chess-review-verdict__actions .chess-btn{white-space:nowrap;padding:0 10px}.chess-glass .chess-eval-graph{background:#050714b3;border-color:var(--cg-edge);box-shadow:var(--cg-sheen)}.chess-glass .chess-eval-graph__marker{border-color:var(--cg-bg)}.chess-glass .chess-eval-bar{box-shadow:var(--cg-sheen),0 0 0 1px var(--cg-edge)}.chess-glass *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}@media (prefers-reduced-motion: reduce){.chess-glass,.chess-glass *,.chess-glass *:before,.chess-glass *:after{animation:none!important;transition-duration:.01ms!important}}.blind-page{box-sizing:border-box;width:100%;height:calc(100vh - var(--topbar-height, 56px));padding:14px 20px 18px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.blind-page__bar{flex-shrink:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blind-page__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:700;font-size:1.08rem;letter-spacing:-.01em}.blind-main{flex:1;min-height:0;display:grid;gap:14px}.blind-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.blind-panel__scroll{flex:1;min-height:0;overflow-y:auto;padding:2px 6px 2px 2px}.blind-panel__note{margin:0 0 8px;color:var(--cg-text-dim);font-size:.82rem;line-height:1.4}.blind-info .chess-panel{padding:12px}.blind-hub{grid-template-columns:minmax(360px,1.3fr) minmax(300px,1fr) minmax(300px,1fr);grid-template-rows:auto minmax(0,1fr)}.blind-hub--two{grid-template-columns:minmax(360px,1.3fr) minmax(300px,1fr)}.blind-hub__intro{grid-column:1 / -1;margin:0;padding:11px 18px;border-radius:18px;background:var(--cg-tile);border:1px solid var(--cg-tile-edge);box-shadow:var(--cg-sheen);color:#cfcdf0;font-size:.9rem;line-height:1.5;animation:cgRise .55s var(--cg-out) both}.blind-hub__intro strong{color:#fff}.blind-hub__intro code{background:#ffffff17;padding:1px 7px;border-radius:8px;font-size:.85em}.blind-search{flex-shrink:0;display:flex;align-items:center;gap:8px;height:42px;padding:0 8px 0 14px;border-radius:999px;background:var(--cg-well);border:1px solid var(--cg-edge);box-shadow:inset 0 2px 6px #0000004d;color:var(--cg-text-dim);transition:border-color .25s ease,box-shadow .3s ease,color .25s ease}.blind-search:focus-within{border-color:var(--cg-accent-edge);box-shadow:inset 0 2px 6px #0000004d,0 0 0 4px var(--cg-accent-ring);color:#fff}.blind-search__input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:.92rem}.blind-search__input::placeholder{color:var(--cg-text-faint)}.blind-search__input::-webkit-search-cancel-button{display:none}.blind-search__clear{width:28px;height:28px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;transition:transform .35s var(--cg-spring),background .2s ease}.blind-search__clear:hover{background:#fff3;transform:scale(1.12)}.blind-search__clear:active{transform:scale(.92)}.blind-search__count{flex-shrink:0;margin:6px 4px 8px;min-height:1.1em;color:var(--cg-text-dim);font-size:.78rem}.blind-empty{padding:18px 8px;text-align:center;color:var(--cg-text-dim)}.blind-empty p{margin:0 0 12px}.blind-levels{display:grid;gap:9px}.blind-level{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:13px;align-items:center;padding:11px 13px;border-radius:20px;border:1px solid var(--cg-tile-edge);background:var(--cg-tile);box-shadow:var(--cg-sheen);animation:cgRise .55s var(--cg-out) both;animation-delay:calc(var(--i, 0) * 45ms + .14s);transition:transform .45s var(--cg-spring),background .25s ease,border-color .25s ease,box-shadow .3s ease}.blind-level:hover{transform:translateY(-2px);background:var(--cg-tile-hover);border-color:var(--cg-edge-strong);box-shadow:var(--cg-sheen),0 16px 34px -20px #000000e6}.blind-level__order{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#f1ecff;font-weight:700;font-size:.9rem;background:linear-gradient(180deg,#ffffff29,#fff0 55%),linear-gradient(135deg,#6a49dd,var(--cg-accent-deep));box-shadow:var(--cg-sheen),0 8px 18px -10px var(--cg-accent-glow)}.blind-level__body h4{margin:0 0 2px;color:#fff;font-size:.96rem;letter-spacing:-.01em}.blind-level__body p{margin:0 0 6px;color:var(--cg-text-dim);font-size:.8rem;line-height:1.35}.blind-level__stats{display:flex;flex-wrap:wrap;gap:2px 14px;margin:0}.blind-level__stats div{display:flex;gap:5px;font-size:.76rem}.blind-level__stats dt{color:var(--cg-text-faint)}.blind-level__stats dd{margin:0;color:#e0def7;font-variant-numeric:tabular-nums}.blind-stars{display:inline-flex;gap:1px;margin-left:8px;font-size:.95rem;letter-spacing:1px}.blind-stars span{color:#ffffff2e;transition:color .3s ease,text-shadow .3s ease}.blind-stars span.is-on{color:#fcd34d;text-shadow:0 0 10px rgba(252,211,77,.45)}.blind-free__footer{flex-shrink:0;display:grid;gap:10px;padding-top:12px;margin-top:8px;border-top:1px solid var(--cg-edge)}.blind-free__footer .chess-practice-settings__label{margin-bottom:6px;display:block}.blind-lb__controls{display:grid;gap:10px;margin-bottom:12px;flex-shrink:0}.blind-lb__select{display:grid;gap:6px;min-width:0}.blind-lb__select select{width:100%;min-width:0;min-height:42px;padding:0 38px 0 14px;border-radius:14px;border:1px solid var(--cg-edge);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a5a3c9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center,var(--cg-well);box-shadow:inset 0 2px 6px #0000004d;color:#fff;font-size:.92rem;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .25s ease,box-shadow .3s ease}.blind-lb__select select:hover{border-color:var(--cg-edge-strong)}.blind-lb__select select:focus-visible{outline:2px solid var(--cg-accent-bright);outline-offset:2px}.blind-segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:var(--cg-well);border:1px solid var(--cg-edge);box-shadow:inset 0 2px 6px #0000004d}.blind-segmented button{min-width:0;min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--cg-text-dim);font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .3s ease,color .25s ease,box-shadow .3s ease,border-color .3s ease,transform .35s var(--cg-spring)}.blind-segmented button:hover:not(.is-active){color:#fff}.blind-segmented button:active{transform:scale(.96)}.blind-segmented button:focus-visible{outline:2px solid var(--cg-accent-bright);outline-offset:2px}.blind-segmented button.is-active{color:#fff;background:linear-gradient(180deg,#ffffff17,#ffffff05),var(--cg-accent-soft);border-color:var(--cg-accent-edge);box-shadow:var(--cg-sheen),inset 0 0 18px -10px var(--cg-accent-glow)}.blind-lb__note{margin:8px 2px 0;color:var(--cg-text-dim);font-size:.9rem}.blind-lb__list{list-style:none;margin:0;padding:0;display:grid;gap:5px}.blind-lb__list li{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:8px 12px;border-radius:14px;background:var(--cg-tile);border:1px solid transparent;color:#e0def7;font-size:.88rem;font-variant-numeric:tabular-nums;animation:cgRise .45s var(--cg-out) both;transition:background .25s ease,border-color .25s ease}.blind-lb__list li:hover{background:var(--cg-tile-hover)}.blind-lb__list li.is-you{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--cg-accent-soft);border-color:var(--cg-accent-edge)}.blind-lb__rank{color:#fcd34d;font-weight:700}.blind-lb__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blind-lb__peeks{color:var(--cg-text-faint);font-size:.8rem}.blind-lb__you{flex-shrink:0;margin:10px 2px 0;color:#cfcdf0}.blind-play{grid-template-columns:minmax(230px,300px) minmax(0,1fr) minmax(320px,390px);grid-template-rows:minmax(0,1fr)}.blind-info__blurb{margin:0 0 10px;color:var(--cg-text-dim);font-size:.86rem;line-height:1.45}.blind-info__facts{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:4px;font-size:.88rem;color:#cfcdf0}.blind-info__facts strong{color:#fff;font-variant-numeric:tabular-nums}.blind-info__moves{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.blind-info__moves>*{min-height:0}.blind-stage{align-items:center;gap:12px}.blind-stage__caption{flex-shrink:0;margin:0;padding:6px 16px;border-radius:999px;background:var(--cg-tile);border:1px solid var(--cg-tile-edge);box-shadow:var(--cg-sheen);color:#cdcaf0;font-size:.88rem;font-weight:600;text-align:center}.blind-fit{flex:1;width:100%;min-width:0;min-height:0;display:grid;place-items:center}.blind-fit__square{width:min(100%,520px);aspect-ratio:1;max-width:100%}.blind-board{width:100%;height:100%;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 30px 70px -26px var(--cg-accent-glow),0 18px 40px -18px #000c;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.blind-board--shown{display:block;overflow:visible}.blind-board--shown .chess-board-shell{width:100%}.blind-board__square{position:relative}.blind-board__square.is-marked{box-shadow:inset 0 0 0 999px #fcd34d4d}.blind-board__rank,.blind-board__file{position:absolute;font-size:clamp(.6rem,1.4vw,.85rem);font-weight:700;color:#0000008c}.blind-board__rank{top:3px;left:4px}.blind-board__file{bottom:2px;right:4px}.blind-controls{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:2px 4px 2px 0}.blind-controls>*{flex-shrink:0}.blind-begin{display:grid;gap:10px}.blind-begin p{margin:0;color:#cfcdf0;line-height:1.5;font-size:.92rem}.blind-begin__button{min-height:54px;font-size:1rem}.blind-announce{display:grid;gap:6px}.blind-announce__line{margin:0;color:#e0def7;font-size:1.05rem}.blind-announce__move{color:#fff;font-size:1.4rem;letter-spacing:.02em}.blind-announce__check{margin:0;color:#ff9a9a;font-weight:700;text-shadow:0 0 14px rgba(255,90,90,.4)}.blind-input{display:grid;gap:11px}.blind-input__row{display:flex;gap:8px}.blind-input__field{flex:1;min-width:0;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--cg-edge);background:var(--cg-well);box-shadow:inset 0 2px 6px #00000052;color:#fff;font-size:1.05rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transition:border-color .25s ease,box-shadow .3s ease}.blind-input__field::placeholder{color:var(--cg-text-faint)}.blind-input__field:focus{outline:0;border-color:var(--cg-accent-edge);box-shadow:inset 0 2px 6px #00000052,0 0 0 4px var(--cg-accent-ring)}.blind-input__error{margin:0;min-height:1.2em;color:#ff9a9a;font-size:.85rem}.blind-input__tools{display:flex;gap:8px}.blind-input__tools .chess-btn{flex:1}.blind-input__toggles{display:grid;gap:5px;color:var(--cg-text-dim);font-size:.84rem}.blind-input__toggles label{display:flex;gap:8px;align-items:center;cursor:pointer}.blind-input__toggles input,.blind-voice__auto input{accent-color:var(--cg-accent)}.blind-voice{display:grid;gap:8px}.blind-voice__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.blind-voice__mic{gap:8px;min-width:120px}.chess-glass .blind-voice__mic.is-listening{border-color:#ff828299;background:linear-gradient(180deg,#ffffff14,#fff0),#dc46503d;color:#ffe0e0;animation:blindMicPulse 1.4s ease-in-out infinite}@keyframes blindMicPulse{0%,to{box-shadow:var(--cg-sheen),0 0 #ff6b6b73}50%{box-shadow:var(--cg-sheen),0 0 0 9px #ff6b6b00}}.blind-voice__auto{display:flex;align-items:center;gap:6px;color:var(--cg-text-dim);font-size:.8rem;cursor:pointer}.blind-voice__status{min-height:1.3em;font-size:.86rem}.blind-voice__hint{color:var(--cg-text-faint)}.blind-voice__heard{color:#cdcaf0;font-style:italic}.blind-voice__error{color:#ff9a9a}.blind-voice__pending{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 12px;border-radius:16px;background:linear-gradient(180deg,#ffffff0f,#fff0),var(--cg-accent-soft);border:1px solid var(--cg-accent-edge);box-shadow:var(--cg-sheen),inset 0 0 22px -12px var(--cg-accent-glow);color:#e4dfff;animation:cgRise .4s var(--cg-out) both}.blind-voice__pending .chess-btn{min-height:36px;padding:0 14px}.blind-voice__san{color:#fff;font-size:1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.blind-summary__stats{display:flex;gap:22px;margin:0 0 10px}.blind-summary__stats div{display:grid;gap:2px}.blind-summary__stats dt{color:var(--cg-text-faint);font-size:.78rem}.blind-summary__stats dd{margin:0;color:#fff;font-size:1.2rem;font-variant-numeric:tabular-nums}.blind-summary__badge{margin:0 0 10px;color:#fcd34d;font-weight:700;text-shadow:0 0 14px rgba(252,211,77,.35)}.blind-summary__sync{margin:0 0 10px;color:var(--cg-text-dim);font-size:.88rem}.chess-glass .blind-summary.is-win{border-color:var(--cg-teal-edge);box-shadow:var(--cg-drop),var(--cg-sheen),0 0 44px -16px #2dd4bf73}@media (max-width: 1100px){.blind-page{height:auto;min-height:calc(100vh - var(--topbar-height, 56px));overflow-x:clip;overflow-y:visible}.blind-main{flex:none}.blind-hub,.blind-hub--two,.blind-play{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.blind-hub__intro{grid-column:auto}.blind-drills .blind-panel__scroll,.blind-free .blind-panel__scroll,.blind-lb .blind-panel__scroll{max-height:420px}.blind-stage{order:1}.blind-controls{order:2;overflow:visible}.blind-info{order:3}.blind-info__moves{max-height:320px}.blind-fit{flex:none;height:auto;aspect-ratio:1;max-width:560px;margin:0 auto}}@media (max-width: 560px){.blind-page{padding:10px 12px 16px}.blind-level{grid-template-columns:32px minmax(0,1fr)}.blind-level .chess-btn{grid-column:1 / -1}.blind-lb__list li{grid-template-columns:26px minmax(0,1fr) auto auto}.blind-lb__peeks{display:none}}.chess-review-page{--review-best: var(--color-success);--review-excellent: var(--color-success-light);--review-good: var(--color-info);--review-inaccuracy: var(--color-warning);--review-mistake: var(--color-accent);--review-blunder: var(--color-error);--review-rail-width: 340px;--review-board-size: min(100%, calc(100vh - var(--topbar-height, 56px) - 300px));box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--spacing-md);width:100%;height:calc(100vh - var(--topbar-height, 56px));padding:var(--spacing-lg);color:var(--color-text-primary);background:var(--gradient-bg);overflow:hidden}.chess-review-page__header{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.chess-review-page__title{flex:1;min-width:0}.chess-review-page__title h1{margin:0;font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chess-review-page__title p{margin:2px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.chess-review-page__tools{display:flex;gap:var(--spacing-sm)}.chess-review-page__main{display:grid;grid-template-columns:minmax(0,1fr) var(--review-rail-width);gap:var(--spacing-md);min-height:0}.chess-review-page__stage{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);min-width:0;min-height:0}.chess-review-page__board-row{display:flex;gap:var(--spacing-sm);width:calc(var(--review-board-size) + 32px);max-width:100%}.chess-review-page__board{flex:1;min-width:0;aspect-ratio:1}.chess-review-page__rail{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0;overflow-y:auto;padding-right:2px}.chess-review-page__rail .chess-moves{flex:1 0 180px;min-height:180px}.chess-eval-bar{position:relative;flex:0 0 24px;display:flex;flex-direction:column-reverse;border-radius:var(--radius-sm);background:#2b2f3a;overflow:hidden;box-shadow:var(--shadow-inner)}.chess-eval-bar--flipped{flex-direction:column}.chess-eval-bar__white{background:#f1f1ee;transition:flex-basis var(--transition-smooth)}.chess-eval-bar__label{position:absolute;left:0;right:0;font-size:.62rem;font-weight:700;text-align:center;line-height:1;padding:4px 0}.chess-eval-bar__label.is-white{bottom:0;color:#1d2230}.chess-eval-bar__label.is-black{top:0;color:#f1f1ee}.chess-eval-bar--flipped .chess-eval-bar__label.is-white{top:0;bottom:auto}.chess-eval-bar--flipped .chess-eval-bar__label.is-black{bottom:0;top:auto}.chess-review-controls{display:flex;align-items:center;gap:var(--spacing-xs);width:calc(var(--review-board-size) + 32px);max-width:100%}.chess-review-controls .chess-btn{min-height:36px;min-width:44px;padding:0 var(--spacing-sm);font-size:var(--font-size-lg)}.chess-review-controls__position{flex:1;display:inline-flex;justify-content:center;align-items:baseline;gap:var(--spacing-sm);font-weight:600;font-variant-numeric:tabular-nums}.chess-review-controls__position em{font-style:normal;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.chess-eval-graph{position:relative;width:calc(var(--review-board-size) + 32px);max-width:100%;height:88px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--color-glass-border);background:#20242f;overflow:hidden;cursor:pointer;touch-action:none}.chess-eval-graph:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chess-eval-graph svg{display:block;width:100%;height:100%}.chess-eval-graph__area{fill:#f1f1eed1}.chess-eval-graph__midline{stroke:#ffffff2e;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}.chess-eval-graph__cursor{stroke:var(--color-primary-light);stroke-width:2;vector-effect:non-scaling-stroke}.chess-eval-graph__marker{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:var(--radius-full);border:1.5px solid #20242f;pointer-events:none}.chess-eval-graph__marker--inaccuracy{background:var(--review-inaccuracy)}.chess-eval-graph__marker--mistake{background:var(--review-mistake)}.chess-eval-graph__marker--blunder{background:var(--review-blunder)}.chess-review-summary__players{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.chess-review-summary__player{display:grid;gap:2px;min-width:0}.chess-review-summary__player--black{text-align:right}.chess-review-summary__name{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chess-review-summary__player--black .chess-review-summary__name{justify-content:flex-end}.chess-review-summary__swatch{flex:0 0 10px;height:10px;border-radius:3px;border:1px solid rgba(255,255,255,.3)}.chess-review-summary__swatch--white{background:#f1f1ee}.chess-review-summary__swatch--black{background:#1d2230}.chess-review-summary__player strong{font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight);font-variant-numeric:tabular-nums}.chess-review-summary__caption{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.chess-review-summary__table{width:100%;margin-top:var(--spacing-sm);border-collapse:collapse;font-size:var(--font-size-sm)}.chess-review-summary__table th{font-weight:500;color:var(--color-text-secondary);text-align:center;padding:3px 0}.chess-review-summary__count{width:36px;font-weight:700;font-variant-numeric:tabular-nums}.chess-review-summary__table td:last-child{text-align:right}.chess-review-summary__row--best .chess-review-summary__count{color:var(--review-best)}.chess-review-summary__row--excellent .chess-review-summary__count{color:var(--review-excellent)}.chess-review-summary__row--good .chess-review-summary__count{color:var(--review-good)}.chess-review-summary__row--inaccuracy .chess-review-summary__count{color:var(--review-inaccuracy)}.chess-review-summary__row--mistake .chess-review-summary__count{color:var(--review-mistake)}.chess-review-summary__row--blunder .chess-review-summary__count{color:var(--review-blunder)}.chess-review-summary__progress{display:grid;gap:var(--spacing-xs);margin-top:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.chess-review-summary__progress-track{height:6px;border-radius:var(--radius-full);background:var(--color-glass-bg-subtle);overflow:hidden}.chess-review-summary__progress-fill{height:100%;background:var(--gradient-primary);transition:width var(--transition-normal)}.chess-review-verdict{border-left:3px solid var(--color-glass-border)}.chess-review-verdict h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md)}.chess-review-verdict p{margin:0 0 var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.chess-review-verdict__line{font-variant-numeric:tabular-nums}.chess-review-verdict--best,.chess-review-verdict--excellent{border-left-color:var(--review-best)}.chess-review-verdict--good{border-left-color:var(--review-good)}.chess-review-verdict--inaccuracy{border-left-color:var(--review-inaccuracy)}.chess-review-verdict--mistake{border-left-color:var(--review-mistake)}.chess-review-verdict--blunder{border-left-color:var(--review-blunder)}.chess-review-verdict--inaccuracy h3{color:var(--review-inaccuracy)}.chess-review-verdict--mistake h3{color:var(--review-mistake)}.chess-review-verdict--blunder h3{color:var(--review-blunder)}.chess-review-verdict__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.chess-review-verdict__actions .chess-btn{min-height:36px;font-size:var(--font-size-sm)}.chess-review-verdict__toggles{display:flex;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-md);margin-top:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.chess-review-verdict__toggles label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.chess-review-verdict__toggles input{accent-color:var(--color-primary)}.chess-moves__glyph{margin-left:3px;font-weight:800}.chess-moves__glyph--inaccuracy{color:var(--review-inaccuracy)}.chess-moves__glyph--mistake{color:var(--review-mistake)}.chess-moves__glyph--blunder{color:var(--review-blunder)}.chess-review-lichess summary{cursor:pointer;font-weight:600}.chess-review-lichess summary span{margin-left:var(--spacing-xs);color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:500}.chess-review-lichess[open] summary{margin-bottom:var(--spacing-sm)}.chess-review-lichess__facts{display:grid;gap:var(--spacing-xs);margin:0;font-size:var(--font-size-sm)}.chess-review-lichess__facts div{display:flex;justify-content:space-between;gap:var(--spacing-sm)}.chess-review-lichess__facts dt{color:var(--color-text-secondary)}.chess-review-lichess__facts dd{margin:0;font-weight:600;text-align:right}@media (max-width: 960px){.chess-review-page{--review-board-size: 100%;height:auto;overflow:visible;padding:var(--spacing-md)}.chess-review-page__header{flex-wrap:wrap}.chess-review-page__title{order:3;flex-basis:100%}.chess-review-page__tools{margin-left:auto}.chess-review-page__main{grid-template-columns:minmax(0,1fr)}.chess-review-page__board-row,.chess-review-controls,.chess-eval-graph{width:100%}.chess-review-page__rail{overflow:visible}}@media (prefers-reduced-motion: reduce){.chess-eval-bar__white,.chess-review-summary__progress-fill{transition:none}}.wbl-page{--wbl-bg: oklch(.135 .034 260);--wbl-panel: oklch(.185 .034 260 / .92);--wbl-panel-soft: oklch(.24 .034 260 / .36);--wbl-panel-raised: oklch(.24 .04 260 / .76);--wbl-line: oklch(.86 .02 260 / .09);--wbl-line-strong: oklch(.72 .12 268 / .32);--wbl-text: oklch(.96 .006 260);--wbl-muted: oklch(.67 .024 260);--wbl-faint: oklch(.49 .026 260);--wbl-accent: oklch(.66 .16 268);--wbl-accent-2: oklch(.68 .17 36);--wbl-good: oklch(.74 .14 155);--wbl-danger: oklch(.62 .18 25);--wbl-ease: cubic-bezier(.16, 1, .3, 1);position:relative;width:100%;height:100%;min-height:0;overflow:auto;display:grid;grid-template-columns:286px minmax(0,1fr);gap:18px;padding:50px 26px 26px;color:var(--wbl-text);background:radial-gradient(circle at 14% 12%,oklch(.56 .18 268 / .16),transparent 32%),radial-gradient(circle at 92% 8%,oklch(.63 .16 36 / .12),transparent 36%),linear-gradient(135deg,oklch(.12 .035 265),var(--wbl-bg))}.theater-container__exit--top-right{right:18px;left:auto}.wbl-bg{position:fixed;inset:var(--topbar-height, 56px) 0 0;pointer-events:none;overflow:hidden}.wbl-bg__orb{position:absolute;width:34vw;height:34vw;min-width:360px;min-height:360px;border-radius:999px;filter:blur(54px);opacity:.32;animation:wbl-orbit 18s var(--wbl-ease) infinite alternate}.wbl-bg__orb--violet{left:-13vw;top:-4vh;background:radial-gradient(circle,oklch(.56 .18 268 / .38),transparent 68%)}.wbl-bg__orb--ember{right:-14vw;bottom:-18vh;background:radial-gradient(circle,oklch(.64 .16 36 / .28),transparent 70%);animation-delay:-5s}.wbl-bg__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(oklch(.92 .01 260 / .026) 1px,transparent 1px),linear-gradient(90deg,oklch(.92 .01 260 / .026) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 54% 36%,black 0%,transparent 74%);mask-image:radial-gradient(circle at 54% 36%,black 0%,transparent 74%)}.wbl-sidebar,.wbl-console{position:relative;z-index:1}.wbl-sidebar,.wbl-rooms,.wbl-sidepanel>*,.wbl-detail,.wbl-code-panel,.wbl-guide{border:1px solid var(--wbl-line);background:linear-gradient(180deg,#eff2f60e,#eff2f606),var(--wbl-panel);box-shadow:0 28px 82px #0000003d}.wbl-sidebar{min-height:calc(100vh - var(--topbar-height, 56px) - 76px);display:flex;flex-direction:column;gap:18px;align-self:stretch;padding:18px;border-radius:28px}.wbl-sidebar__status,.wbl-hero__eyebrow,.wbl-ping,.wbl-brand,.wbl-room__topline,.wbl-room__main,.wbl-room__chips,.wbl-tools,.wbl-search,.wbl-sort,.wbl-create__row--inline,.wbl-detail__player{display:flex;align-items:center}.wbl-sidebar__status{justify-content:space-between;gap:10px}.wbl-hero__eyebrow,.wbl-section-kicker,.wbl-rooms__refresh,.wbl-room__status,.wbl-room__time,.wbl-create__label,.wbl-tools__count,.wbl-sort span{text-transform:uppercase;letter-spacing:.1em}.wbl-hero__eyebrow{gap:8px;color:var(--wbl-muted);font-size:.62rem;font-weight:820}.wbl-live-dot{width:7px;height:7px;border-radius:999px;background:var(--wbl-good);box-shadow:0 0 0 6px #55c48314,0 0 22px #55c48347}.wbl-ping{flex-shrink:0;gap:7px;padding:6px 9px;border:1px solid var(--wbl-line);border-radius:999px;background:var(--wbl-panel-soft);color:var(--wbl-muted);font-size:.68rem;font-weight:780;font-variant-numeric:tabular-nums}.wbl-ping--measuring{animation:wbl-pulse 1.4s ease-in-out infinite}.wbl-ping__dot{width:7px;height:7px;border-radius:999px}.wbl-ping--good{color:var(--wbl-good)}.wbl-ping--good .wbl-ping__dot{background:var(--wbl-good)}.wbl-ping--ok{color:#deb049}.wbl-ping--ok .wbl-ping__dot{background:#dea71d}.wbl-ping--bad{color:var(--wbl-danger)}.wbl-ping--bad .wbl-ping__dot{background:var(--wbl-danger)}.wbl-brand{align-items:flex-start;flex-direction:column;gap:16px;padding:4px 2px 0}.wbl-brand__bomb{position:relative;width:118px;height:118px;display:grid;place-items:center}.wbl-hero__ring{position:absolute;border:1px solid oklch(.92 .01 260 / .08);border-radius:999px}.wbl-hero__ring--outer{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,oklch(.56 .18 268 / .08),transparent 64%);animation:wbl-spin 18s linear infinite}.wbl-hero__ring--inner{top:24px;right:24px;bottom:24px;left:24px;border-color:#ee6b472e;animation:wbl-spin 10s linear infinite reverse}.wbl-bomb-icon{flex-shrink:0;overflow:visible}.wbl-bomb-icon__halo{stroke:#ee6b4729;stroke-width:1;stroke-dasharray:2 9;transform-origin:60px 68px}.wbl-bomb-icon--active{filter:drop-shadow(0 20px 48px oklch(.64 .16 36 / .22));animation:wbl-float 4.2s var(--wbl-ease) infinite alternate}.wbl-bomb-icon--active .wbl-bomb-icon__halo{animation:wbl-spin 14s linear infinite}.wbl-bomb-icon--active path{animation:wbl-fuse 1s linear infinite}.wbl-bomb-icon--active circle:last-child{animation:wbl-spark .75s ease-in-out infinite alternate}.wbl-bomb-icon__ember{transform-origin:72px 4px;animation:wbl-ember 1.25s var(--wbl-ease) infinite}.wbl-bomb-icon__ember--late{animation-delay:.42s}.wbl-brand h1{margin:0;font-size:2.8rem;line-height:.92;letter-spacing:-.07em;font-weight:820}.wbl-brand p{margin:12px 0 0;color:var(--wbl-muted);font-size:.86rem;line-height:1.5}.wbl-primary-action,.wbl-room__join,.wbl-create__submit,.wbl-pill,.wbl-stepper__btn,.wbl-segmented__btn,.wbl-search input,.wbl-sort select,.wbl-code-panel input,.wbl-nav__item{font:inherit}.wbl-primary-action{min-height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:0 18px;border:1px solid oklch(.86 .02 260 / .14);border-radius:18px;color:var(--wbl-text);background:linear-gradient(135deg,#e66441e6,#cb7476e5,#ac7e9fe3 50%,#6385ede0),var(--wbl-panel-raised);cursor:pointer;box-shadow:0 20px 56px #4869dc26;transition:transform .2s var(--wbl-ease),filter .2s var(--wbl-ease)}.wbl-primary-action span{font-size:.94rem;font-weight:860}.wbl-primary-action small{color:#eff2f6b8;font-size:.69rem;font-weight:650}.wbl-primary-action:hover:not(:disabled),.wbl-room__join:hover:not(:disabled),.wbl-create__submit:hover:not(:disabled){transform:translateY(-2px)}.wbl-primary-action:disabled,.wbl-room__join:disabled,.wbl-create__submit:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.62}.wbl-nav{display:grid;gap:7px;margin-top:auto}.wbl-nav__item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 13px;border:1px solid transparent;border-radius:15px;color:var(--wbl-muted);background:transparent;cursor:pointer;text-align:left;transition:border-color .2s var(--wbl-ease),background .2s var(--wbl-ease),color .2s var(--wbl-ease)}.wbl-nav__item span{color:var(--wbl-text);font-size:.82rem;font-weight:820}.wbl-nav__item small{font-size:.68rem;line-height:1.35}.wbl-nav__item:hover,.wbl-nav__item--active{border-color:var(--wbl-line);background:var(--wbl-panel-soft)}.wbl-nav__item--active{box-shadow:inset 0 0 0 1px #6385ed1f}.wbl-console{min-width:0;display:grid;grid-template-columns:minmax(520px,1fr) 324px;gap:16px;align-items:start}.wbl-rooms,.wbl-sidepanel>*,.wbl-detail,.wbl-code-panel,.wbl-guide{border-radius:26px}.wbl-rooms{min-height:0;display:flex;flex-direction:column;max-height:calc(100vh - var(--topbar-height, 56px) - 82px);padding:18px}.wbl-rooms__header,.wbl-create__header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.wbl-rooms__header{margin-bottom:14px}.wbl-section-kicker{margin:0 0 6px;color:var(--wbl-faint);font-size:.58rem;font-weight:850}.wbl-rooms__title,.wbl-create__title,.wbl-detail h2,.wbl-code-panel h2,.wbl-guide h3{margin:0;color:var(--wbl-text);line-height:1.16;letter-spacing:-.035em}.wbl-rooms__title,.wbl-create__title,.wbl-detail h2,.wbl-code-panel h2{font-size:1.08rem}.wbl-rooms__refresh{flex-shrink:0;color:var(--wbl-faint);font-size:.58rem;font-weight:850;padding-top:5px}.wbl-tools{flex-wrap:wrap;gap:8px;margin-bottom:12px}.wbl-search{flex:1 1 218px;min-width:0;gap:8px;height:38px;padding:0 11px;border:1px solid var(--wbl-line);border-radius:13px;background:var(--wbl-panel-soft);color:var(--wbl-muted)}.wbl-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--wbl-text);font-size:.78rem}.wbl-search input::placeholder{color:var(--wbl-faint)}.wbl-segmented{display:flex;gap:3px;padding:3px;border:1px solid var(--wbl-line);border-radius:13px;background:var(--wbl-panel-soft)}.wbl-segmented__btn{min-height:30px;border:0;border-radius:9px;padding:0 10px;color:var(--wbl-muted);background:transparent;cursor:pointer;font-size:.7rem;font-weight:760;transition:background .18s var(--wbl-ease),color .18s var(--wbl-ease)}.wbl-segmented__btn--active{color:var(--wbl-text);background:#4869dc29}.wbl-sort{gap:7px;height:38px;padding:0 10px;border:1px solid var(--wbl-line);border-radius:13px;background:var(--wbl-panel-soft)}.wbl-sort span,.wbl-tools__count{color:var(--wbl-faint);font-size:.56rem;font-weight:850}.wbl-sort select{border:0;outline:0;color:var(--wbl-text);background:transparent;font-size:.72rem;font-weight:760}.wbl-tools__count{margin-left:auto}.wbl-rooms__list,.wbl-rooms__loading{display:flex;flex-direction:column;gap:9px}.wbl-rooms__list{min-height:0;overflow:auto;padding-right:4px}.wbl-rooms__list::-webkit-scrollbar{width:7px}.wbl-rooms__list::-webkit-scrollbar-thumb{border-radius:999px;background:#e1e5eb21}.wbl-room{display:grid;gap:11px;padding:14px;border:1px solid var(--wbl-line);border-radius:18px;background:#eff2f609;cursor:pointer;transition:border-color .2s var(--wbl-ease),background .2s var(--wbl-ease),transform .2s var(--wbl-ease)}.wbl-room:hover,.wbl-room--selected{border-color:var(--wbl-line-strong);background:#eff2f60f}.wbl-room--selected{box-shadow:inset 0 0 0 1px #6385ed26}.wbl-room--mine{border-color:#6385ed61;background:linear-gradient(180deg,#4869dc21,#eff2f609)}.wbl-room--full{opacity:.58}.wbl-room__topline,.wbl-room__main{justify-content:space-between;gap:12px}.wbl-room__meta{display:flex;align-items:center;gap:8px}.wbl-room__status,.wbl-room__time{color:var(--wbl-faint);font-size:.56rem;font-weight:850}.wbl-room__code{border:1px solid oklch(.86 .02 260 / .1);border-radius:999px;padding:3px 7px;color:var(--wbl-muted);background:#eff2f60a;cursor:pointer;font-size:.56rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;transition:border-color .18s var(--wbl-ease),color .18s var(--wbl-ease),background .18s var(--wbl-ease)}.wbl-room__code:hover{border-color:#84a1f057;color:var(--wbl-text);background:#4869dc1f}.wbl-room__host{min-width:0;display:flex;align-items:center;gap:11px}.wbl-room__avatar,.wbl-detail__avatar{display:grid;place-items:center;flex-shrink:0;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,#142650,#271d2e,#310d0a);color:var(--wbl-text);font-weight:900;letter-spacing:.03em}.wbl-room__avatar{width:38px;height:38px;font-size:.7rem}.wbl-room__avatar img,.wbl-detail__avatar img{width:100%;height:100%;object-fit:cover}.wbl-room__host-copy{min-width:0;display:flex;flex-direction:column}.wbl-room__host-name{overflow:hidden;color:var(--wbl-text);font-size:.88rem;font-weight:830;text-overflow:ellipsis;white-space:nowrap}.wbl-room__host-label{color:var(--wbl-faint);font-size:.66rem;font-weight:680}.wbl-room__count{color:var(--wbl-muted);font-size:1rem;font-weight:830;font-variant-numeric:tabular-nums}.wbl-room__count-current{color:var(--wbl-text)}.wbl-room__count-sep{margin:0 2px;opacity:.38}.wbl-room__chips{flex-wrap:wrap;gap:6px}.wbl-room__chip,.wbl-create__preview span,.wbl-detail__rules span{border:1px solid oklch(.86 .02 260 / .08);border-radius:999px;background:#eff2f60a;color:var(--wbl-muted);font-size:.65rem;font-weight:760}.wbl-room__chip{padding:5px 8px}.wbl-room__join,.wbl-create__submit{width:100%;min-height:40px;border:1px solid oklch(.72 .12 268 / .32);border-radius:13px;color:var(--wbl-text);background:linear-gradient(135deg,#6385edeb,#7c60bdc7);cursor:pointer;font-size:.8rem;font-weight:850;transition:transform .2s var(--wbl-ease),filter .2s var(--wbl-ease)}.wbl-room__join--disabled{background:#eff2f60f;color:var(--wbl-faint)}.wbl-skeleton{height:114px;border-radius:18px;background:linear-gradient(90deg,#eff2f609 25%,#eff2f613,#eff2f609 75%);background-size:220% 100%;animation:wbl-shimmer 1.4s ease-in-out infinite}.wbl-rooms__empty{min-height:250px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;border:1px dashed oklch(.86 .02 260 / .12);border-radius:20px;color:var(--wbl-muted);text-align:center}.wbl-rooms__empty-title{margin:12px 0 4px;color:var(--wbl-text);font-size:.96rem;font-weight:850}.wbl-rooms__empty-text{max-width:34ch;margin:0;color:var(--wbl-faint);font-size:.78rem;line-height:1.5}.wbl-error{margin-top:10px;padding:10px 12px;border:1px solid oklch(.66 .16 36 / .24);border-radius:14px;background:#e2684714;color:#f99b7e;font-size:.74rem;font-weight:740}.wbl-sidepanel{position:sticky;top:10px;display:grid;gap:14px}.wbl-create,.wbl-detail,.wbl-code-panel,.wbl-guide{padding:18px}.wbl-create--featured{padding:28px}.wbl-create--featured{display:grid;align-content:start}.wbl-create__blueprint{min-width:150px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;border:1px solid oklch(.86 .02 260 / .09);border-radius:18px;background:radial-gradient(circle at 24% 20%,oklch(.64 .16 36 / .12),transparent 42%),#eff2f609;color:var(--wbl-muted);font-size:.72rem;font-weight:820}.wbl-create__blueprint .wbl-bomb-icon--active{animation:wbl-preview-float 3.8s var(--wbl-ease) infinite alternate}.wbl-create--featured .wbl-create__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:760px}.wbl-create--featured .wbl-create__row--inline,.wbl-create--featured .wbl-create__summary,.wbl-create--featured .wbl-create__submit{grid-column:1 / -1}.wbl-create__header{margin-bottom:20px}.wbl-create__sub,.wbl-detail p,.wbl-code-panel p{margin:9px 0 0;color:var(--wbl-muted);font-size:.78rem;line-height:1.5}.wbl-create__body{display:flex;flex-direction:column;gap:15px}.wbl-create__row{display:flex;flex-direction:column;gap:8px}.wbl-create__row--inline{flex-direction:row;justify-content:space-between;gap:12px}.wbl-create__label{color:var(--wbl-faint);font-size:.6rem;font-weight:850}.wbl-pills{display:flex;flex-wrap:wrap;gap:6px}.wbl-pill{min-height:32px;padding:0 10px;border:1px solid var(--wbl-line);border-radius:10px;color:var(--wbl-muted);background:var(--wbl-panel-soft);cursor:pointer;font-size:.73rem;font-weight:780;transition:border-color .18s var(--wbl-ease),background .18s var(--wbl-ease),color .18s var(--wbl-ease)}.wbl-pill:hover:not(.wbl-pill--active){color:var(--wbl-text);border-color:#c9d2de29}.wbl-pill--active{border-color:#84a1f06b;background:#4869dc24;color:var(--wbl-text)}.wbl-stepper{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid var(--wbl-line);border-radius:13px;background:var(--wbl-panel-soft)}.wbl-stepper__btn{width:32px;height:32px;border:0;border-radius:9px;color:var(--wbl-text);background:transparent;cursor:pointer;font-size:1rem;transition:background .18s var(--wbl-ease),color .18s var(--wbl-ease)}.wbl-stepper__btn:hover:not(:disabled){background:#eff2f614}.wbl-stepper__btn:disabled{color:var(--wbl-faint);cursor:not-allowed}.wbl-stepper__value{min-width:30px;color:var(--wbl-text);font-size:.86rem;font-weight:850;text-align:center;font-variant-numeric:tabular-nums}.wbl-create__summary,.wbl-create__preview,.wbl-detail__rules{display:flex;flex-wrap:wrap;gap:7px;padding-top:2px}.wbl-create__summary{align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--wbl-line);border-radius:17px;background:#eff2f607}.wbl-create__preview span,.wbl-detail__rules span{padding:6px 9px}.wbl-detail{display:grid;gap:15px}.wbl-detail--empty{min-height:260px;align-content:center}.wbl-detail__players{display:grid;gap:8px}.wbl-detail__code{display:grid;gap:8px;padding:10px;border:1px solid var(--wbl-line);border-radius:15px;background:#eff2f609}.wbl-detail__code span{color:var(--wbl-faint);font-size:.58rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.wbl-detail__code code{overflow:hidden;color:var(--wbl-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.wbl-detail__code button{min-height:32px;border:1px solid oklch(.72 .12 268 / .3);border-radius:10px;color:var(--wbl-text);background:#4869dc21;cursor:pointer;font-size:.72rem;font-weight:820}.wbl-detail__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.wbl-detail__copy-btn{min-height:32px;border:1px solid oklch(.72 .12 268 / .3);border-radius:10px;color:var(--wbl-text);background:#4869dc21;cursor:pointer;font:inherit;font-size:.68rem;font-weight:820;transition:background .18s var(--wbl-ease),border-color .18s var(--wbl-ease)}.wbl-detail__copy-btn:hover{background:#4869dc38;border-color:#84a1f080}.wbl-detail__copy-btn--link{background:#eff2f60f;border-color:#c9d2de24;color:var(--wbl-muted)}.wbl-detail__copy-btn--link:hover{background:#eff2f61f;color:var(--wbl-text)}.wbl-detail__player{gap:9px;min-width:0;padding:8px;border:1px solid var(--wbl-line);border-radius:13px;background:var(--wbl-panel-soft)}.wbl-detail__avatar{width:30px;height:30px;font-size:.62rem}.wbl-detail__player span{min-width:0;overflow:hidden;flex:1;color:var(--wbl-text);font-size:.78rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.wbl-detail__player small{color:var(--wbl-faint);font-size:.62rem;font-weight:800}.wbl-detail__empty-copy{margin:0}.wbl-code-panel{display:grid;gap:16px;align-content:start}.wbl-code-panel__header{max-width:48ch}.wbl-code-panel h2{font-size:1.18rem;font-weight:850;letter-spacing:-.04em}.wbl-code-panel__form{display:grid;gap:10px;width:100%;max-width:380px}.wbl-code-panel__form label{display:grid;gap:6px}.wbl-code-panel__form span{color:var(--wbl-faint);font-size:.58rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.wbl-code-panel input{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--wbl-line);border-radius:12px;outline:0;color:var(--wbl-text);background:var(--wbl-panel-soft);font:inherit;font-size:.82rem;font-weight:500;letter-spacing:.04em;transition:border-color .18s var(--wbl-ease)}.wbl-code-panel input:focus{border-color:#688bf380}.wbl-code-panel input::placeholder{color:var(--wbl-faint);font-weight:400;letter-spacing:0}.wbl-rules{border:1px solid var(--wbl-line);background:linear-gradient(180deg,#eff2f60e,#eff2f606),var(--wbl-panel);box-shadow:0 28px 82px #0000003d;border-radius:26px;padding:18px;display:grid;gap:12px;align-content:start}.wbl-rules h3{margin:0;color:var(--wbl-text);font-size:.96rem;font-weight:850;letter-spacing:-.03em;line-height:1.2}.wbl-rules__intro{margin:0;color:var(--wbl-muted);font-size:.76rem;line-height:1.5}.wbl-rules__steps{display:grid;gap:8px;margin:4px 0 0;padding:0;list-style:none}.wbl-rules__steps li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--wbl-line);border-radius:13px;background:#eff2f609}.wbl-rules__steps span{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#4869dc1f;color:var(--wbl-text);font-size:.62rem;font-weight:850}.wbl-rules__steps strong{display:block;color:var(--wbl-text);font-size:.76rem;font-weight:820;line-height:1.3}.wbl-rules__steps small{display:block;margin-top:2px;color:var(--wbl-faint);font-size:.68rem;line-height:1.4}@keyframes wbl-orbit{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(30px,-24px,0) scale(1.08)}}@keyframes wbl-spin{to{transform:rotate(360deg)}}@keyframes wbl-float{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-9px) rotate(2deg)}}@keyframes wbl-preview-float{0%{transform:translateY(0) rotate(-.5deg)}to{transform:translateY(-3px) rotate(1deg)}}@keyframes wbl-fuse{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12}}@keyframes wbl-spark{0%{transform:scale(.8);opacity:.58}to{transform:scale(1.35);opacity:1}}@keyframes wbl-ember{0%{transform:translateZ(0) scale(.8);opacity:0}34%{opacity:.9}to{transform:translate3d(10px,-8px,0) scale(1.2);opacity:0}}@keyframes wbl-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}@keyframes wbl-pulse{0%,to{opacity:.58}50%{opacity:1}}@media (max-width: 1180px){.wbl-page{grid-template-columns:1fr;padding-top:64px}.wbl-sidebar{min-height:auto}.wbl-brand{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.wbl-nav{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.wbl-console{grid-template-columns:minmax(0,1fr) 320px}.wbl-rooms{max-height:none}}@media (max-width: 900px){.wbl-console{grid-template-columns:1fr}.wbl-sidepanel{position:static}.wbl-create--featured,.wbl-code-panel--featured,.wbl-console>.wbl-guide{min-height:auto}.wbl-create--featured .wbl-create__body{grid-template-columns:1fr}}@media (max-width: 680px){.wbl-page{padding:64px 16px 24px}.wbl-brand{grid-template-columns:1fr}.wbl-brand h1{font-size:2.4rem}.wbl-nav{grid-template-columns:1fr}.wbl-tools,.wbl-rooms__header,.wbl-room__main,.wbl-create__row--inline{align-items:stretch;flex-direction:column}.wbl-search,.wbl-sort,.wbl-segmented{width:100%}.wbl-segmented__btn{flex:1}.wbl-sidebar,.wbl-rooms,.wbl-sidepanel>*,.wbl-detail,.wbl-code-panel,.wbl-guide{border-radius:22px}}:root{--wb-bg: #0C1220;--wb-sf: rgba(255, 255, 255, .035);--wb-sf-h: rgba(255, 255, 255, .06);--wb-bd: rgba(255, 255, 255, .07);--wb-tx: #F0F2F5;--wb-tx2: #6B7A99;--wb-tx3: #3D4A63;--wb-accent: oklch(.65 .15 265);--wb-accent-raw: 102, 126, 234;--wb-warn: oklch(.72 .14 75);--wb-danger: oklch(.62 .18 25);--wb-ease: cubic-bezier(.16, 1, .3, 1)}.wb-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:1rem 1.5rem;position:relative;color:var(--wb-tx);overflow:hidden}.wb-page__status{position:absolute;top:.6rem;right:1rem;font-size:.65rem;color:var(--wb-tx3);letter-spacing:.08em}.wb-bomb{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wb-bomb--lobby{width:80px;height:80px}.wb-bomb__svg{width:100%;height:100%;position:relative;z-index:1}.wb-bomb__body{fill:#0f1216;stroke:#ffffff14;stroke-width:1}.wb-bomb__neck{fill:#181b1f;stroke:#ffffff0f;stroke-width:.8}.wb-bomb__fuse{fill:none;stroke:var(--wb-tx2);stroke-width:1.8}.wb-bomb__spark{fill:#f2a618;animation:spark .5s ease-in-out infinite alternate}.wb-bomb__highlight{fill:#ffffff0a;transform:rotate(-20deg);transform-origin:48px 56px}.wb-bomb__glow{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;border-radius:50%;background:radial-gradient(circle,oklch(.5 .14 265) 0%,transparent 60%);pointer-events:none;transition:opacity .35s var(--wb-ease),transform .35s var(--wb-ease);z-index:0}.wb-bomb--boom .wb-bomb__body{fill:#a20519}.wb-bomb--boom .wb-bomb__glow{animation:boom .3s var(--wb-ease) forwards}.wb-bomb--shake{animation:bomb-shake .12s ease-in-out infinite}@keyframes spark{0%{r:2;opacity:.5}to{r:5;opacity:1}}@keyframes boom{0%{transform:scale(1);opacity:.7}to{transform:scale(3.5);opacity:0}}@keyframes bomb-shake{0%,to{translate:0 0}25%{translate:-2px 1px}50%{translate:2px -1px}75%{translate:-1px -1px}}.wb-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wb-ring__arc{transition:stroke .3s var(--wb-ease)}.wb-btn{padding:.55rem 1.2rem;border-radius:8px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s var(--wb-ease);border:none}.wb-btn--ghost{background:transparent;border:1px solid var(--wb-bd);color:var(--wb-tx2)}.wb-btn--ghost:hover{background:var(--wb-sf);color:var(--wb-tx);border-color:rgba(var(--wb-accent-raw),.2)}.wb-btn--primary{background:var(--wb-accent);color:#fff}.wb-btn--primary:disabled{opacity:.3;cursor:not-allowed}.wb-btn--primary:not(:disabled):hover{opacity:.88}.wb-lobby{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:440px}.wb-lobby__title{font-size:1.4rem;font-weight:300;letter-spacing:.06em;margin:0}.wb-lobby__sub{font-size:.72rem;color:var(--wb-tx2);margin:-.4rem 0 0}.wb-lobby__code{width:100%;display:grid;gap:4px;padding:.75rem .85rem;border:1px solid var(--wb-bd);border-radius:12px;color:var(--wb-tx);background:radial-gradient(circle at 16% 0%,oklch(.65 .15 265 / .12),transparent 46%),var(--wb-sf);cursor:pointer;text-align:left;transition:border-color .2s var(--wb-ease),background .2s var(--wb-ease),transform .2s var(--wb-ease)}.wb-lobby__code:hover{border-color:rgba(var(--wb-accent-raw),.28);background:var(--wb-sf-h);transform:translateY(-1px)}.wb-lobby__code span{color:var(--wb-tx3);font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.wb-lobby__code code{overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.wb-lobby__code small{color:var(--wb-tx2);font-size:.66rem}.wb-lobby__roster{display:flex;flex-direction:column;gap:.25rem;width:100%;background:var(--wb-sf);border:1px solid var(--wb-bd);border-radius:10px;padding:.6rem}.wb-lobby__row{display:flex;align-items:center;gap:.55rem;padding:.4rem .45rem;border-radius:6px;transition:background .15s var(--wb-ease)}.wb-lobby__row:hover{background:var(--wb-sf-h)}.wb-lobby__av{width:26px;height:26px;border-radius:50%;background:#203a64;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.wb-lobby__av img{width:100%;height:100%;object-fit:cover}.wb-lobby__av span{font-size:.55rem;font-weight:600;color:var(--wb-tx)}.wb-lobby__name{font-size:.8rem;font-weight:500;flex:1}.wb-lobby__badge{font-size:.5rem;font-weight:700;letter-spacing:.08em;padding:1px 5px;border-radius:3px;background:rgba(var(--wb-accent-raw),.12);color:var(--wb-accent)}.wb-lobby__btns{display:flex;gap:.5rem;width:100%}.wb-lobby__btns .wb-btn{flex:1}.wb-lobby__wait{font-size:.7rem;color:var(--wb-tx3);margin:0}.wb-play{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:0;position:relative;transition:background .8s var(--wb-ease)}.wb-play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:8px;transition:opacity .5s var(--wb-ease);opacity:0}.wb-play--tense:before{background:radial-gradient(ellipse 70% 60% at 50% 30%,oklch(.3 .08 60 / .12) 0%,transparent 70%);opacity:1}.wb-play--critical:before{background:radial-gradient(ellipse 70% 60% at 50% 30%,oklch(.35 .14 25 / .18) 0%,transparent 70%);opacity:1;animation:urgency-pulse 1s ease-in-out infinite alternate}@keyframes urgency-pulse{0%{opacity:.6}to{opacity:1}}.wb-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;flex:1;min-height:0;width:100%;max-width:480px;position:relative;z-index:1}.wb-stage__bomb{position:relative;width:140px;height:140px;flex-shrink:0}.wb-stage__prompt{display:flex;align-items:center;justify-content:center}.wb-stage__prompt-text{font-size:2.8rem;font-weight:700;letter-spacing:.28em;color:var(--wb-tx);text-transform:uppercase;transition:color .3s var(--wb-ease)}.wb-play--critical .wb-stage__prompt-text{color:#ffbab3;color:oklch(.85 .12 25)}.wb-stage__turn{font-size:.78rem;font-weight:500}.wb-stage__you{color:var(--wb-accent);animation:you-pulse 1.5s ease-in-out infinite alternate}@keyframes you-pulse{0%{opacity:.7}to{opacity:1}}.wb-stage__them{color:var(--wb-tx2)}.wb-stage__typing{font-size:.8rem;color:var(--wb-tx3);font-style:italic;min-height:1.2em}.wb-stage__form{display:flex;gap:.35rem;width:100%}.wb-stage__input{flex:1;padding:.65rem .9rem;background:var(--wb-sf);border:1px solid var(--wb-bd);border-radius:8px;color:var(--wb-tx);font-size:.95rem;font-weight:500;outline:none;transition:border-color .25s var(--wb-ease),box-shadow .25s var(--wb-ease),opacity .25s var(--wb-ease)}.wb-stage__input:not(:disabled){border-color:rgba(var(--wb-accent-raw),.35);animation:input-breathe 2s ease-in-out infinite alternate}@keyframes input-breathe{0%{box-shadow:0 0 0 2px rgba(var(--wb-accent-raw),.08)}to{box-shadow:0 0 0 3px rgba(var(--wb-accent-raw),.2),0 0 16px rgba(var(--wb-accent-raw),.06)}}.wb-stage__input:focus{border-color:var(--wb-accent);box-shadow:0 0 0 3px rgba(var(--wb-accent-raw),.25);animation:none}.wb-stage__input:disabled{opacity:.2;cursor:not-allowed;animation:none}.wb-stage__go{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--wb-accent);color:#fff;cursor:pointer;flex-shrink:0;transition:opacity .15s var(--wb-ease),transform .15s var(--wb-ease)}.wb-stage__go:disabled{opacity:.2;cursor:not-allowed}.wb-stage__go:not(:disabled):hover{opacity:.85;transform:scale(1.04)}.wb-stage__go:not(:disabled):active{transform:scale(.96)}.wb-stage__err{font-size:.7rem;color:#fa6863;padding:.3rem .7rem;background:#fa68630f;border:1px solid oklch(.7 .18 25 / .12);border-radius:6px;text-align:center}.wb-runway{display:flex;gap:2.5rem;justify-content:center;align-items:flex-end;padding:.75rem 0 .5rem;flex-shrink:0;width:100%;position:relative;z-index:1}.rw-player{display:flex;flex-direction:column;align-items:center;gap:.2rem;position:relative;min-width:64px;transition:transform .35s var(--wb-ease)}.rw-player--on{transform:translateY(-10px)}.rw-player--out{filter:grayscale(.8)}.rw-player__arrow{position:absolute;top:-22px;left:50%;translate:-50% 0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--wb-accent);animation:arrow-bob .8s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px rgba(var(--wb-accent-raw),.5))}@keyframes arrow-bob{0%{translate:-50% 0}to{translate:-50% 4px}}.rw-player__beam{position:absolute;bottom:100%;left:50%;width:2px;height:48px;translate:-50% 0;background:linear-gradient(to top,rgba(var(--wb-accent-raw),.45),rgba(var(--wb-accent-raw),0));animation:beam-pulse 1.5s ease-in-out infinite alternate}@keyframes beam-pulse{0%{opacity:.4}to{opacity:1}}.rw-player__ring{width:48px;height:48px;border-radius:50%;padding:2px;position:relative;transition:box-shadow .3s var(--wb-ease)}.rw-player--on .rw-player__ring{background:conic-gradient(from 0deg,var(--wb-accent),oklch(.6 .15 300),var(--wb-accent),oklch(.6 .15 300),var(--wb-accent));animation:ring-spin 3s linear infinite;box-shadow:0 0 16px rgba(var(--wb-accent-raw),.25)}@keyframes ring-spin{to{rotate:360deg}}.rw-player__avatar{width:100%;height:100%;border-radius:50%;background:#121b29;display:flex;align-items:center;justify-content:center;overflow:hidden}.rw-player__avatar img{width:100%;height:100%;object-fit:cover}.rw-player__avatar span{font-size:.7rem;font-weight:600;color:var(--wb-tx)}.rw-player__name{font-size:.62rem;color:var(--wb-tx2);max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;transition:color .25s var(--wb-ease),font-size .25s var(--wb-ease)}.rw-player--me .rw-player__name{color:var(--wb-tx);font-weight:600}.rw-player--on .rw-player__name{color:var(--wb-accent);font-size:.68rem;font-weight:600}.rw-player__hp{display:flex;gap:2px}.rw-player__heart{font-size:.55rem;color:#de4e4b;transition:opacity .2s var(--wb-ease),transform .2s var(--wb-ease)}.rw-player__heart--gone{opacity:.1;transform:scale(.6)}.rw-player__heart--lost{animation:heart-pop .4s var(--wb-ease) forwards}@keyframes heart-pop{0%{transform:scale(1.6);opacity:1}to{transform:scale(.6);opacity:.1}}.wb-ticker{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;padding:.35rem 0 .15rem;flex-shrink:0;position:relative;z-index:1}.wb-ticker__w{font-size:.55rem;color:var(--wb-tx3);padding:.12rem .4rem;background:#ffffff05;border-radius:3px;text-transform:lowercase}.wb-results{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:400px}.wb-results__title{font-size:1.4rem;font-weight:300;letter-spacing:.06em;margin:0}.wb-results__list{display:flex;flex-direction:column;gap:.35rem;width:100%}.wb-results__row{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;background:var(--wb-sf);border:1px solid var(--wb-bd);border-radius:8px}.wb-results__row--win{border-color:rgba(var(--wb-accent-raw),.2);background:rgba(var(--wb-accent-raw),.04)}.wb-results__medal{font-size:1rem;min-width:1.6rem;text-align:center}.wb-results__info{display:flex;flex-direction:column;gap:.05rem;flex:1}.wb-results__name{font-size:.82rem;font-weight:500}.wb-results__pts{font-size:.65rem;color:var(--wb-tx2)}@media (max-width: 640px){.wb-page{padding:.5rem .75rem}.wb-stage__bomb{width:100px;height:100px}.wb-stage__prompt-text{font-size:2rem}.wb-runway{gap:1.2rem}.rw-player__ring{width:40px;height:40px}.rw-player__beam{height:28px}.rw-player__arrow{top:-18px}}@media (max-height: 500px){.wb-stage__bomb{width:80px;height:80px}.wb-stage__prompt-text{font-size:1.6rem}.wb-runway{gap:.75rem;padding:.4rem 0 .25rem}.rw-player__beam{height:16px}}.sl-page{align-self:stretch;flex:1;display:flex;flex-direction:column;height:100%;min-height:0;width:100%;padding:8px 12px 12px;box-sizing:border-box;gap:8px}.sl-icon__spiral{stroke-dashoffset:76;animation:sl-draw 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes sl-draw{0%{stroke-dashoffset:76;opacity:.4}40%{stroke-dashoffset:0;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-76;opacity:.4}}.sl-icon__dot{transform-origin:20px 18px;transform-box:fill-box;animation:sl-dot-pulse 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes sl-dot-pulse{0%{opacity:0;transform:scale(.5)}35%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(.5)}}.sl-titlebar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;height:47px}.sl-titlebar__left{display:flex;align-items:center;gap:10px;min-width:0}.sl-titlebar__logo{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#6366f126;border:1px solid rgba(99,102,241,.25);color:#818cf8;position:relative;overflow:hidden}.sl-titlebar__logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(129,140,248,.2) 0%,transparent 70%);animation:sl-logo-pulse 3s ease-in-out infinite}@keyframes sl-logo-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.sl-titlebar__logo svg{width:16px;height:16px;position:relative;z-index:1}.sl-titlebar__text{display:flex;flex-direction:column;gap:1px;min-width:0}.sl-titlebar__title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.025em;line-height:1;display:flex;align-items:baseline;gap:.35em}.sl-titlebar__title-word{color:#e2e8f0}.sl-titlebar__title-word--accent{background:linear-gradient(110deg,#a5b4fc,#c084fc,#38bdf8,#818cf8,#a5b4fc);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sl-shimmer 5s linear infinite;position:relative}.sl-titlebar__title-word--accent:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#6366f1,#c084fc,#38bdf8,transparent);background-size:200% auto;animation:sl-shimmer 5s linear infinite,sl-underline-scale 3.5s ease-in-out infinite alternate;transform-origin:left}@keyframes sl-shimmer{0%{background-position:0% center}to{background-position:250% center}}@keyframes sl-underline-scale{0%{transform:scaleX(.25);opacity:.3}to{transform:scaleX(1);opacity:.8}}.sl-titlebar__sub{margin:0;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#94a3b866;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace}.sl-titlebar__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.sl-titlebar__yt{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#94a3b899;font-size:.72rem;font-weight:500;text-decoration:none;transition:all .2s ease;white-space:nowrap}.sl-titlebar__yt svg{width:13px;height:13px;flex-shrink:0;color:#ef4444b3}.sl-titlebar__yt:hover{border-color:#ef44444d;background:#ef444412;color:#fca5a5}.sl-titlebar__yt:hover svg{color:#f87171}@media (max-width: 480px){.sl-titlebar__yt span{display:none}.sl-titlebar__yt{padding:6px 8px}}.sl-titlebar__leave{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#0c122099;color:#f0f2f5a6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;font-family:inherit}.sl-titlebar__leave svg{width:14px;height:14px;flex-shrink:0}.sl-titlebar__leave kbd{font-size:.58rem;font-weight:600;color:#64748bcc;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:1px 5px;letter-spacing:.04em;margin-left:2px;font-family:inherit}.sl-titlebar__leave:hover{background:#0c1220e6;border-color:#6366f14d;color:#f0f2f5}.sl-page__frame{flex:1;width:100%;height:100%;min-height:0;border:0;border-radius:12px;background:#070a12}.gr-page{align-self:stretch;flex:1;display:flex;flex-direction:column;height:100%;min-height:0;width:100%;padding:8px 12px 12px;box-sizing:border-box;gap:8px}.gr-titlebar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;height:47px}.gr-titlebar__left{display:flex;align-items:center;gap:10px;min-width:0}.gr-titlebar__logo{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#22d3ee26;border:1px solid rgba(34,211,238,.25);color:#22d3ee;position:relative;overflow:hidden}.gr-titlebar__logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.2) 0%,transparent 70%);animation:gr-logo-pulse 3s ease-in-out infinite}@keyframes gr-logo-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.gr-titlebar__logo svg{width:18px;height:18px;position:relative;z-index:1}.gr-titlebar__text{display:flex;flex-direction:column;gap:1px;min-width:0}.gr-titlebar__title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.025em;line-height:1;display:flex;align-items:baseline;gap:.35em}.gr-titlebar__title-word{color:#e2e8f0}.gr-titlebar__title-word--accent{background:linear-gradient(110deg,#22d3ee,#ec4899,#f43f5e,#a855f7,#22d3ee);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gr-shimmer 5s linear infinite;position:relative}.gr-titlebar__title-word--accent:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#22d3ee,#ec4899,#f43f5e,transparent);background-size:200% auto;animation:gr-shimmer 5s linear infinite,gr-underline-scale 3.5s ease-in-out infinite alternate;transform-origin:left}@keyframes gr-shimmer{0%{background-position:0% center}to{background-position:250% center}}@keyframes gr-underline-scale{0%{transform:scaleX(.25);opacity:.3}to{transform:scaleX(1);opacity:.8}}.gr-titlebar__sub{margin:0;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#94a3b866;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace}.gr-titlebar__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.gr-titlebar__leave{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#0c122099;color:#f0f2f5a6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;font-family:inherit}.gr-titlebar__leave svg{width:14px;height:14px;flex-shrink:0}.gr-titlebar__leave kbd{font-size:.58rem;font-weight:600;color:#64748bcc;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:1px 5px;letter-spacing:.04em;margin-left:2px;font-family:inherit}.gr-titlebar__leave:hover{background:#0c1220e6;border-color:#22d3ee4d;color:#f0f2f5}.gr-game-container{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;width:100%;border-radius:12px;overflow:hidden}.gr-page__frame{flex:1;width:100%;height:100%;min-height:0;border:0;background:#070a12}.gr-titlebar__action{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#0c122099;color:#f0f2f5a6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;font-family:inherit}.gr-titlebar__action svg{width:14px;height:14px;flex-shrink:0}.gr-titlebar__action:hover{background:#0c1220e6;border-color:#22d3ee66;color:#22d3ee;box-shadow:0 0 8px #22d3ee26}.gr-titlebar__action.is-active{background:#22d3ee1f;border-color:#22d3ee99;color:#22d3ee;box-shadow:0 0 12px #22d3ee40}.gr-titlebar__action--modes:hover{border-color:#a78bfa66!important;color:#a78bfa!important;box-shadow:0 0 8px #a78bfa26!important}.gr-titlebar__action--modes.is-active{background:#a78bfa1f!important;border-color:#a78bfa99!important;color:#a78bfa!important;box-shadow:0 0 12px #a78bfa40!important}.gr-titlebar__action--settings:hover{border-color:#ec489966!important;color:#ec4899!important;box-shadow:0 0 8px #ec489926!important}.gr-titlebar__action--settings.is-active{background:#ec48991f!important;border-color:#ec489999!important;color:#ec4899!important;box-shadow:0 0 12px #ec489940!important}.gr-leaderboard-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;background:#02040866;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:gr-fade-in .25s ease-out}@keyframes gr-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.gr-leaderboard-drawer{position:absolute;right:0;top:0;bottom:0;width:380px;max-width:90%;z-index:100;background:#070a12d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(34,211,238,.15);box-shadow:-10px 0 30px #00000080,-2px 0 15px #22d3ee14;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.gr-leaderboard-drawer.is-open{transform:translate(0)}.gr-leaderboard-drawer__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.gr-leaderboard-drawer__title{margin:0;font-size:1.1rem;font-weight:700;color:#e2e8f0;display:flex;align-items:center;gap:8px}.gr-leaderboard-drawer__title-icon{width:18px;height:18px;color:#22d3ee;filter:drop-shadow(0 0 4px rgba(34,211,238,.4))}.gr-leaderboard-drawer__close{background:transparent;border:0;color:#94a3b899;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gr-leaderboard-drawer__close svg{width:18px;height:18px}.gr-leaderboard-drawer__close:hover{color:#f43f5e;background:#f43f5e1a}.gr-leaderboard-drawer__content{flex:1;overflow-y:auto;padding:16px 20px;min-height:0}.gr-leaderboard-drawer__state{text-align:center;font-size:.85rem;color:#94a3b880;padding:40px 0;font-style:italic}.gr-leaderboard-drawer__state--error{color:#f43f5e}.gr-leaderboard-table{display:flex;flex-direction:column;gap:8px}.gr-leaderboard-table__head{display:grid;grid-template-columns:50px 1fr 50px 85px;gap:8px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b866;padding:0 12px}.gr-leaderboard-table__head span:nth-child(3),.gr-leaderboard-table__head span:nth-child(4){text-align:right}.gr-leaderboard-table__rows{display:flex;flex-direction:column;gap:6px}.gr-leaderboard-row{display:grid;grid-template-columns:50px 1fr 50px 85px;gap:8px;align-items:center;padding:10px 12px;border-radius:8px;background:#0f172a66;border:1px solid rgba(255,255,255,.03);font-size:.8rem;color:#f0f2f5cc;transition:all .2s ease}.gr-leaderboard-row:hover{background:#0f172aa6;border-color:#ffffff0f}.gr-leaderboard-row__rank{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#94a3b899}.gr-leaderboard-row__username{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-leaderboard-row__wins{text-align:right;font-family:JetBrains Mono,Fira Code,monospace;color:#94a3b8cc}.gr-leaderboard-row__score{text-align:right;font-family:JetBrains Mono,Fira Code,monospace;color:#22d3ee;text-shadow:0 0 6px rgba(34,211,238,.3)}.gr-leaderboard-row--gold{border-color:#f59e0b33;background:#f59e0b0d}.gr-leaderboard-row--gold .gr-leaderboard-row__rank{color:#fbbf24;font-weight:700;text-shadow:0 0 8px rgba(251,191,36,.4)}.gr-leaderboard-row--gold .gr-leaderboard-row__username{color:#fef08a}.gr-leaderboard-row--silver{border-color:#e2e8f026;background:#e2e8f008}.gr-leaderboard-row--silver .gr-leaderboard-row__rank{color:#cbd5e1;font-weight:700;text-shadow:0 0 8px rgba(203,213,225,.3)}.gr-leaderboard-row--bronze{border-color:#b4530933;background:#b453090a}.gr-leaderboard-row--bronze .gr-leaderboard-row__rank{color:#f97316;font-weight:700;text-shadow:0 0 8px rgba(249,115,22,.3)}.gr-leaderboard-row--current{background:#ec48991a;border-color:#ec489973;box-shadow:0 0 12px #ec489926;animation:gr-pulse-user 2.5s ease-in-out infinite alternate}.gr-leaderboard-row--current .gr-leaderboard-row__username{color:#ff85c0;font-weight:700}@keyframes gr-pulse-user{0%{border-color:#ec489959;box-shadow:0 0 8px #ec48991a}to{border-color:#ec489999;box-shadow:0 0 15px #ec489940}}.gr-settings-drawer{position:absolute;right:0;top:0;bottom:0;width:380px;max-width:90%;z-index:100;background:#070a12d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(236,72,153,.2);box-shadow:-10px 0 30px #00000080,-2px 0 15px #ec489914;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.gr-settings-drawer.is-open{transform:translate(0)}.gr-settings-drawer__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.gr-settings-drawer__title{margin:0;font-size:1.1rem;font-weight:700;color:#e2e8f0;display:flex;align-items:center;gap:8px}.gr-settings-drawer__title-icon{width:18px;height:18px;color:#ec4899;filter:drop-shadow(0 0 4px rgba(236,72,153,.4))}.gr-settings-drawer__close{background:transparent;border:0;color:#94a3b899;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.gr-settings-drawer__close:hover{background:#ffffff0d;color:#f43f5e}.gr-settings-drawer__close svg{width:16px;height:16px}.gr-settings-drawer__content{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:24px}.gr-settings-group{display:flex;flex-direction:column;gap:20px}.gr-settings-item{display:flex;flex-direction:column;gap:8px}.gr-settings-item--checkbox{flex-direction:row;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.gr-settings-item__label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:#cbd5e1}.gr-settings-item__label--row{width:100%;flex-direction:row;cursor:pointer}.gr-settings-item__value{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:#ec4899;text-shadow:0 0 6px rgba(236,72,153,.3)}.gr-settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;background:#ffffff14;outline:none;transition:background .2s}.gr-settings-slider:hover{background:#ffffff1f}.gr-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ec4899;border:2px solid #070a12;cursor:pointer;box-shadow:0 0 10px #ec489999;transition:transform .1s,box-shadow .2s}.gr-settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #ec4899cc}.gr-settings-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ec4899;border:2px solid #070a12;cursor:pointer;box-shadow:0 0 10px #ec489999;transition:transform .1s,box-shadow .2s}.gr-settings-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #ec4899cc}.gr-settings-toggle{position:relative;display:inline-block;width:44px;height:22px}.gr-settings-toggle__input{opacity:0;width:0;height:0}.gr-settings-toggle__slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:34px;transition:.3s cubic-bezier(.16,1,.3,1)}.gr-settings-toggle__slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#94a3b8;border-radius:50%;transition:.3s cubic-bezier(.16,1,.3,1)}.gr-settings-toggle__input:checked+.gr-settings-toggle__slider{background-color:#ec489926;border-color:#ec489966}.gr-settings-toggle__input:checked+.gr-settings-toggle__slider:before{transform:translate(22px);background-color:#ec4899;box-shadow:0 0 8px #ec489999}.gr-settings-select{width:100%;background-color:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f1f5f9;padding:8px 12px;font-size:13px;font-family:ui-monospace,monospace;outline:none;cursor:pointer;transition:all .2s ease;margin-top:6px}.gr-settings-select:hover{border-color:#ec489966;box-shadow:0 0 6px #ec489926}.gr-settings-select:focus{border-color:#ec4899;box-shadow:0 0 8px #ec489959}.gr-settings-select option{background-color:#0f172a;color:#f1f5f9}.gr-modes-modal{position:absolute;top:16px;right:16px;bottom:16px;left:16px;z-index:100;background:#080c18e6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 20px 50px #000000b3,inset 0 0 30px #ffffff05;display:flex;flex-direction:column;opacity:0;transform:scale(.96) translateY(10px);pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.gr-modes-modal.is-open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.gr-modes-modal__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.gr-modes-modal__title-group{display:flex;flex-direction:column;gap:2px}.gr-modes-modal__title{margin:0;font-size:1.15rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em;background:linear-gradient(90deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gr-modes-modal__subtitle{margin:0;font-size:.72rem;color:#94a3b899;font-weight:500}.gr-modes-modal__close{background:transparent;border:0;color:#94a3b899;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gr-modes-modal__close svg{width:18px;height:18px}.gr-modes-modal__close:hover{color:#f43f5e;background:#f43f5e1a}.gr-modes-modal__content{flex:1;overflow-y:auto;padding:20px 24px;min-height:0}.gr-modes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding-bottom:8px}.gr-mode-card{display:flex;flex-direction:column;background:#0f172a73;border:1px solid rgba(255,255,255,.05);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.gr-mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1.5px solid transparent;pointer-events:none;transition:border-color .25s;z-index:2}.gr-mode-card:hover{transform:translateY(-2px) scale(1.015);background:#0f172ab3;border-color:#ffffff14;box-shadow:0 10px 25px #00000059,0 0 15px var(--mode-bg-light)}.gr-mode-card:hover:before{border-color:#ffffff1a}.gr-mode-card.is-active{background:#0f172acc;border-color:var(--mode-color)!important;box-shadow:0 0 20px var(--mode-bg-light)}.gr-mode-card.is-active:before{border-color:var(--mode-color)}.gr-mode-card__visual{height:90px;background:#020617;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center}.gr-mode-card__svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.gr-mode-card__badge{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:100px;font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent;z-index:3}.gr-mode-card__dimension-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;background:#080a14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);padding:2px;border-radius:8px;z-index:10;box-shadow:0 4px 12px #00000080;transition:border-color .2s}.gr-mode-card:hover .gr-mode-card__dimension-bar{border-color:#ffffff26}.gr-mode-card__dimension-btn{border:none;outline:none;background:transparent;color:#ffffff73;padding:3px 8px;font-size:.58rem;font-weight:600;letter-spacing:.03em;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:2px}.gr-mode-card__dimension-btn:hover:not(:disabled){color:#fff;background:#ffffff0d}.gr-mode-card__dimension-btn.is-active{color:#fff!important;background:var(--mode-color)!important;box-shadow:0 0 10px var(--mode-color)}.gr-mode-card__dimension-btn.is-locked{color:#fff3!important;cursor:not-allowed;font-size:.52rem}.gr-mode-card__body{padding:14px 16px;display:flex;flex-direction:column;flex:1;gap:8px}.gr-mode-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.gr-mode-card__name{margin:0;font-size:.92rem;font-weight:700;color:#f8fafc}.gr-mode-card__active-indicator{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--badge-color);background:#ffffff0f;border:1px solid var(--badge-color);padding:2px 6px;border-radius:4px}.gr-mode-card__desc{margin:0;font-size:.74rem;line-height:1.4;color:#94a3b8bf;flex:1}.gr-mode-card__meta{margin-top:4px;border-top:1px solid rgba(255,255,255,.04);padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.gr-mode-card__meta-item{display:flex;align-items:center;gap:6px}.gr-mode-card__meta-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#94a3b866}.gr-mode-card__threat-blocks{display:flex;gap:3px}.gr-mode-card__threat-block{width:10px;height:6px;border-radius:1.5px;background:#ffffff14}.gr-mode-card__threat-block.is-filled{background:var(--block-color);box-shadow:0 0 6px var(--block-color)}.gr-mode-card__multiplier{font-family:ui-monospace,monospace;font-size:.75rem;font-weight:700;text-shadow:0 0 6px currentColor}@keyframes laser-shoot-classic{0%{transform:translateY(0) scaleY(1);opacity:0}5%{opacity:1}50%{transform:translateY(-30px) scaleY(.7);opacity:1}90%,to{transform:translateY(-30px) scaleY(.1);opacity:0}}.anim-laser-classic{animation:laser-shoot-classic 1.6s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes speed-scroll{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.anim-speed-line{animation:speed-scroll 1.2s linear infinite}.anim-speed-line-fast{animation:speed-scroll .7s linear infinite}@keyframes spin-hazard{0%{transform:rotate(0);transform-origin:50px 30px}to{transform:rotate(360deg);transform-origin:50px 30px}}.anim-rotate-mine{animation:spin-hazard 6s linear infinite}@keyframes clock-hand-spin{0%{transform:rotate(0);transform-origin:50px 30px}to{transform:rotate(360deg);transform-origin:50px 30px}}.anim-clock-hand{animation:clock-hand-spin 3s linear infinite}@keyframes stealth-pulse{0%,to{opacity:.15;transform:scale(.9);transform-origin:50px 21px}50%{opacity:.95;transform:scale(1.05);transform-origin:50px 21px}}.anim-pulse-stealth{animation:stealth-pulse 2.2s ease-in-out infinite}@keyframes boss-pulse{0%,to{opacity:.4;transform:scale(.95);transform-origin:50px 30px;filter:drop-shadow(0 0 1px currentColor)}50%{opacity:.95;transform:scale(1.05);transform-origin:50px 30px;filter:drop-shadow(0 0 4px currentColor)}}.anim-pulse-boss{animation:boss-pulse 3s ease-in-out infinite}@keyframes shield-pulse-large{0%,to{opacity:.25;transform:scale(.94);transform-origin:50px 65px}50%{opacity:.65;transform:scale(1.02);transform-origin:50px 65px}}@keyframes shield-pulse-small{0%,to{opacity:.5;transform:scale(.96);transform-origin:50px 65px}50%{opacity:.95;transform:scale(1.04);transform-origin:50px 65px}}.anim-pulse-shield-3{animation:shield-pulse-large 2.5s ease-in-out infinite alternate}.anim-pulse-shield-2{animation:shield-pulse-small 1.8s ease-in-out infinite alternate}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{position:relative;background:#0f172ab3;border:1.5px solid rgba(100,116,139,.2);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .18s;text-align:left;color:inherit;font-family:inherit;padding:0}.mode-card:hover{border-color:#22d3ee66;box-shadow:0 0 20px #22d3ee14;transform:translateY(-2px)}.mode-card--active{border-color:#22d3eeb3;box-shadow:0 0 24px #22d3ee26,inset 0 0 30px #22d3ee08}.mode-card--active:hover{border-color:#22d3eee6}.mode-card__preview{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#080c18}.mode-card__img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .3s,transform .4s}.mode-card:hover .mode-card__img{opacity:.95;transform:scale(1.04)}.mode-card--active .mode-card__img{opacity:1}.mode-card__badge{position:absolute;top:8px;right:8px;background:#22d3eee6;color:#0a0f1c;font-size:.55rem;font-weight:700;letter-spacing:.1em;padding:3px 8px;border-radius:4px;text-transform:uppercase}.mode-card__body{padding:12px 14px 14px}.mode-card__subtitle{display:block;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#818cf8b3;margin-bottom:2px}.mode-card__title{font-size:.95rem;font-weight:700;color:#e2e8f0;margin:0 0 8px;letter-spacing:.03em}.mode-card--active .mode-card__title{color:#22d3ee}.mode-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.mode-card__features li{font-size:.68rem;color:#94a3b8d9;padding-left:14px;position:relative;line-height:1.4}.mode-card__features li:before{content:"";position:absolute;left:0;top:5px;width:5px;height:5px;border-radius:50%;background:#22d3ee80}.mode-card--active .mode-card__features li:before{background:#22d3eecc;box-shadow:0 0 6px #22d3ee66}@media (max-width: 768px){.mode-selector{grid-template-columns:1fr;gap:10px}}.tron-page{align-self:stretch;flex:1;display:flex;flex-direction:column;height:100%;min-height:0;width:100%;padding:0;box-sizing:border-box;gap:0}.tron-icon{filter:drop-shadow(0 0 4px rgba(34,211,238,.4))}.tron-titlebar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;height:47px}.tron-titlebar__left{display:flex;align-items:center;gap:10px;min-width:0}.tron-titlebar__logo{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#667eea26;border:1px solid rgba(102,126,234,.25);color:#818cf8;position:relative;overflow:hidden}.tron-titlebar__logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.2) 0%,transparent 70%);animation:tron-logo-pulse 4s ease-in-out infinite}@keyframes tron-logo-pulse{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}}.tron-titlebar__logo svg{width:16px;height:16px;position:relative;z-index:1}.tron-titlebar__text{display:flex;flex-direction:column;gap:1px;min-width:0}.tron-titlebar__title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.025em;line-height:1;display:flex;align-items:baseline;gap:.35em}.tron-titlebar__title-word{color:#e2e8f0}.tron-titlebar__title-word--accent{background:linear-gradient(110deg,#667eea,#764ba2,#22d3ee 70%,#818cf8);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:tron-shimmer 6s linear infinite;position:relative}.tron-titlebar__title-word--accent:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px;border-radius:2px;background:linear-gradient(90deg,#667eea,#764ba2,#22d3ee,transparent);background-size:200% auto;animation:tron-shimmer 6s linear infinite,tron-underline-scale 3s ease-in-out infinite alternate;transform-origin:left}@keyframes tron-shimmer{0%{background-position:0% center}to{background-position:250% center}}@keyframes tron-underline-scale{0%{transform:scaleX(.3);opacity:.4}to{transform:scaleX(.9);opacity:.85}}.tron-titlebar__sub{margin:0;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#94a3b866;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace}.tron-titlebar__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.tron-titlebar__leave{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#0c122099;color:#f0f2f5a6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;font-family:inherit}.tron-titlebar__leave svg{width:14px;height:14px;flex-shrink:0}.tron-titlebar__leave kbd{font-size:.58rem;font-weight:600;color:#64748bcc;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:1px 5px;letter-spacing:.04em;margin-left:2px;font-family:inherit}.tron-titlebar__leave:hover{background:#0c1220e6;border-color:#667eea4d;color:#f0f2f5}.tron-game-container{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;width:100%;border-radius:0;overflow:hidden}.tron-page__frame{flex:1;width:100%;height:100%;min-height:0;border:0;background:#0c1220}.tron-titlebar__action{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#0c122099;color:#f0f2f5a6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;font-family:inherit}.tron-titlebar__action svg{width:14px;height:14px;flex-shrink:0}.tron-titlebar__action:hover{background:#0c1220e6;border-color:#22d3ee66;color:#22d3ee;box-shadow:0 0 8px #22d3ee26}.tron-titlebar__action.is-active{background:#22d3ee1f;border-color:#22d3ee99;color:#22d3ee;box-shadow:0 0 12px #22d3ee40}.tron-titlebar__action--settings:hover{border-color:#667eea66!important;color:#818cf8!important;box-shadow:0 0 8px #667eea26!important}.tron-titlebar__action--settings.is-active{background:#667eea1f!important;border-color:#667eea99!important;color:#818cf8!important;box-shadow:0 0 12px #667eea40!important}.tron-leaderboard-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;background:#02040873;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:tron-fade-in .25s ease-out}@keyframes tron-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.tron-leaderboard-drawer{position:absolute;right:0;top:0;bottom:0;width:380px;max-width:90%;z-index:100;background:#0c1220d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(34,211,238,.15);box-shadow:-10px 0 30px #00000080,-2px 0 15px #22d3ee14;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.tron-leaderboard-drawer.is-open{transform:translate(0)}.tron-leaderboard-drawer__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.tron-leaderboard-drawer__title{margin:0;font-size:1.1rem;font-weight:700;color:#e2e8f0;display:flex;align-items:center;gap:8px}.tron-leaderboard-drawer__title-icon{width:18px;height:18px;color:#22d3ee;filter:drop-shadow(0 0 4px rgba(34,211,238,.4))}.tron-leaderboard-drawer__close{background:transparent;border:0;color:#94a3b899;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tron-leaderboard-drawer__close svg{width:18px;height:18px}.tron-leaderboard-drawer__close:hover{color:#f43f5e;background:#f43f5e1a}.tron-leaderboard-drawer__content{flex:1;overflow-y:auto;padding:16px 20px;min-height:0}.tron-leaderboard-drawer__state{text-align:center;font-size:.85rem;color:#94a3b880;padding:40px 0;font-style:italic}.tron-leaderboard-drawer__state--error{color:#f43f5e}.tron-leaderboard-table{display:flex;flex-direction:column;gap:8px}.tron-leaderboard-table__head{display:grid;grid-template-columns:50px 1fr 50px 85px;gap:8px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b866;padding:0 12px}.tron-leaderboard-table__head span:nth-child(3),.tron-leaderboard-table__head span:nth-child(4){text-align:right}.tron-leaderboard-table__rows{display:flex;flex-direction:column;gap:6px}.tron-leaderboard-row{display:grid;grid-template-columns:50px 1fr 50px 85px;gap:8px;align-items:center;padding:10px 12px;border-radius:8px;background:#0f172a66;border:1px solid rgba(255,255,255,.03);font-size:.8rem;color:#f0f2f5cc;transition:all .2s ease}.tron-leaderboard-row:hover{background:#0f172aa6;border-color:#ffffff0f}.tron-leaderboard-row__rank{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#94a3b899}.tron-leaderboard-row__username{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tron-leaderboard-row__wins{text-align:right;font-family:JetBrains Mono,Fira Code,monospace;color:#94a3b8cc}.tron-leaderboard-row__score{text-align:right;font-family:JetBrains Mono,Fira Code,monospace;color:#22d3ee;text-shadow:0 0 6px rgba(34,211,238,.3)}.tron-leaderboard-row--gold{border-color:#f59e0b33;background:#f59e0b0d}.tron-leaderboard-row--gold .tron-leaderboard-row__rank{color:#fbbf24;font-weight:700;text-shadow:0 0 8px rgba(251,191,36,.4)}.tron-leaderboard-row--gold .tron-leaderboard-row__username{color:#fef08a}.tron-leaderboard-row--silver{border-color:#e2e8f026;background:#e2e8f008}.tron-leaderboard-row--silver .tron-leaderboard-row__rank{color:#cbd5e1;font-weight:700;text-shadow:0 0 8px rgba(203,213,225,.3)}.tron-leaderboard-row--bronze{border-color:#b4530933;background:#b453090a}.tron-leaderboard-row--bronze .tron-leaderboard-row__rank{color:#f97316;font-weight:700;text-shadow:0 0 8px rgba(249,115,22,.3)}.tron-leaderboard-row--current{background:#667eea1a;border-color:#667eea73;box-shadow:0 0 12px #667eea26;animation:tron-pulse-user 2.5s ease-in-out infinite alternate}.tron-leaderboard-row--current .tron-leaderboard-row__username{color:#a5b4fc;font-weight:700}@keyframes tron-pulse-user{0%{border-color:#667eea59;box-shadow:0 0 8px #667eea1a}to{border-color:#667eea99;box-shadow:0 0 15px #667eea40}}.tron-settings-drawer{position:absolute;right:0;top:0;bottom:0;width:380px;max-width:90%;z-index:100;background:#0c1220d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(102,126,234,.2);box-shadow:-10px 0 30px #00000080,-2px 0 15px #667eea14;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.tron-settings-drawer.is-open{transform:translate(0)}.tron-settings-drawer__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.tron-settings-drawer__title{margin:0;font-size:1.1rem;font-weight:700;color:#e2e8f0;display:flex;align-items:center;gap:8px}.tron-settings-drawer__title-icon{width:18px;height:18px;color:#818cf8;filter:drop-shadow(0 0 4px rgba(102,126,234,.4))}.tron-settings-drawer__close{background:transparent;border:0;color:#94a3b899;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.tron-settings-drawer__close:hover{background:#ffffff0d;color:#f43f5e}.tron-settings-drawer__close svg{width:16px;height:16px}.tron-settings-drawer__content{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:24px}.tron-settings-group{display:flex;flex-direction:column;gap:20px}.tron-settings-item{display:flex;flex-direction:column;gap:8px}.tron-settings-item--checkbox{flex-direction:row;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.tron-settings-item__label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:#cbd5e1}.tron-settings-item__label--row{width:100%;flex-direction:row;cursor:pointer}.tron-settings-item__value{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:#818cf8;text-shadow:0 0 6px rgba(102,126,234,.3)}.tron-settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;background:#ffffff14;outline:none;transition:background .2s}.tron-settings-slider:hover{background:#ffffff1f}.tron-settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#818cf8;border:2px solid #0c1220;cursor:pointer;box-shadow:0 0 10px #667eea99;transition:transform .1s,box-shadow .2s}.tron-settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #667eeacc}.tron-settings-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#818cf8;border:2px solid #0c1220;cursor:pointer;box-shadow:0 0 10px #667eea99;transition:transform .1s,box-shadow .2s}.tron-settings-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #667eeacc}.tron-settings-toggle{position:relative;display:inline-block;width:44px;height:22px}.tron-settings-toggle__input{opacity:0;width:0;height:0}.tron-settings-toggle__slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:34px;transition:.3s cubic-bezier(.16,1,.3,1)}.tron-settings-toggle__slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#94a3b8;border-radius:50%;transition:.3s cubic-bezier(.16,1,.3,1)}.tron-settings-toggle__input:checked+.tron-settings-toggle__slider{background-color:#667eea26;border-color:#667eea66}.tron-settings-toggle__input:checked+.tron-settings-toggle__slider:before{transform:translate(22px);background-color:#818cf8;box-shadow:0 0 8px #667eea99}.tron-settings-select{width:100%;background-color:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f1f5f9;padding:8px 12px;font-size:13px;font-family:ui-monospace,monospace;outline:none;cursor:pointer;transition:all .2s ease;margin-top:6px}.tron-settings-select:hover{border-color:#667eea66;box-shadow:0 0 6px #667eea26}.tron-settings-select:focus{border-color:#818cf8;box-shadow:0 0 8px #667eea59}.tron-settings-select option{background-color:#0c1220;color:#f1f5f9}.tron-shop-drawer{position:absolute;right:0;top:0;bottom:0;width:380px;max-width:90%;z-index:100;background:#0c1220d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(34,211,238,.2);box-shadow:-10px 0 30px #00000080,-2px 0 15px #22d3ee14;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.tron-shop-drawer.is-open{transform:translate(0)}.tron-shop-drawer__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.tron-shop-drawer__title{margin:0;font-size:1.1rem;font-weight:700;color:#e2e8f0;display:flex;align-items:center;gap:8px}.tron-shop-drawer__title-icon{width:18px;height:18px;color:#22d3ee;filter:drop-shadow(0 0 4px rgba(34,211,238,.4))}.tron-shop-drawer__close{background:transparent;border:0;color:#94a3b899;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.tron-shop-drawer__close:hover{background:#ffffff0d;color:#f43f5e}.tron-shop-drawer__close svg{width:16px;height:16px}.tron-shop-drawer__content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.tron-shop-balance{background:linear-gradient(135deg,#22d3ee1a,#667eea1a);border:1px solid rgba(34,211,238,.2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;align-items:center;box-shadow:inset 0 0 12px #22d3ee0d}.tron-shop-balance__label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#94a3b899;font-family:JetBrains Mono,monospace}.tron-shop-balance__value{font-size:24px;font-weight:800;color:#22d3ee;text-shadow:0 0 10px rgba(34,211,238,.4);font-family:JetBrains Mono,monospace}.tron-shop-grid{display:flex;flex-direction:column;gap:16px}.tron-shop-card{background:#0f172a66;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .3s cubic-bezier(.16,1,.3,1)}.tron-shop-card:hover{background:#0f172a99;border-color:#ffffff1a;transform:translateY(-2px)}.tron-shop-card--purchased{border-color:#667eea33}.tron-shop-card--equipped{background:#22d3ee08;border-color:#22d3ee66;box-shadow:0 0 15px #22d3ee0d}.tron-shop-card__meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tron-shop-card__name{margin:0;font-size:15px;font-weight:700;color:#f1f5f9}.tron-shop-card--equipped .tron-shop-card__name{color:#22d3ee;text-shadow:0 0 8px rgba(34,211,238,.3)}.tron-shop-card__price{font-size:13px;font-weight:700;color:#64748b;font-family:JetBrains Mono,monospace}.tron-shop-card--equipped .tron-shop-card__price,.tron-shop-card--purchased .tron-shop-card__price{color:#94a3b866;text-decoration:line-through}.tron-shop-card__desc{margin:0;font-size:12px;line-height:1.5;color:#94a3b8}.tron-shop-card__actions{margin-top:4px}.tron-shop-btn{width:100%;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit;text-align:center}.tron-shop-btn--buy{background:#22d3ee;border:1px solid #22d3ee;color:#0f172a;box-shadow:0 0 10px #22d3ee4d}.tron-shop-btn--buy:hover:not(:disabled){background:#06b6d4;border-color:#06b6d4;box-shadow:0 0 15px #22d3ee80;transform:translateY(-1px)}.tron-shop-btn--buy:active:not(:disabled){transform:translateY(0)}.tron-shop-btn--disabled{background:#ffffff0a;border-color:#ffffff0d;color:#94a3b859;cursor:not-allowed;box-shadow:none}.tron-shop-btn--equip{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#a5b4fc}.tron-shop-btn--equip:hover{background:#667eea33;border-color:#667eea80;color:#f1f5f9}.tron-shop-btn--equipped{background:#22d3ee1a;border:1px solid #22d3ee;color:#22d3ee;box-shadow:inset 0 0 8px #22d3ee1a,0 0 10px #22d3ee26}.tron-shop-btn--equipped:hover{background:#f43f5e1a;border-color:#f43f5e;color:#f43f5e;box-shadow:none}.tron-shop-btn--equipped:hover:after{content:" (Unequip)"}.tron-shop-drawer__state{font-size:13px;color:#64748b;text-align:center;padding:40px 20px;line-height:1.5}.tron-shop-drawer__state--error{color:#f43f5e}.tron-page.is-fullscreen{padding:0!important;margin:0!important;width:100vw!important;height:100vh!important;background:#000!important;border-radius:0!important}.tron-page.is-fullscreen .tron-titlebar{position:absolute;top:0;left:0;right:0;z-index:100;background:linear-gradient(to bottom,#0c1220f2,#0c122000);padding:10px 24px;height:60px;opacity:.15;transition:opacity .3s ease}.tron-page.is-fullscreen .tron-titlebar:hover{opacity:1}.tron-page.is-fullscreen .tron-game-container{border-radius:0!important;height:100vh!important}.tron-page__frame.is-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tron-lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;background:radial-gradient(circle at 10% 20%,rgba(34,211,238,.05) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.06) 0%,transparent 50%),#0c1220;z-index:10;animation:tron-fade-in .35s ease-out}.tron-lobby__sidebar{width:320px;border-right:1px solid rgba(255,255,255,.06);background:#090d1780;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:32px 24px;flex-shrink:0}.tron-lobby-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.tron-lobby-brand__logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.15);margin-bottom:16px;box-shadow:0 8px 24px #22d3ee0d}.tron-lobby-brand__title{font-size:1.3rem;font-weight:800;letter-spacing:.12em;color:#f8fafc;margin:0 0 8px;background:linear-gradient(135deg,#22d3ee,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(34,211,238,.2)}.tron-lobby-brand__desc{font-size:.78rem;line-height:1.5;color:#94a3b899;margin:0}.tron-lobby-launch-btn{background:linear-gradient(135deg,#667eea,#764ba2,#22d3ee);background-size:200% auto;border:0;border-radius:12px;padding:18px 24px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 6px 20px #667eea40,0 0 15px #22d3ee1a;transition:all .3s cubic-bezier(.16,1,.3,1);margin-bottom:24px;animation:tron-launch-pulse 2s infinite alternate}.tron-lobby-launch-btn:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 10px 25px #667eea66,0 0 25px #22d3ee4d}.tron-lobby-launch-btn:active{transform:translateY(0)}.tron-lobby-launch-btn__text{font-size:.88rem;font-weight:800;letter-spacing:.15em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.tron-lobby-launch-btn__sub{font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}@keyframes tron-launch-pulse{0%{box-shadow:0 6px 20px #667eea33,0 0 10px #22d3ee0d}to{box-shadow:0 6px 25px #667eea59,0 0 20px #22d3ee33}}.tron-lobby-nav{display:flex;flex-direction:column;gap:8px;margin-top:auto}.tron-lobby-nav__item{background:transparent;border:1px solid transparent;border-radius:8px;color:#f0f2f599;font-size:.82rem;font-weight:600;text-align:left;padding:10px 14px;cursor:pointer;transition:all .2s;font-family:inherit}.tron-lobby-nav__item:hover{background:#ffffff08;color:#22d3ee}.tron-lobby-nav__item.is-active{background:#22d3ee0f;border-color:#22d3ee26;color:#22d3ee;box-shadow:inset 0 0 8px #22d3ee0d}.tron-lobby__content{flex:1;overflow-y:auto;padding:40px;display:flex;flex-direction:column;min-width:0}.tron-lobby-panel{display:flex;flex-direction:column;gap:28px;animation:tron-fade-in .25s ease-out}.tron-lobby-panel__header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:16px}.tron-lobby-panel__title{font-size:1.15rem;font-weight:700;color:#f1f5f9;margin:0 0 4px}.tron-lobby-panel__subtitle{font-size:.78rem;color:#94a3b880;margin:0}.tron-lobby-balance{background:#22d3ee0f;border:1px solid rgba(34,211,238,.15);border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:8px}.tron-lobby-balance__lbl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b880;font-family:JetBrains Mono,monospace}.tron-lobby-balance__val{font-size:14px;font-weight:700;color:#22d3ee;font-family:JetBrains Mono,monospace;text-shadow:0 0 6px rgba(34,211,238,.3)}.tron-lobby-state{text-align:center;font-size:.85rem;font-style:italic;color:#94a3b866;padding:60px 0}.tron-lobby-state.error{color:#f43f5e}.tron-lobby-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tron-lobby-shop-card{background:#0f172a4d;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .3s cubic-bezier(.16,1,.3,1)}.tron-lobby-shop-card:hover{background:#0f172a8c;border-color:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.tron-lobby-shop-card.is-purchased{border-color:#667eea26}.tron-lobby-shop-card.is-equipped{background:#22d3ee05;border-color:#22d3ee59;box-shadow:0 8px 24px #22d3ee08}.tron-lobby-shop-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tron-lobby-shop-card__name{margin:0;font-size:.9rem;font-weight:700;color:#f1f5f9}.tron-lobby-shop-card.is-equipped .tron-lobby-shop-card__name{color:#22d3ee;text-shadow:0 0 8px rgba(34,211,238,.2)}.tron-lobby-shop-card__price{font-size:11px;font-weight:700;color:#475569;font-family:JetBrains Mono,monospace}.tron-lobby-shop-card.is-equipped .tron-lobby-shop-card__price,.tron-lobby-shop-card.is-purchased .tron-lobby-shop-card__price{color:#94a3b84d;text-decoration:line-through}.tron-lobby-shop-card__desc{margin:0;font-size:.76rem;line-height:1.5;color:#64748b;flex:1}.tron-lobby-shop-card__actions{margin-top:6px}.tron-lobby-shop-btn{width:100%;border-radius:6px;padding:8px 12px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;text-align:center}.tron-lobby-shop-btn--buy{background:#22d3ee1a;border:1px solid rgba(34,211,238,.2);color:#22d3ee}.tron-lobby-shop-btn--buy:hover:not(:disabled){background:#22d3ee;color:#0f172a;box-shadow:0 0 12px #22d3ee4d}.tron-lobby-shop-btn.is-disabled{background:#ffffff05;border-color:#ffffff0a;color:#94a3b840;cursor:not-allowed}.tron-lobby-shop-btn--equip{background:#667eea0f;border:1px solid rgba(102,126,234,.2);color:#a5b4fc}.tron-lobby-shop-btn--equip:hover{background:#667eea26;border-color:#667eea66;color:#fff}.tron-lobby-shop-btn--equipped{background:#22d3ee14;border:1px solid #22d3ee;color:#22d3ee}.tron-lobby-shop-btn--equipped:hover{background:#f43f5e14;border-color:#f43f5e;color:#f43f5e}.tron-lobby-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.tron-lobby-settings-grid>.mode-selector{grid-column:span 3}@media (max-width: 1024px){.tron-lobby-settings-grid{grid-template-columns:repeat(2,1fr)}.tron-lobby-settings-grid>.mode-selector{grid-column:span 2}}@media (max-width: 640px){.tron-lobby-settings-grid{grid-template-columns:1fr}.tron-lobby-settings-grid>.mode-selector{grid-column:span 1}}.tron-settings-col{background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.tron-settings-col:hover{border-color:#667eea40;box-shadow:0 6px 24px #667eea14}.tron-settings-col__title{margin:0;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#818cf8;text-shadow:0 0 10px rgba(129,140,248,.3);border-bottom:1px solid rgba(129,140,248,.15);padding-bottom:10px}.tron-settings-row{display:flex;flex-direction:column;gap:6px}.tron-settings-row label{font-size:.8rem;font-weight:600;color:#cbd5e1}.tron-lobby-select{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e2e8f0;padding:10px 14px;font-size:.82rem;outline:none;cursor:pointer;transition:all .2s}.tron-lobby-select:hover{border-color:#667eea4d}.tron-lobby-checkbox{width:16px;height:16px;accent-color:#818cf8;cursor:pointer}.tron-lobby-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;background:#ffffff0f;outline:none}.tron-lobby-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#818cf8;cursor:pointer;box-shadow:0 0 8px #667eea80}.tron-lobby-leaderboard{display:flex;flex-direction:column;gap:8px}.tron-lobby-leaderboard__head{display:grid;grid-template-columns:60px 1fr 60px 100px;gap:12px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b866;padding:0 16px}.tron-lobby-leaderboard__head span:nth-child(3),.tron-lobby-leaderboard__head span:nth-child(4){text-align:right}.tron-lobby-leaderboard__rows{display:flex;flex-direction:column;gap:6px}.tron-lobby-leaderboard-row{display:grid;grid-template-columns:60px 1fr 60px 100px;gap:12px;align-items:center;padding:12px 16px;border-radius:8px;background:#0f172a40;border:1px solid rgba(255,255,255,.02);font-size:.8rem;color:#f0f2f5bf;transition:all .2s}.tron-lobby-leaderboard-row:hover{background:#0f172a73;border-color:#ffffff0d}.tron-lobby-leaderboard-row .rank-label{font-family:JetBrains Mono,monospace;font-size:.74rem;color:#94a3b880}.tron-lobby-leaderboard-row .username{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tron-lobby-leaderboard-row .wins{text-align:right;font-family:JetBrains Mono,monospace}.tron-lobby-leaderboard-row .score{text-align:right;font-family:JetBrains Mono,monospace;color:#22d3ee}.tron-lobby-leaderboard-row.rank-gold{border-color:#f59e0b26;background:#f59e0b08}.tron-lobby-leaderboard-row.rank-gold .rank-label{color:#fbbf24}.tron-lobby-leaderboard-row.is-current-user{background:#667eea0f;border-color:#667eea59;color:#fff}.tron-lobby-leaderboard-row.is-current-user .username{font-weight:700;color:#a5b4fc}.tron-lobby-controls{display:flex;flex-direction:column;gap:32px}.tron-controls-section{display:flex;flex-direction:column;gap:14px}.tron-controls-section h4{margin:0;font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#818cf8;border-left:2px solid #818cf8;padding-left:10px}.tron-controls-list{display:flex;flex-direction:column;gap:16px}.tron-controls-row{display:flex;align-items:center;gap:24px;background:#0f172a40;border:1px solid rgba(255,255,255,.02);border-radius:10px;padding:16px 20px}.tron-keycaps{display:flex;align-items:center;gap:6px;min-width:240px}.tron-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;font-size:.78rem;font-weight:700;color:#f1f5f9;background:#1e293bcc;border:1px solid rgba(255,255,255,.12);border-bottom-width:3px;border-radius:6px;box-shadow:0 3px 6px #0000004d;font-family:JetBrains Mono,monospace}.tron-kbd--wide{min-width:68px}.tron-kbd--space{min-width:140px}.tron-controls-sep{font-size:.68rem;color:#94a3b866;text-transform:uppercase;font-weight:600;margin:0 4px}.tron-controls-plus{font-size:.85rem;color:#94a3b880;font-weight:700}.tron-controls-text{display:flex;flex-direction:column;gap:3px}.tron-controls-text strong{font-size:.85rem;color:#f1f5f9}.tron-controls-text p{font-size:.76rem;color:#94a3b880;margin:0;line-height:1.45}@media (max-width: 768px){.tron-lobby{flex-direction:column}.tron-lobby__sidebar{width:100%;border-right:0;border-bottom:1px solid rgba(255,255,255,.06);padding:24px}.tron-lobby-nav{flex-direction:row;overflow-x:auto}}.tron-game-overlay-controls{position:absolute;top:16px;right:16px;z-index:50;display:flex;align-items:center;gap:8px;pointer-events:auto}.tron-overlay-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.08);background:#0c122099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f0f2f5a6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;font-family:inherit}.tron-overlay-btn svg{width:14px;height:14px;flex-shrink:0}.tron-overlay-btn kbd{font-size:.58rem;font-weight:600;color:#64748bcc;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:1px 5px;letter-spacing:.04em;margin-left:2px;font-family:inherit}.tron-overlay-btn:hover{background:#0c1220f2;border-color:#22d3ee66;color:#22d3ee;box-shadow:0 0 10px #22d3ee40}.tron-overlay-btn.is-active{background:#22d3ee1f;border-color:#22d3ee66;color:#22d3ee;box-shadow:0 0 12px #22d3ee4d}.tron-lobby-nav__item--leave{margin-top:12px;border:1px solid rgba(244,63,94,.15)!important;background:#f43f5e08!important;color:#f43f5eb3!important}.tron-lobby-nav__item--leave:hover{background:#f43f5e14!important;border-color:#f43f5e4d!important;color:#f43f5ef2!important;box-shadow:0 0 10px #f43f5e1a}.sa-page,.sa-page *,.sa-page *:before,.sa-page *:after{box-sizing:border-box}.sa-page{--sa-bg: #060813;--sa-surface: rgba(10, 14, 28, .78);--sa-surface-card: rgba(14, 20, 38, .72);--sa-surface-elevated: rgba(18, 26, 48, .88);--sa-surface-hover: rgba(24, 34, 62, .94);--sa-border: rgba(103, 232, 249, .16);--sa-border-strong: rgba(103, 232, 249, .36);--sa-border-subtle: rgba(255, 255, 255, .08);--sa-cyan: #22d3ee;--sa-cyan-soft: rgba(34, 211, 238, .14);--sa-cyan-glow: rgba(34, 211, 238, .35);--sa-purple: #a855f7;--sa-purple-soft: rgba(168, 85, 247, .15);--sa-purple-glow: rgba(168, 85, 247, .35);--sa-gold: #fbbf24;--sa-gold-soft: rgba(251, 191, 36, .14);--sa-emerald: #10b981;--sa-emerald-soft: rgba(16, 185, 129, .15);--sa-rose: #fb7185;--sa-rose-soft: rgba(251, 113, 133, .15);--sa-text: #f1f5f9;--sa-muted: #94a3b8;--sa-dim: #64748b;--sa-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sa-sheen: inset 0 1px .5px rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(255, 255, 255, .03);position:relative;width:100%;height:100%;min-height:calc(100vh - var(--topbar-height, 56px));display:flex;flex-direction:column;color:var(--sa-text);background:radial-gradient(ellipse 65% 55% at 50% -10%,rgba(168,85,247,.12),transparent 70%),radial-gradient(ellipse 45% 35% at 85% 105%,rgba(34,211,238,.09),transparent 70%),var(--sa-bg);overflow-y:auto}.sa-page.is-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background:#000}.sa-page button{font:inherit}.sa-page kbd{font:600 .62rem var(--sa-mono);letter-spacing:.04em;color:var(--sa-muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1px 5px}.sa-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;background:#080c1abf;border-bottom:1px solid var(--sa-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-wrap:wrap;z-index:10}.sa-brand{display:flex;align-items:center;gap:10px}.sa-brand__logo{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:var(--sa-cyan);background:#22d3ee1a;border:1px solid var(--sa-border-strong);box-shadow:0 0 12px #22d3ee33}.sa-brand__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.02em;color:#fff;line-height:1.2}.sa-brand__sub{margin:0;font:500 .72rem var(--sa-mono);color:var(--sa-muted);display:flex;align-items:center;gap:6px}.sa-brand__live-tag{display:inline-flex;align-items:center;gap:6px;color:var(--sa-emerald);font-weight:600}.sa-live-pulse{width:7px;height:7px;border-radius:50%;background:var(--sa-emerald);box-shadow:0 0 8px var(--sa-emerald);animation:saPulse 1.8s infinite}@keyframes saPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.sa-titlebar__mid{display:flex;align-items:center;gap:10px}.sa-wallet{display:inline-flex;align-items:center;padding:3px 12px 3px 6px;border-radius:100px;border:1px solid rgba(168,85,247,.4);background:#a855f717;box-shadow:var(--sa-sheen)}.sa-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sa-pill{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:100px;background:#0c1222d9;border:1px solid var(--sa-border-subtle);font-size:.74rem;box-shadow:var(--sa-sheen)}.sa-pill__label{color:var(--sa-dim);font-weight:500;text-transform:uppercase;font-size:.64rem;letter-spacing:.04em}.sa-pill__value{font:700 .78rem var(--sa-mono);color:var(--sa-text)}.sa-pill__value--gold{color:var(--sa-gold)}.sa-pill__value--cyan{color:var(--sa-cyan)}.sa-titlebar__right{display:flex;align-items:center;gap:8px}.sa-leave,.sa-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:100px;border:1px solid var(--sa-border-subtle);background:#0e1426d9;color:var(--sa-muted);font-size:.76rem;font-weight:600;cursor:pointer;box-shadow:var(--sa-sheen);transition:all .2s ease}.sa-leave:hover,.sa-chip:hover{border-color:var(--sa-border-strong);color:#fff;background:#18223ef2}.sa-chip.is-active,.sa-chip[aria-pressed=true]{border-color:var(--sa-cyan);background:var(--sa-cyan-soft);color:var(--sa-cyan)}.sa-leave:hover{border-color:#fb718580;background:#fb71851f;color:var(--sa-rose)}.sa-stage-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.sa-stage-wrap.is-standby{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}.sa-stage-wrap.is-visible{position:relative;width:100%;height:100%;display:flex;flex:1}.sa-stage{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:10px 14px 14px}.sa-stage__inner{position:relative;width:min(100%,calc((100vh - 84px) * 4 / 3));height:min(75vw,calc(100vh - 84px));aspect-ratio:4 / 3;max-width:1200px;max-height:900px;border-radius:12px;overflow:hidden;background:#020408;border:1px solid var(--sa-border-strong);box-shadow:0 20px 60px #000c,0 0 32px #22d3ee24}.sa-page.is-fullscreen .sa-stage{padding:0}.sa-page.is-fullscreen .sa-stage__inner{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;border:none}.sa-page__frame{width:100%;height:100%;border:none;background:#000;display:block}.sa-lobby{max-width:1300px;width:100%;margin:0 auto;padding:16px 20px 28px;display:flex;flex-direction:column;gap:16px;flex:1}.sa-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-radius:14px;background:linear-gradient(135deg,#a855f71f,#0e142ad1 40%,#080c1ae6);border:1px solid var(--sa-border-strong);box-shadow:var(--sa-sheen),0 16px 40px -10px #000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sa-hero__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.sa-hero__eyebrow{display:inline-flex;align-items:center;gap:7px;font:600 .68rem var(--sa-mono);letter-spacing:.08em;color:var(--sa-cyan);text-transform:uppercase}.sa-hero__dot{width:6px;height:6px;border-radius:50%;background:var(--sa-cyan);box-shadow:0 0 6px var(--sa-cyan)}.sa-hero__title{margin:0;font-size:1.55rem;font-weight:800;letter-spacing:.02em;color:#fff;line-height:1.1;text-shadow:0 0 20px rgba(168,85,247,.4)}.sa-hero__desc{margin:0;font-size:.86rem;color:var(--sa-muted);max-width:680px;line-height:1.45}.sa-hero__modes{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.sa-hero__modes-label{font:600 .65rem var(--sa-mono);color:var(--sa-dim);letter-spacing:.05em}.sa-hero__modes-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sa-mode-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--sa-muted);font-size:.74rem;cursor:pointer;transition:all .2s ease}.sa-mode-chip strong{font-weight:600;color:inherit}.sa-mode-chip__tag{font:500 .62rem var(--sa-mono);color:var(--sa-dim);background:#ffffff0f;padding:1px 4px;border-radius:3px}.sa-mode-chip:hover{border-color:var(--sa-border-strong);color:#fff;background:#ffffff14}.sa-mode-chip.is-active{background:var(--sa-purple-soft);border-color:var(--sa-purple);color:#fff;box-shadow:0 0 12px #a855f74d}.sa-mode-chip.is-active .sa-mode-chip__tag{background:#a855f74d;color:#e9d5ff}.sa-hero__action{flex-shrink:0}.sa-hero-launch-btn{position:relative;border:none;border-radius:12px;background:linear-gradient(135deg,#9333ea,#7c3aed,#4f46e5);color:#fff;cursor:pointer;padding:2px;box-shadow:0 8px 24px #7c3aed73;transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.sa-hero-launch-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #9333ea99}.sa-hero-launch-btn:active{transform:translateY(0)}.sa-hero-launch-btn__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.35),transparent 70%);pointer-events:none}.sa-hero-launch-btn__content{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#0c102040;border-radius:10px}.sa-hero-launch-btn__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff3;box-shadow:0 0 10px #ffffff4d}.sa-hero-launch-btn__icon svg{width:14px;height:14px;margin-left:2px}.sa-hero-launch-btn__labels{text-align:left}.sa-hero-launch-btn__main{display:block;font-size:1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.sa-hero-launch-btn__sub{display:block;font:500 .68rem var(--sa-mono);color:#f0f0fabf}.sa-tabs-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sa-border);padding-bottom:4px}.sa-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sa-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:#ffffff05;border:1px solid transparent;color:var(--sa-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sa-tab:hover{color:#fff;background:#ffffff0d}.sa-tab.is-active{background:var(--sa-surface-card);border-color:var(--sa-border-strong);color:#fff;box-shadow:var(--sa-sheen)}.sa-tab__icon{font-size:.95rem}.sa-tab__count{font:600 .68rem var(--sa-mono);background:#ffffff14;color:var(--sa-cyan);padding:1px 6px;border-radius:10px;border:1px solid var(--sa-border-subtle)}.sa-panels{flex:1;min-height:0}.sa-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.sa-panel-header__title{margin:0;font-size:1.15rem;font-weight:700;color:#fff}.sa-panel-header__desc{margin:4px 0 0;font-size:.78rem;color:var(--sa-muted)}.sa-balance-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#0e1428d9;border:1px solid var(--sa-border-strong);border-radius:100px;box-shadow:var(--sa-sheen)}.sa-balance-pill__label{font:600 .65rem var(--sa-mono);color:var(--sa-dim);text-transform:uppercase}.sa-balance-pill__value{font:700 .86rem var(--sa-mono);color:var(--sa-cyan)}.sa-state-msg{padding:24px;text-align:center;color:var(--sa-muted);font-size:.88rem;border-radius:10px;background:var(--sa-surface-card);border:1px solid var(--sa-border-subtle)}.sa-state-msg.is-error{color:var(--sa-rose);border-color:#fb71854d}.sa-loadout-layout{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.sa-loadout-main{display:flex;flex-direction:column}.sa-coin-earnings-note{padding:10px 14px;margin-bottom:12px;border-radius:8px;background:linear-gradient(90deg,#fbbf2414,#22d3ee0d);border:1px solid rgba(251,191,36,.25);font-size:.74rem;color:var(--sa-text);line-height:1.45}.sa-coin-earnings-note strong{color:var(--sa-gold)}.sa-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.sa-shop-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--sa-surface-card);border:1px solid var(--sa-border-subtle);border-radius:10px;padding:14px;box-shadow:var(--sa-sheen);transition:all .2s ease}.sa-shop-card:hover{border-color:var(--sa-border);transform:translateY(-1px);background:var(--sa-surface-hover)}.sa-shop-card.is-equipped{border-color:#10b98180;background:#10b9810f}.sa-shop-card.is-purchased:not(.is-equipped){border-color:#a855f759}.sa-shop-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sa-shop-card__tags{display:flex;align-items:center;gap:5px}.sa-shop-card__chip{font:600 .58rem var(--sa-mono);color:var(--sa-dim);background:#ffffff0d;padding:1px 5px;border-radius:3px;border:1px solid rgba(255,255,255,.08)}.sa-shop-card__status-equipped{font:700 .58rem var(--sa-mono);color:var(--sa-emerald);background:var(--sa-emerald-soft);padding:1px 5px;border-radius:3px;border:1px solid rgba(16,185,129,.4)}.sa-shop-card__status-owned{font:700 .58rem var(--sa-mono);color:var(--sa-purple);background:var(--sa-purple-soft);padding:1px 5px;border-radius:3px;border:1px solid rgba(168,85,247,.4)}.sa-shop-card__price{font:700 .76rem var(--sa-mono);color:var(--sa-gold)}.sa-shop-card__name{margin:0 0 6px;font-size:.92rem;font-weight:700;color:#fff}.sa-shop-card__desc{margin:0 0 14px;font-size:.74rem;color:var(--sa-muted);line-height:1.4;flex:1}.sa-shop-btn{width:100%;padding:7px 12px;border-radius:6px;border:1px solid transparent;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sa-shop-btn--buy{background:#fbbf2426;border-color:#fbbf2466;color:var(--sa-gold)}.sa-shop-btn--buy:hover:not(:disabled){background:#fbbf2440;color:#fff}.sa-shop-btn--buy.is-disabled,.sa-shop-btn--buy:disabled{background:#ffffff0a;border-color:#ffffff14;color:var(--sa-dim);cursor:not-allowed}.sa-shop-btn--active{background:#10b9812e;border-color:#10b98180;color:var(--sa-emerald)}.sa-shop-btn--active:hover{background:#fb71852e;border-color:#fb718580;color:var(--sa-rose)}.sa-shop-btn--active:hover:after{content:" (Unequip)"}.sa-shop-btn--equip{background:#a855f729;border-color:#a855f766;color:#e9d5ff}.sa-shop-btn--equip:hover{background:#a855f747;color:#fff}.sa-evo-matrix-card{background:var(--sa-surface-card);border:1px solid var(--sa-border);border-radius:12px;padding:16px;box-shadow:var(--sa-sheen)}.sa-evo-matrix-card__head{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.sa-evo-matrix-card__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#fbbf2426;color:var(--sa-gold);font-size:.9rem;flex-shrink:0}.sa-evo-matrix-card__title{margin:0;font-size:.94rem;font-weight:700;color:#fff}.sa-evo-matrix-card__sub{margin:2px 0 0;font-size:.72rem;color:var(--sa-muted)}.sa-evo-matrix-list{display:flex;flex-direction:column;gap:8px}.sa-evo-combo{background:#080c1899;border:1px solid var(--sa-border-subtle);border-radius:8px;padding:9px 10px;display:flex;flex-direction:column;gap:4px}.sa-evo-combo__formula{display:flex;align-items:center;gap:6px;font-size:.74rem}.sa-evo-combo__wpn{color:#fff;font-weight:600}.sa-evo-combo__plus{color:var(--sa-dim)}.sa-evo-combo__psv{color:var(--sa-cyan);font-weight:500}.sa-evo-combo__arrow{display:none}.sa-evo-combo__result{font:700 .74rem var(--sa-mono);color:var(--sa-gold);display:flex;align-items:center;gap:4px}.sa-evo-combo__result:before{content:"➔ ";color:var(--sa-dim)}.sa-evo-matrix-tip{margin-top:14px;padding:8px 10px;border-radius:6px;background:#22d3ee0d;border:1px solid rgba(34,211,238,.15);font-size:.71rem;color:var(--sa-muted);line-height:1.4}.sa-settings-sections{display:flex;flex-direction:column;gap:20px}.sa-settings-group{display:flex;flex-direction:column;gap:10px}.sa-settings-group__title{margin:0;font:600 .75rem var(--sa-mono);color:var(--sa-dim);text-transform:uppercase;letter-spacing:.06em}.sa-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.sa-selector-grid--4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sa-selector-grid--5{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sa-selector-card{background:var(--sa-surface-card);border:1px solid var(--sa-border-subtle);border-radius:8px;padding:12px 14px;cursor:pointer;box-shadow:var(--sa-sheen);transition:all .2s ease}.sa-selector-card:hover:not(.is-upcoming){border-color:var(--sa-border-strong);background:var(--sa-surface-hover)}.sa-selector-card.is-selected{border-color:var(--sa-cyan);background:#22d3ee14}.sa-selector-card.is-upcoming{opacity:.55;cursor:not-allowed}.sa-selector-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sa-selector-card__name{margin:0;font-size:.86rem;font-weight:700;color:#fff}.sa-selector-card__active-badge{font:700 .6rem var(--sa-mono);color:var(--sa-cyan);background:var(--sa-cyan-soft);padding:1px 6px;border-radius:3px;border:1px solid var(--sa-border-strong)}.sa-selector-card__upcoming-badge{font:600 .6rem var(--sa-mono);color:var(--sa-dim);background:#ffffff0d;padding:1px 5px;border-radius:3px}.sa-selector-card__desc{margin:0;font-size:.73rem;color:var(--sa-muted);line-height:1.35}.sa-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.sa-config-card{background:var(--sa-surface-card);border:1px solid var(--sa-border-subtle);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--sa-sheen)}.sa-config-label{font-size:.8rem;font-weight:600;color:#fff;display:block;margin-bottom:6px}.sa-config-sub{margin:2px 0 0;font-size:.69rem;color:var(--sa-dim)}.sa-config-toggle-row,.sa-config-slider-head{display:flex;align-items:center;justify-content:space-between}.sa-config-slider-val{font:700 .74rem var(--sa-mono);color:var(--sa-cyan)}.sa-config-select{width:100%;padding:7px 10px;border-radius:6px;background:#080c1ae6;border:1px solid var(--sa-border-subtle);color:#fff;font-size:.78rem;outline:none}.sa-config-select:focus{border-color:var(--sa-cyan)}.sa-config-slider{width:100%;margin-top:6px;accent-color:var(--sa-cyan);cursor:pointer}.sa-config-checkbox{width:18px;height:18px;accent-color:var(--sa-cyan);cursor:pointer}.sa-my-rank-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#a855f71f;border:1px solid rgba(168,85,247,.4);border-radius:100px;box-shadow:var(--sa-sheen)}.sa-my-rank-label{font:600 .62rem var(--sa-mono);color:var(--sa-purple)}.sa-my-rank-val{font:800 .88rem var(--sa-mono);color:#fff}.sa-my-rank-score{font:700 .8rem var(--sa-mono);color:var(--sa-gold)}.sa-leaderboard-card{background:var(--sa-surface-card);border:1px solid var(--sa-border-subtle);border-radius:12px;overflow:hidden;box-shadow:var(--sa-sheen)}.sa-table{width:100%;border-collapse:collapse;font-size:.82rem}.sa-table th{padding:10px 16px;text-align:left;font:600 .68rem var(--sa-mono);color:var(--sa-dim);text-transform:uppercase;letter-spacing:.05em;background:#080c1acc;border-bottom:1px solid var(--sa-border-subtle)}.sa-table td{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.sa-table-row:hover{background:#ffffff08}.sa-table-row.rank-gold{background:linear-gradient(90deg,rgba(251,191,36,.12) 0%,transparent 60%);border-left:2px solid var(--sa-gold)}.sa-table-row.rank-silver{background:linear-gradient(90deg,rgba(226,232,240,.09) 0%,transparent 60%);border-left:2px solid #cbd5e1}.sa-table-row.rank-bronze{background:linear-gradient(90deg,rgba(217,119,6,.09) 0%,transparent 60%);border-left:2px solid #d97706}.sa-table-row.is-current-user{background:#22d3ee14;box-shadow:inset 0 0 0 1px var(--sa-border-strong)}.sa-table-rank{font:700 .84rem var(--sa-mono);color:var(--sa-muted)}.rank-gold .sa-table-rank{color:var(--sa-gold)}.rank-silver .sa-table-rank{color:#e2e8f0}.rank-bronze .sa-table-rank{color:#fb923c}.sa-medal{margin-right:4px}.sa-pilot-cell{display:flex;align-items:center;gap:8px}.sa-pilot-name{font-weight:600;color:#fff}.sa-you-tag{font:700 .58rem var(--sa-mono);color:var(--sa-cyan);background:var(--sa-cyan-soft);padding:1px 5px;border-radius:3px;border:1px solid var(--sa-border-strong)}.sa-table-runs{text-align:center;font:500 .8rem var(--sa-mono);color:var(--sa-muted)}.sa-table-score{text-align:right;font:700 .88rem var(--sa-mono);color:var(--sa-gold)}.sa-manual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.sa-manual-card{background:var(--sa-surface-card);border:1px solid var(--sa-border-subtle);border-radius:12px;padding:16px;box-shadow:var(--sa-sheen)}.sa-manual-card__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.sa-manual-card__icon{font-size:1.1rem}.sa-manual-card__title{margin:0;font-size:.96rem;font-weight:700;color:#fff}.sa-manual-card__body{display:flex;flex-direction:column;gap:12px}.sa-control-item{display:flex;align-items:flex-start;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.04)}.sa-control-item strong{font-size:.82rem;color:#fff;display:block;margin-bottom:2px}.sa-control-item p{margin:0;font-size:.74rem;color:var(--sa-muted);line-height:1.35}.sa-keycaps{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex-shrink:0}.sa-kbd{display:inline-block;padding:3px 6px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font:700 .72rem var(--sa-mono);color:#fff;box-shadow:0 2px #0006}.sa-control-or{font:500 .65rem var(--sa-mono);color:var(--sa-dim);margin:0 2px}.sa-manual-lead{margin:0 0 10px;font-size:.76rem;color:var(--sa-muted);line-height:1.4}.sa-evo-recipes-box{display:flex;flex-direction:column;gap:6px;background:#080c1899;border:1px solid var(--sa-border-subtle);border-radius:8px;padding:10px}.sa-recipe-row{display:flex;align-items:center;gap:6px;font-size:.72rem;flex-wrap:wrap}.sa-recipe-base{color:#fff;font-weight:600}.sa-recipe-plus{color:var(--sa-dim)}.sa-recipe-passive{color:var(--sa-cyan)}.sa-recipe-arrow{color:var(--sa-dim)}.sa-recipe-evo{font:700 .74rem var(--sa-mono);color:var(--sa-gold)}.sa-chest-hint{padding:9px 12px;border-radius:6px;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);font-size:.73rem;color:var(--sa-text);line-height:1.4}.sa-draft-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:#050812d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;animation:draftFadeIn .25s ease-out}@keyframes draftFadeIn{0%{opacity:0}to{opacity:1}}.sa-draft-box{max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.sa-draft-header{text-align:center}.sa-draft-badge{font:700 .65rem var(--sa-mono);color:var(--sa-cyan);letter-spacing:.1em;text-transform:uppercase}.sa-draft-title{margin:2px 0 4px;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:.04em;text-shadow:0 0 20px rgba(34,211,238,.5)}.sa-draft-subtitle{margin:0;font-size:.82rem;color:var(--sa-muted)}.sa-draft-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.sa-draft-card{background:linear-gradient(160deg,#121a34e6,#0a0e1ef2);border:1px solid var(--sa-border-strong);border-radius:12px;padding:18px 16px;cursor:pointer;box-shadow:0 10px 24px #0009,var(--sa-sheen);display:flex;flex-direction:column;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;animation:draftCardSlide .3s cubic-bezier(.2,.8,.2,1) backwards}.sa-draft-card:nth-child(1){animation-delay:.05s}.sa-draft-card:nth-child(2){animation-delay:.12s}.sa-draft-card:nth-child(3){animation-delay:.19s}@keyframes draftCardSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sa-draft-card:hover{transform:translateY(-4px);border-color:var(--sa-cyan);box-shadow:0 16px 36px #000c,0 0 20px #22d3ee4d}.sa-draft-card.is-evo-card{border-color:var(--sa-gold);background:linear-gradient(160deg,#281e0ae6,#100c06f2);box-shadow:0 10px 24px #0009,0 0 24px #fbbf2440}.sa-draft-card.is-evo-card:hover{border-color:#fef08a;box-shadow:0 16px 36px #000c,0 0 32px #fbbf2473}.sa-draft-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sa-draft-card__icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#22d3ee1f;border:1px solid var(--sa-border-strong);color:var(--sa-cyan)}.sa-draft-card__icon.is-evo{background:#fbbf242e;border-color:var(--sa-gold);color:var(--sa-gold)}.sa-draft-card__icon svg{width:18px;height:18px}.sa-draft-card__transition{font:700 .72rem var(--sa-mono);color:var(--sa-muted);background:#ffffff0f;padding:2px 7px;border-radius:4px}.sa-draft-card__transition.is-new{color:var(--sa-emerald);background:var(--sa-emerald-soft);border:1px solid rgba(16,185,129,.35)}.sa-draft-card__transition.is-evo{color:var(--sa-gold);background:var(--sa-gold-soft);border:1px solid rgba(251,191,36,.4)}.sa-draft-card__tag{font:600 .64rem var(--sa-mono);color:var(--sa-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.sa-draft-card__tag.is-passive{color:var(--sa-purple)}.sa-draft-card__tag.is-evo{color:var(--sa-gold)}.sa-draft-card__name{margin:0 0 6px;font-size:1rem;font-weight:700;color:#fff}.sa-draft-card__desc{margin:0 0 12px;font-size:.76rem;color:var(--sa-muted);line-height:1.4;flex:1}.sa-draft-card__synergy{margin-top:auto;padding:8px 10px;border-radius:6px;background:#080c18b3;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px}.sa-draft-card__synergy.is-owned{background:#10b98114;border-color:#10b98159}.sa-draft-synergy__label{font:600 .58rem var(--sa-mono);color:var(--sa-dim);text-transform:uppercase}.sa-draft-synergy__badge{display:flex;align-items:center;justify-content:space-between;font-size:.72rem}.sa-draft-synergy__passive{color:var(--sa-cyan)}.sa-draft-synergy__status{font:700 .58rem var(--sa-mono);color:var(--sa-emerald);background:var(--sa-emerald-soft);padding:1px 4px;border-radius:3px}.sa-draft-synergy__evo-name{font:700 .68rem var(--sa-mono);color:var(--sa-gold)}.sa-draft-synergy__chips{display:flex;flex-wrap:wrap;gap:4px}.sa-draft-synergy__chip{font:600 .62rem var(--sa-mono);color:var(--sa-muted);background:#ffffff0d;padding:2px 6px;border-radius:4px}.sa-draft-synergy__chip.is-owned{color:var(--sa-emerald);background:var(--sa-emerald-soft);border:1px solid rgba(16,185,129,.35)}.sa-chest-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:210;background:#050812e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:20px;animation:draftFadeIn .2s ease-out}.sa-chest-box{max-width:440px;width:100%;background:var(--sa-surface-card);border:1px solid var(--sa-gold);border-radius:14px;padding:24px;text-align:center;box-shadow:0 16px 40px #000c,0 0 32px #fbbf2440;display:flex;flex-direction:column;align-items:center}.sa-chest-spinner{font-size:2.8rem;margin-bottom:8px;display:inline-block;animation:chestBounce 1s infinite alternate ease-in-out}@keyframes chestBounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.08)}}.sa-chest-title{margin:0 0 4px;font-size:1.3rem;font-weight:800;color:var(--sa-gold);letter-spacing:.03em}.sa-chest-subtitle{margin:0 0 16px;font-size:.78rem;color:var(--sa-muted)}.sa-chest-results{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.sa-chest-result-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:6px;background:#080c18b3;border:1px solid var(--sa-border-subtle);font-size:.82rem}.sa-chest-result-item strong{color:#fff}.sa-chest-result-item .level-up{font:700 .72rem var(--sa-mono);color:var(--sa-cyan)}.sa-chest-result-item .evo-label{font:800 .72rem var(--sa-mono);color:var(--sa-gold)}.sa-chest-btn{width:100%;padding:10px 16px;border-radius:8px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-size:.86rem;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 6px 18px #f59e0b66;transition:all .2s ease}.sa-chest-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width: 980px){.sa-hero{flex-direction:column;align-items:stretch}.sa-hero__action,.sa-hero-launch-btn{width:100%}.sa-hero-launch-btn__content{justify-content:center}.sa-loadout-layout,.sa-draft-cards{grid-template-columns:1fr}}.pf-page{align-self:stretch;flex:1;display:flex;flex-direction:column;height:100%;min-height:0;width:100%;padding:8px 12px 12px;box-sizing:border-box;gap:8px;background:#080b13;font-family:Outfit,sans-serif;color:#e2e8f0}.pf-titlebar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;height:47px}.pf-titlebar__left{display:flex;align-items:center;gap:10px;min-width:0}.pf-titlebar__logo{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);color:#a78bfa;position:relative;overflow:hidden}.pf-titlebar__logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(167,139,250,.2) 0%,transparent 70%);animation:pf-logo-pulse 3s ease-in-out infinite}@keyframes pf-logo-pulse{0%,to{opacity:.3}50%{opacity:1}}.pf-titlebar__text{display:flex;flex-direction:column;min-width:0}.pf-titlebar__title{margin:0;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:-.02em;display:flex;align-items:center;gap:4px}.pf-titlebar__title-word{color:#f8f9fa}.pf-titlebar__title-word--accent{color:#a78bfa;text-shadow:0 0 12px rgba(167,139,250,.4)}.pf-titlebar__sub{margin:1px 0 0;font-size:11px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-titlebar__right{display:flex;align-items:center;gap:8px}.pf-titlebar__action{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:600;color:#94a3b8;background:#1e293b;border:1px solid #334155;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.pf-titlebar__action:hover{color:#f1f5f9;background:#334155;border-color:#475569}.pf-titlebar__action.is-active{color:#fff;background:#8b5cf640;border-color:#8b5cf673;box-shadow:0 0 12px #8b5cf626}.pf-titlebar__leave{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:600;color:#94a3b8;background:#1e293b;border:1px solid #334155;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.pf-titlebar__leave:hover{color:#f87171;background:#ef44441a;border-color:#ef444433}.pf-titlebar__leave svg{width:14px;height:14px}.pf-titlebar__leave kbd{font-family:inherit;font-size:9px;font-weight:700;padding:1px 4px;background:#0f172a;border-radius:4px;border:1px solid #1e293b;color:#64748b;margin-left:2px}.pf-content-container{flex:1;display:flex;min-height:0;width:100%}.pf-game-wrapper{position:relative;flex:1;display:flex;height:100%;min-height:0;width:100%;overflow:hidden}.pf-page__frame{flex:1;align-self:stretch;height:100%;min-height:0;width:100%;border:1px solid #1e293b;border-radius:12px;background:#090d16;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080}.pf-lobby{flex:1;display:flex;gap:16px;width:100%;min-height:0}.pf-lobby__main{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:4px}.pf-lobby__intro{background:#1e293b40;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px}.pf-lobby__section-heading{margin:0 0 6px;font-size:18px;font-weight:700;color:#f8fafc;letter-spacing:-.02em}.pf-lobby__section-desc{margin:0;font-size:13px;color:#94a3b8;line-height:1.5}.pf-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pf-level-card{display:flex;flex-direction:column;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.pf-level-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 12px 20px -8px #0009,0 0 20px #8b5cf61a}.pf-level-card__visual{height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pf-level-card--meadow .pf-level-card__visual{background:linear-gradient(135deg,#064e3b,#115e59)}.pf-level-card--ruins .pf-level-card__visual{background:linear-gradient(135deg,#7c2d12,#7f1d1d)}.pf-level-card--locked .pf-level-card__visual{background:linear-gradient(135deg,#1e293b,#0f172a)!important;opacity:.65}.pf-level-card__icon{font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));color:#e2e8f0}.pf-level-card__badge{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #0003}.pf-level-card__badge--unlocked{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#34d399}.pf-level-card__badge--locked{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171}.pf-level-card__info{padding:16px;display:flex;flex-direction:column;flex:1;gap:8px}.pf-level-card__title{margin:0;font-size:15px;font-weight:700;color:#f1f5f9}.pf-level-card__desc{margin:0;font-size:12px;color:#94a3b8;line-height:1.5;flex:1}.pf-level-card__btn{width:100%;height:36px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;background:#1e293b;border:1px solid #334155;color:#cbd5e1;transition:all .2s cubic-bezier(.16,1,.3,1);margin-top:4px}.pf-level-card--meadow .pf-level-card__btn{background:#059669;border-color:#047857;color:#fff}.pf-level-card--meadow .pf-level-card__btn:hover{background:#047857;box-shadow:0 0 12px #10b98140}.pf-level-card--ruins:not(.pf-level-card--locked) .pf-level-card__btn{background:#ea580c;border-color:#c2410c;color:#fff}.pf-level-card--ruins:not(.pf-level-card--locked) .pf-level-card__btn:hover{background:#c2410c;box-shadow:0 0 12px #ea580c40}.pf-level-card--locked{cursor:not-allowed;border-color:#ffffff08}.pf-level-card--locked:hover{transform:none;border-color:#ffffff08;box-shadow:none}.pf-level-card--locked .pf-level-card__title{color:#64748b}.pf-level-card--locked .pf-level-card__desc{color:#475569}.pf-level-card--locked .pf-level-card__btn{background:#0f172a;border-color:#1e293b;color:#475569;cursor:not-allowed}.pf-lobby__sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column}.pf-leaderboard-panel{flex:1;display:flex;flex-direction:column;background:#0f172a73;border:1px solid rgba(255,255,255,.06);border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.pf-leaderboard-panel__header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#a78bfa}.pf-leaderboard-panel__title{margin:0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#f1f5f9}.pf-leaderboard-panel__content{flex:1;overflow-y:auto;padding:12px}.pf-leaderboard-state{text-align:center;padding:32px 16px;font-size:12px;color:#64748b;line-height:1.5}.pf-leaderboard-state--error{color:#f87171}.pf-leaderboard-table{display:flex;flex-direction:column;width:100%}.pf-leaderboard-table__head{display:grid;grid-template-columns:45px 1fr 65px;padding:6px 8px;font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.04)}.pf-leaderboard-table__rows{display:flex;flex-direction:column;gap:4px;padding-top:6px}.pf-leaderboard-row{display:grid;grid-template-columns:45px 1fr 65px;align-items:center;padding:8px;border-radius:8px;font-size:12px;color:#94a3b8;background:#ffffff03;border:1px solid transparent;transition:all .15s ease}.pf-leaderboard-row:hover{background:#ffffff08;color:#f1f5f9}.pf-leaderboard-row__rank{font-weight:700;color:#64748b}.pf-leaderboard-row__name{font-weight:600;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.pf-leaderboard-row__score{font-family:monospace;font-size:13px;font-weight:700;color:#10b981;text-align:right}.pf-leaderboard-row--gold{background:#fbbf240d;border-color:#fbbf2426}.pf-leaderboard-row--gold .pf-leaderboard-row__name{color:#fbbf24}.pf-leaderboard-row--silver{background:#94a3b80d;border-color:#94a3b826}.pf-leaderboard-row--silver .pf-leaderboard-row__name{color:#cbd5e1}.pf-leaderboard-row--bronze{background:#b453090d;border-color:#b4530926}.pf-leaderboard-row--bronze .pf-leaderboard-row__name{color:#f59e0b}.pf-leaderboard-row--current{background:#8b5cf61f!important;border-color:#8b5cf64d!important}.pf-leaderboard-row--current .pf-leaderboard-row__name{color:#a78bfa!important;font-weight:700}.pf-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.pf-drawer{position:absolute;top:0;right:0;bottom:0;width:320px;background:#0f172af2;border-left:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-10px 0 25px -5px #00000080;z-index:50;display:flex;flex-direction:column}.pf-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.08);color:#a78bfa}.pf-drawer__title{margin:0;font-size:15px;font-weight:700;color:#f1f5f9;text-transform:uppercase;letter-spacing:.05em}.pf-drawer__close{background:none;border:none;font-size:16px;color:#64748b;cursor:pointer;padding:4px;line-height:1;transition:color .15s ease}.pf-drawer__close:hover{color:#f1f5f9}.pf-drawer__content{flex:1;overflow-y:auto;padding:16px}@media (max-width: 768px){.pf-lobby{flex-direction:column;overflow-y:auto}.pf-lobby__sidebar{width:100%;height:350px;flex-shrink:0}}.quoridor-a-container{width:100%;height:100vh;background:#0b1320;color:#e2e8f0;font-family:Inter,sans-serif;display:flex;flex-direction:column;padding:32px 64px;box-sizing:border-box;overflow:hidden}.q-header{display:flex;justify-content:space-between;align-items:flex-start;height:80px;flex-shrink:0;position:relative;z-index:10}.q-copy-btn--copied{color:#4ade80!important}.q-hud-left,.q-hud-right{display:flex;flex-direction:column;gap:80px;width:220px;position:relative;z-index:10}.q-board-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;top:5vh;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.q-board-bezel{width:min(78vh,680px);height:min(78vh,680px);background:#15110c;border-radius:4px;pointer-events:auto;box-shadow:inset 0 1px #ffffff08,0 0 0 1px #1a1610,0 16px 48px #00000080;position:relative;padding:12px;box-sizing:border-box}.q-board-paper{width:100%;height:100%;position:relative;background-color:#1e3148;border:1px solid rgba(200,185,160,.12);padding:6.5%;box-sizing:border-box}.q-coord-row,.q-coord-col{position:absolute;display:flex;justify-content:space-around;align-items:center;color:#a09078;font-family:Inter,sans-serif;font-size:14px;letter-spacing:1px;font-weight:500;z-index:3}.q-coord-row{left:6.5%;right:6.5%;height:6.5%}.q-coord-row.top{top:0}.q-coord-row.bottom{bottom:0}.q-coord-col{flex-direction:column;top:6.5%;bottom:6.5%;width:6.5%}.q-coord-col.left{left:0}.q-coord-col.right{right:0}.q-board-grid-area{width:100%;height:100%;position:relative;border:.6px solid rgba(220,210,190,.22);background-image:linear-gradient(rgba(220,210,190,.22) .6px,transparent .6px),linear-gradient(90deg,rgba(220,210,190,.22) .6px,transparent .6px);background-size:11.1111% 11.1111%;z-index:3}.q-board-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.008) 2px,rgba(255,255,255,.008) 4px),repeating-linear-gradient(90deg,transparent,transparent 5px,rgba(255,255,255,.005) 5px,rgba(255,255,255,.005) 6px);pointer-events:none;z-index:1}.q-board-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);z-index:3}.q-cell{border:none;display:flex;align-items:center;justify-content:center}.q-cell-cross{color:#d2c3aa2e;font-size:7px;font-family:Space Grotesk,monospace;-webkit-user-select:none;user-select:none}.q-cell-cross.star-point{width:5px;height:5px;border-radius:50%;background:#d2c3aa40;font-size:0;color:transparent}.q-pawn{position:absolute;width:5.5%;height:5.5%;display:flex;align-items:center;justify-content:center;z-index:10}.q-pawn-body{width:100%;height:100%;border-radius:50%;box-shadow:inset 1px 1px 4px #ffffff26,inset -1px -1px 3px #0000004d,0 2px 8px #00000073}.q-pawn-glow{position:absolute;width:160%;height:160%;border-radius:50%;opacity:.15;z-index:-1}.q-pawn-grey .q-pawn-body{background:radial-gradient(circle at 38% 38%,#9aaabe,#7a8a9e)}.q-pawn-grey .q-pawn-glow{background:radial-gradient(circle,#8A9AAE,transparent 70%)}.q-pawn-blue .q-pawn-body{background:radial-gradient(circle at 38% 38%,#6a8aa8,#4a6a88)}.q-pawn-blue .q-pawn-glow{background:radial-gradient(circle,#5A7A98,transparent 70%)}.q-pawn-dark .q-pawn-body{background:radial-gradient(circle at 38% 38%,#3a4048,#1a2028)}.q-pawn-dark .q-pawn-glow{background:radial-gradient(circle,#2A3038,transparent 70%)}.q-pawn-light .q-pawn-body{background:radial-gradient(circle at 38% 38%,#c0c5cc,#a0a5ac)}.q-pawn-light .q-pawn-glow{background:radial-gradient(circle,#B0B5BC,transparent 70%)}.q-wall{position:absolute;background:linear-gradient(135deg,#c0c5cd,#b8bdc5,#c8cdd5);box-shadow:inset 0 1px 2px #ffffff1f,inset 0 -1px 2px #0000001a,0 1px 4px #0000004d;z-index:5;border-radius:1px;opacity:.85}.q-wall-h{width:22.22%;height:1.2%;transform:translate(-50%,-50%)}.q-wall-v{width:1.2%;height:22.22%;transform:translate(-50%,-50%)}.q-path-highlight{position:absolute;width:11.11%;height:11.11%;border:1px dashed rgba(210,195,170,.2);background:none;z-index:4}.q-footer{display:flex;justify-content:space-between;align-items:center;height:60px;flex-shrink:0;position:relative;z-index:10}.q-pawn{transition:left .3s ease,top .3s ease,transform .2s ease,filter .2s ease;cursor:pointer;transform:translate(-50%,-50%)}.q-pawn--selected{transform:translate(-50%,-50%) scale(1.15);filter:brightness(1.2);z-index:15}.q-pawn--selected .q-pawn-glow{opacity:.35}.q-pawn--current-turn .q-pawn-body{animation:q-pawn-breathe 2s ease-in-out infinite}@keyframes q-pawn-breathe{0%,to{box-shadow:inset 1px 1px 4px #ffffff26,inset -1px -1px 3px #0000004d,0 2px 8px #00000073}50%{box-shadow:inset 1px 1px 4px #ffffff26,inset -1px -1px 3px #0000004d,0 2px 8px #00000073,0 0 12px #d2c3aa26}}.q-pawn--not-turn{opacity:.65;pointer-events:none;cursor:default}.q-pawn-dark .q-pawn-glow{background:radial-gradient(circle,#6B7280,transparent 70%)}.q-cell--valid{position:relative;cursor:pointer;z-index:6}.q-cell--valid:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;background:radial-gradient(circle,rgba(210,195,170,.25),transparent 70%);animation:q-dust-pulse 1.8s ease-in-out infinite}@keyframes q-dust-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}.q-wall--placed{animation:q-wall-drop .25s ease-out}@keyframes q-wall-drop{0%{opacity:0;transform:translate(-50%,-50%) scaleY(.5)}to{opacity:.85;transform:translate(-50%,-50%) scaleY(1)}}.q-intersection-zone{position:absolute;z-index:8;cursor:crosshair}.q-intersection-dot{position:absolute;width:4px;height:4px;background:#a09078;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);z-index:7;pointer-events:none}.q-ghost-wall{position:absolute;z-index:9;transform:translate(-50%,-50%);border-radius:1px;transition:opacity .15s ease;pointer-events:none}.q-ghost-wall-h{width:22.22%;height:1.2%}.q-ghost-wall-v{width:1.2%;height:22.22%}.q-ghost-wall--valid{background:#d2c3aa59}.q-ghost-wall--invalid{background:#aa665540}.q-illegal-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background:#aa665526;border:1px solid rgba(170,102,85,.5);color:#c87;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;letter-spacing:3px;padding:10px 24px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:q-toast-in-out 1.8s ease forwards;pointer-events:none}.q-wall-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:200;background:#0b1320b3;border:1px solid rgba(148,163,184,.15);color:#64748b;font-family:Inter,sans-serif;font-size:11px;letter-spacing:1px;padding:8px 18px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:q-hint-fade 4s ease forwards;pointer-events:none;white-space:nowrap}.quoridor-a2-container{width:100%;height:100vh;background:#0b1320;color:#e2e8f0;font-family:Inter,sans-serif;display:flex;flex-direction:column;padding:32px 64px;box-sizing:border-box;overflow:hidden}.q2-header{display:flex;justify-content:space-between;align-items:flex-start;height:80px;flex-shrink:0;position:relative;z-index:10}.q2-logo-section{display:flex;flex-direction:column}.q2-title{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:300;letter-spacing:6px;margin:0;color:#f8fafc}.q2-subtitle{font-family:Space Grotesk,sans-serif;font-size:14px;letter-spacing:4px;color:#64748b;margin-top:4px}.q2-byline{font-size:11px;color:#475569;margin-top:8px;letter-spacing:1px}.q2-turn-indicator{display:flex;flex-direction:row;align-items:center;gap:32px;background:#0f172a66;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:10px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.q2-turn-status{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:2px;color:#f8fafc}.q2-dot{width:8px;height:8px;border-radius:50%;background:#475569}.q2-dot.active{background:#38bdf8;box-shadow:0 0 10px #38bdf899}.q2-timer{display:flex;align-items:center;gap:8px;font-family:Space Grotesk,monospace;font-size:16px;color:#e2e8f0}.q2-room-info{display:flex;align-items:center;gap:12px}.q2-room-code-box{display:flex;flex-direction:column;background:#0f172a80;border:1px solid rgba(148,163,184,.12);padding:8px 12px;border-radius:8px}.q2-room-label{font-size:9px;color:#64748b;letter-spacing:1px;margin-bottom:4px}.q2-room-code-row{display:flex;align-items:center;gap:10px}.q2-room-code{font-family:Space Grotesk,monospace;font-size:14px;color:#e2e8f0;letter-spacing:2px}.q2-copy-btn{background:none;border:none;border-left:1px solid rgba(148,163,184,.15);color:#64748b;padding:2px 0 2px 10px;cursor:pointer;transition:color .2s;display:flex;align-items:center;font-size:14px}.q2-copy-btn:hover{color:#f8fafc}.q2-copy-btn--copied{color:#38bdf8!important}.q2-settings-btn{background:none;border:none;color:#64748b;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s;font-size:18px}.q2-settings-btn:hover{color:#f8fafc}.q2-main{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0}.q2-hud-left,.q2-hud-right{display:flex;flex-direction:column;gap:80px;width:220px;position:relative;z-index:10}.q2-player-card{position:relative;padding:24px 20px;display:flex;flex-direction:column;align-items:center}.q2-player-corner-tl,.q2-player-corner-tr,.q2-player-corner-bl,.q2-player-corner-br{position:absolute;width:8px;height:8px;border:1px solid rgba(148,163,184,.5)}.q2-player-corner-tl{top:0;left:0;border-right:none;border-bottom:none}.q2-player-corner-tr{top:0;right:0;border-left:none;border-bottom:none}.q2-player-corner-bl{bottom:0;left:0;border-right:none;border-top:none}.q2-player-corner-br{bottom:0;right:0;border-left:none;border-top:none}.q2-player-num{position:absolute;top:-10px;left:-10px;width:20px;height:20px;border-radius:50%;border:1px solid rgba(148,163,184,.4);background:#0b1320;display:flex;align-items:center;justify-content:center;font-size:10px;color:#94a3b8}.q2-player-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid rgba(148,163,184,.3);margin-bottom:16px}.q2-player-avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2)}.q2-player-name{font-family:Space Grotesk,sans-serif;font-size:14px;letter-spacing:2px;color:#e2e8f0;text-transform:uppercase;margin-bottom:16px}.q2-player-walls{display:flex;align-items:center;gap:12px}.q2-walls-label{font-size:11px;color:#64748b}.q2-walls-blocks{display:flex;gap:4px}.q2-wall-block{width:6px;height:16px;background:#475569;border-radius:1px}.q2-walls-count{font-family:Space Grotesk,monospace;font-size:16px;color:#e2e8f0}.q2-board-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;top:5vh;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.q2-board-bezel{width:min(78vh,680px);height:min(78vh,680px);background:transparent;border-radius:0;pointer-events:auto;position:relative;padding:0;box-sizing:border-box}.q2-board-paper{width:100%;height:100%;position:relative;background:radial-gradient(circle at 50% 50%,rgba(30,80,150,.4) 0%,transparent 70%);border:none;padding:6.5%;box-sizing:border-box}.q2-coord-row,.q2-coord-col{position:absolute;display:flex;justify-content:space-around;align-items:center;color:#cbd5e1;font-family:Inter,sans-serif;font-size:14px;letter-spacing:1px;font-weight:500;z-index:3}.q2-coord-row{left:6.5%;right:6.5%;height:6.5%}.q2-coord-row.top{top:0}.q2-coord-row.bottom{bottom:0}.q2-coord-col{flex-direction:column;top:6.5%;bottom:6.5%;width:6.5%}.q2-coord-col.left{left:0}.q2-coord-col.right{right:0}.q2-board-grid-area{width:100%;height:100%;position:relative;border:1px solid rgba(100,150,255,.3);box-shadow:inset 0 0 40px #3b82f61a;background-image:linear-gradient(rgba(100,150,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(100,150,255,.15) 1px,transparent 1px);background-size:11.1111% 11.1111%;z-index:3;animation:q2-board-breathe 6s ease-in-out infinite}.q2-board-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);z-index:3}.q2-cell{border:none;display:flex;align-items:center;justify-content:center}.q2-cell-cross{color:#d2c3aa2e;font-size:7px;font-family:Space Grotesk,monospace;-webkit-user-select:none;user-select:none}.q2-cell-cross.star-point{width:5px;height:5px;border-radius:50%;background:#d2c3aa40;font-size:0;color:transparent}.q2-pawn{position:absolute;width:5.5%;height:5.5%;display:flex;align-items:center;justify-content:center;z-index:10}.q2-pawn-body{width:100%;height:100%;border-radius:50%;box-shadow:inset 2px 2px 6px #fff9,inset -2px -2px 6px #0009,0 4px 12px #000c}.q2-pawn-glow{position:absolute;width:200%;height:200%;border-radius:50%;opacity:.4;z-index:-1;filter:blur(4px)}.q2-pawn-grey .q2-pawn-body{background:radial-gradient(circle at 30% 30%,#fff,#a0abc0 30%,#4a5568 80%,#000)}.q2-pawn-grey .q2-pawn-glow{background:radial-gradient(circle,#A0ABC0,transparent 60%)}.q2-pawn-blue .q2-pawn-body{background:radial-gradient(circle at 30% 30%,#fff,#3b82f6 30%,#1e3a8a 80%,#000)}.q2-pawn-blue .q2-pawn-glow{background:radial-gradient(circle,#3B82F6,transparent 60%);opacity:.6}.q2-pawn-dark .q2-pawn-body{background:radial-gradient(circle at 30% 30%,#94a3b8,#1e293b 30%,#0f172a 80%,#000)}.q2-pawn-dark .q2-pawn-glow{background:radial-gradient(circle,#1E293B,transparent 60%);opacity:.8}.q2-pawn-light .q2-pawn-body{background:radial-gradient(circle at 30% 30%,#fff,#f1f5f9 30%,#94a3b8 80%,#475569)}.q2-pawn-light .q2-pawn-glow{background:radial-gradient(circle,#F1F5F9,transparent 60%)}.q2-wall{position:absolute;background:#f8fafc;box-shadow:0 0 8px #3b82f6,0 0 16px #3b82f6,0 0 24px #3b82f680;z-index:5;border-radius:4px;opacity:1}.q2-wall-h{width:22.22%;height:1.2%;transform:translate(-50%,-50%)}.q2-wall-v{width:1.2%;height:22.22%;transform:translate(-50%,-50%)}.q2-path-highlight{position:absolute;width:11.11%;height:11.11%;border:1px dashed rgba(210,195,170,.2);background:none;z-index:4}.q2-footer{display:flex;justify-content:space-between;align-items:center;height:60px;flex-shrink:0;position:relative;z-index:10}.q2-footer-actions{display:flex;gap:16px;width:220px}.q2-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:none;color:#64748b;cursor:pointer;transition:color .2s}.q2-action-btn:hover{color:#f8fafc}.q2-action-btn svg{font-size:18px}.q2-action-btn span{font-size:10px;letter-spacing:1px}.q2-footer-spacer{flex:1}.q2-pawn{transition:left .3s ease,top .3s ease,transform .2s ease,filter .2s ease,opacity .2s ease;cursor:pointer;transform:translate(-50%,-50%)}.q2-pawn--selected{transform:translate(-50%,-50%) scale(1.12);z-index:15}.q2-pawn--selected .q2-pawn-glow{opacity:.7;filter:blur(6px)}.q2-pawn--current-turn .q2-pawn-glow{animation:q2-glow-breathe 2s ease-in-out infinite}@keyframes q2-glow-breathe{0%,to{opacity:.4;filter:blur(4px)}50%{opacity:.7;filter:blur(7px)}}.q2-pawn--not-turn{opacity:.45;filter:saturate(.4);pointer-events:none;cursor:default}.q2-pawn-dark .q2-pawn-glow{background:radial-gradient(circle,#6B7A99,transparent 60%);opacity:.6}.q2-cell--valid{position:relative;cursor:pointer;z-index:6}.q2-cell--valid:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(56,189,248,.4);box-shadow:inset 0 0 8px #38bdf826,0 0 8px #38bdf833;animation:q2-neon-pulse 1.6s ease-in-out infinite}@keyframes q2-neon-pulse{0%,to{opacity:.4;box-shadow:inset 0 0 6px #38bdf81a,0 0 6px #38bdf826}50%{opacity:1;box-shadow:inset 0 0 12px #38bdf840,0 0 14px #38bdf84d}}.q2-action-btn--active{color:#38bdf8!important;border-bottom:1px solid rgba(56,189,248,.5);padding-bottom:2px}.q2-action-btn--disabled{opacity:.25;cursor:not-allowed!important;pointer-events:none}.q2-intersection-zone{position:absolute;z-index:8;cursor:crosshair}.q2-intersection-dot{position:absolute;width:3px;height:3px;background:#38bdf8;border-radius:50%;opacity:.5;transform:translate(-50%,-50%);z-index:7;pointer-events:none;box-shadow:0 0 4px #38bdf899;animation:q2-dot-pulse 2.5s ease-in-out infinite}@keyframes q2-dot-pulse{0%,to{opacity:.4;box-shadow:0 0 3px #38bdf866}50%{opacity:.8;box-shadow:0 0 6px #38bdf8cc}}.q2-ghost-wall{position:absolute;z-index:9;transform:translate(-50%,-50%);border-radius:3px;pointer-events:none;transition:opacity .15s ease}.q2-ghost-wall-h{width:22.22%;height:1.2%}.q2-ghost-wall-v{width:1.2%;height:22.22%}.q2-ghost-wall--valid{background:#f8fafc4d;box-shadow:0 0 6px #38bdf866,0 0 12px #38bdf833}.q2-ghost-wall--invalid{background:#ef444440;box-shadow:0 0 6px #ef44444d,0 0 12px #ef444426}.q2-wall-h.q2-wall--placed{animation:q2-laser-h .3s ease-out}@keyframes q2-laser-h{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.1);filter:brightness(3)}40%{opacity:1;transform:translate(-50%,-50%) scaleX(1.05);filter:brightness(2)}to{opacity:1;transform:translate(-50%,-50%) scaleX(1);filter:brightness(1)}}.q2-wall-v.q2-wall--placed{animation:q2-laser-v .3s ease-out}@keyframes q2-laser-v{0%{opacity:0;transform:translate(-50%,-50%) scaleY(.1);filter:brightness(3)}40%{opacity:1;transform:translate(-50%,-50%) scaleY(1.05);filter:brightness(2)}to{opacity:1;transform:translate(-50%,-50%) scaleY(1);filter:brightness(1)}}.q2-illegal-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background:#ef44441a;border:1px solid rgba(239,68,68,.5);color:#ef4444;font-family:Space Grotesk,monospace;font-size:13px;font-weight:500;letter-spacing:3px;padding:10px 24px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:q2-glitch-toast 1.8s ease forwards;pointer-events:none}@keyframes q2-glitch-toast{0%{opacity:0;transform:translate(-50%,-50%) skew(-2deg)}8%{opacity:1;transform:translate(-50%,-50%) skew(1deg)}15%{transform:translate(-50%,-50%) skew(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-50% + 4px))}}.q2-wall-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:200;background:#0f172acc;border:1px solid rgba(56,189,248,.2);color:#64748b;font-family:Inter,sans-serif;font-size:11px;letter-spacing:1px;padding:8px 18px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:q2-hint-fade 4s ease forwards;pointer-events:none;white-space:nowrap}.q2-wall-hint span{color:#38bdf8;font-family:Space Grotesk,monospace;font-weight:500}@keyframes q2-hint-fade{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes q2-board-breathe{0%,to{box-shadow:inset 0 0 40px #3b82f614;border-color:#6496ff40}50%{box-shadow:inset 0 0 60px #3b82f626;border-color:#6496ff66}}.q2-board-grid-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:20}.q2-board-paper{animation:q2-core-breathe 6s ease-in-out infinite}@keyframes q2-core-breathe{0%,to{background:radial-gradient(circle at 50% 50%,rgba(30,80,150,.35) 0%,transparent 70%)}50%{background:radial-gradient(circle at 50% 50%,rgba(30,80,150,.5) 0%,transparent 70%)}}.quoridor-b-container{position:relative;width:100%;height:calc(100vh - 60px);background:#f5ebe1;font-family:Inter,sans-serif;overflow:hidden}.q-ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;padding:24px 40px;box-sizing:border-box;pointer-events:none}.q-header-light,.q-hud-left-light,.q-hud-right-light,.q-footer-light{pointer-events:auto}.q-header-light{display:flex;justify-content:space-between;align-items:flex-start;height:80px}.q-logo-section-light{display:flex;align-items:baseline;gap:12px}.q-byline-light{font-size:16px;color:#4b5563;font-weight:400;display:flex;align-items:center;gap:6px}.q-byline-light:before{content:"";display:inline-block;width:14px;height:14px;border:1.5px solid #4B5563;border-radius:2px}.q-title-light{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;letter-spacing:4px;margin:0;color:#1f2937}.q-turn-indicator-light{display:flex;flex-direction:column;align-items:center;gap:8px}.q-turn-combo-pill{display:flex;background:#e5e7eb;border-radius:20px;border:1px solid rgba(0,0,0,.05);overflow:hidden}.q-turn-text{padding:8px 16px;font-size:13px;font-weight:600;color:#374151;letter-spacing:1px}.q-timer-text{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#8e7a6b;color:#fff;font-family:Space Grotesk,monospace;font-size:13px;font-weight:600}.q-turn-label{font-family:Space Grotesk,sans-serif;font-size:10px;letter-spacing:2px;color:#6b7280}.q-room-info-light{display:flex;align-items:center;gap:12px}.q-room-code-box-light{display:flex;flex-direction:column;align-items:flex-end;background:#fff6;border:1px solid rgba(0,0,0,.05);padding:8px 16px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.q-room-label-light{font-size:9px;color:#6b7280;letter-spacing:1px}.q-room-code-light{font-family:Space Grotesk,monospace;font-size:14px;color:#1f2937;letter-spacing:2px;font-weight:500;margin-top:2px}.q-icon-btn-light{background:#fff6;border:1px solid rgba(0,0,0,.05);color:#4b5563;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.q-icon-btn-light:hover{background:#fff;color:#1f2937}.q-main-light{flex:1;display:flex;justify-content:space-between;align-items:center;padding:20px 0}.q-hud-left-light,.q-hud-right-light{display:flex;flex-direction:column;gap:60px;width:220px}.q-player-card-light{background:#f9f5f0b3;border:1px solid rgba(0,0,0,.04);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000008}.q-player-info-light{display:flex;align-items:center;gap:12px}.q-player-avatar-light{position:relative;width:44px;height:44px;border-radius:50%}.q-player-avatar-light img{width:100%;height:100%;border-radius:50%;object-fit:cover}.q-avatar-dot{position:absolute;bottom:0;right:-4px;width:14px;height:14px;border-radius:50%;border:3px solid #F9F5F0}.q-player-text-light{display:flex;flex-direction:column;gap:2px}.q-player-name-light{font-family:Space Grotesk,sans-serif;font-size:14px;letter-spacing:1px;color:#1f2937;font-weight:500}.q-player-color-light{font-size:10px;color:#6b7280;letter-spacing:1px}.q-player-walls-light{display:flex;align-items:center;justify-content:space-between}.q-walls-blocks-light{display:flex;gap:5px}.q-wall-block-light{width:10px;height:26px;border-radius:2px;box-shadow:inset 1px 1px 2px #fff6,inset -1px -1px 3px #00000026}.q-walls-count-light{font-family:Space Grotesk,monospace;font-size:18px;color:#1f2937;font-weight:500}.q-footer-light{display:flex;justify-content:space-between;align-items:center;height:80px}.q-footer-actions-light{display:flex;gap:16px;width:220px}.q-action-btn-light{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:color .2s}.q-action-btn-light:hover{color:#1f2937}.q-action-btn-light svg{font-size:18px}.q-action-btn-light span{font-size:10px;letter-spacing:1px;font-weight:500}.q-craziness-section-light{flex:1;display:flex;flex-direction:column;align-items:center;max-width:600px}.q-craziness-label-light{font-family:Space Grotesk,sans-serif;font-size:11px;letter-spacing:2px;color:#6b7280;margin-bottom:12px}.q-craziness-bar-light{position:relative;width:100%;height:8px;background:linear-gradient(to right,#ebe3d8,#cfa37f,#b8624e);border-radius:4px;margin-bottom:10px}.q-craziness-fill-light{display:none}.q-craziness-knob{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%);width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #00000026,inset 0 -2px 4px #0000000d}.q-craziness-knob-inner{width:12px;height:12px;border-radius:50%;background:#cfa37f}.q-craziness-markers-light{display:flex;justify-content:space-between;width:100%}.q-craziness-markers-light span{font-size:10px;color:#9ca3af;letter-spacing:1px}.quoridor-a3d-container{position:relative;width:100%;height:100vh;background:#0b1320;background-image:radial-gradient(circle at 15% 50%,rgba(30,58,138,.2),transparent 40%),radial-gradient(circle at 85% 30%,rgba(30,58,138,.15),transparent 40%);color:#e2e8f0;font-family:Inter,sans-serif;overflow:hidden}.q-canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.q-ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;padding:32px 64px;box-sizing:border-box;pointer-events:none}.q-header,.q-hud-left,.q-hud-right,.q-footer{pointer-events:auto}.q-header{display:flex;justify-content:space-between;align-items:flex-start;height:80px}.q-logo-section{display:flex;flex-direction:column}.q-title{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:300;letter-spacing:6px;margin:0;color:#f8fafc}.q-subtitle{font-family:Space Grotesk,sans-serif;font-size:14px;letter-spacing:4px;color:#64748b;margin-top:4px}.q-byline{font-size:11px;color:#475569;margin-top:8px;letter-spacing:1px}.q-turn-indicator{display:flex;flex-direction:row;align-items:center;gap:32px;background:#0f172a66;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:10px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.q-turn-status{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:2px;color:#f8fafc}.q-dot{width:8px;height:8px;border-radius:50%;background:#475569}.q-dot.active{background:#38bdf8;box-shadow:0 0 10px #38bdf899}.q-timer{display:flex;align-items:center;gap:8px;font-family:Space Grotesk,monospace;font-size:16px;color:#e2e8f0}.q-room-info{display:flex;align-items:center;gap:12px}.q-room-code-box{display:flex;flex-direction:column;background:#0f172a80;border:1px solid rgba(148,163,184,.12);padding:8px 12px;border-radius:8px}.q-room-label{font-size:9px;color:#64748b;letter-spacing:1px;margin-bottom:4px}.q-room-code-row{display:flex;align-items:center;gap:10px}.q-room-code{font-family:Space Grotesk,monospace;font-size:14px;color:#e2e8f0;letter-spacing:2px}.q-copy-btn{background:none;border:none;border-left:1px solid rgba(148,163,184,.15);color:#64748b;padding:2px 0 2px 10px;cursor:pointer;transition:color .2s;display:flex;align-items:center;font-size:14px}.q-copy-btn:hover{color:#f8fafc}.q-settings-btn{background:none;border:none;color:#64748b;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s;font-size:18px}.q-settings-btn:hover{color:#f8fafc}.q-main{flex:1;display:flex;justify-content:space-between;align-items:center;padding:0}.q-hud-left,.q-hud-right{display:flex;flex-direction:column;gap:80px;width:220px}.q-player-card{position:relative;padding:24px 20px;display:flex;flex-direction:column;align-items:center}.q-player-corner-tl,.q-player-corner-tr,.q-player-corner-bl,.q-player-corner-br{position:absolute;width:8px;height:8px;border:1px solid rgba(148,163,184,.5)}.q-player-corner-tl{top:0;left:0;border-right:none;border-bottom:none}.q-player-corner-tr{top:0;right:0;border-left:none;border-bottom:none}.q-player-corner-bl{bottom:0;left:0;border-right:none;border-top:none}.q-player-corner-br{bottom:0;right:0;border-left:none;border-top:none}.q-player-num{position:absolute;top:-10px;left:-10px;width:20px;height:20px;border-radius:50%;border:1px solid rgba(148,163,184,.4);background:#0b1320;display:flex;align-items:center;justify-content:center;font-size:10px;color:#94a3b8}.q-player-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid rgba(148,163,184,.3);margin-bottom:16px}.q-player-avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2)}.q-player-name{font-family:Space Grotesk,sans-serif;font-size:14px;letter-spacing:2px;color:#e2e8f0;text-transform:uppercase;margin-bottom:16px}.q-player-walls{display:flex;align-items:center;gap:12px}.q-walls-label{font-size:11px;color:#64748b}.q-walls-blocks{display:flex;gap:4px}.q-wall-block{width:6px;height:16px;background:#475569;border-radius:1px}.q-walls-count{font-family:Space Grotesk,monospace;font-size:16px;color:#e2e8f0}.q-footer{display:flex;justify-content:space-between;align-items:center;height:60px}.q-footer-actions{display:flex;gap:16px;width:220px}.q-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:none;color:#64748b;cursor:pointer;transition:color .2s}.q-action-btn:hover{color:#f8fafc}.q-action-btn svg{font-size:18px}.q-action-btn span{font-size:10px;letter-spacing:1px}.q-action-btn--active{color:#d2c3aa!important;border-bottom:1px solid rgba(210,195,170,.5);padding-bottom:2px}.q-action-btn--disabled{opacity:.3;cursor:not-allowed!important;pointer-events:none}.q-illegal-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:#aa665526;border:1px solid rgba(170,102,85,.5);color:#c87;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;letter-spacing:3px;padding:10px 24px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:q-toast-in-out 1.8s ease forwards;pointer-events:none}@keyframes q-toast-in-out{0%{opacity:0;transform:translate(-50%,calc(-50% - 6px))}12%{opacity:1;transform:translate(-50%,-50%)}75%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% + 4px))}}.q-wall-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:100;background:#0b1320b3;border:1px solid rgba(148,163,184,.15);color:#64748b;font-family:Inter,sans-serif;font-size:11px;letter-spacing:1px;padding:8px 18px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:q-hint-fade 4s ease forwards;pointer-events:none;white-space:nowrap}.q-wall-hint span{color:#d2c3aa;font-family:Space Grotesk,monospace;font-weight:500}@keyframes q-hint-fade{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.q-footer-spacer{flex:1}.qs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#02040ceb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:qs-fade-in .2s ease-out}@keyframes qs-fade-in{0%{opacity:0}to{opacity:1}}.qs-shell{position:relative;width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;overflow:hidden;animation:qs-fade-in .2s ease-out}@keyframes qs-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.qs-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#111620;background-image:radial-gradient(ellipse at 80% 10%,rgba(45,65,95,.25),transparent 60%),radial-gradient(ellipse at 15% 75%,rgba(35,50,75,.2),transparent 50%),radial-gradient(circle at 50% 50%,rgba(20,30,45,.15),transparent 70%);padding:42px 0 28px;z-index:0}.qs-bg:before{content:"";position:absolute;top:0;right:0;width:60%;height:50%;background:repeating-linear-gradient(-35deg,transparent,transparent 14px,rgba(50,55,65,.05) 14px,rgba(50,55,65,.05) 15px);pointer-events:none;mask-image:radial-gradient(ellipse at 100% 0%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 30%,transparent 75%)}.qs-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.6;pointer-events:none}.qs-blueprint-svg{position:absolute;bottom:0;left:0;width:260px;height:260px;pointer-events:none;z-index:0;opacity:.7;-webkit-mask-image:radial-gradient(ellipse at 30% 100%,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 85%)}@keyframes qsDrawLine{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}@keyframes qsRotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes qsRotateSlowReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes qsPulse{0%,to{opacity:.3}50%{opacity:.8}}.qs-bp-line{stroke:#5b759a;fill:none;stroke-width:.8}.qs-bp-anim-draw{stroke-dasharray:2000;stroke-dashoffset:2000;animation:qsDrawLine 15s cubic-bezier(.2,.8,.2,1) forwards}.qs-bp-ring-cw{transform-origin:center;animation:qsRotateSlow 60s linear infinite}.qs-bp-ring-ccw{transform-origin:center;animation:qsRotateSlowReverse 45s linear infinite}.qs-bp-text{fill:#4b6085;font-family:Space Grotesk,monospace;font-size:8px;animation:qsPulse 3s ease-in-out infinite}.qs-bg-brand{padding:0 40px;margin-bottom:36px;display:flex;flex-direction:column;align-items:flex-start}.qs-brand-title{font-family:Cinzel,Playfair Display,Georgia,serif;font-size:20px;font-weight:500;letter-spacing:5px;color:#fff;margin:0;line-height:1.2}.qs-brand-subtitle{font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:6px;color:#8aa1b880;display:flex;align-items:center;justify-content:flex-start;width:100%;gap:8px;margin-top:8px;margin-left:2px}.qs-brand-subtitle:before,.qs-brand-subtitle:after{content:"";height:1px;width:28px;flex:none;background:#8aa1b826}.qs-bg-label{font-family:Inter,sans-serif;font-size:10px;font-weight:500;letter-spacing:1.5px;color:#4a5568;padding:0 40px;margin-bottom:12px;text-transform:uppercase}.qs-bg-nav{display:flex;flex-direction:column;gap:18px;padding:0 24px;width:240px}.qs-nav-item{display:flex;align-items:center;gap:14px;padding:11px 16px;border:none;background:transparent;color:#6b7a92;font-family:Inter,sans-serif;font-size:14.5px;font-weight:400;cursor:pointer;border-radius:8px;transition:all .15s ease;text-align:left}.qs-nav-item svg{font-size:18px;flex-shrink:0}.qs-nav-item:hover{color:#a0acbc;background:#3c5a8c14}.qs-nav-item--active{color:#e0e6f0;background:#23324b66;border:1px solid rgba(80,100,130,.15);border-radius:8px;box-shadow:inset 0 2px 10px #00000026}.qs-nav-item--active svg{color:#8aafc8}.qs-panel{position:absolute;top:20px;bottom:20px;left:276px;right:40px;display:flex;background:#141a24;background-image:radial-gradient(ellipse at 70% 30%,rgba(45,65,95,.2),transparent 60%);border:1px solid rgba(80,100,130,.06);border-radius:12px;overflow:hidden;box-shadow:0 16px 64px #00000073,0 0 0 1px #3c507808;z-index:2}.qs-content{flex:1;padding:24px 56px 90px;overflow-y:auto;display:flex;flex-direction:column}.qs-content::-webkit-scrollbar{width:3px}.qs-content::-webkit-scrollbar-track{background:transparent}.qs-content::-webkit-scrollbar-thumb{background:#506ea02e;border-radius:4px}.qs-page-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:400;color:#e0e5ee;margin:0 0 6px;letter-spacing:.3px}.qs-page-subtitle{font-family:Inter,sans-serif;font-size:14px;color:#6b7a90;margin:0 0 26px;font-weight:400}.qs-section-label{font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:2px;color:#566478;text-transform:uppercase;margin-bottom:10px}.qs-theme-cards{display:flex;gap:14px;margin-bottom:20px}.qs-theme-card{flex:1;background:#10141aa6;border:1px solid rgba(80,90,110,.12);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;padding:0;text-align:left;position:relative}.qs-theme-card:hover{border-color:#5078aa40}.qs-theme-card--selected{border:1.5px solid rgba(100,160,200,.4);box-shadow:0 0 24px #64a0c80f}.qs-theme-img-wrap{position:relative;width:100%;height:125px;overflow:hidden}.qs-theme-img{width:100%;height:100%;object-fit:cover;display:block}.qs-theme-check{position:absolute;top:8px;right:8px;width:22px;height:22px;background:#508cbed9;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #508cbe4d}.qs-theme-check svg{width:12px;height:12px}.qs-theme-card--disabled{cursor:not-allowed;border-color:#3c465a1a}.qs-theme-card--disabled .qs-theme-img{opacity:.35;filter:grayscale(100%)}.qs-theme-card--disabled .qs-theme-name{color:#5a6b82}.qs-theme-coming-soon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#10141a66;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#8aafc8;border-radius:10px 10px 0 0}.qs-theme-lock{font-size:14px;margin-bottom:2px}.qs-theme-info{padding:12px 14px 14px}.qs-theme-name{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#ccd4e0}.qs-dropdowns-row{display:flex;background:#12161e8c;border:1px solid rgba(80,90,110,.12);border-radius:10px;margin-bottom:20px;overflow:visible;padding:0;flex-shrink:0}.qs-dropdown{flex:1;display:flex;align-items:center;gap:16px;padding:12px 18px;cursor:pointer;transition:background .15s ease;border-radius:9px}.qs-dropdown:hover{background:#506ea00d}.qs-dropdown-icon{font-size:18px;color:#566478;flex-shrink:0}.qs-dropdown-text{flex:1;display:flex;flex-direction:column;gap:2px}.qs-dropdown-label{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#ccd4e0}.qs-dropdown-value{font-family:Inter,sans-serif;font-size:12px;color:#6b7a90}.qs-dropdown-chevron{font-size:16px;color:#566478;flex-shrink:0}.qs-dropdown-divider{width:1px;background:#5064871a;align-self:stretch}.qs-toggles{display:flex;flex-direction:column;margin-bottom:20px}.qs-toggles--card{background:#12161e8c;border:1px solid rgba(80,90,110,.12);border-radius:10px;padding:0 18px}.qs-toggle-row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(80,100,135,.07)}.qs-toggles--card .qs-toggle-row{gap:16px;padding:18px 0}.qs-toggle-row:last-child{border-bottom:none}.qs-toggle-icon-wrap{width:38px;height:38px;border-radius:10px;background:#161c26b3;border:1px solid rgba(80,90,110,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qs-toggle-icon{font-size:17px;color:#6b7a8e;flex-shrink:0}.qs-toggle-text{flex:1;display:flex;flex-direction:column;gap:2px}.qs-toggle-label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#ccd4e0}.qs-toggle-desc{font-family:Inter,sans-serif;font-size:12px;color:#566478}.qs-switch{position:relative;width:44px;height:24px;border-radius:12px;border:none;background:#283448;cursor:pointer;padding:0;flex-shrink:0;transition:background .2s ease}.qs-switch--on{background:#4a90b8}.qs-switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#e0e5ee;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.qs-switch--on .qs-switch-knob{transform:translate(20px)}.qs-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 56px;background:#141a24;border-top:1px solid rgba(80,100,130,.15);z-index:10}.qs-reset-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#5a6b82;cursor:pointer;padding:4px 0;margin-left:6px;transition:color .15s ease;font-family:Inter,sans-serif;text-align:left}.qs-reset-btn:hover{color:#8aafc8}.qs-reset-icon{font-size:15px;flex-shrink:0}.qs-reset-label{font-size:12.5px;font-weight:500;display:block;color:inherit}.qs-footer-btns{display:flex;gap:12px}.qs-btn-close{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#6b7a92;background:#141e3280;border:1px solid rgba(60,80,110,.2);border-radius:8px;padding:10px 28px;cursor:pointer;transition:all .15s ease}.qs-btn-close:hover{color:#b0bccc;border-color:#3c506e59}.qs-btn-apply{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#d0d8e4;background:#32466480;border:1px solid rgba(70,100,140,.25);border-radius:8px;padding:10px 28px;cursor:pointer;transition:all .15s ease}.qs-btn-apply:hover{background:#3c557899;color:#e8edf4}.qs-placeholder{flex:1;display:flex;flex-direction:column}.qs-dropdown--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.qs-segment-row{display:flex;gap:0;background:#12161e8c;border:1px solid rgba(80,90,110,.12);border-radius:10px;margin-bottom:20px;overflow:hidden;min-height:44px;flex-shrink:0}.qs-segment-btn{flex:1 1 50%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;color:#6b7a90;transition:all .2s ease;min-width:0}.qs-segment-btn:first-child{border-right:1px solid rgba(80,100,135,.1)}.qs-segment-btn:hover{background:#506ea00d;color:#a0acbc}.qs-segment-btn--active{background:#32466440;color:#e0e5ee;box-shadow:inset 0 1px 8px #00000026}.qs-segment-btn--active .qs-segment-icon{color:#8aafc8}.qs-segment-icon{font-size:16px;color:#566478;flex-shrink:0}.qs-slider-wrap{display:flex;align-items:center;gap:16px;flex:2;min-width:140px}.qs-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;width:100%;height:4px;border-radius:2px;background:#283448;outline:none;cursor:pointer}.qs-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#4a90b8;border:2px solid #E0E5EE;box-shadow:0 1px 4px #0000004d;cursor:pointer;transition:background .15s ease}.qs-slider::-webkit-slider-thumb:hover{background:#5ba0c8}.qs-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4a90b8;border:2px solid #E0E5EE;box-shadow:0 1px 4px #0000004d;cursor:pointer}.qs-slider-val{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#6ba6cd;width:36px;text-align:right}.qs-about-card{background:#12161e8c;border:1px solid rgba(80,90,110,.12);border-radius:10px;margin-bottom:20px;overflow:hidden}.qs-about-row{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(80,100,135,.07)}.qs-about-row:last-child{border-bottom:none}.qs-about-icon{font-size:17px;color:#6b7a8e;flex-shrink:0;margin-top:2px}.qs-about-text{flex:1;display:flex;flex-direction:column;gap:4px}.qs-about-title{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#ccd4e0}.qs-about-desc{font-family:Inter,sans-serif;font-size:12px;color:#566478;line-height:1.5}.qs-about-version{color:#8aafc8;font-weight:600}.qs-keybind-list{background:#12161e8c;border:1px solid rgba(80,90,110,.12);border-radius:10px;overflow:hidden;margin-bottom:20px}.qs-keybind-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(80,100,135,.07)}.qs-keybind-row:last-child{border-bottom:none}.qs-keybind-left{display:flex;align-items:center;gap:14px}.qs-keybind-icon{font-size:17px;color:#566478;flex-shrink:0}.qs-keybind-action{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#ccd4e0}.qs-keybind-right{display:flex;align-items:center;gap:12px;cursor:pointer}.qs-keybind-value{font-family:Inter,sans-serif;font-size:12px;color:#8aafc8}.qs-keybind-chevron{font-size:16px;color:#566478}.qs-keybind-key{font-family:Space Grotesk,Inter,monospace;font-size:11px;font-weight:600;color:#8aafc8;background:transparent;border:1px solid rgba(80,100,135,.3);border-radius:6px;padding:6px 14px;cursor:pointer;transition:all .15s ease;letter-spacing:.5px;min-width:50px;text-align:center}.qs-keybind-key:hover{background:#506ea01a;border-color:#6496c866;color:#b0d0e8}.not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl)}.not-found__content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-2xl);border-radius:var(--radius-2xl);background:var(--color-glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-glass-border);max-width:440px;width:100%;overflow:hidden}.not-found__orb{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:var(--gradient-primary);opacity:.12;filter:blur(50px);animation:float 6s ease-in-out infinite;pointer-events:none}.not-found__code{font-size:5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.04em;line-height:1;margin-bottom:var(--spacing-sm)}.not-found__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);letter-spacing:var(--letter-spacing-tight)}.not-found__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-xl);max-width:280px}.not-found__actions{display:flex;gap:var(--spacing-sm)}.not-found__btn{padding:.6rem 1.4rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.not-found__btn:hover{transform:translateY(-1px)}.not-found__btn--primary{background:var(--gradient-primary);color:#fff}.not-found__btn--primary:hover{opacity:.9}.not-found__btn--ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-glass-border)}.not-found__btn--ghost:hover{background:var(--color-glass-bg-subtle);color:var(--color-text-primary)}:root{--color-bg-primary: #050810;--color-bg-secondary: #0c1220;--color-bg-tertiary: #151d2e;--color-glass-bg: rgba(20, 30, 48, .75);--color-glass-bg-subtle: rgba(20, 30, 48, .5);--color-glass-border: rgba(255, 255, 255, .08);--color-glass-border-hover: rgba(255, 255, 255, .15);--color-glass-highlight: rgba(255, 255, 255, .03);--color-glass-bg-card: rgba(15, 20, 35, .65);--color-glass-border-card: rgba(255, 255, 255, .07);--color-primary: #7c7fff;--color-primary-light: #a5a8ff;--color-primary-dark: #5b5eff;--color-primary-glow: rgba(124, 127, 255, .4);--color-secondary: #9f8fff;--color-accent: #ff8a5b;--color-accent-light: #ffab8a;--color-text-primary: #f4f4f7;--color-text-secondary: #a1a8b8;--color-text-tertiary: #6b7280;--color-text-muted: #4b5563;--color-success: #34d399;--color-success-light: #6ee7b7;--color-success-glow: rgba(52, 211, 153, .3);--color-error: #f87171;--color-error-light: #fca5a5;--color-error-glow: rgba(248, 113, 113, .3);--color-warning: #fbbf24;--color-info: #60a5fa;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-primary-hover: linear-gradient(135deg, #7c7fff 0%, #9f8fff 50%, #b5a3ff 100%);--gradient-accent: linear-gradient(135deg, #ff8a5b 0%, #ffab8a 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%);--gradient-bg: radial-gradient(ellipse at top, #151d2e 0%, #0c1220 40%, #050810 100%);--gradient-shine: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .1) 50%, transparent 100%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.5rem;--letter-spacing-tight: -.02em;--letter-spacing-normal: -.01em;--letter-spacing-wide: .02em;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .25), 0 8px 16px rgba(0, 0, 0, .15);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .3), 0 12px 24px rgba(0, 0, 0, .2);--shadow-glow: 0 0 24px var(--color-primary-glow);--shadow-glow-lg: 0 0 48px var(--color-primary-glow);--shadow-glow-success: 0 0 24px var(--color-success-glow);--shadow-glow-error: 0 0 24px var(--color-error-glow);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .2);--shadow-inner-glow: inset 0 1px 0 rgba(255, 255, 255, .05);--glass-blur: 24px;--glass-blur-subtle: 12px;--glass-saturate: 150%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .4s cubic-bezier(.22, 1, .36, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);background:var(--gradient-bg);background-attachment:fixed;min-height:100vh}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.glass{background:var(--color-glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--color-glass-border);border-radius:var(--radius-xl)}.glass-subtle{background:var(--color-glass-bg-subtle);backdrop-filter:blur(var(--glass-blur-subtle));-webkit-backdrop-filter:blur(var(--glass-blur-subtle))}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes glow{0%,to{opacity:.6;filter:blur(60px)}50%{opacity:.8;filter:blur(80px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}.animate-fade-in{animation:fadeIn .5s var(--transition-smooth) forwards}.animate-slide-up{animation:slideUp .5s var(--transition-smooth) forwards}.animate-pulse{animation:pulse 2.5s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow 6s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--color-bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.input-container .input-field:focus,.input-container .input-field:focus-visible{outline:none!important}::selection{background:var(--color-primary);color:#fff}