.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border-primary);border-left:4px solid var(--accent-primary);box-shadow:var(--shadow-lg);cursor:pointer;-webkit-backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:12px;min-width:280px;max-width:360px;padding:12px 16px;transition:transform .2s,box-shadow .2s;animation:.35s cubic-bezier(.2,1,.3,1) forwards slideInBottom;display:flex}.toast:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000004d}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-avatar{object-fit:cover;border:2px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:40px;height:40px}.toast-content{flex:1;min-width:0}.toast-title{color:var(--text-primary);margin-bottom:4px;font-size:.9em;font-weight:800}.toast-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85em;line-height:1.4;overflow:hidden}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.toast-close:hover{color:var(--text-primary)}.toast-info{border-left-color:var(--color-info)}.toast-success{border-left-color:var(--color-success)}.toast-warn{border-left-color:var(--color-warning)}.toast-error{border-left-color:var(--color-danger)}.toast-mention{border-left-color:var(--accent-primary);border:1px solid #c08a3e4d;border-left:4px solid var(--accent-primary);background:#c08a3e1a}.pg-overlay{z-index:9999;background:var(--bg-primary);background-image:radial-gradient(circle at 50% 30%, var(--bg-elevated) 0%, var(--bg-primary) 70%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pg-card{background:var(--bg-card);border:1px solid var(--border-primary);text-align:center;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:32px 28px;animation:.25s ease-out pg-fade-in;display:flex;box-shadow:0 20px 40px #00000073}@keyframes pg-fade-in{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.pg-icon-wrapper{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:52px;height:52px;color:var(--accent-primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.pg-badge{text-transform:uppercase;letter-spacing:.08em;background:var(--accent-subtle);color:var(--accent-primary);border-radius:20px;margin-bottom:12px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.pg-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:1.45rem;font-weight:700}.pg-description{color:var(--text-secondary);margin:0 0 24px;font-size:.9rem;line-height:1.45}.pg-form{flex-direction:column;gap:14px;width:100%;display:flex}.pg-input-wrapper{width:100%}.pg-input{width:100%;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);box-sizing:border-box;text-align:center;letter-spacing:.05em;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.pg-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-subtle)}.pg-input-error{animation:.3s pg-shake;border-color:var(--color-danger)!important}@keyframes pg-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.pg-error-message{color:var(--color-danger);margin-top:-4px;font-size:.82rem}.pg-btn{cursor:pointer;border-radius:10px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:600}.pg-footer-note{color:var(--text-muted);margin-top:20px;font-size:.78rem}.nav-bell{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.nav-bell:hover,.nav-bell.active{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.nav-badge{background:var(--color-danger);color:var(--text-primary);border:2px solid var(--text-on-accent);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 5px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.notifications-dropdown{background:var(--bg-card);border:1px solid var(--border-primary);z-index:1000;transform-origin:100% 0;border-radius:12px;flex-direction:column;width:380px;max-width:calc(100vw - 20px);max-height:500px;animation:.2s cubic-bezier(.16,1,.3,1) forwards slideDownFade;display:flex;position:absolute;top:calc(100% + 10px);right:60px;overflow:hidden;box-shadow:0 10px 40px #00000026,0 4px 10px #0000000d}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notifications-header{border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.notifications-header h3{font-size:1rem;font-family:var(--font-display);color:var(--text-primary);margin:0}.btn-mark-all{color:var(--color-success);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:500;transition:background .1s}.btn-mark-all:hover{background:#3b82f61a}.notifications-list{flex:1;max-height:400px;overflow-y:auto}.notifications-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:.5rem;padding:3rem 2rem;font-size:.95rem;display:flex}.notification-item{border-bottom:1px solid var(--border-primary);background:var(--bg-card);cursor:pointer;gap:1rem;padding:1rem 1.25rem;transition:background .2s;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:var(--bg-hover)}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-info{background:var(--status-info-subtle);color:var(--status-info)}.icon-success{background:var(--status-success-subtle);color:var(--status-success)}.icon-warning{background:var(--status-warning-subtle);color:var(--status-warning)}.icon-error{color:var(--color-danger);background:#ef444426}.icon-reward{background:var(--status-reward-subtle);color:var(--status-reward)}.notification-content{flex:1;min-width:0}.notification-top{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.notification-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.notification-time{color:var(--text-secondary);flex-shrink:0;font-size:.75rem}.notification-desc{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.notification-delete{color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:opacity .2s,color .2s}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{color:var(--color-danger);background:#e11d481a}.unread-indicator{background:var(--color-success);width:3px;position:absolute;top:0;bottom:0;left:0}#profile-modal-overlay{z-index:9999;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(var(--radius-md));opacity:0;padding:var(--space-xl) var(--space-sm);justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0;overflow-y:auto}#profile-modal-overlay.visible{opacity:1}.pm-card{background:color-mix(in srgb, var(--bg-card) 75%, transparent);width:520px;max-width:100%;-webkit-backdrop-filter:blur(var(--radius-xl));border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);box-shadow:var(--shadow-lg), 0 0 var(--space-xxl) color-mix(in srgb, var(--status-reward) 12%, transparent);transform:scale(.95) translateY(var(--space-md));color:var(--text-primary);margin:auto;transition:transform .3s cubic-bezier(.34,1.4,.64,1),opacity .3s;position:relative;overflow:visible}#profile-modal-overlay.visible .pm-card{transform:scale(1)translateY(0)}.pm-x{top:var(--space-sm);right:var(--space-sm);z-index:20;background:color-mix(in srgb, var(--bg-primary) 60%, transparent);border:1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);color:color-mix(in srgb, var(--text-primary) 50%, transparent);cursor:pointer;width:28px;height:28px;-webkit-backdrop-filter:blur(var(--radius-sm));backdrop-filter:blur(var(--radius-sm));border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}.pm-x:hover{background:color-mix(in srgb, var(--text-primary) 15%, transparent);color:var(--text-primary)}.pm-banner{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;height:120px;position:relative;overflow:hidden}.pm-banner:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--bg-primary) 20%, transparent) 0%, transparent 40%, color-mix(in srgb, var(--bg-primary) 40%, transparent) 100%);position:absolute;inset:0}.pm-banner.pm-banner-img{background-position:50%!important;background-size:cover!important}.pm-header{padding:0 var(--space-xl);justify-content:center;margin-top:-50px;display:flex;position:relative}.pm-av-wrap{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.pm-av{object-fit:cover;border:5px solid var(--bg-card);background:var(--bg-elevated);width:100px;height:100px;box-shadow:var(--shadow-md);border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.pm-av:hover{transform:scale(1.06)}.pm-av-fb{color:var(--text-primary);border:5px solid var(--bg-card);background:var(--bg-elevated);width:100px;height:100px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:2.2em;font-weight:800;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.pm-av-fb:hover{transform:scale(1.06)}.pm-av-status{bottom:var(--space-xs);right:var(--space-xs);border:4px solid var(--bg-card);width:18px;height:18px;box-shadow:var(--shadow-sm);z-index:2;border-radius:50%;position:absolute}.pm-status-online{animation:2s ease-in-out infinite onlinePulse}.pm-status-playing{animation:2s ease-in-out infinite playingPulse}@keyframes onlinePulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 70%, transparent);transform:scale(1)}50%{box-shadow:0 0 6px 3px color-mix(in srgb, var(--color-success) 40%, transparent);transform:scale(1.08)}}@keyframes playingPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-warning) 70%, transparent);transform:scale(1)}50%{box-shadow:0 0 6px 3px color-mix(in srgb, var(--color-warning) 40%, transparent);transform:scale(1.08)}}.pm-glow{--glow-color:var(--status-reward)}.pm-glow .pm-av,.pm-glow .pm-av-fb{border-color:var(--glow-color)}.pm-glow-pulse .pm-av,.pm-glow-pulse .pm-av-fb{box-shadow:0 0 var(--space-md) var(--glow-color), 0 0 var(--space-xl) color-mix(in srgb, var(--glow-color) 40%, transparent);animation:2.5s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{box-shadow:0 0 var(--space-md) var(--glow-color), 0 0 var(--space-xl) color-mix(in srgb, var(--glow-color) 40%, transparent)}50%{box-shadow:0 0 var(--space-xl) var(--glow-color), 0 0 var(--space-xxl) color-mix(in srgb, var(--glow-color) 50%, transparent)}}.pm-glow-rainbow .pm-av,.pm-glow-rainbow .pm-av-fb{animation:4s linear infinite glowRainbow}@keyframes glowRainbow{0%{box-shadow:0 0 var(--space-lg) red, 0 0 var(--space-xxl) #ff00004d;border-color:red}17%{box-shadow:0 0 var(--space-lg) #f80, 0 0 var(--space-xxl) #ff88004d;border-color:#f80}33%{box-shadow:0 0 var(--space-lg) #ff0, 0 0 var(--space-xxl) #ffff004d;border-color:#ff0}50%{box-shadow:0 0 var(--space-lg) #0f0, 0 0 var(--space-xxl) #00ff004d;border-color:#0f0}67%{box-shadow:0 0 var(--space-lg) #08f, 0 0 var(--space-xxl) #0088ff4d;border-color:#08f}83%{box-shadow:0 0 var(--space-lg) #80f, 0 0 var(--space-xxl) #8800ff4d;border-color:#80f}to{box-shadow:0 0 var(--space-lg) red, 0 0 var(--space-xxl) #ff00004d;border-color:red}}.pm-glow-static .pm-av,.pm-glow-static .pm-av-fb{box-shadow:0 0 var(--space-lg) var(--glow-color), 0 0 var(--space-xxl) color-mix(in srgb, var(--glow-color) 35%, transparent)}.pm-identity-zone{padding:var(--space-md) var(--space-xl) 0;text-align:center;flex-direction:column;align-items:center;display:flex}.pm-name-row{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.pm-name{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.55em;font-weight:800;line-height:1.2}.pm-uname{color:var(--text-muted);font-size:.85em;font-weight:500}.pm-role-badges{justify-content:center;gap:var(--space-xs);margin:var(--space-sm) 0;flex-wrap:wrap;display:flex}.pm-rbadge{border-radius:var(--radius-full);letter-spacing:.02em;cursor:default;text-shadow:0 1px 2px #0003;border:1px solid #0000;align-items:center;padding:.25em .75em;font-size:.68em;font-weight:700;transition:all .2s;display:inline-flex}.pm-rbadge:hover{box-shadow:var(--shadow-sm);filter:brightness(1.1);transform:translateY(-1px)}.pm-badge-owner{background:color-mix(in srgb, var(--status-reward) 15%, transparent);color:var(--accent-purple);border-color:color-mix(in srgb, var(--status-reward) 30%, transparent)}.pm-badge-developer{background:color-mix(in srgb, var(--brand-youtube) 15%, transparent);color:var(--brand-youtube);border-color:color-mix(in srgb, var(--brand-youtube) 30%, transparent)}.pm-badge-staff{background:color-mix(in srgb, var(--status-info) 15%, transparent);color:var(--status-info);border-color:color-mix(in srgb, var(--status-info) 30%, transparent)}.pm-badge-mod{background:color-mix(in srgb, var(--status-success) 15%, transparent);color:var(--status-success);border-color:color-mix(in srgb, var(--status-success) 30%, transparent)}.pm-badge-partner{background:color-mix(in srgb, var(--status-reward) 15%, transparent);color:var(--accent-purple);border-color:color-mix(in srgb, var(--status-reward) 30%, transparent)}.pm-badge-discord{background:color-mix(in srgb, var(--brand-discord) 15%, transparent);color:var(--brand-discord);border-color:color-mix(in srgb, var(--brand-discord) 30%, transparent)}.pm-badge-gce{background:color-mix(in srgb, var(--accent-green) 15%, transparent);color:var(--accent-green);border-color:color-mix(in srgb, var(--accent-green) 30%, transparent)}.pm-badge-verified{background:color-mix(in srgb, var(--status-success) 15%, transparent);color:var(--status-success);border-color:color-mix(in srgb, var(--status-success) 30%, transparent)}.pm-badge-vip{background:color-mix(in srgb, var(--brand-youtube) 15%, transparent);color:var(--brand-youtube);border-color:color-mix(in srgb, var(--brand-youtube) 30%, transparent)}.pm-badge-early{background:color-mix(in srgb, var(--accent-orange-text) 15%, transparent);color:var(--accent-orange-text);border-color:color-mix(in srgb, var(--accent-orange-text) 30%, transparent)}.pm-badge-translator{background:color-mix(in srgb, var(--accent-gold-text) 15%, transparent);color:var(--accent-gold-text);border-color:color-mix(in srgb, var(--accent-gold-text) 30%, transparent)}.pm-bio{color:var(--text-secondary);margin:var(--space-sm) 0;padding:0 var(--space-md);max-width:440px;font-size:.88em;line-height:1.6}.pm-bio-empty{font-style:italic;color:var(--text-muted)!important}.pm-actions-row{gap:var(--space-xs);margin-top:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.pm-act{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);padding:.5em 1em;font-family:inherit;font-size:.75em;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pm-act:hover{background:var(--bg-active);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1.5px)}.pm-act:active{transform:translateY(0)}.pm-act-add,.pm-act-accept{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:#0000}.pm-act-add:hover,.pm-act-accept:hover{background:var(--btn-primary-hover);color:var(--btn-primary-text)}.pm-act-msg{background:color-mix(in srgb, var(--brand-discord) 15%, transparent);color:var(--brand-discord);border-color:color-mix(in srgb, var(--brand-discord) 30%, transparent)}.pm-act-msg:hover{background:color-mix(in srgb, var(--brand-discord) 25%, transparent);color:#fff;border-color:var(--brand-discord)}.pm-act-rm,.pm-act-reject{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 30%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.pm-act-rm:hover,.pm-act-reject:hover{background:var(--color-danger);color:#fff;border-color:#0000}.pm-act-more{padding:.5em var(--space-sm)}.pm-pending{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent-gold-text) 12%, transparent);color:var(--accent-gold-text);border:1px solid color-mix(in srgb, var(--accent-gold-text) 25%, transparent);padding:.4em .8em;font-size:.68em;font-weight:600}.pm-socials{gap:var(--space-sm);padding:0 var(--space-xl);margin-top:var(--space-xs);margin-bottom:var(--space-md);justify-content:center;display:flex}.pm-social-link{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);background:color-mix(in srgb, var(--bg-card) 40%, transparent);border:1px solid var(--border-subtle);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:visible}.pm-social-link:hover{color:#fff;box-shadow:var(--shadow-md);transform:scale(1.1)translateY(-2px)}.pm-social-link svg{width:15px;height:15px}.pm-social-x:hover{background:color-mix(in srgb, var(--text-primary) 10%, transparent);border-color:var(--border-strong);color:var(--text-primary)}.pm-social-dc:hover{background:color-mix(in srgb, var(--brand-discord) 25%, transparent);border-color:color-mix(in srgb, var(--brand-discord) 50%, transparent);color:var(--brand-discord)}.pm-social-tw:hover{background:color-mix(in srgb, var(--brand-twitch) 25%, transparent);border-color:color-mix(in srgb, var(--brand-twitch) 50%, transparent);color:var(--brand-twitch)}.pm-social-yt:hover{background:color-mix(in srgb, var(--brand-youtube) 20%, transparent);border-color:color-mix(in srgb, var(--brand-youtube) 40%, transparent);color:var(--brand-youtube)}.pm-social-tooltip{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-md);padding:.3em .6em;font-size:.65em;font-weight:600;transition:all .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)scale(.9)}.pm-social-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--border-strong);position:absolute;top:100%;left:50%;transform:translate(-50%)}.pm-social-link:hover .pm-social-tooltip{opacity:1;transform:translate(-50%)scale(1)}.pm-tabs{background:color-mix(in srgb, var(--bg-input) 80%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:var(--space-xs);margin:0 var(--space-xl) var(--space-md);gap:var(--space-xs);display:flex}.pm-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:var(--radius-full);text-align:center;background:0 0;border:none;flex:1;padding:.6em 1.1em;font-family:inherit;font-size:.78em;font-weight:600;transition:all .2s}.pm-tab:hover{color:var(--text-secondary);background:color-mix(in srgb, var(--bg-hover) 80%, transparent)}.pm-tab.active{color:var(--text-inverse);background:var(--accent-primary);box-shadow:var(--shadow-sm);font-weight:700}.pm-info-panel{margin:0 var(--space-xl) var(--space-md);background:0 0;border:none;overflow:visible}.pm-status-row{align-items:center;gap:var(--space-sm);padding:.5em var(--space-xs);margin-bottom:var(--space-sm);font-size:.72em;display:flex}.pm-status-pill{align-items:center;gap:var(--space-xs);font-weight:600;display:inline-flex}.pm-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pm-member-since{color:var(--text-muted);margin-left:auto;font-weight:500}.pm-stats-row{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.pm-stat{padding:var(--space-md) var(--space-xs);text-align:center;background:color-mix(in srgb, var(--bg-card) 60%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s}.pm-stat:hover{background:color-mix(in srgb, var(--bg-hover) 80%, transparent);border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pm-stat-value{color:var(--text-primary);font-size:1.1em;font-weight:800;line-height:1.2;display:block}.pm-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:var(--space-xs);font-size:.58em;font-weight:700;display:block}.pm-level-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:color-mix(in srgb, var(--bg-input) 40%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex}.pm-level-tag{color:var(--text-on-accent);background:linear-gradient(135deg, var(--accent-gold-text) 0%, var(--status-reward) 100%);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);text-shadow:0 1px 2px #0000004d;flex-shrink:0;padding:.25em .65em;font-size:.68em;font-weight:800}.pm-xpbar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--text-primary) 8%, transparent);flex:1;height:6px;position:relative;overflow:hidden}.pm-xpfill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--accent-gold-text) 0%, var(--status-reward) 100%);height:100%;position:relative}.pm-xpfill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2.5s linear infinite xpShimmer;position:absolute;inset:0}@keyframes xpShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pm-xp-text{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.58em;font-weight:600}.pm-rank-block{text-align:center;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-card) 60%, transparent);margin-bottom:var(--space-md)}.pm-rank-tier{color:var(--accent-purple);text-transform:uppercase;letter-spacing:.06em;font-size:.72em;font-weight:800}.pm-rank-details{color:var(--text-muted);margin-top:var(--space-xs);font-size:.56em;display:block}.pm-section{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-subtle)}.pm-section-title{align-items:center;gap:var(--space-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-sm);font-size:.68em;font-weight:800;display:flex}.pm-count{background:color-mix(in srgb, var(--text-primary) 10%, transparent);color:var(--text-primary);border-radius:var(--radius-sm);padding:0 .35em;font-size:.85em;font-weight:600}.pm-best-friends{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.pm-bf{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:color-mix(in srgb, var(--bg-card) 60%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;min-width:64px;box-shadow:var(--shadow-sm);flex-direction:column;transition:all .2s;display:flex}.pm-bf:hover{background:color-mix(in srgb, var(--bg-hover) 80%, transparent);border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pm-bf-av{object-fit:cover;border:2px solid var(--border-subtle);border-radius:50%;width:42px;height:42px}.pm-bf-fb{color:var(--text-primary);border:2px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1em;font-weight:700;display:flex}.pm-bf-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:70px;font-size:.62em;font-weight:600;overflow:hidden}.pm-bf-empty{color:var(--text-muted);padding:var(--space-sm) 0;font-size:.72em;font-style:italic}.pm-ach-grid{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.pm-ach{align-items:center;gap:var(--space-xs);width:60px;padding:var(--space-sm) var(--space-xs);background:color-mix(in srgb, var(--bg-card) 60%, transparent);border-radius:var(--radius-md);cursor:default;border:1px solid var(--border-subtle);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;transition:all .2s;display:flex}.pm-ach:hover{box-shadow:var(--shadow-md);background:color-mix(in srgb, var(--bg-hover) 80%, transparent);border-color:var(--border-strong);transform:translateY(-2px)}.pm-ach-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pm-ach-icon svg{width:20px;height:20px}.pm-ach-label{text-overflow:ellipsis;white-space:nowrap;max-width:56px;font-size:.52em;font-weight:600;line-height:1.2;overflow:hidden}.pm-ach-bronze{border-color:color-mix(in srgb, var(--color-warning) 20%, transparent)}.pm-ach-bronze .pm-ach-icon{background:color-mix(in srgb, var(--color-warning) 15%, transparent)}.pm-ach-bronze .pm-ach-icon svg{stroke:var(--color-warning)}.pm-ach-bronze .pm-ach-label{color:var(--color-warning)}.pm-ach-silver{border-color:color-mix(in srgb, var(--text-secondary) 25%, transparent)}.pm-ach-silver .pm-ach-icon{background:color-mix(in srgb, var(--text-secondary) 15%, transparent)}.pm-ach-silver .pm-ach-icon svg{stroke:var(--text-secondary)}.pm-ach-silver .pm-ach-label{color:var(--text-secondary)}.pm-ach-gold{border-color:color-mix(in srgb, var(--accent-gold-text) 20%, transparent)}.pm-ach-gold .pm-ach-icon{background:color-mix(in srgb, var(--accent-gold-text) 15%, transparent)}.pm-ach-gold .pm-ach-icon svg{stroke:var(--accent-gold-text)}.pm-ach-gold .pm-ach-label{color:var(--accent-gold-text)}.pm-comment-box{gap:var(--space-sm);align-items:flex-end;display:flex;position:relative}.pm-comment-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;resize:none;box-sizing:border-box;outline:none;flex:1;min-height:40px;max-height:100px;padding:.65em .85em;font-size:.78em;transition:all .2s}.pm-comment-input::placeholder{color:var(--text-muted)}.pm-comment-input:focus{border-color:var(--border-focus);background:color-mix(in srgb, var(--bg-input) 85%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 8%, transparent)}.pm-comment-btn{border-radius:var(--radius-md);background:var(--btn-primary-bg);width:40px;height:40px;color:var(--btn-primary-text);cursor:pointer;box-shadow:var(--shadow-sm);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.pm-comment-btn:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1.5px)}.pm-comment-btn:active{transform:translateY(0)}.pm-comment-btn svg{transition:transform .2s}.pm-comment-btn:hover svg{transform:translate(2px,-2px)scale(1.05)}.pm-tab-body{padding:var(--space-md) var(--space-xl);animation:.25s ease-out pmFade}@keyframes pmFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pm-empty{text-align:center;color:var(--text-muted);padding:var(--space-xxl) var(--space-sm);font-size:.78em;font-style:italic}.pm-game-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:color-mix(in srgb, var(--bg-card) 60%, transparent);box-shadow:var(--shadow-sm);transition:all .2s;overflow:hidden}.pm-game-card:hover{border-color:var(--border-strong);background:color-mix(in srgb, var(--bg-hover) 80%, transparent);transform:translateY(-1px)}.pm-game-header{padding:var(--space-sm) var(--space-md);border-bottom:1px dashed var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.pm-game-placement{color:var(--text-muted);background:color-mix(in srgb, var(--text-primary) 8%, transparent);border-radius:var(--radius-sm);padding:.15em .5em;font-size:.65em;font-weight:700}.pm-game-time{color:var(--text-muted);font-size:.62em}.pm-game-info{padding:var(--space-sm) var(--space-md) var(--space-xs)}.pm-game-mode{color:var(--text-primary);font-size:.85em;font-weight:700}.pm-game-stats-row{gap:var(--space-xs);padding:0 var(--space-md) var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.pm-game-stat{background:color-mix(in srgb, var(--bg-input) 40%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-xs);text-align:center}.pm-game-stat-val{color:var(--text-primary);font-size:.9em;font-weight:800;display:block}.pm-game-stat-lbl{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.48em;font-weight:600}.pm-word-rec{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:color-mix(in srgb, var(--bg-card) 60%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s;display:flex}.pm-word-rec:hover{border-color:var(--border-strong);background:color-mix(in srgb, var(--bg-hover) 80%, transparent);transform:translateY(-1px)}.pm-wr-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:60px;font-size:.58em;font-weight:700}.pm-wr-word{color:var(--text-primary);letter-spacing:.03em;flex:1;font-size:.95em;font-weight:800}.pm-wr-pts{color:var(--text-muted);font-size:.65em;font-weight:600}.pm-edit-header{color:var(--text-primary);padding:var(--space-md) var(--space-xl) var(--space-sm);border-bottom:1px solid var(--border-subtle);font-size:1.1em;font-weight:800}.pm-edit-body{padding:var(--space-md) var(--space-xl) var(--space-xl)}.pm-edit-section{margin-bottom:var(--space-md)}.pm-edit-label{align-items:center;gap:var(--space-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs);font-size:.65em;font-weight:700;display:flex}.pm-edit-input{border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;font:inherit;background:var(--bg-input);color:var(--text-primary);box-sizing:border-box;outline:none;padding:.6em .8em;font-size:.78em;transition:all .2s}.pm-edit-input::placeholder{color:var(--text-muted)}.pm-edit-input:focus{border-color:var(--border-focus);background:color-mix(in srgb, var(--bg-input) 85%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 8%, transparent)}.pm-edit-ta{resize:vertical;min-height:80px;line-height:1.5}.pm-edit-hint{color:var(--text-muted);margin-top:var(--space-xs);font-size:.58em;display:block}.pm-banner-picker{gap:var(--space-xs);flex-wrap:wrap;display:flex}.pm-bp{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:48px;height:28px;transition:all .15s}.pm-bp:hover{transform:scale(1.08)}.pm-bp.active{border-color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 30%, transparent)}.pm-ptag{background:linear-gradient(135deg, var(--status-warning), var(--color-danger));color:#fff;border-radius:var(--radius-sm);letter-spacing:.03em;text-shadow:0 1px 1px #0003;padding:.15em .45em;font-size:.72em;font-weight:800}.pm-premium-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.pm-premium-row .pm-edit-input{flex:1}.pm-glow-row{align-items:center;gap:var(--space-sm);display:flex}.pm-cpick{border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-input);width:38px;height:32px;padding:0;transition:all .2s}.pm-cpick:hover{border-color:var(--border-strong)}.pm-edit-sel{border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-primary);font:inherit;cursor:pointer;outline:none;padding:.5em .8em;font-size:.78em;transition:all .2s}.pm-edit-sel:focus{border-color:var(--border-focus)}.pm-range{cursor:pointer;width:100%;accent-color:var(--status-reward);border-radius:var(--radius-full);background:color-mix(in srgb, var(--text-primary) 8%, transparent);height:6px}.pm-edit-srow{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);display:flex}.pm-edit-sicon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-card) 40%, transparent);border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.58em;font-weight:700;display:flex}.pm-edit-srow .pm-edit-input{flex:1}.pm-edit-actions{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}@media (width<=560px){.pm-card{border-radius:var(--radius-md);width:100%}.pm-banner{height:90px}.pm-av,.pm-av-wrap,.pm-av-fb{width:80px;height:80px}.pm-header{margin-top:-40px}.pm-name{font-size:1.25em}.pm-stats-row{grid-template-columns:1fr 1fr}.pm-stat:nth-child(3){border-right:none;border-top:1px solid var(--border-subtle);grid-column:span 2}.pm-socials{flex-wrap:wrap}}*{box-sizing:border-box;font:inherit;margin:0;padding:0}[hidden]{display:none!important}b{font-weight:700}i{font-style:italic}u{text-decoration:underline}a{color:var(--link-color)}body{word-wrap:break-word;overscroll-behavior:contain;background-color:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1.4}p:not(:last-child),ul:not(:last-child){margin-bottom:1em}.section{padding:1em}.section header{margin-bottom:1em;font-weight:700}.line{align-items:center;display:flex}.concealed{visibility:hidden}.box{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:4px;padding:1.5em;transition:transform .2s,box-shadow .2s;position:relative}.box:before{display:none}.box:not(:last-child){margin-bottom:1em}.box header{text-transform:uppercase;color:var(--text-primary);letter-spacing:.1em;margin-bottom:1.2em;font-family:Outfit,sans-serif;font-weight:700}fieldset{border:none;display:block}input:-webkit-autofill{box-shadow:0 0 0px 2em var(--bg-card) inset}input:-webkit-autofill:disabled{box-shadow:0 0 0px 2em var(--bg-elevated) inset}input.styled,input.styled:disabled,textarea.styled,select.styled{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:4px;padding:.6em 1em;font-family:Outfit,sans-serif;transition:border-color .2s,box-shadow .2s}input.styled:focus,textarea.styled:focus{border-color:var(--border-focus);outline:none}input.styled{box-shadow:none}input.styled:disabled{background:var(--bg-hover);color:var(--text-muted)}input.styled[type=radio]{display:none}input.styled[type=radio]+label:first-of-type{border-right:0;border-radius:2em 0 0 2em;padding-left:1em;padding-right:.6em}input.styled[type=radio]+label:last-of-type{border-radius:0 2em 2em 0;padding-left:.6em;padding-right:1em}button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none}button.styled,input.styled[type=radio]+label{color:var(--btn-primary-text);background:var(--btn-primary-bg);-webkit-user-select:none;user-select:none;cursor:pointer;border:none;border-radius:4px;outline:none;padding:.6em 1.2em;font-family:Outfit,sans-serif;font-weight:600;transition:transform .2s,filter .2s}input.styled[type=checkbox]{display:none}input.styled[type=checkbox]:not(:checked)+label:before{content:"☐ ";font-weight:700}input.styled[type=checkbox]:checked+label:before{content:"☑ ";font-weight:700}input.styled[type=checkbox]+label{background:var(--tag-bg);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:.5em;padding:.4em;display:inline-block}.small{font-size:smaller}button.styled.blue,input.styled[type=radio]+label{background:var(--color-info);color:#fff}button.styled.red{background:var(--color-danger);color:#fff}input.styled[type=radio]:checked+label{background:var(--bg-elevated);color:var(--text-primary)}button.styled:not(:disabled):hover,button.styled:not(:disabled):focus,button.styled.blue:not(:disabled):hover,button.styled.blue:not(:disabled):focus,input.styled[type=radio]:not(:checked)+label:hover,button.styled.red:not(:disabled):hover,button.styled.red:not(:disabled):focus{filter:brightness(1.1);transform:translateY(-2px)}button.styled:not(:disabled):active,input.styled[type=radio]:active+label{filter:brightness(.95);transform:translateY(0)}button.styled:disabled,button.styled.blue:disabled,button.styled.red:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:default;box-shadow:none;filter:none;transform:none}table.styled{border-collapse:collapse}table.styled th,table.styled td{vertical-align:top;border:1px solid var(--border-primary);padding:1em}@media (width>=1000px){html{font-size:18px}}@media (width<=999px){.largeScreen{display:none}}.darkScrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.darkScrollbar::-webkit-scrollbar{width:15px;height:15px}.darkScrollbar::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}.darkScrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:content-box;border:3px solid #0000}.darkScrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.darkScrollbar::-webkit-scrollbar-corner{background-color:var(--scrollbar-thumb)}.lightScrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.lightScrollbar::-webkit-scrollbar{width:5px;height:5px}.lightScrollbar::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}.lightScrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:content-box}.lightScrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.lightScrollbar::-webkit-scrollbar-corner{background-color:var(--scrollbar-thumb)}.darkSettings{background:var(--bg-secondary);color:var(--text-secondary);text-align:left;font-size:smaller;overflow-y:auto}.darkSettings .setting{margin-bottom:1em}.darkSettings .setting .label{background:var(--bg-hover);margin-bottom:.5em;padding:.5em;font-weight:700}.darkSettings .setting .info{color:var(--text-muted);margin-top:1em;padding:0 .5em;font-style:italic}.darkSettings .field{margin-top:1em;padding:0 .5em}.darkSettings input,.darkSettings input:disabled,.darkSettings textarea,.darkSettings select{background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:.2em;width:100%;padding:.4em}.darkSettings .range{display:flex}.darkSettings .range select{width:auto;margin-right:.5em}.darkSettings .range input[type=number]{-moz-appearance:textfield;width:5em;margin-right:.5em}.darkSettings .range input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.darkSettings .range input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.darkSettings .range input[type=range]{appearance:none;background:0 0;border:none;flex:1}.darkSettings .range input[type=range]::-webkit-slider-runnable-track{background:var(--border-primary);border-radius:1em;height:.5em}.darkSettings .range input[type=range]::-moz-range-track{background:var(--border-primary);border-radius:1em;height:.5em}.darkSettings .range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-muted);border:1px solid var(--border-focus);border-radius:1em;width:1em;height:1em;margin-top:-.25em}.darkSettings .range input[type=range]::-moz-range-thumb{-webkit-appearance:none;background:var(--text-muted);border:1px solid var(--border-focus);border-radius:1em;width:1em;height:1em;margin-top:-.25em}.darkSettings input[type=radio]{display:none}.darkSettings .radio label{color:var(--text-muted);border:1px solid var(--border-primary);-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border-radius:2em;padding:.4em .8em;font-weight:700}.darkSettings .radio input[type=radio]:checked+label{color:var(--text-primary);background:var(--bg-elevated)}.darkSettings table{width:100%}.darkSettings th,.darkSettings td{vertical-align:middle;border:none;padding:0}.darkSettings th{padding-right:.5em}.darkSettings tr:not(:last-of-type) td{padding-bottom:.5em}.darkSettings fieldset:disabled input,.darkSettings fieldset:disabled select,.darkSettings fieldset:disabled label{cursor:not-allowed;appearance:none;background:0 0}.darkSettings button{border:1px solid var(--border-primary);background:0 0;border-radius:2em;padding:.4em;line-height:1}.darkSettings button:hover{border:1px solid var(--border-focus);background:var(--bg-hover)}.darkSettings button:active{background:var(--bg-active)}html{overflow-x:hidden}body.page-home{background:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif}body.page-home>#app>.base{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}body.page-home .loader-screen{width:100vw;height:100vh;color:var(--text-muted);background:var(--bg-primary);justify-content:center;align-items:center;font-size:1.5em;animation:1.5s infinite alternate pulse;display:flex}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.top-nav{background:var(--bg-primary);border-bottom:1px solid var(--border-strong);z-index:100;-webkit-backdrop-filter:blur(12px);flex-shrink:0;justify-content:space-between;align-items:center;height:3.8rem;padding:0 2rem;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:.8rem;display:flex}.nav-hamburger{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;font-size:1.3em;line-height:1;display:none}.top-nav .brand{color:var(--text-primary);text-transform:uppercase;letter-spacing:.12em;font-size:1em;font-weight:900;text-decoration:none}.top-nav .brand:hover{color:var(--text-primary)}.nav-center{align-items:center;gap:2rem;display:flex}.nav-center a{color:var(--text-secondary);font-size:.85em;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-center a:after{content:"";background:var(--color-success);border-radius:1px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-center a:hover{color:var(--text-primary)}.nav-center a:hover:after{width:100%}.nav-center a.nav-gold{color:var(--accent-primary);text-shadow:0 0 10px #ffffff4d}.nav-center a.nav-gold:after{background:var(--accent-primary);box-shadow:0 0 8px #fff6}.nav-center a.nav-gold:hover{color:var(--accent-primary-hover);text-shadow:0 0 15px #fff9}.nav-right,.nav-currencies{align-items:center;gap:.6rem;display:flex}.nav-currency{background:var(--bg-hover);border:1px solid var(--border-primary);color:var(--accent-primary);-webkit-user-select:none;user-select:none;cursor:default;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .7rem .35rem .4rem;font-size:.85em;font-weight:800;display:flex}.nav-currency.premium{color:var(--accent-purple)}.nav-currency-icon-wrapper{filter:drop-shadow(0 1px 2px #00000026);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-currency-img{object-fit:contain;width:100%;height:100%}.nav-profile{cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}.nav-profile:hover{background:0 0;border-color:#0000}.nav-avatar{background:var(--accent-purple);width:34px;height:34px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.9em;font-weight:700;transition:box-shadow .2s;display:flex}.nav-profile:hover .nav-avatar{box-shadow:0 0 0 2px var(--accent-purple)}.nav-user-info{flex-direction:column;line-height:1.15;display:flex}.nav-name{color:var(--text-primary);letter-spacing:.02em;font-size:.9em;font-weight:800}.nav-subtext{color:var(--text-muted);font-size:.68em;font-weight:500}.nav-gear{color:var(--text-muted);cursor:pointer;padding:.15em;font-size:1.3em;transition:all .2s}.nav-gear:hover{color:var(--text-primary);transform:rotate(45deg)}.nav-icon-btn{border:1.5px solid var(--border-strong);cursor:pointer;width:34px;height:34px;color:var(--text-secondary);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:1em;transition:all .2s;display:flex}.nav-icon-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}body.page-home .lobby-dashboard{box-sizing:border-box;flex-direction:column;flex:1;gap:1.2rem;width:100%;max-width:1000px;margin:0 auto;padding:1.5rem 2rem;display:flex}body.page-home .dashboard-main{flex-direction:column;flex:1;gap:1.2rem;min-width:0;display:flex}body.page-home .dashboard-sidebar{display:none}body.page-home .box{background:var(--bg-card);border:1px solid var(--border-primary);-webkit-backdrop-filter:none;border-radius:14px;padding:1.5rem;transition:box-shadow .2s;box-shadow:0 1px 3px #00000008}.game-cards-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.game-card{cursor:pointer;border:2px solid #0000;border-radius:14px;height:180px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.game-card input[type=radio]{display:none}.game-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.game-card:has(input:checked){border-color:var(--color-success);box-shadow:0 0 0 1px var(--color-success), 0 4px 16px #7eb36a26}.game-card .card-img{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.game-card:hover .card-img{transform:scale(1.05)}.bombparty-img{background:url(/assets/bombparty-card.webp) 50%/cover no-repeat,#d4c7b0}.popsauce-img{background:url(/assets/popsauce-card.webp) 50%/cover no-repeat,#2a2040}.game-card .card-overlay{background:linear-gradient(#0000 0%,#0000001a 40%,#000000b3 100%);padding:1.2rem 1.3rem;position:absolute;bottom:0;left:0;right:0}.game-card .card-overlay h4{color:var(--text-primary);text-shadow:0 1px 3px #0000004d;margin:0 0 .2em;font-size:.95em;font-weight:700}.game-card .card-overlay p{color:#fffc;margin:0;font-size:.72em;line-height:1.35}.main-hub{flex-direction:column;display:flex;overflow:hidden;padding:0!important}.hub-divider{border:none;border-top:1px solid var(--border-subtle);margin:0}.main-hub .game-cards-row{padding:1.5rem 1.5rem 1rem}.ranked-section{background:var(--bg-secondary);padding:1.2rem 1.5rem;position:relative;overflow:hidden}.ranked-section h3{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin:0 0 1rem;font-size:.85em;font-weight:700}.ranked-buttons{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-royal{color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;background:linear-gradient(135deg,#2a2235 0%,#15101a 100%);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:1rem 1.2rem;font-family:inherit;font-size:1.05em;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0000001a}.btn-royal:hover{background:linear-gradient(135deg,#372d42 0%,#1d1822 100%);transform:translateY(-2px);box-shadow:0 6px 16px #00000026,inset 0 0 0 1px #ffffff1a}.btn-royal .btn-icon{margin-bottom:.2rem;font-size:1.4em}.btn-royal .btn-sub{color:#fff9;letter-spacing:.05em;text-transform:uppercase;font-size:.65em;font-weight:500}.ranked-searching{background:var(--bg-card);border:1px solid var(--color-success);border-radius:10px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;animation:2s infinite alternate bg-pulse-ranked;display:flex}@keyframes bg-pulse-ranked{0%{box-shadow:0 0 #7eb36a33}to{box-shadow:0 0 0 4px #7eb36a00}}.search-info{flex-direction:column;flex:1;gap:.2rem;margin:0 1rem;display:flex}.search-info h4{color:var(--text-primary);margin:0;font-size:.95em;font-weight:700}.search-info .mmr-display{color:var(--text-secondary);font-size:.75em;font-weight:500}.cancel-mm-btn{background:var(--color-danger-subtle);border:1px solid var(--color-danger);color:var(--color-danger);cursor:pointer;border-radius:8px;padding:.6rem 1rem;font-weight:600;transition:all .2s}.cancel-mm-btn:hover{background:var(--color-danger-subtle);border-color:var(--color-danger)}.create-join-row{grid-template-columns:1fr 1fr;display:grid}.create-section,.join-section{padding:1.5rem 1.8rem}.create-section{border-right:1px solid var(--border-subtle)}.create-section h3,.join-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1em;font-weight:700}.create-join-form{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}body.page-home .home-input{border:1.5px solid var(--border-primary);background:var(--bg-input);color:var(--text-primary);border-radius:10px;outline:none;flex:1;min-width:120px;padding:.65rem 1rem;font-family:inherit;font-size:.88em;transition:all .2s}body.page-home .home-input:focus{border-color:var(--color-success);background:var(--bg-card);box-shadow:0 0 0 3px #7eb36a1a}body.page-home .home-input::placeholder{color:var(--text-muted)}body.page-home .code-input{text-transform:uppercase;letter-spacing:.2em;text-align:center;flex:0 0 120px;font-family:Monaco,Consolas,monospace}.btn-sage{background:var(--color-success);color:var(--text-primary);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:.65rem 1.6rem;font-family:inherit;font-size:.76em;font-weight:800;transition:all .2s}.btn-sage:hover{background:var(--color-success);transform:translateY(-1px);box-shadow:0 2px 8px #c8d6ad66}.btn-sage:active{background:var(--color-success);transform:translateY(0)}.btn-neutral{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-primary);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;white-space:nowrap;border-radius:10px;padding:.65rem 1.6rem;font-family:inherit;font-size:.76em;font-weight:800;transition:all .2s}.btn-neutral:hover{background:var(--bg-hover);border-color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-neutral:active{background:var(--bg-active);transform:translateY(0)}.privacy-toggle{border:1.5px solid var(--border-primary);border-radius:10px;flex-shrink:0;display:flex;overflow:hidden}.toggle-opt{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:center;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-primary);background:0 0;padding:.5rem .9rem;font-family:inherit;font-size:.74em;font-weight:700;transition:all .2s}.toggle-opt:last-child{border-right:none}.toggle-opt input{display:none}.toggle-opt:has(input:checked){background:var(--color-success);color:var(--text-primary)}.toggle-opt:hover:not(:has(input:checked)){background:var(--bg-hover);color:var(--text-secondary)}.public-rooms-section{flex-direction:column;padding:1.5rem;display:flex}.public-rooms-section .rooms-table-body{flex:1}.public-rooms-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.public-rooms-title{text-transform:uppercase;letter-spacing:.15em;color:var(--text-primary);align-items:center;gap:.5em;font-size:.78em;font-weight:900;display:flex}.public-rooms-title:before{content:"";background:var(--color-success);border-radius:50%;width:7px;height:7px;animation:2s infinite livePulse;display:inline-block}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #7eb36a66}50%{opacity:.7;box-shadow:0 0 0 4px #7eb36a00}}.rooms-header-right{align-items:center;gap:.5rem;display:flex}.filter-select{border:1.5px solid var(--border-primary);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:8px;outline:none;padding:.35rem .7rem;font-family:inherit;font-size:.74em;transition:border-color .2s}.filter-select:focus{border-color:var(--color-success)}.refresh-btn-light{background:var(--bg-input);border:1.5px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .8rem;font-family:inherit;font-size:.76em;font-weight:500;transition:all .2s;display:flex}.refresh-btn-light:hover{background:var(--bg-active);color:var(--text-primary);border-color:var(--border-strong)}.rooms-table-header{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);grid-template-columns:70px 2fr 1fr 1fr 1fr;padding:.7rem 1rem;font-size:.7em;font-weight:800;display:grid}.rooms-table-body{min-height:120px;position:relative}.room-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;color:var(--text-primary);border-radius:8px;grid-template-columns:70px 2fr 1fr 1fr 1fr;align-items:center;margin:2px 0;padding:.75rem 1rem;font-size:.86em;text-decoration:none;transition:all .2s;display:grid}.room-row:hover{background:var(--bg-hover);border-color:#0000;transform:translate(2px)}.room-row .room-players{color:var(--text-secondary);font-size:.9em;font-weight:700}.room-row .room-name{font-weight:600}.room-row .room-status{color:var(--color-success);font-size:.85em;font-weight:600}.room-row .room-mode,.room-row .room-lang{color:var(--text-muted);font-size:.85em}.empty-rooms{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.5em;font-size:.88em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-rooms .cube-icon{opacity:.25;font-size:3em;line-height:1}.home-footer{border-top:1px solid var(--border-primary);justify-content:center;align-items:center;gap:1.5rem;margin-top:.5rem;padding:1.5rem 0;display:flex}.social-overlay{z-index:900;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .25s;position:fixed;inset:0}.social-overlay.open{opacity:1;pointer-events:auto}.social-drawer{background:var(--bg-secondary);border-left:1px solid var(--border-primary);z-index:950;box-sizing:border-box;flex-direction:column;width:380px;max-width:90vw;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-4px 0 20px #00000014}.social-drawer.open{transform:translate(0)}.social-drawer.inline{width:100%;height:100%;box-shadow:none;z-index:auto;background:0 0;border-left:none;position:static;transform:none}.drawer-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.2em 1.5em;display:flex}.drawer-header h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);margin:0;font-size:1.1em;font-weight:900}.drawer-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5em;transition:all .15s;display:flex}.drawer-close:hover{background:var(--bg-active);color:var(--text-primary)}.drawer-search{border-bottom:1px solid var(--border-primary);box-sizing:border-box;gap:.6em;padding:1em 1.5em;display:flex}.drawer-input{background:var(--bg-input);min-width:0;color:var(--text-primary);border:1px solid var(--border-primary);box-sizing:border-box;border-radius:8px;outline:none;flex:1;padding:.6em .8em;font-family:inherit;font-size:.82em;transition:all .2s}.drawer-input:focus{border-color:var(--text-primary);background:var(--bg-active);box-shadow:0 0 0 3px var(--bg-active)}.drawer-input::placeholder{color:var(--text-muted)}.btn-add-friend{white-space:nowrap;flex-shrink:0;padding:.5em .8em;font-size:.72em}.drawer-section{padding:1em 1.5em .5em}.drawer-section-title{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);align-items:center;gap:.5em;margin:0 0 .8em;font-size:.7em;font-weight:800;display:flex}.section-count{color:var(--text-muted);font-weight:600}.online-dot,.offline-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.online-dot{background:var(--text-primary);box-shadow:0 0 5px #ffffff4d}.offline-dot{background:var(--border-strong)}.drawer-friend-list{flex-direction:column;gap:.2em;margin:0;padding:0;list-style:none;display:flex}.drawer-friend{cursor:pointer;border-radius:8px;align-items:center;gap:.8em;padding:.6em .5em;transition:background .12s;display:flex}.drawer-friend:hover{background:var(--bg-hover)}.drawer-friend.offline{opacity:.6}.drawer-friend .f-avatar{width:36px;height:36px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85em;font-weight:700;display:flex}.drawer-friend .f-info{flex:1;min-width:0;overflow:hidden}.drawer-friend .f-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88em;font-weight:700;display:block;overflow:hidden}.drawer-friend .f-status{color:var(--text-muted);margin-top:.1em;font-size:.72em;display:block}.drawer-friend .f-status.playing,.drawer-friend .f-status.lobby{color:var(--text-primary)}.f-actions{opacity:0;gap:.3em;transition:opacity .15s;display:flex}.drawer-friend:hover .f-actions{opacity:1}.f-btn{border:1.5px solid var(--border-strong);cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:.75em;transition:all .12s;display:flex}.f-btn:hover{background:var(--bg-active);color:var(--text-primary);border-color:var(--border-strong)}.f-btn-join:hover{background:var(--bg-hover);border-color:var(--text-primary);color:var(--text-primary)}.f-btn-remove:hover,.f-btn-block:hover,.f-btn-reject:hover{background:var(--color-danger-subtle);border-color:var(--color-danger);color:var(--color-danger)}.f-btn-accept:hover{background:var(--bg-hover);border-color:var(--text-primary);color:var(--text-primary)}.drawer-header-left{align-items:center;gap:.8em;display:flex}.drawer-back-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.drawer-back-btn:hover{background:var(--bg-active);color:var(--text-primary)}.drawer-back-btn.hidden{display:none}.drawer-tabs{border-bottom:1px solid var(--border-primary);gap:0;padding:0 1em;display:flex}.drawer-tab{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.4em;padding:.8em .5em;font-size:.78em;font-weight:700;transition:all .2s;display:flex;position:relative}.drawer-tab:hover{color:var(--text-secondary)}.drawer-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.tab-badge{background:var(--text-primary);color:var(--bg-primary);text-align:center;border-radius:10px;min-width:16px;padding:.1em .45em;font-size:.75em;font-weight:800;line-height:1.2}.tab-badge.hidden{display:none}.drawer-tab-content{flex-direction:column;flex:1;min-height:0;display:none;overflow-y:auto}.drawer-tab-content.active{display:flex}#friends-list-container,#requests-container{flex-direction:column;gap:.2em;padding:.5em 1em;display:flex}.drawer-empty{text-align:center;color:var(--text-muted);padding:3em 1.5em;font-size:.85em;font-style:italic}#requests-container .drawer-section-title,#friends-list-container .drawer-section-title{margin:0;padding:.8em .5em .4em}.f-pending-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7em;font-weight:600}#conversations-container{flex-direction:column;gap:.15em;padding:.5em .8em;display:flex}.drawer-conversation{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75em;padding:.6em .7em;transition:all .15s;display:flex;position:relative}.drawer-conversation:hover{background:var(--bg-hover);border-color:var(--border-primary)}.drawer-conversation.conv-has-unread{background:var(--bg-hover);border-color:var(--border-strong)}.drawer-conversation.conv-has-unread:hover{background:var(--bg-active)}.conv-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;box-shadow:0 1px 3px #00000014}.conv-avatar-fallback{color:var(--text-primary);text-shadow:0 1px 2px #0003;justify-content:center;align-items:center;font-size:.85em;font-weight:700;display:flex}.conv-info{flex:1;min-width:0;overflow:hidden}.conv-top{justify-content:space-between;align-items:center;gap:.5em;display:flex}.conv-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82em;font-weight:600;overflow:hidden}.conv-has-unread .conv-name{color:var(--text-primary)}.conv-time{color:var(--text-muted);flex-shrink:0;font-size:.65em}.conv-has-unread .conv-time{color:var(--text-primary);font-weight:600}.conv-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.15em;font-size:.73em;display:block;overflow:hidden}.conv-has-unread .conv-preview{color:var(--text-secondary);font-weight:500}.conv-right{flex-shrink:0;align-items:center;gap:.4em;display:flex}.conv-unread{background:var(--text-primary);color:var(--bg-primary);text-align:center;min-width:18px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;padding:.15em .5em;font-size:.65em;font-weight:700}.conv-close-btn{cursor:pointer;color:var(--text-secondary);opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .12s;display:flex}.drawer-conversation:hover .conv-close-btn{opacity:1}.conv-close-btn:hover{background:var(--color-danger-subtle);color:var(--color-danger)}.drawer-title{letter-spacing:.02em;align-items:center;gap:.7em;margin:0;font-size:1.05em;font-weight:800;display:flex}.chat-header-avatar{object-fit:cover;border:1px solid var(--border-primary);border-radius:50%;flex-shrink:0;width:36px;height:36px;box-shadow:0 2px 5px #0003}.chat-header-avatar-fallback{width:36px;height:36px;color:var(--text-primary);border:1px solid var(--border-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.9em;font-weight:800;display:flex;box-shadow:0 2px 5px #0003}#chat-view{flex-direction:column;flex:1;min-height:0;display:flex}#chat-view.hidden{display:none}.chat-messages{flex-direction:column;flex:1;gap:.4em;min-height:0;padding:1em;display:flex;overflow-y:auto}.chat-msg{flex-direction:column;max-width:80%;display:flex}.chat-msg.sent{align-self:flex-end;align-items:flex-end}.chat-msg.received{align-self:flex-start;align-items:flex-start}.chat-bubble{word-wrap:break-word;border-radius:12px;max-width:100%;padding:.5em .8em;font-size:.85em;line-height:1.4}.chat-msg.sent .chat-bubble{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-primary);border-bottom-right-radius:4px}.chat-msg.received .chat-bubble{background:var(--bg-active);color:var(--text-primary);border:1px solid var(--border-primary);border-bottom-left-radius:4px}.chat-time{color:var(--text-muted);margin-top:.2em;padding:0 .3em;font-size:.62em}.chat-empty{margin:auto;padding:2em}.chat-input-bar{border-top:1px solid var(--border-primary);background:var(--bg-secondary);gap:.5em;padding:.8em 1em;display:flex}.chat-input{flex:1;min-width:0;padding:.6em .8em;font-size:.82em}.chat-send-btn{flex-shrink:0;justify-content:center;align-items:center;padding:.4em .6em;display:flex}.chat-send-btn svg{display:block}.drawer-toast{background:var(--bg-elevated);border:1px solid var(--border-primary);color:var(--text-primary);box-shadow:var(--shadow-md);z-index:999;pointer-events:none;border-radius:8px;padding:.6em 1.2em;font-size:.78em;font-weight:600;animation:.3s toastIn,.3s 2.7s toastOut;position:absolute;bottom:1.5em;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(10px)}}.hidden{display:none!important}@media (width<=900px){body.page-home .top-nav{padding:0 1.2rem}.nav-center{display:none}.nav-hamburger{display:block}body.page-home .lobby-dashboard{padding:1.2rem}.game-card{height:150px}body.page-home .nav-user-info{display:none}}@media (width<=600px){body.page-home .top-nav{height:3.2rem;padding:0 1rem}body.page-home .lobby-dashboard{gap:.8rem;padding:.8rem}.game-cards-row{grid-template-columns:1fr;gap:.8rem}.main-hub .game-cards-row{padding:1rem}.game-card{height:140px}.create-join-row,.ranked-buttons{grid-template-columns:1fr}.create-section{border-right:none;border-bottom:1px solid var(--border-subtle)}.create-section,.join-section{padding:1.2rem 1rem}.create-join-form{flex-direction:column;align-items:stretch}body.page-home .code-input{flex:1;width:100%}.btn-sage{text-align:center;padding:.75rem}.privacy-toggle{align-self:flex-start}.rooms-table-header{display:none}.public-rooms-header{flex-direction:column;align-items:flex-start;gap:.6rem}.rooms-header-right{flex-wrap:wrap;width:100%}.room-row{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;align-items:flex-start;gap:.3rem;margin-bottom:.5rem;padding:.8rem;display:flex}.room-row:hover{transform:none}.room-row .room-name{order:-1;font-size:1em;font-weight:700}.room-row .room-players{font-size:.78em}.room-row .room-status,.room-row .room-mode,.room-row .room-lang{font-size:.75em}.public-rooms-section{padding:1rem}.home-footer{flex-wrap:wrap;justify-content:center;gap:.8rem}}.hp-hearts-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.hp-container{box-sizing:border-box;z-index:1;flex-direction:column;flex:1;gap:.7rem;width:100%;padding:1rem 15rem;display:flex;position:relative}.hp-modes-strip{justify-content:center;gap:.5rem;padding:.5rem 0;display:flex}.hp-mode-chip{background:var(--bg-card);border:1px solid var(--border-primary);cursor:pointer;color:inherit;border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;min-width:70px;padding:.5rem .8rem;text-decoration:none;transition:all .2s;display:flex}.hp-mode-chip:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 3px 10px #0000000f}.hp-mode-icon{background-position:50%;background-size:cover;border-radius:8px;width:40px;height:40px}.hp-mode-label{color:var(--text-secondary);text-align:center;white-space:nowrap;font-size:.6rem;font-weight:700}.hp-mode-wotd .hp-wotd-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-primary-hover));width:40px;height:40px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:1rem;font-weight:900;display:flex}.hp-mode-discord{color:inherit;text-decoration:none}.hp-mode-discord svg{background:var(--brand-discord);width:40px;height:40px;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:10px}.hp-actions-bar{align-items:center;gap:.4rem;display:flex}.hp-btn-create{background:var(--btn-primary-bg);color:var(--btn-primary-text);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;padding:.5rem 1.2rem;font-family:inherit;font-size:.76rem;font-weight:700;transition:all .2s}.hp-btn-create:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.hp-btn-ranked{color:var(--text-secondary);border:1.5px solid var(--border-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:8px;padding:.5rem 1.2rem;font-family:inherit;font-size:.76rem;font-weight:700;transition:all .2s}.hp-btn-ranked:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.hp-actions-spacer{flex:1}.hp-join-form{gap:0;display:flex}.hp-join-input{background:var(--bg-card);border:1.5px solid var(--border-primary);width:80px;color:var(--text-primary);text-align:center;text-transform:uppercase;letter-spacing:.1em;box-sizing:border-box;border-right:none;border-radius:8px 0 0 8px;outline:none;padding:.45rem .5rem;font-family:inherit;font-size:.76rem;transition:border-color .2s}.hp-join-input:focus{border-color:var(--accent-primary)}.hp-join-input::placeholder{color:var(--text-muted);text-transform:none;letter-spacing:0}.hp-btn-join{background:var(--bg-hover);color:var(--text-secondary);border:1.5px solid var(--border-primary);cursor:pointer;white-space:nowrap;border-radius:0 8px 8px 0;padding:.45rem .8rem;font-family:inherit;font-size:.7rem;font-weight:700;transition:all .15s}.hp-btn-join:hover{background:var(--bg-active);color:var(--text-primary)}.hp-rooms{flex-direction:column;gap:0;display:flex}.hp-rooms-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.hp-rooms-title{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:flex}.hp-rooms-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s infinite hpPulse}@keyframes hpPulse{0%,to{opacity:1;box-shadow:0 0 #7eb36a66}50%{opacity:.6;box-shadow:0 0 0 4px #7eb36a00}}.hp-rooms-filters{align-items:center;gap:.35rem;display:flex}.hp-filter-select{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:6px;outline:none;padding:.3rem .5rem;font-family:inherit;font-size:.68rem}.hp-filter-select:focus{border-color:var(--accent-primary)}.hp-btn-refresh{background:var(--bg-card);border:1px solid var(--border-primary);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.hp-btn-refresh:hover{background:var(--bg-hover);color:var(--text-primary)}.hp-room-list{grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;display:grid}.hp-rooms-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:2.5rem 1rem;font-size:.8rem;font-style:italic}.hp-room-row{background:var(--bg-hover);border:1px solid var(--border-primary);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.6rem;padding:.9rem;transition:all .2s;display:flex}.hp-room-row:hover{background:var(--bg-card);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.hp-room-info{flex-direction:column;gap:.4rem;width:100%;display:flex}.hp-room-header-flex{align-items:center;gap:1.2rem;width:100%;display:flex}.hp-room-host-avatar{background:var(--primary);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0006}.hp-room-avatar{object-fit:cover;width:100%;height:100%}.hp-room-avatar-placeholder{width:100%;height:100%;color:var(--text-on-accent);justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.hp-room-name-wrapper{flex-direction:column;justify-content:center;min-width:0;display:flex}.hp-room-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:800;overflow:hidden}.hp-room-host{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.hp-room-tags{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.hp-tag{white-space:nowrap;border-radius:4px;padding:.15rem .4rem;font-size:.58rem;font-weight:700}.hp-tag-mode{background:var(--bg-hover);color:var(--text-secondary)}.hp-tag-players{font-weight:800}.hp-tag-playing{background:var(--color-success-subtle);color:var(--color-success)}.hp-tag-waiting{background:var(--status-warning-subtle);color:var(--accent-gold-text)}.hp-tag-preset{background:var(--status-reward-subtle);color:var(--brand-twitch)}.hp-tag-custom{color:var(--accent-orange-text);background:#fb923c1f}.hp-tag-lang{color:var(--text-muted)}.hp-room-config{align-items:center;gap:.6rem;margin-top:.15rem;display:flex}.hp-config-item{color:var(--text-muted);letter-spacing:.01em;align-items:center;gap:.2rem;font-size:.6rem;font-weight:600;display:inline-flex}.hp-config-item svg{opacity:.6;flex-shrink:0}.hp-room-footer{border-top:1px dashed var(--border-primary);justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:.7rem;display:flex}.hp-room-code{color:var(--text-muted);letter-spacing:.1em;flex-shrink:0;font-family:Monaco,Consolas,monospace;font-size:.76rem;font-weight:700}.hp-btn-join-room{background:var(--bg-hover);color:var(--text-secondary);border:1.5px solid var(--border-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:.4rem 1rem;font-family:inherit;font-size:.68rem;font-weight:800;transition:all .15s}.hp-btn-join-room:hover{background:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-primary)}.hp-room-footer-actions{align-items:center;gap:.4rem;display:flex}.hp-btn-peek{border:1.5px solid var(--border-primary);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.hp-btn-peek:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-secondary)}.hp-btn-peek:active{transform:scale(.92)}.hp-peek-body{padding:.5rem 0}.hp-peek-loading,.hp-peek-empty{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.85rem}.hp-peek-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;gap:.15rem;max-height:320px;display:flex;overflow-y:auto}.hp-peek-list::-webkit-scrollbar{width:4px}.hp-peek-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.hp-peek-player{border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .6rem;transition:background .12s;display:flex}.hp-peek-player:hover{background:var(--bg-hover)}.hp-peek-avatar{background:var(--bg-active);border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.hp-peek-avatar img{object-fit:cover;width:100%;height:100%}.hp-peek-avatar-placeholder{width:100%;height:100%;color:var(--text-muted);background:var(--bg-active);justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.hp-peek-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:700;overflow:hidden}.hp-peek-crown{flex-shrink:0;align-items:center;display:flex}.hp-peek-footer{border-top:1px solid var(--border-subtle);justify-content:center;margin-top:.5rem;padding-top:1rem;display:flex}.home-footer{justify-content:center;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.home-footer a{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68em;font-weight:600;text-decoration:none;transition:color .2s}.home-footer a:hover{color:var(--text-primary)}.home-footer .dot{color:var(--text-muted);font-size:.9em}.cr-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;animation:.2s crFadeIn;display:flex;position:fixed;inset:0}@keyframes crFadeIn{0%{opacity:0}to{opacity:1}}.cr-modal{background:#000;border:1px solid #222;border-radius:16px;flex-direction:column;width:720px;max-width:95vw;max-height:88vh;animation:.3s cubic-bezier(.16,1,.3,1) crSlideIn;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000f2,0 0 0 1px #ffffff0f}@keyframes crSlideIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cr-header{background:#080808;border-bottom:1px solid #1c1c1c;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex}.cr-header h2{color:#fff;letter-spacing:-.01em;margin:0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}.cr-close{color:#888;cursor:pointer;background:#111;border:1px solid #252525;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.95rem;transition:all .15s;display:flex}.cr-close:hover{color:#fff;background:#222;border-color:#444}.cr-body{background:#000;flex-direction:column;flex:1;gap:1rem;padding:1.1rem 1.3rem;display:flex;overflow-y:auto}.cr-grid{grid-template-columns:1fr 1.1fr;align-items:stretch;gap:1rem;display:grid}.cr-col{flex-direction:column;gap:.9rem;display:flex}.cr-card{background:#0b0b0b;border:1px solid #1e1e1e;border-radius:12px;flex-direction:column;gap:.8rem;padding:.9rem 1rem;display:flex;box-shadow:inset 0 1px #ffffff08}.cr-card-title{text-transform:uppercase;letter-spacing:.08em;color:#e0e0e0;border-bottom:1px solid #191919;align-items:center;gap:.45rem;margin-bottom:.1rem;padding-bottom:.45rem;font-size:.68rem;font-weight:800;display:flex}.cr-dot-indicator{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #fff6}.cr-field{flex-direction:column;gap:.35rem;display:flex}.cr-label{text-transform:uppercase;letter-spacing:.08em;color:#888;font-size:.65rem;font-weight:800}.cr-input{color:#fff;box-sizing:border-box;background:#000;border:1px solid #282828;border-radius:8px;outline:none;width:100%;padding:.55rem .8rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .15s}.cr-input:focus{background:#050505;border-color:#fff;box-shadow:0 0 0 1px #fff}.cr-input::placeholder{color:#555}.cr-game-badge{background:#000;border:1px solid #282828;border-radius:9px;align-items:center;gap:.75rem;padding:.5rem .7rem;display:flex;box-shadow:inset 0 1px #ffffff0a}.cr-game-badge-img{background-position:50%;background-size:cover;border:1px solid #333;border-radius:7px;flex-shrink:0;width:42px;height:42px}.cr-game-badge-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.cr-game-badge-title{color:#fff;letter-spacing:-.01em;font-size:.85rem;font-weight:800}.cr-game-badge-sub{color:#777;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.cr-game-badge-active{color:#7bd37b;text-transform:uppercase;letter-spacing:.06em;background:#5a9a5a26;border:1px solid #5a9a5a66;border-radius:5px;flex-shrink:0;padding:.2rem .5rem;font-size:.62rem;font-weight:800}.cr-row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.cr-select{color:#fff;cursor:pointer;appearance:none;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right .6rem center no-repeat;border:1px solid #282828;border-radius:8px;outline:none;width:100%;padding:.5rem 1.6rem .5rem .7rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.cr-select:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.cr-toggle{background:#000;border:1px solid #282828;border-radius:8px;gap:2px;padding:2px;display:flex;overflow:hidden}.cr-toggle-btn{color:#777;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.4rem .2rem;font-family:inherit;font-size:.74rem;font-weight:700;transition:all .15s}.cr-toggle-btn.active{color:#000;background:#fff;font-weight:800}.cr-presets{flex-wrap:wrap;gap:.35rem;display:flex}.cr-preset-chip{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:#000;border:1px solid #242424;border-radius:6px;padding:.35rem .65rem;font-family:inherit;font-size:.7rem;font-weight:700;transition:all .15s}.cr-preset-chip:hover:not(.active){color:#ddd;border-color:#444}.cr-preset-chip.active{color:#000;background:#fff;border-color:#fff;font-weight:800}.cr-settings-grid{grid-template-columns:1fr 1fr;gap:.6rem .75rem;display:grid}.cr-setting-full{grid-column:1/-1}.cr-setting{background:#000;border:1px solid #1c1c1c;border-radius:8px;flex-direction:column;gap:.35rem;padding:.45rem .6rem;display:flex}.cr-setting-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.cr-setting-label{color:#aaa;font-size:.7rem;font-weight:700}.cr-setting-title-wrap{align-items:center;gap:.4rem;display:flex}.cr-setting-diff-tag{color:#fff;background:#181818;border:1px solid #282828;border-radius:4px;padding:.1rem .35rem;font-size:.62rem;font-weight:800}.cr-num-input{color:#fff;text-align:right;box-sizing:border-box;-moz-appearance:textfield;background:#080808;border:1px solid #2e2e2e;border-radius:6px;outline:none;width:46px;padding:.18rem .4rem;font-family:inherit;font-size:.8rem;font-weight:800;transition:all .15s}.cr-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cr-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cr-num-input:focus{background:#000;border-color:#fff;box-shadow:0 0 0 1px #fff}.cr-num-input-lg{width:66px}.cr-slider{appearance:none;cursor:pointer;background:#222;border-radius:2px;outline:none;width:100%;height:4px;margin:.2rem 0 0}.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 4px #ffffff4d}.cr-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.cr-slider::-moz-range-thumb{background:#fff;border:2px solid #000;border-radius:50%;width:12px;height:12px}.cr-footer{background:#080808;border-top:1px solid #1c1c1c;justify-content:flex-end;gap:.6rem;padding:.9rem 1.4rem;display:flex}.cr-btn-cancel{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:8px;padding:.55rem 1rem;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .15s}.cr-btn-cancel:hover{color:#fff;background:#141414;border-color:#444}.cr-btn-submit{color:#000;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.55rem 1.5rem;font-family:inherit;font-size:.82rem;font-weight:800;transition:all .2s}.cr-btn-submit:hover:not(:disabled){background:#e6e6e6;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff26}.cr-btn-submit:disabled{opacity:.35;cursor:not-allowed}@media (width<=1400px){.hp-container{padding:1rem 8rem}}@media (width<=1100px){.hp-container{padding:1rem 4rem}.hp-room-list{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.hp-container{padding:1rem 2rem}.hp-modes-strip,.hp-actions-bar{flex-wrap:wrap}.hp-actions-spacer{display:none}}@media (width<=600px){.hp-container{padding:.6rem}.hp-room-list{grid-template-columns:1fr}.hp-modes-strip{gap:.3rem}.hp-mode-chip{min-width:56px;padding:.35rem .5rem}.hp-mode-icon{width:32px;height:32px}.hp-room-row{padding:.8rem}.hp-room-footer{padding-top:.6rem}.cr-modal{border-radius:0;max-width:100vw;max-height:100vh}.cr-grid{grid-template-columns:1fr;gap:.85rem}.cr-row,.cr-settings-grid{grid-template-columns:1fr}}body.page-profile{background:var(--bg-primary);color:var(--text-muted);font-family:Inter,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.page-profile>#app>.dash-root{flex-direction:column;min-height:100vh;display:flex}.dash-nav{-webkit-backdrop-filter:blur(12px);z-index:50;background:#0c0c0ed9;border-bottom:1px solid #ffffff0f;align-items:center;gap:1.5em;padding:1em 2em;display:flex;position:sticky;top:0}.dash-back{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5em;padding:.5em 1em;font-family:inherit;font-size:.8em;font-weight:600;transition:all .2s;display:inline-flex}.dash-back:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff26}.dash-title{text-align:center;color:var(--text-primary);letter-spacing:-.01em;flex:1;margin:0;font-size:1.05em;font-weight:700}.dash-spacer{width:120px}.dash-layout{flex:1;gap:0;width:100%;max-width:1100px;margin:0 auto;padding:2em;display:flex}.dash-sidebar{border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding-right:2em;display:flex}.dash-tab{text-align:left;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6em;padding:.65em 1em;font-family:inherit;font-size:.82em;font-weight:600;transition:all .15s;display:flex}.dash-tab svg{opacity:.6;flex-shrink:0}.dash-tab:hover{color:var(--text-secondary);background:#ffffff0a}.dash-tab.active{color:var(--text-primary);background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14}.dash-tab.active svg{opacity:1}.dash-content{flex:1;min-width:0;padding-left:2em}.dash-panel{animation:.25s cubic-bezier(.16,1,.3,1) dashFade;display:none}.dash-panel.active{display:block}@keyframes dashFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dash-panel-head{margin-bottom:2em}.dash-panel-head h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .3em;font-size:1.4em;font-weight:800}.dash-panel-head p{color:var(--text-muted);margin:0;font-size:.8em}.dash-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:1.2em;padding:1.5em;transition:border-color .2s}.dash-card:hover{border-color:#ffffff1a}.dash-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1em;font-size:.78em;font-weight:700}.dash-divider{background:#ffffff0f;height:1px;margin:1.5em 0}.dash-hint{color:var(--text-secondary);margin-top:.4em;font-size:.72em;line-height:1.5;display:block}.dash-input{width:100%;font:inherit;color:var(--text-muted);box-sizing:border-box;background:#0000004d;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:.7em 1em;font-size:.85em;transition:border-color .2s,box-shadow .2s}.dash-input::placeholder{color:var(--text-secondary)}.dash-input:focus{border-color:#7b9f5f80;box-shadow:0 0 0 3px #7b9f5f1a}.dash-textarea{resize:vertical;min-height:90px;line-height:1.6}.dash-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.4em;padding:.55em 1.1em;font-family:inherit;font-size:.8em;font-weight:600;transition:all .2s;display:inline-flex}.dash-btn:hover{background:#ffffff1a;border-color:#ffffff26}.dash-btn-primary{background:linear-gradient(135deg, var(--accent-green), var(--accent-green-hover));color:var(--text-primary);border-color:#5a804099;box-shadow:0 2px 8px #5a804033}.dash-btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 16px #5a80404d}.dash-btn-lg{padding:.65em 1.5em;font-size:.88em}.dash-btn-danger{color:var(--color-danger);background:#ef44441a;border-color:#ef444433}.dash-btn-danger:hover{background:#ef444433;border-color:#ef44444d}.dash-btn-discord{color:var(--color-info);text-align:center;background:#5865f226;border-color:#5865f24d;padding:.65em 1.3em;text-decoration:none}.dash-btn-discord:hover{background:#5865f240}.dash-avatar-row{align-items:flex-start;gap:1.5em;display:flex}.dash-av-wrap{cursor:pointer;border-radius:50%;flex-shrink:0;width:80px;height:80px;position:relative}.dash-av-circle{background:linear-gradient(135deg, var(--accent-green), var(--accent-green-hover));width:100%;height:100%;color:var(--text-primary);background-position:50%;background-size:cover;border:3px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:2em;font-weight:800;transition:filter .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0006}.dash-av-wrap:hover .dash-av-circle{filter:brightness(.7);box-shadow:0 4px 20px #7b9f5f4d}.dash-av-overlay{opacity:0;pointer-events:none;width:100%;height:100%;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.dash-av-wrap:hover .dash-av-overlay{opacity:1}.dash-av-fields{flex-direction:column;flex:1;gap:.5em;display:flex}.dash-av-fields .dash-btn{align-self:flex-start;margin-top:.3em}.dash-banner-preview{border-radius:10px;height:64px;margin-bottom:.8em;transition:background .3s;box-shadow:inset 0 0 0 1px #ffffff0f}.dash-banner-picker{flex-wrap:wrap;gap:.5em;display:flex}.dash-bp{cursor:pointer;border:2px solid #0000;border-radius:8px;width:56px;height:34px;transition:all .15s;box-shadow:0 2px 6px #0000004d}.dash-bp:hover{transform:scale(1.08)}.dash-bp.active{border-color:var(--color-success);box-shadow:0 0 0 2px #7b9f5f66,0 2px 6px #0000004d}.dash-social-row{align-items:flex-start;gap:.8em;margin-bottom:.8em;display:flex}.dash-social-icon{width:40px;height:40px;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1.2em;font-size:.85em;font-weight:800;display:flex}.dash-ic-discord{color:var(--color-info)}.dash-ic-twitch{color:var(--brand-twitch)}.dash-ic-youtube{color:var(--brand-youtube)}.dash-social-field{flex:1}.dash-social-field label{color:var(--text-muted);margin-bottom:.3em;font-size:.72em;font-weight:600;display:block}.dash-account-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:1.2em}.dash-acc-status{color:var(--text-primary);align-items:center;gap:.6em;font-size:.9em;font-weight:700;display:flex}.dash-acc-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-account-card .dash-hint{margin:.4em 0 1em}.dash-save-bar{border-top:1px solid #ffffff0f;justify-content:flex-end;margin-top:1.5em;padding-top:1.2em;display:flex}.dash-slider-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.8em;margin-bottom:.5em;padding:.85em 1em;display:flex}.dash-slider-icon{color:var(--text-muted);text-align:center;flex-shrink:0;width:30px;font-size:.75em;font-weight:700}.dash-slider-wrap{flex:1}.dash-slider-wrap label{color:var(--text-muted);margin-bottom:.4em;font-size:.72em;font-weight:600;display:block}.dash-range{appearance:none;background:0 0;width:100%}.dash-range::-webkit-slider-runnable-track{cursor:pointer;background:#ffffff14;border-radius:3px;width:100%;height:6px}.dash-range::-webkit-slider-thumb{appearance:none;background:var(--color-success);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-top:-7px;transition:transform .1s,box-shadow .2s;box-shadow:0 0 8px #7b9f5f66}.dash-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 12px #7b9f5f99}.dash-toggle-row{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.4em;padding:.85em 1em;font-size:.82em;font-weight:600;display:flex}.dash-switch{width:44px;height:24px;display:inline-block;position:relative}.dash-switch input{opacity:0;width:0;height:0}.dash-switch-slider{cursor:pointer;background:#ffffff1a;border-radius:24px;transition:all .2s;position:absolute;inset:0}.dash-switch-slider:before{content:"";background:var(--toggle-track);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.dash-switch-slider{background:#7b9f5f80}input:checked+.dash-switch-slider:before{background:var(--color-success);transform:translate(20px);box-shadow:0 0 6px #7b9f5f80}.dash-ctrl-item{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.4em;padding:.8em 1em;font-size:.82em;font-weight:600;display:flex}.dash-key{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a;border-bottom:3px solid #ffffff14;border-radius:6px;padding:.2em .7em;font-family:SF Mono,JetBrains Mono,monospace;font-size:.85em;font-weight:700;display:inline-block}.dash-stats-grid{grid-template-columns:repeat(2,1fr);gap:.6em;display:grid}.dash-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:1.3em;transition:border-color .2s,background .2s}.dash-stat:hover{background:#ffffff0d;border-color:#ffffff1a}.dash-stat-wide{grid-column:span 2}.dash-stat-v{color:var(--text-primary);letter-spacing:-.02em;font-size:1.7em;font-weight:800;display:block}.dash-stat-v small{color:var(--color-success);font-size:.45em;font-weight:700}.dash-stat-l{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:.4em;font-size:.65em;font-weight:600;display:block}@media (width<=900px){.dash-layout{flex-direction:column;padding:1.5em}.dash-sidebar{border-bottom:1px solid #ffffff0f;border-right:none;flex-direction:row;width:100%;margin-bottom:1em;padding-bottom:1em;padding-right:0;overflow-x:auto}.dash-content{padding-left:0}.dash-nav{padding:.8em 1.2em}}.xpo-backdrop{z-index:10000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(16px);justify-content:center;align-items:center;animation:.3s forwards xpo-fade-in;display:flex;position:fixed;inset:0}@keyframes xpo-fade-in{0%{opacity:0}to{opacity:1}}.xpo-container{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl,24px);background:#1212128c;border:1px solid #ffffff14;flex-direction:column;width:min(640px,94vw);animation:.4s cubic-bezier(.16,1,.3,1) forwards xpo-slide-up;display:flex;overflow:hidden;box-shadow:0 16px 48px #0009,inset 0 1px #ffffff0d}@keyframes xpo-slide-up{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.xpo-body{flex-direction:column;display:flex}@media (width>=560px){.xpo-body{flex-direction:row}.xpo-left-column{border-right:1px solid #ffffff0f;flex-direction:column;flex:1;justify-content:center;display:flex}.xpo-right-column{flex-direction:column;flex:1.1;justify-content:center;display:flex}}.xpo-header{text-align:center;padding:1.5em 1.5em .5em}.xpo-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0 0 .5em;font-size:.72rem;font-weight:600}.xpo-xp-total{color:var(--accent-primary);margin:0;font-size:2.2rem;font-weight:700;line-height:1;animation:1.5s xpo-count-glow}@keyframes xpo-count-glow{0%{filter:brightness();opacity:0;transform:scale(.8)}40%{filter:brightness(1.4);transform:scale(1.05)}to{filter:brightness();opacity:1;transform:scale(1)}}.xpo-xp-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.25em;font-size:.72rem}.xpo-level-section{align-items:center;gap:1em;padding:1em 1.5em;display:flex}.xpo-level-badge{background:var(--accent-subtle);border:2px solid var(--accent-primary);width:48px;height:48px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.xpo-level-badge.xpo-level-up{background:var(--accent-primary);color:var(--text-inverse);animation:.8s xpo-level-pulse}@keyframes xpo-level-pulse{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.95)}to{transform:scale(1)}}.xpo-level-info{flex:1;min-width:0}.xpo-level-text{color:var(--text-primary);margin:0 0 .4em;font-size:.8rem;font-weight:500}.xpo-level-progress-track{background:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.xpo-level-progress-fill{background:linear-gradient(90deg, var(--brand-primary), var(--color-warning));height:100%;box-shadow:0 0 10px rgba(var(--color-warning-rgb), .5);border-radius:4px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.xpo-level-xp-text{color:var(--text-muted);margin-top:.3em;font-size:.68rem}.xpo-level-up-banner{background:linear-gradient(135deg, var(--accent-subtle), transparent);border:1px solid var(--accent-primary);border-radius:var(--radius-md,8px);text-align:center;color:var(--accent-primary);margin:0 1.5em;padding:.6em 1em;font-size:.8rem;font-weight:600;animation:2s infinite xpo-shine}@keyframes xpo-shine{0%,to{opacity:.85}50%{opacity:1}}.xpo-breakdown{padding:.75em 1.5em 1em}.xpo-breakdown-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 .6em;font-size:.68rem;font-weight:600}.xpo-breakdown-row{justify-content:space-between;align-items:center;padding:.3em 0;font-size:.78rem;display:flex}.xpo-breakdown-label{color:var(--text-secondary)}.xpo-breakdown-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.xpo-breakdown-value.xpo-highlight{color:var(--accent-primary)}.xpo-breakdown-separator{border:none;border-top:1px solid var(--border-subtle);margin:.4em 0}.xpo-breakdown-total{font-size:.9rem;font-weight:700}.xpo-multiplier-tag{background:var(--accent-subtle);color:var(--accent-primary);border-radius:4px;margin-left:.5em;padding:.1em .5em;font-size:.7rem;font-weight:600;display:inline-block}.xpo-bottom-area{background:#0003;border-top:1px solid #ffffff0f;padding:1em 1.5em}.xpo-currency-row{gap:1em;padding-bottom:.5em;display:flex}.xpo-currency-item{border-radius:var(--radius-md,8px);background:#ffffff08;border:1px solid #ffffff0d;flex:1;justify-content:center;align-items:center;gap:.75em;padding:.6em;display:flex;box-shadow:0 4px 12px #0000001a}.xpo-currency-item>div{align-items:baseline;gap:.4em;display:flex}.xpo-currency-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.xpo-currency-amount{color:#fff;font-size:1.1rem;font-weight:800}.xpo-currency-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:700}.xpo-missions{padding:0 1.5em 1em}.xpo-mission-complete{background:var(--color-success-subtle);border:1px solid var(--color-success);border-radius:var(--radius-md,8px);align-items:center;gap:.6em;margin-bottom:.4em;padding:.5em .8em;animation:.5s xpo-mission-pop;display:flex}@keyframes xpo-mission-pop{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.xpo-mission-check{background:var(--color-success);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.xpo-mission-check svg{fill:none;stroke:#fff;stroke-width:2.5px;width:12px;height:12px}.xpo-mission-text{color:var(--text-primary);font-size:.78rem;font-weight:500}.xpo-footer{justify-content:center;padding:.75em 1.5em 1.25em;display:flex}.xpo-continue-btn{border:1px solid var(--border-primary);background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-md,8px);cursor:pointer;padding:.6em 2.5em;font-size:.8rem;font-weight:500;transition:background .2s,border-color .2s}.xpo-continue-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.rro-backdrop{z-index:9999;background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out forwards rro-in;display:flex;position:fixed;inset:0}@keyframes rro-in{0%{opacity:0}to{opacity:1}}.rro-card{background:#0f0f0f;border:1px solid #333;border-radius:16px;flex-direction:column;width:min(720px,94vw);max-height:90vh;animation:.5s cubic-bezier(.16,1,.3,1) forwards rro-slide;display:flex;box-shadow:0 24px 60px #00000080}@keyframes rro-slide{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.rro-accent{border-radius:24px 24px 0 0;flex-shrink:0;width:100%;height:4px}.rro-card.win .rro-accent{background:linear-gradient(90deg,#0000,#5ac45acc,#0000);box-shadow:0 0 16px #5ac45a66}.rro-card.loss .rro-accent{background:linear-gradient(90deg,#0000,#dc4040cc,#0000);box-shadow:0 0 16px #dc404066}.rro-header{text-align:center;flex-shrink:0;padding:24px 32px 8px}.rro-verdict{letter-spacing:.25em;text-transform:uppercase;text-shadow:0 2px 12px #00000080;font-size:1.5rem;font-weight:800}.rro-card.win .rro-verdict{color:#5ac45a}.rro-card.loss .rro-verdict{color:#ff6b6b}.rro-sub{color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;margin-top:8px;font-size:.65rem}.rro-hero-split{flex-shrink:0;justify-content:center;align-items:center;gap:120px;padding:0 48px 16px;display:flex}.rro-hero-left{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.rro-player{align-items:center;gap:16px;display:flex}.rro-avatar{color:#fff;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000080}.rro-avatar img{object-fit:cover;width:100%;height:100%}.rro-name-col{flex-direction:column;display:flex}.rro-tag{text-transform:uppercase;letter-spacing:.25em;color:#fff6;margin-bottom:2px;font-size:.55rem;font-weight:800}.rro-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:1.1rem;font-weight:700;overflow:hidden}.rro-vs-label-stack{color:#ffffff4d;letter-spacing:.1em;margin:2px 0 2px 14px;font-size:.75rem;font-weight:800}.rro-hero-divider{background:#2a2a2a;width:1px;height:80px}.rro-hero-right{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.rro-elo-title{color:#fff6;letter-spacing:.15em;margin-bottom:8px;font-size:.8rem;font-weight:800}.rro-elo-huge{align-items:center;gap:12px;margin-bottom:12px;display:flex}.rro-elo-num{font-size:3.5rem;font-weight:800;line-height:1}.rro-elo-num.pos{color:#5ac45a}.rro-elo-num.neg{color:#ff6b6b}.rro-arrow{justify-content:center;align-items:center;display:flex}.rro-arrow.up{color:#5ac45a}.rro-arrow.down{color:#ff6b6b}.rro-elo-new{color:#fff6;font-size:1rem}.rro-elo-new strong{color:#fff;font-weight:700}.rro-hr{background:#2a2a2a;flex-shrink:0;height:1px;margin:0 48px}.rro-section{flex-direction:column;flex-grow:1;min-height:0;padding:16px 48px 8px;display:flex}.rro-sec-head{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 8px;display:flex}.rro-sec-title{text-transform:uppercase;letter-spacing:.25em;color:#ffffff80;font-size:.65rem;font-weight:800}.rro-sec-score{color:#fff;letter-spacing:.15em;font-size:.8rem;font-weight:800}.rro-table-wrapper{flex-grow:1;padding-bottom:8px;overflow:hidden auto}.rro-table-wrapper::-webkit-scrollbar{width:6px}.rro-table-wrapper::-webkit-scrollbar-track{background:#0003;border-radius:6px}.rro-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:6px}.rro-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff40}.rro-table{border-collapse:separate;border-spacing:0;width:100%}.rro-table tr{opacity:0;background:0 0;border-radius:8px;transition:opacity .4s,transform .4s,background .2s;transform:translateY(8px)}.rro-table tr:nth-child(odd){background:#ffffff08}.rro-table tr:hover{background:#ffffff0f}.rro-table tr.vis{opacity:1;transform:translateY(0)}.rro-table td{vertical-align:middle;padding:8px 16px}.rro-table td:first-child{border-radius:8px 0 0 8px}.rro-table td:last-child{border-radius:0 8px 8px 0}.rro-td-lv{text-align:center;color:#fff9;font-variant-numeric:tabular-nums;width:25%;font-size:.9rem;font-weight:700;transition:color .3s}.rro-td-lab{text-align:center;text-transform:uppercase;letter-spacing:.2em;color:#fff6;white-space:nowrap;width:50%;font-size:.65rem;font-weight:700}.rro-td-rv{text-align:center;color:#fff9;font-variant-numeric:tabular-nums;width:25%;font-size:.9rem;font-weight:700;transition:color .3s}.rro-td-lv.best,.rro-td-rv.best{color:#fff;font-weight:800}.rro-explain{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;flex-shrink:0;margin:0 48px;padding:14px 20px}.rro-explain p{color:#ffffff80;text-align:center;margin:0;font-size:.75rem;line-height:1.6}.rro-explain strong{color:#fff;font-weight:700}.rro-foot{flex-shrink:0;gap:16px;padding:16px 48px 24px;display:flex}.rro-btn{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:12px;flex:1;padding:14px 24px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.rro-btn.primary{color:#000;background:#fff;box-shadow:0 4px 16px #ffffff26}.rro-btn.primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff40}.rro-btn.ghost{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.rro-btn.ghost:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}@media (width<=600px){.rro-card{border:none;border-radius:0;width:100vw;height:100vh;max-height:100vh}.rro-accent{border-radius:0}.rro-split{grid-template-columns:1fr;gap:32px;padding:20px 16px 16px}.rro-side.left{justify-content:flex-start}.rro-side.right{flex-direction:row-reverse;justify-content:flex-start}.rro-side.right .rro-details{text-align:left;align-items:flex-start}.rro-side.right .rro-mmr-row{justify-content:flex-start}.rro-avatar{width:60px;height:60px}.rro-name{max-width:200px;font-size:1rem}.rro-mmr-num{font-size:1.8rem}.rro-section{padding:16px 16px 8px}.rro-hr{margin:0 24px}.rro-explain{margin:0 16px;padding:12px 16px}.rro-foot{padding:20px 16px 24px}}body.page-room{background:var(--bg-primary);flex-flow:column;height:100vh;font-family:Inter,Segoe UI,sans-serif;display:flex;overflow:hidden}body.page-room>#app{flex-flow:column;flex:1;display:flex;overflow:hidden}.room-layout{flex:1;height:100vh;display:flex;overflow:hidden}.game-area{flex-flow:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.bonus-alphabet-panel{z-index:100;-webkit-user-select:none;user-select:none;background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:var(--space-sm);align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-sm);border-radius:0;flex-direction:column;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.bp-header{justify-content:center;align-items:center;width:100%;display:flex}.bp-counter{color:var(--text-muted);letter-spacing:.08em;text-shadow:none;font-size:10px;font-weight:700}.bp-grid{gap:2px var(--space-sm);grid-template-columns:repeat(2,1fr);justify-items:center;display:grid}.bp-cell{color:var(--lives-dot-ok);width:16px;height:16px;text-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;font-family:monospace;font-size:13px;font-weight:700;line-height:1;transition:opacity .2s,color .2s;display:flex}.bp-cell.bp-used{color:var(--text-muted);opacity:.15;text-shadow:none;background:0 0;border-color:#0000;text-decoration:none}.rm-tools-dock{z-index:50;background:var(--bg-elevated);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg), inset 1px 0 0 #ffffff05;border-left:none;border-radius:0 24px 24px 0;flex-direction:column;align-items:center;gap:16px;padding:20px 12px;transition:transform .3s cubic-bezier(.2,1,.3,1);display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rm-tools-dock:not(.open){transform:translateY(-50%)translate(-100%)}.rm-tools-dock-toggle{background:var(--bg-elevated);border:1px solid var(--border-primary);width:24px;height:64px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-md);border-left:none;border-radius:0 12px 12px 0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.2,1,.3,1);display:flex;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.rm-tools-dock-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.rm-tools-dock.open .rm-tools-dock-toggle{opacity:0;pointer-events:none}.rm-tools-btn-icon{background:var(--bg-primary);border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.2,1,.3,1);display:flex}.rm-tools-btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)scale(1.05)}.rm-tools-btn-icon:active{background:var(--bg-active);box-shadow:var(--shadow-sm);transform:translateY(1px)scale(.95)}.rm-tools-form{flex-direction:column;gap:8px;display:flex}.rm-tools-result{text-align:center;border-radius:8px;margin-top:12px;padding:12px;font-size:.85em;font-weight:600}.rm-tools-result .word{text-transform:uppercase;font-weight:800}.rm-tools-result.valid{color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e33}.rm-tools-result.invalid{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.rm-tools-placeholder{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:20px 0;font-size:.8em;display:flex}.rm-topbar{background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box;border-bottom:1px solid var(--border-primary);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5em;height:3.2em;padding:0 .6em;display:flex;position:relative}.rm-nav-pill{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;align-items:center;height:30px;display:flex;overflow:hidden}.rm-pill-exit,.rm-pill-code{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.35em;height:100%;padding:0 .9em;font-family:inherit;font-size:.62em;font-weight:700;transition:background .15s,color .15s;display:flex}.rm-pill-exit{color:var(--text-muted)}.rm-pill-exit:hover{color:#f87171;background:#ef44441f}.rm-pill-exit:active{background:#ef444433}.rm-pill-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:14px}.rm-pill-code{color:var(--text-muted);gap:.4em}.rm-pill-code-label{color:var(--text-muted);opacity:.6}.rm-pill-code-value{color:var(--accent-primary);font-weight:800}.rm-pill-code:hover{background:#ffffff0f}.rm-pill-code:hover .rm-pill-code-label{opacity:.9}.rm-pill-code:active{background:#ffffff1a}.rm-pill-code.rm-copied .rm-pill-code-value{color:var(--color-success)}.rm-pill-code.rm-copied .rm-pill-code-label{color:var(--color-success);opacity:.8}.rm-pill-code.rm-copied{background:#22c55e14}.rm-topbar-center{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rm-topbar-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;pointer-events:auto;max-width:280px;font-size:.88em;font-weight:800;overflow:hidden}.rm-topbar-right{flex-shrink:0;align-items:center;gap:.5em;display:flex;position:relative}.rm-pill-btn{height:30px;color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.35em;padding:0 .9em;font-family:inherit;font-size:.62em;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.rm-pill-btn:hover{color:var(--text-secondary);background:#ffffff14}.rm-pill-btn:active{background:#ffffff1f}.rm-pill-btn-active{color:var(--accent-primary);background:#e8a8381a;border-color:#e8a83833}.rm-pill-btn-locked{color:var(--text-muted);opacity:.7}.rm-statsbar{z-index:50;pointer-events:none;align-items:center;gap:16px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.rm-stat{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;display:flex}.rm-stat-btn{color:#fff;cursor:pointer;pointer-events:auto;text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:flex}.rm-stat-btn:hover{background:#fff3;border-color:#ffffff4d}.rm-stat-countdown{color:var(--accent-primary);letter-spacing:.03em;font-weight:800}.rm-rules-dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:360px;max-height:70vh;box-shadow:var(--shadow-lg);z-index:25;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;animation:.2s cubic-bezier(.34,1.56,.64,1) rulesSlideDown;position:absolute;top:calc(100% + .4em);right:0;overflow-y:auto}@keyframes rulesSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rm-rules-dropdown::-webkit-scrollbar{width:4px}.rm-rules-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}.rm-rules-dropdown .rm-rules-content{padding:1em 1.2em}.rm-rules-dropdown .rm-setting{border-bottom:1px solid var(--border-subtle);margin-bottom:.8em;padding-bottom:.8em}.rm-rules-dropdown .rm-setting:last-child{border-bottom:none}.rm-rules-dropdown .rm-setting .rm-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5em;font-size:.68em;font-weight:700}.rm-rules-dropdown .rm-setting .rm-field{color:var(--text-secondary);font-size:.82em;line-height:1.5}.rm-rules-dropdown .rm-rules-help{color:var(--text-secondary);font-size:.82em;line-height:1.6}.rm-rules-dropdown select{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;outline:none;min-width:140px;padding:.4em .6em;font-family:inherit;font-size:.9em;transition:border-color .15s}.rm-rules-dropdown select:focus{border-color:var(--border-focus)}.rm-rules-dropdown select:disabled{opacity:.5;cursor:not-allowed}.rm-rules-dropdown input[type=range]{appearance:none;vertical-align:middle;background:0 0;width:140px;height:20px}.rm-rules-dropdown input[type=range]::-webkit-slider-runnable-track{background:var(--bg-active);border-radius:var(--radius-sm);height:4px}.rm-rules-dropdown input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);border-radius:var(--radius-full);border:2px solid var(--bg-card);width:16px;height:16px;box-shadow:var(--shadow-sm);cursor:pointer;margin-top:-6px}.rm-rules-dropdown input[type=range]::-moz-range-track{background:var(--bg-active);border-radius:var(--radius-sm);height:4px}.rm-rules-dropdown input[type=range]::-moz-range-thumb{background:var(--accent-primary);border-radius:var(--radius-full);border:2px solid var(--bg-card);width:16px;height:16px;box-shadow:var(--shadow-sm);cursor:pointer}.rm-rules-dropdown input[type=range]:disabled{opacity:.5;cursor:not-allowed}.rm-rules-accordion-item{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-xs)}.rm-rules-accordion-item:last-child{border-bottom:none}.rm-rules-accordion-header{width:100%;padding:var(--space-sm) 0;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:.85em;font-weight:600;transition:color .2s;display:flex}.rm-rules-accordion-header:hover{color:var(--accent-primary-hover)}.rm-rules-accordion-header .rm-accordion-icon{color:var(--text-secondary);transition:transform .2s}.rm-rules-accordion-item.rm-open .rm-rules-accordion-header .rm-accordion-icon{transform:rotate(180deg)}.rm-rules-accordion-content{padding-bottom:var(--space-sm)}.rm-rules-accordion-inner{gap:var(--space-sm);flex-direction:column;display:flex}.rm-rules-lock-control{padding:var(--space-sm) var(--space-md);background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.rm-rules-lock-info{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.8em;font-weight:600;display:flex}.rm-rules-lock-info svg{color:var(--text-muted)}.sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-primary);z-index:10;flex-flow:column;flex-shrink:0;width:340px;transition:margin-right .3s cubic-bezier(.2,1,.3,1),transform .3s cubic-bezier(.2,1,.3,1);display:flex}.sidebar.closed{margin-right:-340px;transform:translate(100%)}.rm-sidebar-toggle{background:var(--bg-elevated);border:1px solid var(--border-primary);width:24px;height:64px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-md);z-index:40;border-right:none;border-radius:12px 0 0 12px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.2,1,.3,1);display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)translate(100%)}.rm-sidebar-toggle.visible{transform:translateY(-50%)translate(0)}.rm-sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.rm-stabs{box-sizing:border-box;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0;gap:.2em;height:3.2em;padding:0 .3em;display:flex}.rm-stab{width:3.6em;color:var(--text-muted);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:.4em;padding:0;font-family:inherit;font-size:1em;font-weight:700;transition:all .15s;display:flex}.rm-stab-close{width:3.2em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.rm-stab-close:hover{color:var(--text-primary)}.rm-stab svg{opacity:.5;transition:opacity .15s}.rm-stab:hover{color:var(--text-secondary);background:var(--bg-hover)}.rm-stab:hover svg{opacity:.8}.rm-stab-icon{width:3.2em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.rm-stabs .rm-stab-icon:last-child{margin-left:auto}.rm-stab-icon:hover{color:var(--text-secondary);background:var(--bg-hover)}.rm-stab-icon.active,.rm-stab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.rm-stab.active svg{opacity:1;stroke:var(--accent-primary)}.sidebar>.chat{flex-flow:column;flex:1;display:flex;overflow:hidden}.sidebar>.chat .log{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;padding:.6em 0;font-size:.88em;overflow-y:auto}.sidebar>.chat .log::-webkit-scrollbar{width:4px}.sidebar>.chat .log::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.sidebar>.chat .log>div:not(.input-row){padding:.4em 1em;line-height:1.5}.sidebar>.chat .log>div:hover{background:#00000004}.sidebar>.chat .log>div.system{color:var(--text-muted);padding-left:1em;font-size:.85em;font-style:italic}.sidebar>.chat .log .msg-row{gap:.6em;padding:.5em 1em;transition:background .15s;display:flex}.sidebar>.chat .log .msg-row.consecutive{padding-top:.1em;padding-bottom:.1em}.sidebar>.chat .log .msg-row:hover{background:#ffffff08}.sidebar>.chat .log .msg-row.is-mention{border-left:3px solid var(--accent-primary);background:#e8a8381a;padding-left:calc(1em - 3px)}.sidebar>.chat .log .msg-avatar-col{flex-shrink:0;width:28px;padding-top:.1em}.sidebar>.chat .log .msg-avatar,.sidebar>.chat .log .msg-avatar-fallback{object-fit:cover;border-radius:50%;width:28px;height:28px;box-shadow:0 1px 4px #0003}.sidebar>.chat .log .msg-avatar-fallback{background:var(--bg-hover);color:var(--text-secondary);justify-content:center;align-items:center;font-size:.7em;font-weight:800;display:flex}.sidebar>.chat .log .msg-content-col{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar>.chat .log .msg-header{align-items:baseline;gap:.4em;margin-bottom:.1em;display:flex}.sidebar>.chat .log .msg-header .author{color:var(--text-primary);font-size:.95em;font-weight:800}.sidebar>.chat .log .msg-header .time{color:var(--text-muted);font-size:.68em}.sidebar>.chat .log .msg-content-col .text{color:var(--text-secondary);word-break:break-word;white-space:pre-wrap;font-size:.92em;line-height:1.4}.sidebar>.chat .input-row{border-top:1px solid var(--border-primary);background:var(--bg-card);flex-shrink:0;align-items:flex-end;gap:0;display:flex}.sidebar>.chat .input-row textarea{resize:none;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-height:2.5em;max-height:4em;padding:.8em 1em;font-family:inherit;font-size:.88em;line-height:1.4}.sidebar>.chat .input-row textarea::placeholder{color:var(--text-secondary)}.sidebar>.chat .input-row .send-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.7em;transition:all .15s;display:flex}.sidebar>.chat .input-row .send-btn:hover{color:var(--accent-primary);background:#e8a8380f}.sidebar>.room-pane .people{flex-flow:column;flex:1;display:flex;overflow:hidden}.sidebar>.room-pane .people .filter{padding:.8em 1em;display:flex}.sidebar>.room-pane .people .filter input{background:var(--bg-hover);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:.6em 1em;font-family:inherit;font-size:.86em;transition:border-color .15s}.sidebar>.room-pane .people .filter input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #e8a8381f}.sidebar>.room-pane .people .filter input::placeholder{color:var(--text-secondary)}.sidebar>.room-pane .people .list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;overflow-y:auto}.sidebar>.room-pane .people .list::-webkit-scrollbar{width:4px}.sidebar>.room-pane .people .list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.sidebar>.room-pane .people .chatter{color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border-subtle);align-items:center;gap:.8em;padding:.7em 1.2em;transition:background .1s;display:flex}.sidebar>.room-pane .people .chatter:last-child{border-bottom:none}.sidebar>.room-pane .people .chatter:hover{background:var(--bg-hover)}.sidebar>.room-pane .people .chatter .ch-avatar{background:var(--bg-active);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.sidebar>.room-pane .people .chatter .main{flex:1;min-width:0}.sidebar>.room-pane .people .chatter .nickname{text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;align-items:center;gap:.3em;font-size:.88em;font-weight:700;display:flex;overflow:hidden}.sidebar>.room-pane .people .chatter .role-badge.crown{color:var(--accent-primary);flex-shrink:0;align-items:center;display:inline-flex}.sidebar>.room-pane .people .chatter .role-badge.muted-badge{color:var(--color-danger,#e05050);opacity:.7;flex-shrink:0;align-items:center;display:inline-flex}.sidebar>.room-pane .people .chatter .chatter-online{background:var(--color-success);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 4px #5dba5d4d}.ctx-menu{background:var(--bg-card);border:1px solid var(--border-primary);z-index:10000;min-width:150px;color:var(--text-primary);border-radius:10px;padding:.4em 0;font-size:.82em;animation:.15s ctxAppear;position:fixed;box-shadow:0 4px 24px #0000001f}@keyframes ctxAppear{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.ctx-menu .ctx-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:.5em;padding:.55em 1em;font-family:inherit;font-size:1em;transition:background .1s;display:flex}.ctx-menu .ctx-item:hover{background:var(--bg-hover)}.ctx-menu .ctx-item.ctx-danger{color:var(--color-danger)}.ctx-menu .ctx-item.ctx-danger:hover{background:#e050500f}.ctx-menu .ctx-divider{background:var(--bg-active);height:1px;margin:.3em 0}.pcm-menu{z-index:10001;background:var(--bg-card);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(16px);border-radius:12px;min-width:210px;max-width:250px;font-family:Inter,sans-serif;animation:.18s cubic-bezier(.16,1,.3,1) pcmAppear;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000059,inset 0 0 0 1px #ffffff0a}@keyframes pcmAppear{0%{opacity:0;transform:scale(.92)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.pcm-header{align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.pcm-avatar{background:var(--bg-active);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.pcm-avatar-img{object-fit:cover;width:100%;height:100%}.pcm-avatar-initial{color:var(--text-secondary);font-size:14px;font-weight:700}.pcm-info{flex:1;min-width:0}.pcm-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85em;font-weight:700;overflow:hidden}.pcm-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:1px;font-size:.68em;font-weight:600}.pcm-divider{background:var(--border-primary);height:1px;margin:2px 10px}.pcm-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:8px 14px;font-family:inherit;font-size:.8em;font-weight:500;transition:background .12s,color .12s;display:flex}.pcm-item:hover{background:var(--bg-hover)}.pcm-item:first-of-type{margin-top:2px}.pcm-item:last-child{margin-bottom:4px}.pcm-icon{opacity:.7;flex-shrink:0;width:15px;height:15px}.pcm-item:hover .pcm-icon{opacity:1}.pcm-item.pcm-warn{color:var(--color-warning,#e8a838)}.pcm-item.pcm-warn:hover{background:#e8a83814}.pcm-item.pcm-danger{color:var(--color-danger,#e05050)}.pcm-item.pcm-danger:hover{background:#e0505014}.pcm-item.pcm-transfer{color:var(--color-accent,#e8a838)}.pcm-item.pcm-transfer:hover{background:#e8a8380f}.pcm-item.pcm-transfer .pcm-icon{fill:currentColor;stroke:none}.pcm-item.pcm-ban-ip{color:#c0392b}.pcm-item.pcm-ban-ip:hover{background:#c0392b14}.pcm-item.pcm-disabled{opacity:.5;cursor:not-allowed}.pcm-item.pcm-disabled:hover{background:0 0}.pl-profile{flex-direction:column;align-items:center;height:100%;padding:28px 20px 20px;animation:.22s ease-out plFadeIn;display:flex;position:relative}@keyframes plFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.pl-back{border:1px solid var(--border-subtle);background:var(--bg-elevated);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:flex;position:absolute;top:10px;left:10px}.pl-back:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-primary)}.pl-profile-avatar{background:var(--bg-active);width:76px;height:76px;box-shadow:0 0 0 3px var(--bg-primary), 0 0 0 5px var(--accent-primary), 0 6px 20px #0000004d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex;overflow:hidden}.pl-profile-img{object-fit:cover;width:100%;height:100%}.pl-profile-initial{color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:26px;font-weight:700}.pl-profile-name{color:var(--text-primary);text-align:center;letter-spacing:-.02em;justify-content:center;align-items:center;gap:5px;margin-bottom:2px;font-size:1.1em;font-weight:700;display:flex}.pl-profile-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:5px;margin-bottom:10px;font-size:.72em;font-weight:600;display:flex}.pl-status-dot{background:var(--text-muted);opacity:.5;border-radius:50%;flex-shrink:0;width:7px;height:7px}.pl-status-dot--active{background:var(--color-success,#4caf50);opacity:1;box-shadow:0 0 6px #4caf5080}.pl-profile-id{color:var(--text-muted);align-items:center;gap:5px;margin-bottom:18px;font-size:.72em;font-weight:600;display:flex}.pl-divider{background:var(--border-subtle);width:100%;height:1px;margin:4px 0}.pl-profile-actions{flex-direction:column;gap:6px;width:100%;display:flex}.pl-action-btn{cursor:pointer;background:var(--bg-elevated);width:100%;color:var(--text-secondary);text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:9px 14px;font-family:Inter,sans-serif;font-size:.8em;font-weight:600;transition:background .12s,border-color .12s,transform 80ms,opacity .12s;display:flex}.pl-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-primary)}.pl-action-btn:active{transform:scale(.98)}.pl-action-svg{opacity:.7;flex-shrink:0;width:15px;height:15px}.pl-action-btn:hover .pl-action-svg{opacity:1}.pl-action--profile{color:var(--accent-primary);border-color:#c8c8c814}.pl-action--profile:hover{background:rgba(var(--accent-primary-rgb,139, 92, 246), .08);color:var(--accent-primary)}.pl-action--mute{color:var(--text-secondary)}.pl-action--mute.is-active{color:var(--color-danger,#e05050);background:#e0505014;border-color:#e0505026}.pl-action--kick{color:var(--color-danger,#e05050)}.pl-action--kick:hover{color:var(--color-danger,#e05050);background:#e0505014;border-color:#e0505026}.pl-action--transfer{color:var(--color-warning,#e8a838)}.pl-action--transfer:hover{color:var(--color-warning,#e8a838);background:#e8a83814;border-color:#e8a83826}.pl-action--global-ban{color:#d32f2f;background:#d32f2f0a;border-color:#d32f2f1f}.pl-action--global-ban:hover{color:#ef5350;background:#d32f2f1a;border-color:#d32f2f40}.pl-action--room-ban{color:var(--color-danger,#e05050)}.pl-action--room-ban:hover{color:var(--color-danger,#e05050);background:#e0505014;border-color:#e0505026}.pl-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted,#888);padding:0 var(--space-md,12px);margin-bottom:4px;font-size:.65rem;font-weight:700}.pl-section-label--danger{color:#d32f2f}.pl-action--friend-add{color:var(--color-success,#4caf50)}.pl-action--friend-add:hover{background:#4caf5014;border-color:#4caf5026}.pl-action--friend-remove{color:var(--color-danger,#e05050)}.pl-action--friend-remove:hover{background:#e0505014;border-color:#e0505026}.pl-action--friend-pending{color:var(--text-muted,#888);opacity:.6;cursor:default}.pl-action--block{color:var(--color-danger,#e05050)}.pl-action--block:hover{background:#e0505014;border-color:#e0505026}.pl-action--unblock{color:var(--color-success,#4caf50)}.pl-action--unblock:hover{background:#4caf5014;border-color:#4caf5026}.rm-sidebar-settings{flex-direction:column;flex:1;gap:20px;padding:16px;display:flex;overflow-y:auto}.st-panel{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.st-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;transition:border-color .25s;overflow:hidden}.st-section:hover{border-color:color-mix(in srgb, var(--border-subtle) 60%, var(--accent-primary) 40%)}.st-section-header{cursor:pointer;width:100%;color:var(--text-primary);letter-spacing:.01em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.85em;font-weight:600;transition:background .2s;display:flex}.st-section-header:hover{background:var(--bg-hover)}.st-section-header-left{align-items:center;gap:10px;display:flex}.st-section-icon{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);width:28px;height:28px;color:var(--accent-primary);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.st-chevron{color:var(--text-muted);transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s}.st-chevron.open{color:var(--accent-primary);transform:rotate(180deg)}.st-section-body{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.34,1.56,.64,1);display:grid}.st-section-body>*{overflow:hidden}.st-section-body.open{grid-template-rows:1fr}.st-section-inner{opacity:0;padding:0 14px 14px;transition:opacity .25s 50ms,transform .25s 50ms;transform:translateY(-4px)}.st-section-body.open .st-section-inner{opacity:1;transform:translateY(0)}.st-hint{color:var(--text-muted);margin:0 0 12px;font-size:.75em;line-height:1.5}.st-select-wrap{position:relative}.st-select{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;border-radius:8px;padding:9px 32px 9px 12px;font-size:.82em;font-weight:500;transition:border-color .2s,box-shadow .2s}.st-select:hover{border-color:var(--border-focus)}.st-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-primary) 20%, transparent);outline:none}.st-select-arrow{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.st-color-list{flex-direction:column;gap:4px;display:flex}.st-color-row{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background .15s;display:flex}.st-color-row:hover{background:var(--bg-hover)}.st-color-row-left{align-items:center;gap:10px;display:flex}.st-color-row-icon{background:var(--bg-elevated);width:24px;height:24px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.st-color-row-label{color:var(--text-secondary);font-size:.8em;font-weight:500}.st-color-swatch-wrap{cursor:pointer;border-radius:50%;width:28px;height:28px;transition:transform .15s,box-shadow .15s;position:relative}.st-color-swatch-wrap:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 25%, transparent);transform:scale(1.12)}.st-color-swatch-wrap:active{transform:scale(.95)}.st-color-swatch-wrap input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;position:absolute;inset:0}.st-color-swatch{pointer-events:none;border:2px solid #ffffff14;border-radius:50%;width:100%;height:100%;box-shadow:inset 0 1px 2px #0000004d,0 1px 3px #0003}.st-reset-btn{border:1px solid var(--border-subtle);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:9px 14px;font-size:.78em;font-weight:600;transition:all .2s;display:flex}.st-reset-btn:hover{border-color:var(--color-danger);color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.st-reset-btn:active{transform:scale(.98)}@media (width<=900px){.sidebar{width:320px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000001a}.sidebar.open{transform:translate(0)}.rm-topbar-name{max-width:120px}.rm-stat-dict,.rm-topbar-code,.rm-btn-copy{display:none}}@media (width>=901px){.sidebar{box-shadow:none;position:relative}}.ehud{z-index:40;pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute;top:68px;left:16px}.ehud-level-ring{flex-shrink:0;width:48px;height:48px;position:relative}.ehud-arc{width:100%;height:100%;transform:rotate(-90deg)}.ehud-arc-track{fill:none;stroke:#ffffff0f;stroke-width:3px}.ehud-arc-fill{fill:none;stroke:var(--accent-primary,#c08a3e);stroke-width:3px;stroke-linecap:round;stroke-dasharray:144.51;stroke-dashoffset:144.51px;filter:drop-shadow(0 0 4px #c08a3e80);transition:stroke-dashoffset .8s cubic-bezier(.22,1,.36,1)}.ehud-level-num{color:var(--text-primary,#f0f0f0);text-shadow:0 1px 3px #0009;letter-spacing:-.02em;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex;position:absolute;inset:0}.ehud-currencies{flex-direction:column;gap:4px;padding-top:2px;display:flex}.ehud-coin-row,.ehud-gem-row{align-items:center;gap:5px;display:flex}.ehud-coin-icon,.ehud-gem-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);width:16px;height:16px}.ehud-coin-val,.ehud-gem-val{color:#ffffffe0;text-shadow:0 1px 3px #000000b3;letter-spacing:.02em;font-size:.78rem;font-weight:700;line-height:1}.ehud-xp-section{flex-direction:column;gap:2px;width:120px;display:flex;position:absolute;top:54px;left:0}.ehud-xp-track{background:#ffffff0f;border-radius:1px;width:100%;height:2px;overflow:hidden}.ehud-xp-fill{background:linear-gradient(90deg, var(--accent-primary,#c08a3e), var(--accent-gold-text,#eab308));border-radius:1px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);box-shadow:0 0 6px #eab30859}.ehud-xp-label{color:#ffffff59;text-align:right;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:.55rem;font-weight:600;line-height:1}.ehud-xp-sep{opacity:.4;margin:0 1px}.ehud-drops{pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:72px;left:0}.ehud-drop{white-space:nowrap;align-items:baseline;gap:3px;animation:2.8s cubic-bezier(.22,1,.36,1) forwards ehudDropIn;display:flex}.ehud-drop-xp{color:var(--accent-gold-text,#eab308);text-shadow:0 0 8px #eab30866,0 1px 3px #000c;letter-spacing:-.02em;font-size:.85rem;font-weight:900;line-height:1}.ehud-drop-label{color:#eab30899;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 1px 2px #000c;font-size:.55rem;font-weight:700;line-height:1}.ehud-drop-tag{color:#ffffff80;letter-spacing:.02em;background:#ffffff0f;border-radius:3px;margin-left:2px;padding:1px 5px;font-size:.55rem;font-weight:600;line-height:1.4}@keyframes ehudDropIn{0%{opacity:0;transform:translateY(6px)scale(.92)}10%{opacity:1;transform:translateY(0)scale(1.04)}18%{transform:translateY(0)scale(1)}75%{opacity:1;transform:translateY(-8px)}to{opacity:0;transform:translateY(-18px)}}.rt-toast-container{z-index:39;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;top:156px;left:20px}.rt-toast-item{flex-direction:column;gap:6px;animation:3s cubic-bezier(.2,1,.3,1) forwards rtFloatUp;display:flex}.rt-row{justify-content:center;align-items:center;display:flex}.rt-level-up{color:#fbbf24;text-shadow:0 2px 6px #000c;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #fbbf244d;border-radius:8px;align-self:flex-start;margin-bottom:2px;padding:4px 10px;font-size:1.15rem;font-weight:900}.rt-rewards-row{align-items:center;gap:10px;display:flex}.rt-reward-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-font-smoothing:antialiased;background:#1e1e1ef2;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:1rem;font-weight:600;display:flex;box-shadow:0 4px 12px #00000080}.rt-coin-badge img{object-fit:contain;width:20px;height:20px}.rt-xp-badge .rt-xp-icon{color:#93c5fd;letter-spacing:.5px;background:#3b82f633;border:1px solid #3b82f64d;border-radius:6px;padding:3px 6px;font-size:.85rem;font-weight:700}@keyframes rtFloatUp{0%{opacity:0;transform:translateY(16px)}15%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(-15px)}to{opacity:0;transform:translateY(-30px)}}.game-bombparty{background:#000;flex-flow:column;flex:1;height:100%;display:flex;position:relative}.syllable-center{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.syllable-center>*{pointer-events:auto}.seating-display{flex-direction:column;align-items:center;gap:1.2em;animation:.4s fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.waiting-display{flex-direction:column;align-items:center;gap:.8em;display:flex}.waiting-icon{color:#ffffff26;animation:3s ease-in-out infinite waitingPulse}@keyframes waitingPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.waiting-text{color:#ffffff80;letter-spacing:.04em;font-size:1.1em;font-weight:600}.waiting-count{color:#ffffff40;font-size:.82em;font-weight:500}.start-now-btn{color:var(--text-primary);cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#e8a838,#d4942a);border:none;border-radius:10px;margin-top:.6em;padding:.5em 1.6em;font-family:inherit;font-size:.88em;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #e8a83840}.start-now-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 24px #e8a83859}.start-now-btn:active{transform:translateY(0)}.countdown-display{flex-direction:column;align-items:center;gap:.5em;animation:.4s fadeInUp;display:flex}.countdown-number-big{color:var(--accent-primary);text-shadow:0 0 30px #e8a83866,0 0 60px #e8a83826;font-size:3.2em;font-weight:900;line-height:1;animation:1s ease-in-out infinite countdownPulse}.countdown-label{color:#ffffff59;letter-spacing:.08em;text-transform:uppercase;font-size:.85em;font-weight:500}.start-now-btn-center{color:var(--text-primary);cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#e8a838,#d4942a);border:none;border-radius:12px;margin-top:.8em;padding:.55em 2em;font-family:inherit;font-size:.9em;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #e8a8384d}.start-now-btn-center:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 24px #e8a83866}.start-now-btn-center:active{transform:translateY(0)}.winner-announce{flex-direction:column;align-items:center;gap:.6em;animation:.5s cubic-bezier(.34,1.56,.64,1) winnerAppear;display:flex}@keyframes winnerAppear{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.winner-avatar{width:120px;height:120px;color:var(--text-primary);background-position:50%;background-size:cover;border:3px solid #e8a838;border-radius:50%;justify-content:center;align-items:center;font-size:36px;font-weight:900;display:flex;box-shadow:0 0 40px #e8a8384d,0 0 80px #e8a8381a}.winner-crown{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.12em;font-size:.85em;font-weight:800;animation:1.5s ease-in-out infinite crownBounce}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.winner-name{color:var(--text-primary);text-shadow:0 2px 12px #e8a8384d;letter-spacing:.04em;font-size:1.5em;font-weight:900}.countdown-ring{border:3px solid #e8a83866;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:1s ease-in-out infinite countdownPulse;display:flex}@keyframes countdownPulse{0%,to{border-color:#e8a83866}50%{border-color:#e8a838cc}}.countdown-number{color:var(--accent-primary);text-shadow:0 0 20px #e8a83866;font-size:2em;font-weight:900}.round-display{flex-direction:column;align-items:center;display:flex;position:relative}.syllable-orb{z-index:2;justify-content:center;align-items:center;display:inline-flex;position:relative}.fuse-ring-svg{z-index:1;pointer-events:none;width:100px;height:100px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.spark-outer{animation:.4s ease-in-out infinite alternate sparkPulse}.spark-mid{animation:.25s ease-in-out .1s infinite alternate sparkPulse}.spark-core{animation:.2s ease-in-out 50ms infinite alternate sparkPulse}@keyframes sparkPulse{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.syllable-circle{z-index:2;background:radial-gradient(circle at 40% 35%,#3a3a3a,#1a1a1a 70%);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 4px 16px #00000080,inset 0 2px 4px #ffffff0d,inset 0 -2px 4px #0000004d}.syllable-word-count{color:#ffffffb3;letter-spacing:.05em;margin-top:0;font-size:.55em;font-weight:700}.syllable-text{color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 8px #0009;-webkit-font-smoothing:antialiased;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:1.4em;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) syllableAppear}@keyframes syllableAppear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.turn-arrow{transform-origin:50%;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#e8a8380a 20%,#e8a83814 35%,#0000 45% 55%,#e8a8384d 75%,#e8a838 95% 100%);border-radius:3px;width:220px;height:5px;margin-top:-2.5px;margin-left:-110px;transition:transform .15s ease-out;position:absolute;top:50%;left:50%}.turn-arrow:after{content:"";filter:drop-shadow(3px 0 5px #e8a83859);border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:16px solid #e8a838;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.turn-arrow:before{display:none}.game-bombparty .players-ring{z-index:1;pointer-events:none;position:absolute;inset:0;container-type:size}.pnode{--angle:0deg;left:calc(50% + cos(var(--angle)) * 28cqmin);top:calc(50% + sin(var(--angle)) * 28cqmin);pointer-events:auto;will-change:transform;flex-direction:column;align-items:center;gap:2px;transition:--angle .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.pavatar-wrap{flex-shrink:0;width:86px;height:86px;position:relative}.pnode-badges{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.pnode-badge{border:2px solid var(--bg-secondary);width:22px;height:22px;box-shadow:var(--shadow-sm);color:#fff;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute}.pnode-badge:hover{transform:scale(1.18)}.pnode-badge.badge-leader{color:#1a1a1a;background:linear-gradient(135deg,gold,orange);top:-4px;left:-4px;box-shadow:0 2px 6px #ffa50066}.pnode-badge.badge-admin{background:linear-gradient(135deg,#ff4d4d,#b30000);top:-4px;right:-4px;box-shadow:0 2px 6px #b3000066}.pnode-badge.badge-moderator{background:linear-gradient(135deg,#2ecc71,#27ae60);bottom:-4px;left:-4px;box-shadow:0 2px 6px #27ae6066}.pnode-badge.badge-discord{background:linear-gradient(135deg,#7289da,#5865f2);bottom:-4px;right:-4px;box-shadow:0 2px 6px #5865f266}.pnode-badge.badge-twitch{background:linear-gradient(135deg,#a78bfa,#8b5cf6);bottom:-4px;right:-4px;box-shadow:0 2px 6px #8b5cf666}.pnode-badge.badge-google{background:linear-gradient(135deg,#ea4335,#4285f4);bottom:-4px;right:-4px;box-shadow:0 2px 6px #4285f466}.pnode-badge.badge-github{background:linear-gradient(135deg,#444,#111);bottom:-4px;right:-4px;box-shadow:0 2px 6px #0006}.pnode-badge.badge-guest{background:linear-gradient(135deg,#888,#555);bottom:-4px;right:-4px;box-shadow:0 2px 6px #64646433}.chatter .main .nickname{align-items:center;gap:var(--space-xs);width:100%;display:flex}.chatter .main .nickname-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:700;overflow:hidden}.pl-badges{flex-shrink:0;align-items:center;gap:3px;margin-left:auto;display:inline-flex}.pl-badge{color:#fff;width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pl-badge-leader{color:#1a1a1a;background:linear-gradient(135deg,gold,orange)}.pl-badge-admin{background:linear-gradient(135deg,#ff4d4d,#b30000)}.pl-badge-moderator{background:linear-gradient(135deg,#2ecc71,#27ae60)}.pl-badge-discord{background:linear-gradient(135deg,#7289da,#5865f2)}.pl-badge-twitch{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.pl-badge-google{background:linear-gradient(135deg,#ea4335,#4285f4)}.pl-badge-github{background:linear-gradient(135deg,#444,#111)}.pl-badge-guest{background:linear-gradient(135deg,#888,#555)}.pavatar{width:86px;height:86px;color:var(--text-primary);letter-spacing:.04em;box-sizing:border-box;text-shadow:0 1px 3px #0009;filter:drop-shadow(0 2px 6px #0006);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:800;transition:filter .15s ease-out,box-shadow .15s ease-out;display:flex;overflow:hidden}.is-dead .pavatar{opacity:.25;filter:grayscale(.9)brightness(.5)drop-shadow(0 2px 6px #0006)}.is-validated .pavatar{filter:drop-shadow(0 2px 6px #0006);box-shadow:0 0 0 3px #22c55ee6}.is-fail .pavatar{filter:drop-shadow(0 2px 6px #0006);box-shadow:0 0 0 3px #ef4444e6}.is-fail-used .pavatar{filter:drop-shadow(0 2px 6px #0006);box-shadow:0 0 0 3px #eab308e6}.pname{color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #000000e6,0 0 2px #00000080;letter-spacing:.01em;-webkit-font-smoothing:antialiased;max-width:140px;margin-bottom:6px;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:500;line-height:1.1;overflow:hidden}.is-turn .pname{color:var(--accent-primary)}.is-dead .pname{color:#fff3}.plives-hearts{z-index:3;filter:drop-shadow(0 1px 3px #00000080);align-items:center;gap:2px;display:flex;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.plives-hearts.dead{top:-5px}.heart-icon{color:var(--color-danger);filter:drop-shadow(0 0 3px #e0505066);transition:all .2s}.heart-icon.heart-warn{animation:.8s ease-in-out infinite heartPulse}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.heart-dead{filter:drop-shadow(0 0 3px #e0505066)}.pword-wrap{flex-direction:column;justify-content:flex-start;align-items:center;min-height:36px;display:flex;position:relative}.pword-spacer{height:20px}.pword{color:#ffffffeb;white-space:nowrap;text-shadow:0 1px 4px #000c;letter-spacing:.12em;-webkit-font-smoothing:antialiased;text-transform:uppercase;justify-content:center;width:0;min-height:28px;margin-top:4px;font-family:Consolas,Monaco,SF Mono,monospace;font-size:22px;font-weight:700;display:flex;overflow:visible}.pword span{transition:color .12s,text-shadow .12s;display:inline}.pword .wsyll{color:#5dde54;text-shadow:0 1px 4px #000c}.pword .wvalid{color:#72e86c;text-shadow:0 1px 4px #000c}.pword .wsyll.wvalid{color:#a0ff96;text-shadow:0 1px 4px #000c}.pword-category{color:#e8a838b3;white-space:nowrap;letter-spacing:.02em;pointer-events:none;margin-top:-2px;font-size:10px;font-weight:600;animation:2s forwards categoryFlash;position:absolute;top:100%;left:50%}@keyframes categoryFlash{0%{opacity:0;transform:translate(-50%,4px)}10%{opacity:1;transform:translate(-50%)}70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes player-shake{0%,to{transform:translate(-50%,-50%)}10%{transform:translate(calc(8px - 50%),-50%)}20%{transform:translate(calc(-50% - 6px),-50%)}30%{transform:translate(calc(5px - 50%),-50%)}40%{transform:translate(calc(-50% - 4px),-50%)}50%{transform:translate(calc(3px - 50%),-50%)}60%{transform:translate(calc(-50% - 1px),-50%)}}.pnode.shake{animation:.45s player-shake}.game-bombparty .game-middle{text-align:center;flex:1;align-items:stretch;display:flex;position:relative;overflow:hidden}.game-bombparty .canvas-area{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.game-bombparty .game-bottom{text-align:center;height:5em;color:var(--text-primary);z-index:20;pointer-events:none;flex-shrink:0;justify-content:center;width:100%;display:flex;position:absolute;bottom:0;left:0}.game-bombparty .game-bottom .seating-controls,.game-bombparty .game-bottom .round-controls{pointer-events:auto;flex:1;justify-content:center;align-items:center;gap:.6em;display:flex}#join-area{animation:.35s ease-out both gc-fade-up}@keyframes gc-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-bombparty .game-bottom .joinRound{background:var(--join-bg);color:var(--join-text);border:1px solid var(--join-border);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--join-glow);letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);text-transform:uppercase;align-items:center;gap:.5em;padding:.6em 2em;font-family:inherit;font-size:.9em;font-weight:600;transition:all .25s;display:inline-flex}.game-bombparty .game-bottom .joinRound:hover{background:var(--join-bg-hover);border-color:var(--join-border-hover);box-shadow:var(--join-glow-hover);transform:translateY(-1px)}.game-bombparty .game-bottom .joinRound:active{box-shadow:var(--join-glow);transform:translateY(0)}.game-bombparty .game-bottom .joinRound svg{opacity:.7;transition:opacity .2s,transform .2s}.game-bombparty .game-bottom .joinRound:hover svg{opacity:1;transform:translate(2px)}.game-bombparty .game-bottom .leave-round{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;background:0 0;padding:.35em 1em;font-family:inherit;font-size:.75em;font-weight:500;transition:all .2s}.game-bombparty .game-bottom .leave-round:hover{background:var(--color-danger-subtle);color:var(--color-danger);border-color:#c4404040}.game-bombparty .game-bottom .joined-area{align-items:center;gap:.8em;animation:.3s ease-out both gc-fade-up;display:flex}.ready-indicator{background:var(--ready-bg);border:1px solid var(--ready-border);border-radius:var(--radius-full);color:var(--ready-text);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.4em;padding:.4em 1em;font-size:.82em;font-weight:600;display:inline-flex}.ready-indicator svg{color:var(--ready-text)}.game-bombparty .self-turn{flex:1;display:flex}.game-bombparty .self-turn form{flex:1;justify-content:center;align-items:center;display:flex}.game-bombparty .self-turn input,.game-bombparty .syllable-text{text-transform:uppercase}.game-bombparty .self-turn input{text-align:center;min-width:0;max-width:600px;color:var(--text-primary);letter-spacing:.1em;caret-color:var(--accent-primary);background:#ffffff04;border:1px solid #ffffff08;border-radius:0;outline:none;flex:1;margin:0 1em;padding:.3em 1.2em;font-family:Consolas,Monaco,SF Mono,monospace;font-size:1.3em;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:block}.game-bombparty .self-turn input::placeholder{color:#ffffff1f;text-transform:none;letter-spacing:.02em;font-family:inherit;font-size:.65em;font-weight:400}.game-bombparty .self-turn input:focus{background:#ffffff06;border-color:#ffffff14}.game-bombparty .self-turn input.input-error{animation:.3s cubic-bezier(.36,.07,.19,.97) inputShake}@keyframes inputShake{0%,to{transform:translate(0)}12%{transform:translate(-5px)}25%{transform:translate(4px)}37%{transform:translate(-3px)}50%{transform:translate(2px)}62%{transform:translate(-1px)}}.game-bombparty .other-turn{color:#fff6;flex:1;justify-content:center;align-items:center;gap:.3em;font-size:.92em;display:flex}.game-bombparty .other-turn .player-name{color:#ffffffb3;font-weight:700}.game-bombparty .other-turn .typing-dots{gap:2px;margin-left:.2em;display:inline-flex}.game-bombparty .other-turn .typing-dots span{background:#ffffff4d;border-radius:50%;width:4px;height:4px;animation:1.2s infinite typingDot}.game-bombparty .other-turn .typing-dots span:nth-child(2){animation-delay:.2s}.game-bombparty .other-turn .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (width<=600px){.syllable-text{font-size:2.4em!important}.game-bombparty .self-turn input{margin:0 .4em;font-size:1.1em}.pavatar-wrap,.pavatar{width:48px;height:48px;font-size:14px}.pname{max-width:60px;font-size:10px}.heart-icon{width:10px;height:10px}.turn-line-body{height:50px}.turn-line-head{top:46px}}.xpl-root{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.xpl-fireball{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute}.xpl-fireball-core{background:radial-gradient(circle,#fff 0%,#fffbe0 30%,#f80 100%);border-radius:50%;width:20px;height:20px;animation:.22s cubic-bezier(.1,.9,.2,1) forwards xpl-core-crash;position:absolute;box-shadow:0 0 20px 6px #ffaa00d9}.xpl-fireball-mid{background:radial-gradient(circle,#ff8c1ad9 0%,#e6260066 70%,#0000 100%);border-radius:50%;width:40px;height:40px;animation:.28s cubic-bezier(.05,.85,.15,1) forwards xpl-mid-crash;position:absolute}.xpl-fireball-outer{background:radial-gradient(circle,#e6390080 0%,#0000 80%);border-radius:50%;width:70px;height:70px;animation:.35s cubic-bezier(.05,.85,.15,1) forwards xpl-outer-crash;position:absolute}@keyframes xpl-core-crash{0%{opacity:1;transform:scale(0)}20%{opacity:1;transform:scale(1.8)}to{opacity:0;transform:scale(.1)}}@keyframes xpl-mid-crash{0%{opacity:.9;transform:scale(0)}30%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@keyframes xpl-outer-crash{0%{opacity:.6;transform:scale(0)}40%{opacity:.4;transform:scale(1.4)}to{opacity:0;transform:scale(2.4)}}.xpl-ring{background:0 0;border:2px solid #ffb54ce6;border-radius:50%;width:30px;height:30px;position:absolute}.xpl-ring-1{animation:.28s cubic-bezier(.1,.9,.2,1) forwards xpl-ring-crash}.xpl-ring-2{border-width:1px;border-color:#f9561f99;animation:.34s cubic-bezier(.1,.9,.2,1) 30ms forwards xpl-ring-crash}@keyframes xpl-ring-crash{0%{opacity:1;transform:scale(0)}50%{opacity:.7}to{opacity:0;transform:scale(4.5)}}.xpl-debris{width:var(--size,3px);height:var(--size,3px);background:hsl(var(--hue,28), 100%, 60%);box-shadow:0 0 4px 1px hsla(var(--hue,28), 100%, 55%, .6);animation:xpl-debris-crash var(--dur,.35s) cubic-bezier(.1, .9, .15, 1) var(--delay,0s) forwards;border-radius:1px;position:absolute}@keyframes xpl-debris-crash{0%{opacity:1;transform:translate(0)scale(1.5)rotate(0)}20%{opacity:1}to{transform:translate(var(--tx,45px), var(--ty,45px)) scale(.1) rotate(270deg);opacity:0}}body.page-leaderboard{background:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;overflow:hidden}body.page-leaderboard>#app>.base{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.lb-scroll{flex:1;padding-bottom:64px;overflow:hidden auto}.lb-container{max-width:860px;margin:0 auto;padding:.8rem 2rem 3rem}.lb-hero{text-align:center;margin-bottom:.8rem}.lb-hero-icon{width:36px;height:36px;color:var(--accent-gold-text);background:linear-gradient(135deg,#eab3081f,#eab30808);border:1px solid #eab30826;border-radius:10px;justify-content:center;align-items:center;margin:0 auto .4rem;display:flex}.lb-hero-icon svg{width:18px;height:18px}.lb-title{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .15rem;font-size:1.6rem;font-weight:900;line-height:1}.lb-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.52rem;font-weight:600}.lb-filters{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;flex-direction:column;gap:.4rem;margin-bottom:.6rem;padding:.5rem .8rem;display:flex}.lb-lang-row,.lb-mode-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem;display:flex}.lb-lang-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:6px;min-width:28px;padding:.22rem .45rem;font-family:inherit;font-size:.52rem;font-weight:700;transition:all .15s}.lb-lang-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-secondary)}.lb-lang-btn.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);padding:.22rem .6rem;font-weight:800}.lb-lang-label{font-size:.58rem}.lb-lang-code{letter-spacing:.06em;text-transform:uppercase;font-size:.5rem}.lb-mode-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:.22rem .5rem;font-family:inherit;font-size:.52rem;font-weight:700;transition:all .15s}.lb-mode-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-secondary)}.lb-mode-btn.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);font-weight:800}.lb-context{color:var(--text-secondary);justify-content:center;align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:.6rem;font-weight:700;display:flex}.lb-context-dot{background:var(--text-muted);opacity:.5;border-radius:50%;width:3px;height:3px}.lb-context-mode{text-transform:uppercase;color:var(--accent-gold-text)}.lb-podium{justify-content:center;align-items:flex-end;gap:.5rem;margin-bottom:1.2rem;padding:0 .5rem;display:flex}.lb-podium-card{cursor:pointer;transition:transform .2s}.lb-podium-card:hover{transform:translateY(-3px)}.lb-podium-img-wrap{justify-content:center;align-items:center;display:flex;position:relative}.lb-podium-bg{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.lb-podium-left .lb-podium-img-wrap,.lb-podium-right .lb-podium-img-wrap{width:155px}.lb-podium-center .lb-podium-img-wrap{width:185px}.lb-podium-center{margin-bottom:6px}.lb-podium-avatar{background:var(--bg-active);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.lb-podium-left .lb-podium-avatar{width:30px;height:30px;top:33.3%}.lb-podium-center .lb-podium-avatar{width:42px;height:42px;top:28.5%}.lb-podium-right .lb-podium-avatar{width:30px;height:30px;top:32.5%}.lb-podium-avatar img{object-fit:cover;width:100%;height:100%}.lb-podium-initial{color:var(--text-muted);font-size:.9rem;font-weight:800}.lb-podium-center .lb-podium-initial{font-size:1.1rem}.lb-podium-info{flex-direction:column;align-items:center;gap:.1rem;width:85%;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.lb-podium-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;text-align:center;text-shadow:0 0 6px #ffffff4d;max-width:100%;font-size:.62rem;font-weight:700;overflow:hidden}.lb-podium-center .lb-podium-name{font-size:.68rem}.lb-podium-value{color:#1a1a1a;text-shadow:0 0 8px #fff3;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.1rem;font-weight:900;line-height:1}.lb-podium-center .lb-podium-value{font-size:1.35rem}.lb-podium-unit{color:#444;text-transform:uppercase;letter-spacing:.1em;font-size:.44rem;font-weight:700}.lb-group-row{border-bottom:1.5px solid var(--border-primary);gap:0;margin-bottom:.5rem;display:flex}.lb-group-btn{color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1.5px;padding:.45rem 1.2rem;font-family:inherit;font-size:.68rem;font-weight:800;transition:all .15s}.lb-group-btn:hover:not(.active){color:var(--text-secondary)}.lb-group-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.lb-record-tabs{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;gap:.15rem;width:fit-content;max-width:100%;margin-bottom:.6rem;padding:.2rem;display:flex;overflow-x:auto}.lb-record-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.3rem .7rem;font-family:inherit;font-size:.62rem;font-weight:700;transition:all .12s}.lb-record-tab:hover:not(.active){color:var(--text-secondary);background:var(--bg-hover)}.lb-record-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.lb-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.lb-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;grid-template-columns:44px 1fr 120px 70px;align-items:center;min-height:46px;padding:0 .8rem;transition:background .12s;display:grid}.lb-row.lb-row-5col{grid-template-columns:44px 1fr 100px 140px 70px}.lb-row:hover:not(.lb-row-header){background:var(--bg-hover)}.lb-row:last-child{border-bottom:none}.lb-row-header{background:var(--bg-secondary);cursor:default;border-bottom:1.5px solid var(--border-primary);min-height:32px}.lb-row-header .lb-col{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.5rem;font-weight:800}.lb-row-top{position:relative}.lb-row-top-1{background:#eab3080a}.lb-row-top-2{background:#c0c0c008}.lb-row-top-3{background:#cd7f3208}.lb-row-top-1:hover{background:#eab30812}.lb-row-top-2:hover{background:#c0c0c00f}.lb-row-top-3:hover{background:#cd7f320f}.lb-row-me{background:var(--color-success-subtle)}.lb-row-me:hover{background:var(--color-success-subtle);filter:brightness(1.15)}.lb-col-rank{text-align:center}.lb-col-value{text-align:right;color:var(--accent-primary);padding-right:.4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;font-weight:800}.lb-col-word{text-align:center;color:var(--text-secondary);text-transform:uppercase;font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;font-weight:700}.lb-col-date{text-align:right;color:var(--text-muted);font-size:.58rem;font-weight:600}.lb-rank-num{color:var(--text-muted);font-size:.74rem;font-weight:800}.lb-medal{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.64rem;font-weight:900;display:inline-flex}.lb-medal-1{color:var(--accent-gold-text);background:linear-gradient(135deg,#eab30833,#eab3080f);border:1px solid #eab30833}.lb-medal-2{color:var(--text-secondary);background:linear-gradient(135deg,#c0c0c033,#c0c0c00f);border:1px solid #c0c0c026}.lb-medal-3{color:#cd7f32;background:linear-gradient(135deg,#cd7f3233,#cd7f320f);border:1px solid #cd7f3226}.lb-col-player{align-items:center;gap:.5rem;min-width:0;display:flex}.lb-av{background:var(--bg-active);width:30px;height:30px;color:var(--text-muted);border:1.5px solid var(--border-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:800;display:flex;overflow:hidden}.lb-av img{object-fit:cover;width:100%;height:100%}.lb-player-meta{flex-direction:column;min-width:0;display:flex}.lb-player-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:700;overflow:hidden}.lb-player-handle{color:var(--text-muted);font-size:.52rem;font-weight:500}.lb-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:3rem;font-size:.78rem;display:flex}.lb-spinner{border:2px solid var(--border-primary);border-top-color:var(--accent-gold-text);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite lbSpin}@keyframes lbSpin{to{transform:rotate(360deg)}}.lb-empty{flex-direction:column;align-items:center;gap:.5rem;padding:3rem 2rem;display:flex}.lb-empty-icon{background:var(--bg-secondary);border:1px solid var(--border-primary);width:48px;height:48px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.2rem;display:flex}.lb-empty-title{color:var(--text-secondary);font-size:.88rem;font-weight:800}.lb-empty-desc{color:var(--text-muted);text-align:center;max-width:300px;font-size:.72rem;line-height:1.5}.lb-bottom-bar{background:var(--bg-card);border-top:1px solid var(--border-primary);z-index:10;padding:.45rem 1.5rem;position:absolute;bottom:0;left:0;right:0}.lb-bottom-inner{align-items:center;gap:.8rem;max-width:860px;margin:0 auto;display:flex}.lb-bottom-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);white-space:nowrap;font-size:.48rem;font-weight:900}.lb-bottom-user{align-items:center;gap:.45rem;min-width:0;display:flex}.lb-bottom-av{background:var(--bg-active);width:28px;height:28px;color:var(--text-muted);border:1.5px solid var(--border-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;font-weight:800;display:flex;overflow:hidden}.lb-bottom-av img{object-fit:cover;width:100%;height:100%}.lb-bottom-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.72rem;font-weight:700;overflow:hidden}.lb-bottom-rank{align-items:center;margin-left:auto;display:flex}.lb-bottom-rank-num{color:var(--accent-gold-text);font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:900}.lb-bottom-unranked{color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;font-weight:800}.lb-bottom-score{border-left:1px solid var(--border-primary);align-items:baseline;gap:.2rem;padding-left:.7rem;display:flex}.lb-bottom-score-val{color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;font-weight:800}.lb-bottom-score-unit{color:var(--text-muted);text-transform:uppercase;font-size:.48rem;font-weight:600}@media (width<=700px){.lb-container{padding:.6rem .8rem 2rem}.lb-title{font-size:1.3rem}.lb-filters{padding:.4rem .6rem}.lb-lang-row,.lb-mode-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.lb-podium{gap:.3rem;padding:0}.lb-podium-left .lb-podium-img-wrap,.lb-podium-right .lb-podium-img-wrap{width:115px}.lb-podium-center .lb-podium-img-wrap{width:135px}.lb-podium-left .lb-podium-avatar,.lb-podium-right .lb-podium-avatar{width:22px;height:22px}.lb-podium-center .lb-podium-avatar{width:30px;height:30px}.lb-podium-value{font-size:.85rem}.lb-podium-center .lb-podium-value{font-size:1rem}.lb-podium-name{font-size:.52rem}.lb-record-tabs{width:100%;overflow-x:auto}.lb-row{grid-template-columns:36px 1fr 80px 50px;min-height:40px;padding:0 .5rem}.lb-row.lb-row-5col{grid-template-columns:36px 1fr 70px 90px 45px}.lb-av{width:24px;height:24px;font-size:.58rem}.lb-player-name{font-size:.68rem}.lb-col-value{font-size:.72rem}.lb-col-date{font-size:.5rem}.lb-bottom-bar{padding:.4rem .6rem}.lb-bottom-name{max-width:70px;font-size:.65rem}.lb-bottom-score{display:none}}body.page-ranked{background:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;overflow:hidden}body.page-ranked>#app>.base{background:var(--bg-primary);flex-direction:column;height:100vh;display:flex;overflow:hidden}body.page-ranked .top-nav{background:var(--bg-primary);border-bottom:1px solid var(--border-strong);z-index:100;-webkit-backdrop-filter:blur(12px);flex-shrink:0;justify-content:space-between;align-items:center;height:3.8rem;padding:0 2rem;display:flex;position:sticky;top:0}body.page-ranked .top-nav .brand{color:var(--text-primary);text-transform:uppercase;letter-spacing:.12em;font-size:1em;font-weight:900;text-decoration:none}body.page-ranked .top-nav .brand:hover{color:var(--text-primary)}body.page-ranked .nav-profile{cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}body.page-ranked .nav-profile:hover{background:0 0}body.page-ranked .nav-avatar{background:var(--accent-primary);width:34px;height:34px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.9em;font-weight:700;transition:box-shadow .2s;display:flex}body.page-ranked .nav-profile:hover .nav-avatar{box-shadow:0 0 0 2px #c5a0e0}body.page-ranked .nav-user-info{flex-direction:column;line-height:1.15;display:flex}body.page-ranked .nav-name{color:var(--text-primary);font-size:.82em;font-weight:700}.rk{flex-direction:column;flex:1;align-items:center;padding:2rem 2rem 1.5rem;display:flex;position:relative;overflow:hidden}.rk-season{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:.72em;font-weight:800;position:absolute;top:1.5rem;left:2.5rem}.rk-lb{background:var(--bg-secondary);border:1px solid var(--border-primary);z-index:10;border-radius:12px;flex-direction:column;width:220px;display:flex;position:absolute;top:3rem;left:2rem;box-shadow:0 4px 20px #0000000a}.rk-lb.right{left:auto;right:2rem}.rk-lb-header{cursor:pointer;border-bottom:1px solid #0000;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem .85rem;transition:background .15s;display:flex}.rk-lb-header:hover{background:var(--bg-card)}.rk-lb.open .rk-lb-header{border-bottom-color:#e4ddd3;border-radius:12px 12px 0 0}.rk-lb-title{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:.6em;font-weight:800}.rk-lb-chevron{color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1)}.rk-lb.open .rk-lb-chevron{transform:rotate(180deg)}.rk-lb-scroll-wrap{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);display:grid}.rk-lb.open .rk-lb-scroll-wrap{grid-template-rows:1fr}.rk-lb-scroll{max-height:calc(100vh - 16rem);padding:0 .4rem;transition:padding .3s;overflow:hidden auto}.rk-lb.open .rk-lb-scroll{padding:.35rem .4rem}.rk-lb-scroll::-webkit-scrollbar{width:3px}.rk-lb-scroll::-webkit-scrollbar-track{background:0 0}.rk-lb-scroll::-webkit-scrollbar-thumb{background:#ddd5c9;border-radius:3px}.rk-lb-row{border-radius:7px;align-items:center;gap:.45rem;margin-bottom:.1rem;padding:.35rem .45rem;transition:background .15s;display:flex}.rk-lb-row:hover{background:var(--bg-card)}.rk-lb-row.me{background:#c5a0e014}.rk-lb-pos{color:var(--text-muted);text-align:center;flex-shrink:0;width:1.6em;font-size:.58em;font-weight:800}.rk-lb-av{background:var(--bg-active);width:26px;height:26px;color:var(--text-muted);border:1.5px solid var(--border-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.55em;font-weight:800;display:flex}.rk-lb-info{flex-direction:column;flex:1;min-width:0;display:flex}.rk-lb-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.68em;font-weight:600;overflow:hidden}.rk-lb-elo{letter-spacing:.03em;font-size:.52em;font-weight:800}.rk-profile{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;margin-bottom:1.2rem;display:flex}.rk-avatar-wrap{width:82px;height:82px;margin-bottom:.35rem;position:relative}.rk-avatar{object-fit:cover;border:3px solid #e4ddd3;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 4px 16px #0000000d}.rk-avatar-ph{width:100%;height:100%;color:var(--accent-primary);background:var(--bg-hover);border:3px solid #e4ddd3;border-radius:50%;justify-content:center;align-items:center;font-size:1.8em;font-weight:900;display:flex}.rk-dot{background:var(--color-success);border:2.5px solid #efe9e0;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.rk-rank{text-transform:uppercase;letter-spacing:.12em;font-size:.95em;font-weight:900}.rk-elo{letter-spacing:.06em;font-size:.78em;font-weight:700}.rk-elo-bar-wrap{width:300px;margin-top:.6rem}.rk-elo-labels{justify-content:space-between;margin-bottom:.3rem;display:flex}.rk-elo-label{color:var(--text-muted);letter-spacing:.04em;font-size:.62em;font-weight:700}.rk-elo-track{background:repeating-linear-gradient(90deg,#e4ddd3 0 16px,#0000 16px 20px);border-radius:2px;width:100%;height:8px;position:relative;overflow:hidden}.rk-elo-fill{border-radius:2px;height:100%;transition:width .4s;background:repeating-linear-gradient(90deg, var(--fill-color,#cd7f32) 0px, var(--fill-color,#cd7f32) 16px, transparent 16px, transparent 20px)!important}.rk-mode-row{background:var(--bg-active);border-radius:8px;flex-shrink:0;align-items:center;gap:.35rem;margin-bottom:.6rem;padding:.2rem;display:flex}.rk-mode{color:var(--text-muted);cursor:pointer;letter-spacing:.06em;background:0 0;border:none;border-radius:6px;padding:.35rem 1rem;font-family:inherit;font-size:.7em;font-weight:700;transition:all .15s}.rk-mode.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 4px #0000000f}.rk-mode:not(.active):hover{color:#6b6155}.rk-queue-area{flex-shrink:0;margin-bottom:1.5rem}.rk-play-btn{color:#efe9e0;letter-spacing:.08em;cursor:pointer;background:#2c2c2c;border:none;border-radius:9px;padding:.55rem 2.8rem;font-family:inherit;font-size:.76em;font-weight:800;transition:all .2s;box-shadow:0 2px 10px #00000014}.rk-play-btn:hover{background:var(--bg-elevated);transform:translateY(-1px);box-shadow:0 4px 18px #00000024}.rk-searching{color:#efe9e0;background:#2c2c2c;border-radius:9px;align-items:center;gap:.7rem;padding:.5rem 1.6rem;display:flex}.rk-spin{border:2px solid #efe9e026;border-top-color:#fbbf24;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite rk-spin}@keyframes rk-spin{to{transform:rotate(360deg)}}.rk-search-txt{letter-spacing:.04em;font-size:.7em;font-weight:700}.rk-cancel{color:#efe9e099;cursor:pointer;background:#efe9e014;border:1px solid #efe9e01f;border-radius:5px;padding:.2rem .7rem;font-family:inherit;font-size:.6em;font-weight:700;transition:all .15s}.rk-cancel:hover{color:#efe9e0e6;background:#efe9e026}.rk-history-wrap{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;flex:1;width:100%;max-width:600px;min-height:0;display:flex;overflow:hidden}.rk-history-header{border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:.55rem 1rem;display:flex}.rk-history-title{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:.62em;font-weight:800}.rk-history-scroll{flex:1;padding:.4rem .5rem;overflow-y:auto}.rk-history-scroll::-webkit-scrollbar{width:4px}.rk-history-scroll::-webkit-scrollbar-track{background:0 0}.rk-history-scroll::-webkit-scrollbar-thumb{background:#ddd5c9;border-radius:4px}.rk-h-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:9px;align-items:center;margin-bottom:.35rem;padding:.65rem .8rem;transition:all .15s;display:flex}.rk-h-row:last-child{margin-bottom:0}.rk-h-row:hover{border-color:var(--text-muted)5c9;box-shadow:0 2px 8px #00000008}.rk-h-side{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.rk-h-side.left{justify-content:flex-start}.rk-h-side.right{justify-content:flex-end}.rk-h-av{background:var(--bg-active);width:34px;height:34px;color:var(--text-muted);border:1.5px solid var(--border-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.62em;font-weight:800;display:flex}.rk-h-info{flex-direction:column;gap:.04rem;min-width:0;display:flex}.rk-h-info.right{align-items:flex-end}.rk-h-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.76em;font-weight:600;overflow:hidden}.rk-h-rank{color:var(--text-muted);letter-spacing:.04em;font-size:.55em;font-weight:700}.rk-h-side.winner .rk-h-name{color:var(--text-primary);font-weight:700}.rk-h-side.winner .rk-h-av{border-color:var(--accent-primary)}.rk-h-center{flex-direction:column;flex-shrink:0;align-items:center;gap:0;padding:0 .7rem;display:flex}.rk-h-change{color:var(--text-primary);letter-spacing:.02em;font-size:.8em;font-weight:800}.rk-h-ago{color:var(--text-muted);letter-spacing:.04em;font-size:.48em;font-weight:600}.rk-stats-corner{opacity:.5;gap:2rem;transition:opacity .3s;display:flex;position:absolute;bottom:1.5rem;left:2.5rem}.rk-stats-corner:hover{opacity:.8}.rk-sc-item{flex-direction:column;align-items:center;gap:.08rem;display:flex}.rk-sc-val{color:var(--text-primary);font-size:.9em;font-weight:900}.rk-sc-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.48em;font-weight:700}.rk-tv{color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;border:1.5px solid #c5bdb3;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-family:inherit;transition:all .2s;display:flex;position:absolute;bottom:1.5rem;right:2.5rem}.rk-tv:hover{opacity:1;border-color:var(--text-muted);background:var(--bg-secondary)}.rk-tv-label{letter-spacing:.1em;text-transform:uppercase;font-size:.62em;font-weight:800}.rk-tv-sub{opacity:.7;font-size:.52em;font-weight:600}.rk-tv-count{background:var(--color-success);width:17px;height:17px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.5em;font-weight:900;display:flex}.rk-tv-overlay{-webkit-backdrop-filter:blur(6px);z-index:500;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rk-tv-modal{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:14px;width:92%;max-width:520px;overflow:hidden;box-shadow:0 16px 50px #00000014}.rk-tv-head{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:.8rem 1.3rem;display:flex}.rk-tv-head-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-primary);font-size:.72em;font-weight:800}.rk-tv-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25em;transition:all .15s;display:flex}.rk-tv-x:hover{color:var(--text-primary);background:var(--bg-active)}.rk-tv-list{max-height:50vh;padding:.6rem .8rem;overflow-y:auto}.rk-tv-match{background:var(--bg-card);border:1px solid var(--border-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.8rem;margin-bottom:.5rem;padding:.7rem 1rem;transition:all .15s;display:flex}.rk-tv-match:last-child{margin-bottom:0}.rk-tv-match:hover{border-color:var(--accent-primary);box-shadow:0 2px 10px #0000000a}.rk-tv-player{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.rk-tv-player.right{justify-content:flex-end}.rk-tv-av{background:var(--bg-active);width:36px;height:36px;color:var(--text-muted);border:1.5px solid var(--border-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65em;font-weight:800;display:flex}.rk-tv-pinfo{flex-direction:column;gap:.05rem;min-width:0;display:flex}.rk-tv-pinfo.right{align-items:flex-end}.rk-tv-pname{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.78em;font-weight:700;overflow:hidden}.rk-tv-pelo{color:var(--text-muted);letter-spacing:.04em;font-size:.58em;font-weight:700}.rk-tv-vs{color:var(--text-muted);letter-spacing:.1em;flex-shrink:0;font-size:.6em;font-weight:900}.rk-tv-watch{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0;font-size:.58em;font-weight:700;transition:color .15s}.rk-tv-match:hover .rk-tv-watch{color:#a87cd4}.rk-timeline{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;width:100%;max-width:650px;margin:1.5rem auto 2.5rem;display:flex;position:relative}.rk-tl-line{z-index:0;border-radius:4px;width:86%;height:3px;position:absolute;top:16px;left:7%;right:7%;transform:translateY(-50%)}.rk-tl-item{z-index:1;cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.35rem;display:flex;position:relative}.rk-tl-icon-wrap{justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.rk-tl-item:hover .rk-tl-icon-wrap{transform:scale(1.18)}.rk-tl-icon{object-fit:contain;filter:drop-shadow(0 3px 6px #00000026);z-index:2;width:100%;height:100%;transition:filter .3s}.rk-tl-item.locked .rk-tl-icon{filter:opacity(.75)}.rk-tl-item.locked:hover .rk-tl-icon{filter:opacity()drop-shadow(0 3px 6px #00000040)}.rk-tl-item.completed .rk-tl-icon{filter:drop-shadow(0 2px 4px #0000001a)}.rk-tl-glow{z-index:1;border-radius:50%;width:70px;height:70px;animation:2.5s ease-in-out infinite alternate tl-pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tl-pulse-glow{0%{opacity:.6;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.rk-tl-name{color:#a89f91;text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:.65rem;font-weight:800;transition:color .2s}.rk-tl-item:hover .rk-tl-name{color:#5c554b}.rk-tl-item.active .rk-tl-name{font-size:0}.rk-tl-current-label{background:var(--bg-secondary);white-space:nowrap;z-index:20;border:1.5px solid;border-radius:8px;padding:.35rem .8rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000014}.rk-tl-current-label:after{content:"";background:inherit;border-bottom:inherit;border-right:inherit;border-top:none;border-left:none;width:10px;height:10px;position:absolute;bottom:-6.5px;left:50%;transform:translate(-50%)rotate(45deg)}.rk-tl-tooltip{background:var(--bg-secondary);border:1px solid var(--border-primary);opacity:0;visibility:hidden;pointer-events:none;z-index:100;text-align:center;border-radius:8px;width:max-content;max-width:220px;padding:.75rem .85rem;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 30px #00000014}.rk-tl-item:hover:not(.active) .rk-tl-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.rk-tl-tooltip-title{margin-bottom:.2rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800}.rk-tl-tooltip-desc{color:#7a7369;font-size:.75rem;font-weight:500;line-height:1.4}@media (width<=768px){.rk-lb{display:none}.rk{padding:1.5rem 1rem 4rem}.rk-season{text-align:center;margin-bottom:.6rem;position:static}.rk-avatar-wrap{width:64px;height:64px}.rk-stats-corner{opacity:.5;justify-content:center;margin-top:1.5rem;position:static}.rk-tv{z-index:90;opacity:.8;position:fixed;bottom:1rem;right:1rem}}body.page-customize{background:var(--bg-primary);color:var(--text-muted);margin:0;font-family:Inter,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cust-root{min-height:100vh;display:flex}.cust-sidebar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#0c0c0ef2;border-right:1px solid #ffffff0f;flex-direction:column;width:180px;height:100vh;padding:0;display:flex;position:fixed;top:0;left:0}.cust-sidebar-logo{border-bottom:1px solid #ffffff0a;align-items:center;gap:.6em;margin-bottom:.5em;padding:1.4em 1.2em 1em;display:flex}.cust-sidebar-logo span{color:var(--text-primary);letter-spacing:-.02em;font-size:1em;font-weight:800}.cust-sidebar-logo .cust-logo-icon{width:28px;height:28px;color:var(--text-primary);background:linear-gradient(135deg,#7b9f5f,#5a8040);border-radius:8px;justify-content:center;align-items:center;font-size:.8em;font-weight:900;display:flex}.cust-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.5em .6em;display:flex}.cust-nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6em;width:100%;padding:.6em .8em;font-family:inherit;font-size:.82em;font-weight:600;transition:all .15s;display:flex}.cust-nav-item svg{opacity:.5;flex-shrink:0;width:16px;height:16px}.cust-nav-item:hover{color:var(--text-muted);background:#ffffff0a}.cust-nav-item.active{color:var(--accent-primary);background:#7b64a526}.cust-nav-item.active svg{opacity:1;color:var(--accent-primary)}.cust-sidebar-footer{border-top:1px solid #ffffff0a;flex-direction:column;gap:.4em;padding:.8em;display:flex}.cust-footer-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5em;padding:.6em;font-family:inherit;font-size:.78em;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.cust-footer-btn.secondary{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff0f}.cust-footer-btn.secondary:hover{color:var(--text-muted);background:#ffffff1a}.cust-footer-btn.primary{color:var(--text-primary);background:linear-gradient(135deg,#7b9f5f,#5a8040)}.cust-footer-btn.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.cust-split-layout{width:calc(100% - 180px);min-height:100vh;margin-left:180px;display:flex}.cust-controls{flex:1;min-width:0;max-height:100vh;padding:2em 2.5em 6em;overflow-y:auto}.cust-preview-panel{background:#ffffff04;border-left:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:420px;min-width:380px;max-width:450px;height:100vh;padding:1.2em;display:flex;position:sticky;top:0;overflow-y:auto}.cust-preview-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:.8em;padding-bottom:.6em;display:flex}.cust-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.5em;font-size:.8em;font-weight:700;display:flex}.cust-preview-label svg{width:14px;height:14px}.cust-preview-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite dotPulse;box-shadow:0 0 6px #43b58199}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.5}}.cust-header{justify-content:space-between;align-items:flex-start;gap:1em;margin-bottom:2em;display:flex}.cust-page-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.6em;font-weight:800}.cust-page-subtitle{color:var(--text-muted);margin:.3em 0 0;font-size:.85em}.cust-header-actions{flex-shrink:0;gap:.5em;display:flex}.cust-action-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:.4em;padding:.5em .9em;font-family:inherit;font-size:.78em;font-weight:600;transition:all .15s;display:flex}.cust-action-btn svg{width:14px;height:14px}.cust-action-btn:hover{color:var(--text-muted);background:#ffffff1a}.cust-action-btn.danger:hover{color:var(--color-danger);background:#ef444426;border-color:#ef44444d}.cust-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5em;margin:0 0 1em;font-size:.9em;font-weight:700;display:flex}.cust-section-title svg{opacity:.6;width:16px;height:16px}.cust-separator{background:#ffffff0d;height:1px;margin:1.8em 0}.cust-assets-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1em;display:grid}.cust-asset-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:.8em;transition:all .2s;position:relative}.cust-asset-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px)}.cust-asset-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5em;font-size:.72em;font-weight:600;display:block}.cust-asset-preview{aspect-ratio:1;background:#0000004d;border-radius:8px;width:100%;overflow:hidden}.cust-asset-preview img{object-fit:cover;width:100%;height:100%}.cust-asset-placeholder{color:#4a4a52;flex-direction:column;justify-content:center;align-items:center;gap:.4em;width:100%;height:100%;display:flex}.cust-asset-placeholder svg{width:28px;height:28px}.cust-asset-placeholder span{font-size:.7em;font-weight:500}.cust-asset-badge{color:var(--color-success);letter-spacing:.05em;background:#7b9f5f33;border-radius:4px;padding:2px 6px;font-size:.6em;font-weight:700;position:absolute;bottom:.5em;right:.5em}.cust-general-grid{grid-template-columns:1fr 1fr;gap:.8em;margin-bottom:.8em;display:grid}.cust-field-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:.8em}.cust-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4em;margin-bottom:.5em;font-size:.72em;font-weight:600;display:flex}.cust-field-label svg{opacity:.5;width:14px;height:14px}.cust-field-input{width:100%;color:var(--text-muted);box-sizing:border-box;background:#0000004d;border:1px solid #ffffff0f;border-radius:6px;outline:none;padding:.55em .7em;font-family:inherit;font-size:.82em;transition:border-color .15s}.cust-field-input:focus{border-color:#7b9f5f66}.cust-field-input:disabled{opacity:.4;cursor:not-allowed}.cust-field-textarea{resize:vertical;min-height:65px}.cust-slider-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:.8em}.cust-slider-label{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.5em;font-size:.78em;font-weight:600;display:flex}.cust-slider-value{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:.85em;font-weight:700}.cust-range{appearance:none;cursor:pointer;background:#ffffff14;border-radius:3px;outline:none;width:100%;height:6px}.cust-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#7b9f5f,#5a8040);border:2px solid #0c0c0e;border-radius:50%;width:16px;height:16px;transition:transform .15s}.cust-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.cust-range::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#7b9f5f,#5a8040);border:2px solid #0c0c0e;border-radius:50%;width:16px;height:16px}.cust-color-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8em;margin-bottom:.8em;display:grid}.cust-color-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.7em;padding:.6em .8em;transition:border-color .15s;display:flex}.cust-color-card:hover{border-color:#ffffff1f}.cust-color-swatch{cursor:pointer;border:2px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:32px;height:32px;transition:transform .15s}.cust-color-swatch:hover{transform:scale(1.1)}.cust-color-picker{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.cust-color-info{flex:1;min-width:0}.cust-color-name{color:var(--text-muted);font-size:.78em;font-weight:600}.cust-color-hex{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.68em}.cust-color-edit{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.cust-color-edit:hover{color:var(--text-muted);background:#ffffff1a}.cust-color-edit svg{width:14px;height:14px}.cust-banner-preview-row{flex-direction:column;gap:.8em;margin-top:.5em;display:flex}.cust-banner-preview{border:1px solid #ffffff0f;border-radius:10px;width:100%;height:80px}.cust-banner-swatches{flex-wrap:wrap;gap:.5em;display:flex}.cust-banner-swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:32px;height:32px;transition:all .15s}.cust-banner-swatch:hover{transform:scale(1.1)}.cust-banner-swatch.active{border-color:var(--text-primary);box-shadow:0 0 10px #fff3}.cust-toggles-grid{grid-template-columns:1fr 1fr;gap:.7em;display:grid}.cust-toggle-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:.7em .9em;transition:border-color .15s;display:flex}.cust-toggle-card:hover{border-color:#ffffff1a}.cust-toggle-info{flex-direction:column;gap:2px;display:flex}.cust-toggle-name{color:var(--text-muted);font-size:.8em;font-weight:600}.cust-toggle-desc{color:var(--text-muted);font-size:.65em}.cust-switch{flex-shrink:0;width:38px;height:20px;display:inline-block;position:relative}.cust-switch input{opacity:0;width:0;height:0}.cust-switch-slider{cursor:pointer;background-color:#ffffff14;border-radius:20px;transition:all .2s;position:absolute;inset:0}.cust-switch-slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:2px;left:2px}.cust-switch input:checked+.cust-switch-slider{background-color:#7b9f5f4d}.cust-switch input:checked+.cust-switch-slider:before{background-color:var(--color-success);transform:translate(18px);box-shadow:0 0 6px #7b9f5f80}.cust-select-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:.8em;padding:.8em}.cust-select-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5em;font-size:.72em;font-weight:600}.cust-select{width:100%;color:var(--text-muted);cursor:pointer;appearance:none;background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2371717a' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 01.753 1.659l-4.796 5.48a1 1 0 01-1.506 0z'/%3E%3C/svg%3E") right .7em center no-repeat;border:1px solid #ffffff0f;border-radius:6px;outline:none;padding:.55em 2em .55em .7em;font-family:inherit;font-size:.82em;transition:border-color .15s}.cust-select:focus{border-color:#7b9f5f66}.cust-select option{color:var(--text-muted);background:#1a1a1e}.cust-socials-header{margin-bottom:1.5em}.cust-socials-header p{color:var(--text-muted);margin:.5em 0 0;font-size:.85em}.cust-socials-icon-grid{flex-wrap:wrap;gap:.7em;margin-bottom:1.5em;display:flex}.cust-social-icon-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.cust-social-icon-btn svg{width:20px;height:20px}.cust-social-icon-btn:hover{background:#ffffff14;border-color:currentColor;transform:translateY(-2px)}.cust-social-icon-btn.active{background:#ffffff0f;border:2px solid;box-shadow:0 0 12px}.cust-socials-added{flex-direction:column;gap:.6em;display:flex}.cust-social-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.8em;padding:.6em .8em;display:flex}.cust-social-card-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cust-social-card-icon svg{fill:currentColor;width:20px;height:20px}.cust-social-card-info{flex:1;min-width:0}.cust-social-card-name{color:var(--text-muted);font-size:.8em;font-weight:600}.cust-social-card-value{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7em;overflow:hidden}.cust-social-card-actions{gap:.3em;display:flex}.cust-social-card-actions button{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cust-social-card-actions button svg{width:14px;height:14px}.cust-social-card-actions button:hover{color:var(--text-muted);background:#ffffff1a}.cust-social-card-actions button.delete:hover{color:var(--color-danger);background:#ef444426}.cust-save-btn{color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#7b9f5f,#5a8040);border:none;border-radius:8px;padding:.5em 1.2em;font-family:inherit;font-size:.82em;font-weight:600;transition:all .2s}.cust-save-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.cust-save-btn.saved{background:var(--color-success)}.cust-save-discard{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;padding:.5em 1.2em;font-family:inherit;font-size:.82em;font-weight:600;transition:all .15s}.cust-save-discard:hover{color:var(--text-muted);background:#ffffff1a}.cust-save-float{z-index:200;pointer-events:none;justify-content:center;animation:.3s floatSlideUp;display:flex;position:fixed;bottom:2em;left:180px;right:0}@keyframes floatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cust-save-inner{-webkit-backdrop-filter:blur(16px);pointer-events:all;background:#141416f2;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.8em;padding:.7em 1.2em;display:flex;box-shadow:0 8px 32px #00000080}.cust-save-text{color:var(--text-muted);font-size:.82em;font-weight:500}@media (width<=1200px){.cust-preview-panel{width:360px;min-width:320px}}@media (width<=960px){.cust-preview-panel{display:none}.cust-controls{max-width:100%}}@media (width<=768px){.cust-sidebar{width:60px}.cust-sidebar-logo span,.cust-nav-item span:not(.cust-logo-icon){display:none}.cust-split-layout{width:calc(100% - 60px);margin-left:60px}.cust-save-float{left:60px}.cust-general-grid,.cust-toggles-grid{grid-template-columns:1fr}.cust-controls{padding:1.5em 1em 6em}}.preview-root{justify-content:center;align-items:flex-start;width:100%;padding:1em 0;display:flex}.preview-device-frame{aspect-ratio:9/16;background:#0d0d0d;border:2px solid #ffffff14;border-radius:20px;width:100%;max-width:420px;max-height:680px;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000080,0 0 0 1px #ffffff08}.preview-screen{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}.preview-page-bg{z-index:0;position:absolute;inset:0}.preview-bg-overlay{z-index:1;background:radial-gradient(circle,#0000 0%,#00000080 100%);position:absolute;inset:0}.preview-bg-effect{z-index:0;pointer-events:none;position:absolute;inset:0}.preview-bg-aurora:before,.preview-bg-aurora:after{content:"";width:300%;height:300%;animation:12s ease-in-out infinite alternate auroraShift;position:absolute;top:-100%;left:-100%}.preview-bg-aurora:before{background:radial-gradient(at 30%,#7850c826 0%,#0000 50%),radial-gradient(at 70% 30%,#3cb4961f 0%,#0000 50%)}.preview-bg-aurora:after{background:radial-gradient(at 60% 70%,#c864961a 0%,#0000 50%),radial-gradient(at 20% 80%,#5078dc1f 0%,#0000 50%);animation-direction:alternate-reverse;animation-delay:-6s}@keyframes auroraShift{0%{transform:translate(0)rotate(0)}50%{transform:translate(-5%,3%)rotate(3deg)}to{transform:translate(3%,-5%)rotate(-2deg)}}.preview-bg-snowflakes{background-image:radial-gradient(2px 2px at 10% 20%,#fff9 50%,#0000 50%),radial-gradient(2px 2px at 30% 40%,#fff6 50%,#0000 50%),radial-gradient(1px 1px at 50% 10%,#ffffff80 50%,#0000 50%),radial-gradient(2px 2px at 70% 60%,#ffffff4d 50%,#0000 50%),radial-gradient(1px 1px at 90% 30%,#fff9 50%,#0000 50%),radial-gradient(2px 2px at 20% 80%,#fff6 50%,#0000 50%),radial-gradient(1px 1px at 60% 90%,#ffffff80 50%,#0000 50%),radial-gradient(2px 2px at 80%,#ffffff4d 50%,#0000 50%);background-size:100% 100%;animation:8s linear infinite snowfall}@keyframes snowfall{0%{background-position:0 0}to{background-position:0 100%}}.preview-bg-rain{background-image:linear-gradient(#0000 90%,#78a0dc26 90% 90.5%,#0000 90.5%),linear-gradient(#0000 85%,#78a0dc1a 85% 85.3%,#0000 85.3%),linear-gradient(#0000 92%,#78a0dc1f 92% 92.4%,#0000 92.4%);background-size:3px 40px,5px 50px,7px 35px;animation:.6s linear infinite rainfall}@keyframes rainfall{0%{background-position:0 0,3px 0,6px 0}to{background-position:0 40px,3px 50px,6px 35px}}.preview-bg-tv:before{content:"";background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);animation:.15s infinite tvFlicker;position:absolute;inset:0}.preview-bg-tv:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0000000d 50%) 0 0/100% 4px;position:absolute;inset:0}@keyframes tvFlicker{0%{opacity:.8}50%{opacity:1}to{opacity:.9}}.preview-bg-night{background-image:radial-gradient(1px 1px at 5% 15%,#ffffffb3 50%,#0000 50%),radial-gradient(1px 1px at 15% 45%,#ffffff80 50%,#0000 50%),radial-gradient(1px 1px at 25% 5%,#fff6 50%,#0000 50%),radial-gradient(1px 1px at 35% 75%,#fff9 50%,#0000 50%),radial-gradient(1px 1px at 45% 25%,#ffffff4d 50%,#0000 50%),radial-gradient(1px 1px at 55% 55%,#ffffff80 50%,#0000 50%),radial-gradient(1px 1px at 65% 85%,#fff6 50%,#0000 50%),radial-gradient(1px 1px at 75% 35%,#fff9 50%,#0000 50%),radial-gradient(1px 1px at 85% 65%,#ffffff4d 50%,#0000 50%),radial-gradient(1px 1px at 95% 95%,#ffffff80 50%,#0000 50%),radial-gradient(1px 1px at 42% 42%,#ffffffb3 50%,#0000 50%),radial-gradient(1px 1px at 58% 12%,#fff6 50%,#0000 50%);animation:4s ease-in-out infinite alternate starTwinkle}@keyframes starTwinkle{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}.preview-card{z-index:2;border:1px solid #ffffff14;border-radius:16px;width:90%;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.preview-anim-fade{animation:.5s forwards prevFadeIn}.preview-anim-unfold{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards prevUnfold}.preview-anim-pop{animation:.6s cubic-bezier(.68,-.55,.27,1.55) forwards prevPop}@keyframes prevFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes prevUnfold{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes prevPop{0%{opacity:0;transform:translateY(40px)scale(.9)}60%{transform:translateY(-5px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.preview-banner{background:var(--bg-elevated);width:100%;height:80px}.preview-content{flex-direction:column;align-items:center;padding:0 16px 16px;display:flex}.preview-avatar-wrap{margin-top:-28px;margin-bottom:8px;position:relative}.preview-avatar{object-fit:cover;background:#2a2a2a;border:3px solid #141416e6;border-radius:50%;width:56px;height:56px}.preview-status{background:#747f8d;border:2px solid #141416e6;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.preview-status.online{background:var(--color-success);box-shadow:0 0 6px #43b58199}.preview-name-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.preview-name{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.preview-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:2px 5px;font-size:.55rem;font-weight:700}.preview-subtitle{margin-bottom:10px;font-family:monospace;font-size:.65rem}.preview-socials{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px;display:flex}.preview-social-icon{cursor:default;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.preview-social-icon svg{width:14px;height:14px}.preview-social-icon:hover{background:#ffffff1a;transform:translateY(-1px)}.preview-bio{text-align:center;white-space:pre-wrap;background:#00000026;border:1px solid #ffffff0a;border-radius:8px;width:100%;margin-bottom:8px;padding:10px;font-size:.65rem;line-height:1.5}.preview-widget{background:#00000026;border:1px solid #ffffff0a;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.preview-widget-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.preview-widget-icon svg{width:14px;height:14px}.preview-widget-title{font-size:.65rem;font-weight:600}.preview-widget-desc{font-size:.55rem}.preview-fx-rainbow{background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#ff6b6b) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite rainbowShift}@keyframes rainbowShift{to{background-position:200%}}.preview-fx-typewriter{white-space:nowrap;border-right:2px solid;max-width:100%;animation:2.5s steps(20,end) infinite alternate typewriterReveal,.7s step-end infinite typewriterBlink;display:inline-block;overflow:hidden}@keyframes typewriterReveal{0%{width:0}to{width:100%}}@keyframes typewriterBlink{50%{border-color:#0000}}.preview-fx-shuffle{animation:3s ease-in-out infinite shuffleGlitch;display:inline-block}@keyframes shuffleGlitch{0%,90%,to{filter:none;transform:none}92%{filter:blur(1px);transform:translate(-1px)}94%{filter:blur();transform:translate(1px)}96%{filter:blur(1px);transform:translate(-1px)}98%{filter:none;transform:none}}.preview-fx-sparkle{display:inline-block;position:relative}.sparkle-particles:before,.sparkle-particles:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite sparkleFloat;position:absolute}.sparkle-particles:before{animation-delay:0s;top:-4px;right:-2px}.sparkle-particles:after{animation-delay:.7s;top:2px;left:-4px}@keyframes sparkleFloat{0%,to{opacity:0;transform:scale(0)translateY(0)}50%{opacity:1;transform:scale(1)translateY(-6px)}}.public-profile-page{background-color:var(--color-bg);width:100vw;height:100vh;color:var(--color-text);justify-content:center;align-items:center;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden auto}.public-profile-bg{z-index:1;background-color:#0d0d0d;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.public-profile-bg:after{content:"";z-index:2;background:radial-gradient(circle,#0000 0%,#0009 100%);position:absolute;inset:0}.public-profile-bg-effect-layer{z-index:2;pointer-events:none;position:fixed;inset:0}.public-profile-container{z-index:10;-webkit-backdrop-filter:blur(16px);opacity:0;color:#eee;background:#14141666;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:650px;min-height:400px;margin:2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards stgFadeUp;display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 8px 32px #0006}@keyframes stgFadeUp{to{opacity:1;transform:translateY(0)}}.public-profile-banner{background-color:var(--text-primary);background-position:50%;background-size:cover;width:100%;height:160px}.public-profile-content{flex-direction:column;align-items:center;padding:0 32px 32px;display:flex;position:relative}.public-profile-avatar-wrapper{margin-top:-60px;margin-bottom:16px;position:relative}.public-profile-avatar{object-fit:cover;background:#2a2a2a;border:4px solid #1e1e22f2;border-radius:50%;width:120px;height:120px;box-shadow:0 4px 12px #0000004d}.public-profile-status{background-color:#747f8d;border:3px solid #1e1e22f2;border-radius:50%;width:20px;height:20px;transition:background-color .3s;position:absolute;bottom:8px;right:8px}.public-profile-status.online{background-color:var(--color-success);box-shadow:0 0 8px #43b58199}.public-profile-header-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.public-profile-name{letter-spacing:-.02em;color:var(--text-primary);text-shadow:0 2px 8px #0006;font-size:2rem;font-weight:800}.animated-title{white-space:nowrap;animation:2.5s steps(40,end) infinite alternate typing;display:inline-block;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}.public-profile-badge{color:#f1c40f;text-transform:uppercase;letter-spacing:.05em;cursor:default;background:#ffffff14;border:1px solid #f1c40f4d;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 0 10px #f1c40f1a}.public-profile-subtitle{color:#9aa0a6;margin-bottom:24px;font-family:monospace;font-size:.95rem}.public-profile-subtitle span{border-right:2px solid #ffffffb3;padding-right:4px;animation:1s step-end infinite blinkCursor}@keyframes blinkCursor{50%{border-color:#0000}}.public-profile-socials{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.public-social-link{width:44px;height:44px;color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;transition:all .2s;display:flex}.public-social-link:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.public-social-link svg{fill:currentColor;width:22px;height:22px}.public-social-link.discord:hover{background:#5865f233;border-color:#5865f2;box-shadow:0 4px 12px #5865f266}.public-social-link.twitter:hover{background:#1da1f233;border-color:#1da1f2;box-shadow:0 4px 12px #1da1f266}.public-social-link.twitch:hover{background:#6441a533;border-color:#6441a5;box-shadow:0 4px 12px #6441a566}.public-social-link.youtube:hover{background:#f003;border-color:red;box-shadow:0 4px 12px #f006}.public-profile-bio{text-align:center;color:#dbdbdb;white-space:pre-wrap;background:#0003;border:1px solid #ffffff0d;border-radius:12px;width:100%;margin-bottom:24px;padding:24px;font-size:1rem;line-height:1.6}.public-profile-widget{background:#0003;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.public-widget-icon{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.public-widget-icon svg{width:24px;height:24px;color:var(--text-primary)}.public-widget-content{flex-direction:column;display:flex}.public-widget-title{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600}.public-widget-desc{color:#9aa0a6;font-size:.85rem}.public-profile-overlay-nav{z-index:20;position:absolute;top:24px;left:24px}.public-nav-back{-webkit-backdrop-filter:blur(8px);color:var(--text-primary);cursor:pointer;background:#14141666;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.public-nav-back:hover{background:#ffffff1a;transform:translate(-2px)}@media (width<=768px){.public-profile-container{border-radius:12px;margin:1rem}.public-profile-name{font-size:1.75rem}.public-profile-avatar{width:100px;height:100px}.public-profile-avatar-wrapper{margin-top:-50px}}.pp-stats{width:100%;margin-top:16px}.pp-tabs{scrollbar-width:none;background:#0003;border-radius:10px;gap:2px;margin-bottom:16px;padding:3px;display:flex;overflow-x:auto}.pp-tabs::-webkit-scrollbar{display:none}.pp-tab{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.pp-tab:hover{color:#fffc;background:#ffffff0d}.pp-tab--active{color:var(--text-on-accent);background:#ffffff1a;box-shadow:0 2px 8px #0003}.pp-tab svg{flex-shrink:0}.pp-tab-content{min-height:140px;animation:.25s forwards ppFadeIn}@keyframes ppFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pp-empty{text-align:center;color:#ffffff59;padding:32px 16px;font-size:.9rem;font-style:italic}.pp-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pp-stat-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:14px 12px;transition:all .2s}.pp-stat-card:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px)}.pp-stat-card--accent{background:#7b9f5f1f;border-color:#7b9f5f33}.pp-stat-card--accent:hover{background:#7b9f5f33;border-color:#7b9f5f59}.pp-stat-value{letter-spacing:-.02em;margin-bottom:4px;font-size:1.3rem;font-weight:700;line-height:1.2}.pp-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;font-size:.72rem;font-weight:500}.pp-records-list{flex-direction:column;gap:4px;display:flex}.pp-record-row{background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.pp-record-row:hover{background:#ffffff12}.pp-record-type{color:#ffffffb3;font-size:.85rem;font-weight:500}.pp-record-value{align-items:center;gap:8px;display:flex}.pp-record-word{color:#7b9f5fe6;text-overflow:ellipsis;white-space:nowrap;background:#7b9f5f1a;border-radius:4px;max-width:160px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.8rem;overflow:hidden}.pp-record-num{color:var(--text-on-accent);text-align:right;min-width:40px;font-size:.95rem;font-weight:700}.pp-lang-list{flex-direction:column;gap:8px;display:flex}.pp-lang-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:14px 16px;transition:all .2s}.pp-lang-card:hover{background:#ffffff12;border-color:#ffffff1a}.pp-lang-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pp-lang-name{letter-spacing:.05em;font-size:.95rem;font-weight:700}.pp-lang-games{color:#ffffff73;font-size:.78rem}.pp-lang-stats{color:#ffffff8c;gap:16px;margin-bottom:10px;font-size:.78rem;display:flex}.pp-lang-bar{background:#ffffff14;border-radius:2px;width:100%;height:4px;overflow:hidden}.pp-lang-bar-fill{background:linear-gradient(90deg, var(--accent-green), #9cc47e);border-radius:2px;min-width:2px;height:100%;transition:width .6s}.pp-badges-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.pp-badge-card{text-align:center;cursor:default;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:16px 12px;transition:all .2s}.pp-badge-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.pp-badge-icon{justify-content:center;margin-bottom:8px;display:flex}.pp-badge-name{margin-bottom:4px;font-size:.85rem;font-weight:600}.pp-badge-desc{color:#ffffff73;margin-bottom:8px;font-size:.72rem;line-height:1.3}.pp-badge-rarity{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.pp-words-list{flex-direction:column;gap:3px;display:flex}.pp-word-row{background:#ffffff08;border:1px solid #ffffff0a;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.pp-word-row:hover{background:#ffffff12}.pp-word-rank{color:#ffffff59;min-width:28px;font-size:.72rem;font-weight:600}.pp-word-text{color:var(--text-on-accent);flex:1;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500}.pp-word-lang{color:#ffffff80;letter-spacing:.05em;background:#ffffff14;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600}.pp-word-count{color:#7b9f5fe6;text-align:right;min-width:36px;font-size:.85rem;font-weight:700}@media (width<=500px){.pp-grid{grid-template-columns:repeat(2,1fr)}.pp-tab span{display:none}.pp-tab{padding:8px 10px}.pp-badges-grid{grid-template-columns:repeat(2,1fr)}}.words-page{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.words-content{z-index:10;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:4rem 2rem;display:flex}.words-header{text-align:center;margin-bottom:3rem}.words-header h1{font-size:3.5rem;font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin:0}.words-header p{color:var(--color-text-secondary);margin-top:.5rem;font-size:1.1rem}.words-search-container{background:var(--color-panel-bg);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;padding:2.5rem;display:flex;box-shadow:0 10px 30px #0000000d}.words-controls{gap:1rem;display:flex}.words-lang-select{border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;border-radius:8px;outline:none;min-width:140px;padding:.8rem 1.2rem;font-size:1rem;transition:border-color .2s}.words-lang-select:focus{border-color:var(--color-accent)}.words-input-wrapper{flex:1;position:relative}.words-input{border:1px solid var(--color-border);background:var(--color-input-bg);width:100%;color:var(--color-text-primary);font-family:var(--font-body);border-radius:8px;outline:none;padding:.8rem 1.2rem;font-size:1rem;transition:all .2s}.words-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.words-input::placeholder{color:var(--color-text-secondary);opacity:.7}.words-btn{background:var(--color-accent);color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.words-btn:hover{background:var(--color-accent-hover)}.words-btn:active{transform:scale(.98)}.words-btn:disabled{background:var(--color-disabled);cursor:not-allowed;transform:none}.words-result{text-align:center;border-radius:8px;margin-top:1rem;padding:1.5rem;font-size:1.1rem;font-weight:500;animation:.3s fadeIn}.words-result.valid{color:#059669;background-color:#10b9811a;border:1px solid #10b98133}.words-result.invalid{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444433}.words-result.error{color:#d97706;background-color:#f59e0b1a;border:1px solid #f59e0b33}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.words-controls{flex-direction:column}}.tp-root{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:Inter,Outfit,-apple-system,sans-serif;display:flex}.tp-sidebar{-webkit-backdrop-filter:blur(24px);z-index:100;background:#08080afa;border-right:1px solid #ffffff0a;flex-direction:column;width:200px;height:100vh;display:flex;position:fixed;top:0;left:0}.tp-sidebar-header{border-bottom:1px solid #ffffff0a;padding:1.2rem 1rem}.tp-sidebar-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.35rem .5rem;font-family:inherit;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.tp-sidebar-back:hover{color:var(--text-primary);background:#ffffff0a}.tp-sidebar-back svg{opacity:.5;width:14px;height:14px}.tp-sidebar-nav{flex:1;padding:.6rem;overflow-y:auto}.tp-nav-group{margin-bottom:.8rem}.tp-nav-group-label{text-transform:uppercase;letter-spacing:.1em;color:#fff3;margin-bottom:.35rem;padding:0 .7rem;font-size:.58rem;font-weight:700}.tp-nav-item{color:#fff6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.55rem;width:100%;padding:.45rem .7rem;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s;display:flex;position:relative}.tp-nav-item svg{opacity:.35;flex-shrink:0;width:14px;height:14px;transition:opacity .15s}.tp-nav-item:hover{color:#ffffffb3;background:#ffffff0a}.tp-nav-item:hover svg{opacity:.6}.tp-nav-item.active{color:var(--accent-primary);background:#c08a3e14;font-weight:600}.tp-nav-item.active svg{opacity:1;color:var(--accent-primary)}.tp-nav-item .tp-premium-lock{color:#a855f799;letter-spacing:.04em;background:#a855f71a;border-radius:3px;margin-left:auto;padding:1px 5px;font-size:.55rem;font-weight:700}.tp-override-pill{color:var(--accent-primary);text-align:center;background:#c08a3e1f;border-radius:8px;min-width:14px;margin-left:auto;padding:1px 6px;font-size:.58rem;font-weight:700}.tp-sidebar-footer{border-top:1px solid #ffffff0a;flex-direction:column;gap:.35rem;padding:.6rem;display:flex}.tp-sidebar-footer-btn{cursor:pointer;color:#ffffff59;background:#ffffff08;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.tp-sidebar-footer-btn:hover{color:#fff9;background:#ffffff0f}.tp-sidebar-footer-btn svg{width:13px;height:13px}.tp-main{flex:1;min-height:100vh;margin-left:200px;display:flex}.tp-editor{flex:1;min-width:0;max-height:100vh;padding:1.8rem 2.2rem 4rem;overflow-y:auto}.tp-editor-header{margin-bottom:1.5rem}.tp-page-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .2rem;font-size:1.3rem;font-weight:700}.tp-page-desc{color:#ffffff4d;margin:0;font-size:.8rem}.tp-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;margin-bottom:1rem;padding:1.2rem;transition:border-color .2s}.tp-card:hover{border-color:#ffffff12}.tp-card-title{text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;align-items:center;gap:.4rem;margin:0 0 .8rem;font-size:.72rem;font-weight:700;display:flex}.tp-card-title svg{opacity:.4;width:13px;height:13px}.tp-colors{flex-direction:column;gap:.35rem;display:flex}.tp-color{border-radius:8px;align-items:center;gap:.65rem;padding:.5rem .6rem;transition:background .15s;display:flex}.tp-color:hover{background:#ffffff05}.tp-swatch{cursor:pointer;border:1.5px solid #ffffff0f;border-radius:8px;flex-shrink:0;width:30px;height:30px;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000040}.tp-swatch:hover{border-color:#fff3;transform:scale(1.12);box-shadow:0 2px 10px #0006}.tp-swatch input[type=color]{cursor:pointer;opacity:0;border:none;width:calc(100% + 20px);height:calc(100% + 20px);padding:0;position:absolute;inset:-10px}.tp-color-name{color:#ffffff8c;flex:1;font-size:.8rem;font-weight:500}.tp-color-value{color:#fff3;background:#ffffff05;border-radius:4px;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:.68rem;transition:color .15s}.tp-color-value.modified{color:var(--accent-primary)}.tp-color-x{color:#ffffff26;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .12s;display:flex}.tp-color:hover .tp-color-x{opacity:1}.tp-color-x:hover{color:var(--color-danger);background:#c4404026}.tp-color-x svg{width:11px;height:11px}.tp-inline-preview{border:1px solid #ffffff08;border-radius:8px;margin-top:.8rem;padding:.7rem;overflow:hidden}.tp-mini-topbar{border-radius:4px 4px 0 0;align-items:center;gap:.3rem;height:24px;padding:0 .5rem;display:flex}.tp-mini-topbar-dot{border-radius:50%;width:4px;height:4px}.tp-mini-topbar-line{opacity:.3;border-radius:3px;flex:1;height:5px;margin-left:.4rem}.tp-mini-btn{letter-spacing:.02em;border:none;border-radius:3px;padding:3px 8px;font-size:.55rem;font-weight:700;display:inline-block}.tp-mini-game{border-radius:6px;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem;display:flex}.tp-mini-orb{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.65rem;font-weight:800;display:flex}.tp-mini-lives{gap:3px;display:flex}.tp-mini-life{border-radius:50%;width:6px;height:6px}.tp-mini-words{gap:6px;display:flex}.tp-mini-words span{font-size:.5rem;font-weight:700}.tp-nebula-row{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.tp-nebula-row-label{color:#ffffff80;font-size:.82rem;font-weight:500}.tp-hues-grid{flex-wrap:wrap;gap:.5rem;display:flex}.tp-hue{flex-direction:column;align-items:center;gap:.25rem;display:flex}.tp-hue-swatch{cursor:pointer;border:1.5px solid #ffffff0d;border-radius:10px;width:44px;height:44px;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d}.tp-hue-swatch:hover{border-color:#fff3;transform:scale(1.08);box-shadow:0 4px 16px #00000080}.tp-hue-swatch input[type=color]{cursor:pointer;opacity:0;border:none;width:calc(100% + 20px);height:calc(100% + 20px);padding:0;position:absolute;inset:-10px}.tp-hue-num{color:#fff3;font-size:.55rem;font-weight:600}.tp-switch{flex-shrink:0;width:36px;height:19px;display:inline-block;position:relative}.tp-switch input{opacity:0;width:0;height:0}.tp-switch-track{cursor:pointer;background:#ffffff0f;border-radius:20px;transition:all .2s;position:absolute;inset:0}.tp-switch-track:before{content:"";background:#ffffff59;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;bottom:2px;left:2px}.tp-switch input:checked+.tp-switch-track{background:#c08a3e33}.tp-switch input:checked+.tp-switch-track:before{background:var(--accent-primary);transform:translate(17px);box-shadow:0 0 6px #c08a3e66}.tp-premium-card{background:#a855f708;border:1px solid #a855f714;border-radius:12px;margin-bottom:1rem;padding:1.2rem;position:relative;overflow:hidden}.tp-premium-card:before{content:"";background:linear-gradient(90deg,#a855f74d,#ec48994d,#a855f71a);height:2px;position:absolute;top:0;left:0;right:0}.tp-premium-badge{text-transform:uppercase;letter-spacing:.08em;color:#a855f7b3;background:#a855f714;border-radius:4px;align-items:center;gap:.3rem;margin-bottom:.6rem;padding:3px 8px;font-size:.6rem;font-weight:700;display:inline-flex}.tp-premium-badge svg{width:10px;height:10px}.tp-premium-title{color:#fff9;margin:0 0 .3rem;font-size:.95rem;font-weight:700}.tp-premium-desc{color:#ffffff40;margin:0 0 .8rem;font-size:.78rem;line-height:1.5}.tp-premium-items{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.tp-premium-item{opacity:.5;cursor:not-allowed;background:#ffffff05;border:1px solid #ffffff08;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex}.tp-premium-item-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tp-premium-item-icon svg{width:12px;height:12px}.tp-premium-item-name{color:#fff6;font-size:.75rem;font-weight:500}.tp-save-bar{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:.6rem;margin-top:1.2rem;padding:.8rem;display:flex}.tp-save-input{color:var(--text-primary);background:#0000004d;border:1px solid #ffffff0f;border-radius:6px;outline:none;flex:1;padding:.45rem .65rem;font-family:inherit;font-size:.82rem;transition:border-color .15s}.tp-save-input:focus{border-color:#c08a3e66}.tp-save-btn{cursor:pointer;border:none;border-radius:6px;padding:.45rem 1rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.tp-save-btn.primary{background:var(--accent-primary);color:var(--text-on-accent)}.tp-save-btn.primary:hover{background:var(--accent-primary-hover)}.tp-save-btn.ghost{color:#ffffff4d;background:0 0}.tp-save-btn.ghost:hover{color:#fff9;background:#ffffff0a}.tp-save-check{color:#ffffff4d;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.tp-save-check input{cursor:pointer}.tp-save-status{color:var(--color-success);white-space:nowrap;font-size:.75rem;font-weight:600;animation:.2s tpFadeIn}@keyframes tpFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.tp-themes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem;display:grid}.tp-theme-card{background:#ffffff04;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:.7rem;padding:.7rem .8rem;transition:all .15s;display:flex}.tp-theme-card:hover{background:#ffffff06;border-color:#ffffff14}.tp-theme-palette{border-radius:6px;flex-shrink:0;gap:1px;display:flex;overflow:hidden}.tp-theme-palette-dot{width:12px;height:20px}.tp-theme-info{flex:1;min-width:0}.tp-theme-name{color:#ffffffbf;font-size:.82rem;font-weight:600}.tp-theme-meta{color:#fff3;font-size:.68rem}.tp-theme-equip{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:5px;flex-shrink:0;padding:.3rem .65rem;font-family:inherit;font-size:.7rem;font-weight:600;transition:all .15s}.tp-theme-equip:hover{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.tp-empty-state{text-align:center;color:#fff3;padding:2.5rem 1rem;font-size:.82rem}.tp-empty-state svg{opacity:.2;width:32px;height:32px;margin-bottom:.6rem}.tp-empty-hint{color:#ffffff1f;margin-top:.3rem;font-size:.72rem}.tp-sidebar-toggle-group{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;margin-top:.8rem;padding:2px;display:flex}.tp-sidebar-toggle-btn{color:#fff6;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:.35rem .5rem;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s}.tp-sidebar-toggle-btn:hover{color:#ffffffd9}.tp-sidebar-toggle-btn.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.tp-presets-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;margin-bottom:1.2rem;padding:1.2rem}.tp-presets-title{text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;align-items:center;margin-bottom:.8rem;font-size:.72rem;font-weight:700;display:flex}.tp-presets-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;display:grid}.tp-preset-card-btn{cursor:pointer;background:#ffffff04;border:1px solid #ffffff08;border-radius:10px;flex-direction:column;align-items:center;gap:.45rem;width:100%;padding:.6rem .4rem;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tp-preset-card-btn:hover{box-shadow:var(--shadow-md);background:#ffffff09;border-color:#ffffff1a;transform:translateY(-2px)}.tp-preset-card-btn:active{transform:translateY(0)}.tp-preset-palette-preview{justify-content:center;align-items:center;gap:3px;display:flex}.tp-preset-dot{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:12px;height:12px}.tp-preset-name{color:#fff9;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.68rem;font-weight:600;transition:color .2s;overflow:hidden}.tp-preset-card-btn:hover .tp-preset-name{color:var(--text-primary)}.tp-generator-container{flex-direction:column;gap:.8rem;display:flex}.tp-generator-field{background:#ffffff03;border:1px solid #ffffff05;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .6rem;display:flex}.tp-generator-label{color:#ffffff8c;font-size:.8rem;font-weight:500}.tp-generator-color-picker{align-items:center;gap:.5rem;display:flex}.tp-generator-hex{color:#ffffff59;font-family:JetBrains Mono,monospace;font-size:.72rem}.tp-generator-modes{background:#0003;border:1px solid #ffffff0a;border-radius:6px;gap:2px;padding:2px;display:flex}.tp-gen-mode-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-family:inherit;font-size:.7rem;font-weight:600;transition:all .15s;display:flex}.tp-gen-mode-btn svg{opacity:.5;width:10px;height:10px}.tp-gen-mode-btn:hover{color:#ffffffd9}.tp-gen-mode-btn.active{color:var(--text-primary);background:#ffffff0f}.tp-gen-mode-btn.active svg{opacity:1}.tp-generate-btn{background:var(--accent-primary);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.tp-generate-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #c08a3e40}.tp-generate-btn:active{transform:translateY(0)}.tp-generate-btn svg{width:13px;height:13px}.tp-studio-layout{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}.tp-studio-controls,.tp-studio-preview{flex-direction:column;min-width:0;display:flex}@media (width>=1025px){.tp-studio-layout{grid-template-columns:1.2fr 1fr;gap:2rem}.tp-studio-preview{position:sticky;top:1.8rem}}.tp-preview-card{box-shadow:var(--shadow-lg);background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.tp-preview-tabs{background:#0003;border-bottom:1px solid #ffffff0a;gap:.3rem;padding:.4rem .6rem;display:flex}.tp-preview-tab-btn{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .8rem;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s}.tp-preview-tab-btn:hover{color:#fffc;background:#ffffff08}.tp-preview-tab-btn.active{color:var(--text-primary);background:#ffffff0d}.tp-preview-stage{border-radius:0 0 12px 12px;flex-direction:column;min-height:280px;padding:1.2rem;transition:background .3s;display:flex;position:relative}.tp-preview-game-area{border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;flex:1;gap:.8rem;min-height:240px;padding:1.2rem;transition:background .3s;display:flex;position:relative}.tp-preview-state-controls{z-index:10;background:#00000059;border:1px solid #ffffff08;border-radius:6px;justify-content:space-between;align-items:center;gap:.8rem;padding:.4rem .6rem;font-size:.68rem;display:flex}.tp-state-select{color:#fff6;align-items:center;gap:.35rem;display:flex}.tp-state-dot{cursor:pointer;opacity:.4;border:none;border-radius:50%;width:10px;height:10px;transition:all .15s}.tp-state-dot:hover{opacity:.8}.tp-state-dot.active{opacity:1;transform:scale(1.2);box-shadow:0 0 8px}.tp-state-dot.safe{color:#7eb36a;background:#7eb36a}.tp-state-dot.warn{color:#d4a030;background:#d4a030}.tp-state-dot.danger{color:#c44040;background:#c44040}.tp-state-txt{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.65rem;font-weight:600;transition:all .15s}.tp-state-txt:hover{color:#ffffffb3}.tp-state-txt.active{color:var(--text-primary);background:#ffffff14}.tp-preview-arena{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.tp-preview-bomb{background:#0003;border:3px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;font-weight:800;transition:all .25s;animation:2s ease-in-out infinite tpPulse;display:flex;position:relative}@keyframes tpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.tp-preview-bomb-timer{margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700}.tp-preview-syllable{letter-spacing:.04em;font-size:1.1rem}.tp-preview-lives{gap:6px;transition:all .2s;display:flex}.tp-preview-life{width:10px;height:10px;box-shadow:var(--shadow-sm);border:1.5px solid #0003;border-radius:50%;transition:all .25s}.tp-preview-input-container{width:100%;max-width:180px}.tp-preview-input-box{text-align:center;letter-spacing:.04em;width:100%;box-shadow:var(--shadow-sm);border:2px solid;border-radius:8px;justify-content:center;align-items:center;gap:1px;padding:.45rem .6rem;font-size:.78rem;font-weight:700;transition:all .25s;display:flex}.tp-preview-cursor{width:1.5px;height:12px;animation:1s step-end infinite tpBlink;display:inline-block}@keyframes tpBlink{50%{opacity:0}}.tp-preview-ui-area{border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;flex:1;min-height:240px;display:flex;overflow:hidden}.tp-preview-navbar{justify-content:space-between;align-items:center;padding:.45rem .8rem;transition:all .25s;display:flex}.tp-nav-logo{letter-spacing:-.02em;font-size:.78rem;font-weight:800;transition:color .25s}.tp-nav-links{gap:.6rem;font-size:.62rem;font-weight:600;display:flex}.tp-nav-links span{transition:color .25s}.tp-nav-profile{border:1px solid;border-radius:6px;align-items:center;gap:.3rem;padding:2px 6px;font-size:.6rem;font-weight:600;transition:all .25s;display:flex}.tp-nav-avatar{border-radius:50%;width:10px;height:10px;transition:background .25s}.tp-nav-name{font-size:.58rem}.tp-preview-ui-body{flex:1;min-height:180px;display:flex}.tp-preview-sidebar{flex-direction:column;flex-shrink:0;gap:2px;width:60px;padding:.4rem .25rem;transition:all .25s;display:flex}.tp-sidebar-item{text-align:left;border-radius:4px;padding:3px 6px;font-size:.55rem;font-weight:600;transition:all .25s}.tp-preview-content{flex:1;justify-content:center;align-items:center;padding:.8rem;transition:background .25s;display:flex}.tp-preview-card-component{border-radius:8px;width:100%;max-width:220px;padding:.8rem;transition:all .25s}.tp-preview-buttons-row{gap:.35rem;width:100%;margin-top:.4rem;transition:all .25s;display:flex}.tp-preview-btn{text-align:center;cursor:pointer;border:none;border-radius:4px;flex:1;padding:4px 0;font-family:inherit;font-size:.6rem;font-weight:700;transition:all .25s}.tp-preview-alerts-area{border:1px solid #ffffff0a;border-radius:10px;transition:all .25s}.tp-preview-alert{border-radius:6px;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.68rem;font-weight:500;transition:all .25s;display:flex}.tp-preview-alert svg{flex-shrink:0}.tp-preview-highlight{outline-offset:2px;transform:scale(1.02);outline:2px solid var(--accent-primary)!important;box-shadow:0 0 14px var(--accent-primary)!important}@media (width<=900px){.tp-sidebar{width:56px}.tp-sidebar .tp-sidebar-back span,.tp-sidebar .tp-nav-group-label,.tp-sidebar .tp-nav-item span,.tp-sidebar .tp-premium-lock,.tp-sidebar .tp-override-pill,.tp-sidebar .tp-sidebar-footer-btn span{display:none}.tp-sidebar .tp-nav-item{justify-content:center;padding:.55rem}.tp-sidebar .tp-sidebar-footer-btn{padding:.55rem}.tp-main{margin-left:56px}.tp-editor{padding:1.2rem}}.sh-root{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:Inter,Outfit,-apple-system,sans-serif;position:relative}.sh-header{max-width:1200px;margin:0 auto;padding:1.8rem 2.5rem 0}.sh-topbar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.sh-back{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .6rem;font-family:inherit;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sh-back:hover{color:#ffffffb3;background:#ffffff0a}.sh-back svg{width:14px;height:14px}.sh-wallet{color:gold;letter-spacing:-.01em;background:#ffd7000f;border:1px solid #ffd7001a;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:flex}.sh-wallet svg{width:16px;height:16px}.sh-title-block{margin-bottom:2rem}.sh-title{letter-spacing:-.03em;background:linear-gradient(135deg,#f0f0f0 0%,#c08a3e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .3rem;font-size:1.8rem;font-weight:800}.sh-subtitle{color:#ffffff4d;margin:0;font-size:.88rem}.sh-tabs{gap:.3rem;max-width:1200px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:0 2.5rem;display:flex}.sh-tab{color:#ffffff59;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;padding:.45rem 1rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s}.sh-tab:hover{color:#fff9;background:#ffffff0a;border-color:#ffffff0f}.sh-tab.active{color:var(--accent-primary);background:#c08a3e1a;border-color:#c08a3e26}.sh-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;max-width:1200px;margin:0 auto;padding:0 2.5rem 4rem;display:grid}.sh-item{background:#ffffff04;border:1px solid #ffffff0a;border-radius:14px;transition:all .2s;position:relative;overflow:hidden}.sh-item:hover{border-color:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.sh-item.rare{border-color:#3b82f61f}.sh-item.rare:hover{border-color:#3b82f640;box-shadow:0 8px 32px #3b82f614}.sh-item.epic{border-color:#a855f71f}.sh-item.epic:hover{border-color:#a855f740;box-shadow:0 8px 32px #a855f714}.sh-item.legendary{border-color:#f59e0b26}.sh-item.legendary:hover{border-color:#f59e0b4d;box-shadow:0 8px 32px #f59e0b1a}.sh-item-preview{cursor:pointer;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.sh-item-preview-hint{color:#ffffff26;text-transform:uppercase;letter-spacing:.05em;opacity:0;font-size:.58rem;font-weight:600;transition:opacity .15s;position:absolute;bottom:6px;right:8px}.sh-item:hover .sh-item-preview-hint{opacity:1}.sh-live-typing{color:#fff;letter-spacing:.05em;justify-content:center;align-items:center;width:100%;height:100%;font-family:inherit;font-size:1.15rem;font-weight:700;transition:transform .1s;display:flex;position:relative}.sh-live-typing.flash{color:#a7f3d0;text-shadow:0 0 10px #a7f3d080;transform:scale(1.05)}.sh-live-typing .cursor{vertical-align:middle;background:#fff;width:2px;height:1.2em;margin-left:2px;transition:opacity .1s;display:inline-block}.sh-item-info{border-top:1px solid #ffffff08;padding:.9rem 1rem}.sh-item-top{justify-content:space-between;align-items:flex-start;margin-bottom:.2rem;display:flex}.sh-item-name{color:#ffffffd9;letter-spacing:-.01em;font-size:.92rem;font-weight:700}.sh-rarity{text-transform:uppercase;letter-spacing:.08em;border-radius:4px;padding:2px 6px;font-size:.55rem;font-weight:700}.sh-rarity.common{color:#fff6;background:#ffffff0f}.sh-rarity.rare{color:#3b82f6b3;background:#3b82f61a}.sh-rarity.epic{color:#a855f7b3;background:#a855f71a}.sh-rarity.legendary{color:#f59e0bbf;background:#f59e0b1a}.sh-item-desc{color:#ffffff4d;margin-bottom:.7rem;font-size:.75rem;line-height:1.4}.sh-item-footer{justify-content:space-between;align-items:center;display:flex}.sh-price{color:gold;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;display:flex}.sh-price svg{width:13px;height:13px}.sh-buy-btn{cursor:pointer;color:#000;background:#fff;border:none;border-radius:7px;padding:.4rem 1rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .15s}.sh-buy-btn:hover{background:#f0f0f0;transform:scale(1.03)}.sh-buy-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.sh-buy-btn.owned{color:#5a9a5ab3;cursor:default;background:#5a9a5a1f}.sh-buy-btn.owned:hover{transform:none}.sh-equip-btn{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:7px;margin-left:.4rem;padding:.4rem .8rem;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s}.sh-equip-btn:hover,.sh-equip-btn.equipped{color:#3b82f6cc;background:#3b82f61a;border-color:#3b82f633}.sh-coming-soon{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;background:#00000080;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sh-coming-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;padding:.4rem .9rem;font-size:.7rem;font-weight:700}.sh-empty{text-align:center;color:#fff3;padding:4rem 1rem}.sh-empty svg{opacity:.15;width:40px;height:40px;margin-bottom:.8rem}.sh-empty-text{margin-bottom:.3rem;font-size:.88rem}.sh-empty-hint{color:#ffffff1a;font-size:.72rem}@media (width<=768px){.sh-header{padding:1.2rem 1rem 0}.sh-tabs{flex-wrap:wrap;padding:0 1rem}.sh-grid{grid-template-columns:1fr;padding:0 1rem 3rem}.sh-title{font-size:1.3rem}}.ms-page{background:var(--bg-primary);max-width:700px;min-height:100vh;margin:0 auto;padding:5em 1.5em 2em}.ms-header{text-align:center;margin-bottom:2em}.ms-title{color:var(--text-primary);margin:0 0 .3em;font-size:1.4rem;font-weight:700}.ms-subtitle{color:var(--text-muted);font-size:.78rem}.ms-section{margin-bottom:1.5em}.ms-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75em;padding-left:.25em;font-size:.7rem;font-weight:600}.ms-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md,8px);align-items:center;gap:1em;margin-bottom:.5em;padding:1em 1.25em;transition:border-color .2s;display:flex}.ms-card.ms-completed{border-color:var(--color-success)}.ms-card.ms-claimed{opacity:.45}.ms-progress-ring{flex-shrink:0;width:44px;height:44px;position:relative}.ms-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ms-progress-ring circle{fill:none;stroke-width:3px}.ms-progress-ring .ms-ring-bg{stroke:var(--bg-secondary)}.ms-progress-ring .ms-ring-fill{stroke:var(--accent-primary);stroke-linecap:round;transition:stroke-dashoffset .6s}.ms-progress-ring.ms-ring-done .ms-ring-fill{stroke:var(--color-success)}.ms-progress-center{color:var(--text-secondary);justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;inset:0}.ms-info{flex:1;min-width:0}.ms-name{color:var(--text-primary);margin:0 0 .15em;font-size:.82rem;font-weight:600}.ms-desc{color:var(--text-muted);margin:0;font-size:.7rem}.ms-progress-text{color:var(--text-secondary);margin-top:.2em;font-size:.68rem}.ms-rewards{flex-shrink:0;gap:.5em;display:flex}.ms-reward-tag{background:var(--accent-subtle);color:var(--accent-primary);white-space:nowrap;border-radius:4px;padding:.25em .6em;font-size:.65rem;font-weight:600}.ms-reward-tag.ms-xp-tag{color:var(--color-info);background:#4a7abf1f}.ms-claim-btn{background:var(--color-success);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:.4em 1em;font-size:.72rem;font-weight:600;transition:background .2s}.ms-claim-btn:hover{background:#4a8a4a}.ms-reset-timer{text-align:center;color:var(--text-muted);padding:.75em;font-size:.7rem}.ms-empty{text-align:center;color:var(--text-muted);padding:2em;font-size:.82rem}.ad-dashboard{color:#d4d2cd;-webkit-font-smoothing:antialiased;background:#08080b;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ad-topbar{z-index:10;background:linear-gradient(#ffffff06 0%,#ffffff03 100%);border-bottom:1px solid #ffffff0e;flex-shrink:0;align-items:center;gap:.75rem;height:44px;padding:0 .85rem;display:flex}.ad-topbar-left{align-items:center;gap:.5rem;min-width:320px;display:flex}.ad-topbar-back{color:#ffffff59;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:5px;place-items:center;width:26px;height:26px;transition:all .15s;display:grid}.ad-topbar-back:hover{color:#ffffffb3;background:#ffffff0f;border-color:#ffffff1a}.ad-topbar-title{letter-spacing:-.015em;margin:0;font-size:.82rem;font-weight:600}.ad-topbar-badge{letter-spacing:.12em;color:#9b82d0;background:#785adc1a;border:1px solid #785adc26;border-radius:3px;padding:.1rem .38rem;font-size:.5rem;font-weight:700}.ad-view-switcher{background:#ffffff05;border:1px solid #ffffff0d;border-radius:5px;gap:0;margin-left:.5rem;display:flex;overflow:hidden}.ad-view-btn{color:#ffffff4d;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.3rem;padding:.28rem .6rem;font-size:.68rem;font-weight:500;transition:all .12s;display:flex}.ad-view-btn:first-child{border-right:1px solid #ffffff0a}.ad-view-btn:hover{color:#ffffff8c;background:#ffffff05}.ad-view-btn.active{color:#d4d2cd;background:#ffffff0a}.ad-topbar-center{flex:1;justify-content:center;align-items:center;gap:.65rem;display:flex}.ad-topbar-right{justify-content:flex-end;align-items:center;gap:.35rem;min-width:200px;display:flex}.ad-lang-select{color:#d4d2cd;cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:5px;padding:.28rem .5rem;font-size:.75rem;transition:border-color .15s}.ad-lang-select:focus{border-color:#ffffff2e;outline:none}.ad-stat-row{background:#ffffff04;border:1px solid #ffffff0a;border-radius:5px;align-items:center;gap:0;display:flex;overflow:hidden}.ad-stat{align-items:baseline;gap:.2rem;padding:.2rem .5rem;display:flex}.ad-stat-v{font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.ad-stat-l{text-transform:uppercase;letter-spacing:.08em;color:#ffffff47;font-size:.52rem}.ad-stat.native .ad-stat-v{color:#6ba3d6}.ad-stat.extras .ad-stat-v{color:#d4a55a}.ad-stat-sep{background:#ffffff0f;width:1px;height:16px}.ad-dot{background:#8b3333;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:all .35s}.ad-dot.on{background:#4a8a4a;box-shadow:0 0 6px #4a8a4a80}.ad-secret-input{color:#d4d2cd;letter-spacing:.03em;background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;width:120px;padding:.25rem .45rem;font-family:SF Mono,Fira Code,monospace;font-size:.68rem;transition:border-color .15s}.ad-secret-input:focus{border-color:#ffffff1f;outline:none}.ad-btn-go{color:#08080b;cursor:pointer;background:#ffffffd9;border:none;border-radius:4px;padding:.25rem .6rem;font-size:.68rem;font-weight:600;transition:opacity .15s}.ad-btn-go:hover:not(:disabled){opacity:.8}.ad-btn-go:disabled{opacity:.3;cursor:not-allowed}.ad-main{flex:1;min-height:0;display:flex;overflow:hidden}.ad-sidebar{background:#ffffff03;border-right:1px solid #ffffff0e;flex-direction:column;gap:0;width:260px;min-width:260px;display:flex;overflow-y:auto}.ad-tools-sidebar{width:220px;min-width:220px}.ad-sidebar::-webkit-scrollbar{width:2px}.ad-sidebar::-webkit-scrollbar-track{background:0 0}.ad-sidebar::-webkit-scrollbar-thumb{background:#ffffff0d}.ad-panel{border-bottom:1px solid #ffffff0a;flex-direction:column;display:flex}.ad-panel--grow{flex:1;min-height:0}.ad-panel-head{color:#fff6;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.65rem;font-weight:600;display:flex}.ad-panel-body{flex-direction:column;gap:.4rem;padding:.5rem .75rem .65rem;display:flex}.ad-panel-scroll{flex:1;min-height:0;padding:.25rem .4rem;overflow-y:auto}.ad-panel-scroll::-webkit-scrollbar{width:2px}.ad-panel-scroll::-webkit-scrollbar-track{background:0 0}.ad-panel-scroll::-webkit-scrollbar-thumb{background:#ffffff0a}.ad-icon{border-radius:4px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.ad-icon.check{color:#6ba3d6;background:#4a7abf1a}.ad-icon.add{color:#5fa35f;background:#4a964a1a}.ad-icon.cat{color:#9b82d0;background:#8264c81a}.ad-icon.tool{color:#c8aa44;background:#c8aa3c1a}.ad-count-badge{color:#ffffff4d;background:#ffffff0a;border-radius:6px;margin-left:auto;padding:.05rem .3rem;font-size:.55rem;font-weight:400}.ad-row{gap:.3rem;display:flex}.ad-inp{color:#d4d2cd;background:#ffffff06;border:1px solid #ffffff0e;border-radius:4px;flex:1;padding:.35rem .5rem;font-size:.75rem;transition:border-color .15s}.ad-inp:focus{border-color:#ffffff24;outline:none}.ad-inp::placeholder{color:#fff3}.ad-txa{color:#d4d2cd;resize:vertical;background:#ffffff06;border:1px solid #ffffff0e;border-radius:4px;width:100%;min-height:48px;max-height:100px;padding:.35rem .5rem;font-family:inherit;font-size:.75rem;transition:border-color .15s}.ad-txa:focus{border-color:#ffffff24;outline:none}.ad-txa::placeholder{color:#fff3}.ad-sel{color:#d4d2cd;cursor:pointer;background:#ffffff06;border:1px solid #ffffff0e;border-radius:4px;width:100%;padding:.3rem .45rem;font-size:.72rem}.ad-btn-s{color:#d4d2cd;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff12;border-radius:4px;padding:.3rem .55rem;font-size:.7rem;font-weight:500;transition:all .12s}.ad-btn-s:hover:not(:disabled){background:#ffffff14;border-color:#ffffff1a}.ad-btn-s:disabled{opacity:.3;cursor:not-allowed}.ad-btn-s.ad-btn-primary{color:#6ba3d6;background:#4a7abf1f;border-color:#4a7abf33}.ad-btn-s.ad-btn-primary:hover:not(:disabled){background:#4a7abf33}.ad-btn-add{color:#5fa35f;cursor:pointer;background:#4a964a14;border:1px solid #4a964a26;border-radius:4px;width:100%;padding:.38rem 0;font-size:.7rem;font-weight:600;transition:all .15s}.ad-btn-add:hover:not(:disabled){background:#4a964a24}.ad-btn-add:disabled{opacity:.25;cursor:not-allowed}.ad-result{border-radius:4px;align-items:center;gap:.35rem;padding:.35rem .45rem;font-size:.72rem;animation:.15s ad-fadeIn;display:flex}.ad-result.found{color:#5fa35f;background:#4a964a0f;border:1px solid #4a964a1f}.ad-result.miss{color:#b05050;background:#b43c3c0f;border:1px solid #b43c3c1f}.ad-miss-txt{opacity:.6;font-style:italic}.ad-src-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:.06rem .28rem;font-size:.52rem;font-weight:700}.ad-src-badge.native{color:#6ba3d6;background:#4a7abf1f}.ad-src-badge.extras{color:#d4a55a;background:#c08a3e1f}.ad-result-cats{color:#ffffff4d;font-size:.6rem;font-style:italic}.ad-toast{border-radius:4px;padding:.3rem .45rem;font-size:.68rem;animation:.15s ad-fadeIn}.ad-toast.success{color:#5fa35f;background:#4a964a0f;border:1px solid #4a964a1f}.ad-toast.error{color:#b05050;background:#b43c3c0f;border:1px solid #b43c3c1f}.ad-global-toast{z-index:100;pointer-events:none;border-radius:6px;padding:.4rem 1rem;font-size:.72rem;font-weight:500;animation:.2s ad-fadeIn;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.ad-global-toast.success{color:#5fa35f;background:#4a964a26;border:1px solid #4a964a33}.ad-cat-row{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;padding:.35rem .45rem;transition:all .12s;display:flex}.ad-cat-row:hover{background:#ffffff06;border-color:#ffffff0a}.ad-cat-row.active{background:#8264c80f;border-color:#8264c81f}.ad-cat-name{color:#fff9;font-size:.72rem}.ad-cat-row.active .ad-cat-name{color:#9b82d0}.ad-cat-count{color:#fff3;font-variant-numeric:tabular-nums;font-size:.6rem}.ad-browser{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ad-browser-head{border-bottom:1px solid #ffffff0e;flex-shrink:0;align-items:center;gap:.75rem;height:42px;padding:0 .85rem;display:flex}.ad-search-bar{flex:1;align-items:center;gap:.3rem;max-width:380px;margin-left:auto;display:flex}.ad-search-input{font-size:.72rem!important}.ad-regex-toggle{color:#ffffff40;cursor:pointer;white-space:nowrap;background:#ffffff06;border:1px solid #ffffff0d;border-radius:3px;padding:.25rem .4rem;font-family:SF Mono,Fira Code,monospace;font-size:.65rem;font-weight:700;transition:all .12s}.ad-regex-toggle:hover{color:#ffffff80;border-color:#ffffff1a}.ad-regex-toggle.active{color:#d4a55a;background:#c8a03c1a;border-color:#c8a03c40}.ad-regex-error{color:#b05050;background:#b43c3c0a;border-bottom:1px solid #b43c3c1a;padding:.25rem .85rem;font-size:.65rem}.ad-tabs{align-items:stretch;gap:0;height:100%;display:flex}.ad-tab{color:#ffffff4d;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.3rem;padding:0 .7rem;font-size:.72rem;font-weight:500;transition:all .12s;display:flex}.ad-tab:hover{color:#ffffff8c}.ad-tab.active{color:#d4d2cd;border-bottom-color:#d4d2cd}.ad-tab-n{color:#ffffff40;font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:6px;padding:.04rem .28rem;font-size:.55rem;font-weight:400}.ad-tab.active .ad-tab-n{color:#ffffff73;background:#ffffff0f}.ad-tab-close{color:#ffffff4d;cursor:pointer;background:#ffffff0a;border:none;border-radius:3px;place-items:center;width:14px;height:14px;margin-left:.2rem;transition:all .1s;display:grid}.ad-tab-close:hover{color:#b05050;background:#b43c3c26}.ad-browser-body{flex:1;min-height:0;padding:.65rem .85rem;overflow-y:auto}.ad-browser-body::-webkit-scrollbar{width:3px}.ad-browser-body::-webkit-scrollbar-track{background:0 0}.ad-browser-body::-webkit-scrollbar-thumb{background:#ffffff0a;border-radius:2px}.ad-words-grid{flex-wrap:wrap;align-content:flex-start;gap:4px;display:flex}.ad-word{letter-spacing:.005em;cursor:default;border-radius:3px;align-items:center;gap:.15rem;padding:.2rem .42rem;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:.72rem;line-height:1.3;transition:all .1s;display:inline-flex}.ad-word.native{color:#ffffff80;background:#4a7abf09;border:1px solid #4a7abf0f}.ad-word.native:hover{color:#fffc;background:#4a7abf12;border-color:#4a7abf24}.ad-word.extra{color:#ffffff80;background:#c08a3e09;border:1px solid #c08a3e14}.ad-word.extra:hover{color:#fffc;background:#c08a3e12;border-color:#c08a3e29}.ad-word.catword{color:#ffffff80;background:#8264c809;border:1px solid #8264c814}.ad-word.catword:hover{color:#fffc;background:#8264c812;border-color:#8264c829}.ad-word.missing-word{color:#b45050b3;background:#b43c3c0a;border:1px solid #b43c3c1f}.ad-word.missing-word:hover{color:#b45050f2;background:#b43c3c14}.ad-word-src{opacity:.35;margin-left:.1rem;font-size:.48rem;font-weight:700}.ad-word.danger{animation:.25s ad-shake;background:#b43c3c12!important;border-color:#b43c3c59!important}.ad-x{color:#ffffff26;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:2px;place-items:center;width:12px;height:12px;padding:0;font-size:.55rem;line-height:1;transition:all .1s;display:grid}.ad-word:hover .ad-x{opacity:1}.ad-x:hover{color:#b05050;background:#b43c3c26}.ad-x.confirm{color:#c06060;background:#b43c3c33;font-weight:700;opacity:1!important}.ad-browser-foot{border-top:1px solid #ffffff0e;flex-shrink:0;justify-content:center;align-items:center;gap:.65rem;padding:.4rem .85rem;display:flex}.ad-pg{color:#ffffff73;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;place-items:center;width:28px;height:26px;transition:all .1s;display:grid}.ad-pg:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff14}.ad-pg:disabled{opacity:.2;cursor:not-allowed}.ad-pg-center{align-items:baseline;gap:.3rem;display:flex}.ad-pg-label{color:#fff3;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem}.ad-pg-jump{text-align:center;color:#d4d2cd;font-variant-numeric:tabular-nums;background:#ffffff06;border:1px solid #ffffff0f;border-radius:3px;width:42px;padding:.2rem .3rem;font-size:.72rem;transition:border-color .12s}.ad-pg-jump:focus{background:#ffffff0a;border-color:#ffffff2e;outline:none}.ad-pg-of{color:#ffffff4d;font-variant-numeric:tabular-nums;font-size:.68rem}.ad-pg-total{color:#ffffff26;font-variant-numeric:tabular-nums;font-size:.58rem}.ad-empty{text-align:center;color:#fff3;padding:.8rem 0;font-size:.68rem;font-style:italic}.ad-empty-lg{color:#ffffff26;justify-content:center;align-items:center;height:100%;min-height:200px;font-size:.82rem;font-style:italic;display:flex}.ad-tip{color:#ffffff40;border-left:2px solid #ffffff0d;margin-bottom:.35rem;padding:.35rem .3rem;font-size:.66rem;line-height:1.5}.ad-tools-main,.ad-tool-content{overflow:hidden}.ad-tool-split{flex:1;gap:0;min-height:0;display:flex}.ad-tool-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.ad-tool-panel+.ad-tool-panel{border-left:1px solid #ffffff0e}.ad-tool-panel-head{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.ad-tool-panel-title{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:600}.ad-tool-textarea{color:#d4d2cd;resize:none;letter-spacing:.01em;background:#ffffff04;border:none;flex:1;width:100%;min-height:0;padding:.65rem .75rem;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:.72rem;line-height:1.6}.ad-tool-textarea:focus{outline:none}.ad-tool-textarea::placeholder{color:#ffffff1f}.ad-tool-output{background:#4a964a04}.ad-bulk-filters{gap:.25rem;margin-left:auto;display:flex}.ad-chip{color:#ffffff59;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:4px;align-items:center;gap:.2rem;padding:.18rem .45rem;font-size:.62rem;font-weight:500;transition:all .1s;display:flex}.ad-chip:hover{color:#ffffff80;background:#ffffff0a}.ad-chip.active{color:#ffffffb3;background:#ffffff0d;border-color:#ffffff1a}.ad-chip.found.active{color:#5fa35f;background:#4a964a14;border-color:#4a964a26}.ad-chip.missing.active{color:#b05050;background:#b43c3c0f;border-color:#b43c3c24}.ad-chip-n{font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:4px;padding:.02rem .22rem;font-size:.52rem}.ad-bulk-results{flex-wrap:wrap;flex:1;align-content:flex-start;gap:4px;min-height:0;padding:.55rem .65rem;display:flex;overflow-y:auto}.ad-bulk-results::-webkit-scrollbar{width:3px}.ad-bulk-results::-webkit-scrollbar-track{background:0 0}.ad-bulk-results::-webkit-scrollbar-thumb{background:#ffffff0a}.ad-bulk-actions{border-top:1px solid #ffffff0a;flex-shrink:0;gap:.4rem;padding:.45rem .65rem;display:flex}.ad-bulk-actions .ad-btn-add{flex:1}.ad-cleaner-opts{align-items:center;gap:.6rem;margin-left:auto;display:flex}.ad-opt{color:#ffffff59;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.22rem;font-size:.62rem;display:flex}.ad-opt input[type=checkbox]{accent-color:#6ba3d6;cursor:pointer;width:12px;height:12px}.ad-opt-num{text-align:center;color:#d4d2cd;background:#ffffff06;border:1px solid #ffffff0f;border-radius:3px;width:32px;padding:.12rem .2rem;font-size:.62rem}.ad-opt-num:focus{border-color:#ffffff24;outline:none}.ad-cleaner-stats{gap:.45rem;margin-left:auto;display:flex}.ad-cstat{color:#ffffff4d;font-variant-numeric:tabular-nums;font-size:.58rem;font-weight:500}.ad-cstat.green{color:#5fa35f}.ad-cstat.yellow{color:#d4a55a}.ad-cstat.red{color:#b05050}.ad-cstat.dim{color:#ffffff26}@keyframes ad-fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes ad-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@media (width<=860px){.ad-main{flex-direction:column}.ad-sidebar{width:100%;min-width:unset;border-bottom:1px solid #ffffff0e;border-right:none;max-height:30vh}.ad-tools-sidebar{width:100%;min-width:unset}.ad-topbar{flex-wrap:wrap;gap:.4rem;height:auto;padding:.45rem .65rem}.ad-topbar-left{min-width:unset;flex-wrap:wrap}.ad-topbar-center{flex-wrap:wrap;order:3;justify-content:flex-start;gap:.35rem;width:100%}.ad-stat-row{flex-wrap:wrap}.ad-tool-split{flex-direction:column}.ad-tool-panel+.ad-tool-panel{border-top:1px solid #ffffff0e;border-left:none}}:root,[data-theme=dark]{--bg-primary:#000;--bg-secondary:#111;--bg-card:#161616;--bg-elevated:#1c1c1c;--bg-input:#111;--bg-overlay:#0009;--bg-hover:#ffffff0a;--bg-active:#ffffff0f;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-muted:#666;--text-inverse:#0a0a0a;--border-primary:#2a2a2a;--border-subtle:#1e1e1e;--border-strong:#3a3a3a;--border-focus:#555;--accent-primary:#e0e0e0;--accent-primary-hover:#fff;--accent-subtle:#ffffff1f;--color-success:#5a9a5a;--color-success-subtle:#5a9a5a1f;--color-danger:#c44040;--color-danger-subtle:#c440401f;--color-warning:#c08a3e;--color-info:#4a7abf;--btn-primary-bg:#f0f0f0;--btn-primary-text:#0a0a0a;--btn-primary-hover:#fff;--btn-secondary-bg:transparent;--btn-secondary-text:#a0a0a0;--btn-secondary-border:#2a2a2a;--btn-accent-bg:#e0e0e0;--btn-accent-text:#0a0a0a;--btn-disabled-bg:#1e1e1e;--btn-disabled-text:#555;--nav-bg:#0a0a0a;--nav-border:#1e1e1e;--nav-text:#a0a0a0;--nav-text-hover:#f0f0f0;--sidebar-bg:#0e0e0e;--sidebar-border:#1e1e1e;--sidebar-header-bg:#111;--game-bg:#111119;--game-surface:#ffffff08;--scrollbar-track:#ffffff05;--scrollbar-thumb:#ffffff14;--scrollbar-thumb-hover:#ffffff24;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--modal-bg:#161616;--modal-border:#2a2a2a;--modal-backdrop:#000000b3;--tag-bg:#1e1e1e;--tag-text:#999;--brand-discord:#5865f2;--brand-twitch:#a78bfa;--brand-youtube:#f87171;--status-info:#3b82f6;--status-info-subtle:#3b82f626;--status-success:#10b981;--status-success-subtle:#10b98126;--status-warning:#f59e0b;--status-warning-subtle:#f59e0b26;--status-reward:#a855f7;--status-reward-subtle:#a855f726;--accent-green:#7b9f5f;--accent-green-hover:#5a8040;--accent-purple:#c5a0e0;--accent-gold-text:#eab308;--accent-orange-text:#fb923c;--text-on-accent:#fff;--divider:#1e1e1e;--link-color:#e0e0e0;--selection-bg:#ffffff26;--toggle-track:#71717a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-xxl:24px}[data-theme=light]{--bg-primary:#efe9e0;--bg-secondary:#faf7f2;--bg-card:#fff;--bg-elevated:#fff;--bg-input:#faf8f5;--bg-overlay:#0000004d;--bg-hover:#00000008;--bg-active:#0000000d;--text-primary:#2c2c2c;--text-secondary:#7b6d5c;--text-muted:#b0a89e;--text-inverse:#fff;--border-primary:#e4ddd3;--border-subtle:#eee8e0;--border-strong:#ddd5c9;--border-focus:#c08a3e;--accent-primary:#404040;--accent-primary-hover:#0a0a0a;--accent-subtle:#00000014;--color-success:#7eb36a;--color-success-subtle:#7eb36a1a;--color-danger:#ef4444;--color-danger-subtle:#ef444414;--color-warning:#c08a3e;--color-info:#3b82f6;--btn-primary-bg:#363230;--btn-primary-text:#fff;--btn-primary-hover:#2a2622;--btn-secondary-bg:transparent;--btn-secondary-text:#7b6d5c;--btn-secondary-border:#e0d9cf;--btn-accent-bg:#2c2c2c;--btn-accent-text:#fff;--btn-disabled-bg:#e4ddd3;--btn-disabled-text:#b0a89e;--nav-bg:#efe9e0;--nav-border:#ddd5c9;--nav-text:#888;--nav-text-hover:#2c2c2c;--sidebar-bg:#faf7f2;--sidebar-border:#e4ddd3;--sidebar-header-bg:#f5f0e8;--game-bg:#efe9e0;--game-surface:#00000005;--scrollbar-track:#00000008;--scrollbar-thumb:#00000014;--scrollbar-thumb-hover:#00000026;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #0000001a;--modal-bg:#faf7f2;--modal-border:#e4ddd3;--modal-backdrop:#0000004d;--tag-bg:#f0ebe3;--tag-text:#7b6d5c;--brand-discord:#5865f2;--brand-twitch:#a78bfa;--brand-youtube:#f87171;--status-info:#3b82f6;--status-info-subtle:#3b82f61a;--status-success:#10b981;--status-success-subtle:#10b9811a;--status-warning:#f59e0b;--status-warning-subtle:#f59e0b1a;--status-reward:#a855f7;--status-reward-subtle:#a855f71a;--accent-green:#7b9f5f;--accent-green-hover:#5a8040;--accent-purple:#c5a0e0;--accent-gold-text:#d4a017;--accent-orange-text:#ea8033;--text-on-accent:#fff;--divider:#eee8e0;--link-color:#2c2c2c;--selection-bg:#0000001a;--toggle-track:#d4d4d8;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-xxl:24px}body,.box,.top-nav,.sidebar,.game-area,.modal,input,textarea,select,button{transition:background-color .2s,color .2s,border-color .2s}:root,[data-theme=dark]{--game-gradient:radial-gradient(ellipse at 50% 40%, #2a2e3a, #1e2028 55%, #16171d);--game-ring-radius:min(35vw, 250px);--player-node-size:72px;--player-node-bg:#ffffff0f;--player-node-border:#ffffff1a;--player-node-active:#c8a56433;--player-node-dead:#ffffff05;--player-name-color:#ffffffd9;--player-name-shadow:0 1px 3px #0009;--orb-bg:linear-gradient(135deg, #3a3f52, #252833);--orb-border:#c8a56440;--orb-text:#f0e6d0;--orb-glow:0 0 20px #c8a56426;--orb-size:clamp(90px, 15vw, 140px);--bomb-safe-color:#7eb36a;--bomb-warn-color:#d4a030;--bomb-danger-color:#c44040;--bomb-ring-width:3px;--lives-dot-ok:#7eb36a;--lives-dot-warn:#d4a030;--lives-dot-danger:#c44040;--lives-dot-size:6px;--word-correct:#7eb36a;--word-syllable:#d4a030;--word-error:#c44040;--bonus-bar-bg:#ffffff14;--bonus-bar-fill:linear-gradient(90deg, #4a7abf, #6b9fd4);--bonus-bar-gold:linear-gradient(90deg, #c08a3e, #d4a030);--bonus-bar-height:3px;--chat-bubble-self:#c8a56414;--chat-bubble-other:#ffffff08;--chat-system:#c8a56499;--join-bg:#c8a5641a;--join-bg-hover:#c8a5642e;--join-border:#c8a56440;--join-border-hover:#c8a56473;--join-text:#e8d5b0;--join-glow:0 2px 6px #0003;--join-glow-hover:0 4px 12px #00000059;--ready-bg:#7eb36a14;--ready-border:#7eb36a33;--ready-text:#a8d89a;--anim-turn-pulse:.6s;--anim-word-flash:.3s;--anim-death:.4s;--anim-bomb-shake:.1s}[data-theme=light]{--game-gradient:radial-gradient(ellipse at 50% 40%, #e8e0d4, #efe9e0 55%, #f5f0e8);--player-node-bg:#00000008;--player-node-border:#00000014;--player-node-active:#c08a3e1f;--player-node-dead:#00000005;--player-name-color:#000000bf;--player-name-shadow:0 1px 2px #0000001a;--orb-bg:linear-gradient(135deg, #fff, #f5f0e8);--orb-border:#c08a3e4d;--orb-text:#4a3f30;--orb-glow:0 0 20px #c08a3e1a;--chat-bubble-self:#c08a3e0f;--chat-bubble-other:#00000005;--chat-system:#c08a3eb3;--join-bg:#c08a3e14;--join-bg-hover:#c08a3e24;--join-border:#c08a3e38;--join-border-hover:#c08a3e61;--join-text:#6b5a42;--join-glow:0 1px 4px #0000001f;--join-glow-hover:0 3px 8px #00000038;--ready-bg:#7eb36a0f;--ready-border:#7eb36a2e;--ready-text:#5a8040}.ui-modal-backdrop{z-index:1000;background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.15s ease-out ui-fade-in;display:flex;position:fixed;inset:0}.ui-modal{background:var(--modal-bg);border:1px solid var(--modal-border);max-width:95vw;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;animation:.2s ease-out ui-modal-in;display:flex;position:relative;overflow:hidden}.ui-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ui-modal-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:600}.ui-modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.ui-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ui-modal-body{flex:1;padding:20px;overflow-y:auto}.ui-modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;display:flex}.ui-btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:500;line-height:1;transition:background .15s,color .15s,opacity .15s,transform .1s;display:inline-flex}.ui-btn:active:not(:disabled){transform:scale(.97)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--sm{border-radius:6px;padding:6px 12px;font-size:.8rem}.ui-btn--md{padding:8px 16px;font-size:.875rem}.ui-btn--lg{border-radius:10px;padding:12px 24px;font-size:1rem}.ui-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.ui-btn--primary:hover:not(:disabled){background:var(--btn-primary-hover)}.ui-btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.ui-btn--secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-btn--accent{background:var(--btn-accent-bg);color:var(--btn-accent-text)}.ui-btn--accent:hover:not(:disabled){background:var(--accent-primary-hover)}.ui-btn--danger{background:var(--color-danger);color:#fff}.ui-btn--danger:hover:not(:disabled){opacity:.9}.ui-btn--ghost{color:var(--text-secondary);background:0 0}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-btn--full{width:100%}.ui-btn-icon{align-items:center;display:flex}.ui-btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite ui-spin}.ui-btn--loading{pointer-events:none}.ui-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.ui-avatar--clickable{cursor:pointer}.ui-avatar--clickable:hover{opacity:.85}.ui-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.ui-avatar-fallback{color:#fff;letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.ui-avatar-indicator{background:var(--color-success);border:2px solid var(--bg-primary);border-radius:50%;width:25%;min-width:6px;height:25%;min-height:6px;position:absolute;bottom:0;right:0}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (width<=640px){.ui-modal{border-radius:12px 12px 0 0;max-height:85vh;width:95vw!important}.ui-modal-backdrop{align-items:flex-end}}