:root{--bg-body: #0a0a0a;--bg-header: #0a0a0a;--bg-card: #161616;--bg-dropdown: #1a1a1a;--bg-input: #111;--bg-hover: rgba(255,255,255,.05);--border-color: #333;--border-light: #444;--border-dark: #222;--accent: #ff9800;--accent-hover: #ffb74d;--green: #4caf50;--blue: #4fc3f7;--purple: #bb86fc;--gold: #ffd700;--gold-dim: #aa9d56;--text-main: #e0e0e0;--text-sub: #888;--text-muted: #666;--text-dim: #555;--text-primary: var(--text-main);--text-secondary: var(--text-sub);--bg-tertiary: var(--bg-input);--tool-surface: var(--bg-card);--tool-surface-raised: color-mix(in srgb, var(--bg-card) 88%, var(--accent) 12%);--tool-surface-sunken: var(--bg-input);--tool-surface-overlay: color-mix(in srgb, var(--bg-body) 72%, transparent);--tool-border: var(--border-color);--tool-border-subtle: color-mix(in srgb, var(--border-color) 50%, transparent);--tool-text: var(--text-main);--tool-text-muted: var(--text-sub);--tool-text-dim: var(--text-muted);--tool-accent: var(--accent);--tool-accent-hover: var(--accent-hover);--tool-accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--tool-accent-medium: color-mix(in srgb, var(--accent) 22%, transparent);--tool-accent-strong: color-mix(in srgb, var(--accent) 38%, transparent);--tool-gold: var(--gold);--tool-radius: var(--radius-md, 10px);--tool-shadow: 0 24px 64px color-mix(in srgb, var(--bg-body) 55%, transparent);--red-box-bg: #220a0a;--red-box-border: #6e1818;--urgent-red: #ff3333;--scrollbar-track: transparent;--scrollbar-thumb: var(--border-color);--scrollbar-thumb-hover: var(--accent);--bar-bg: #2a2a2a;--header-height: 72px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 50px;--shadow-sm: 0 2px 10px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--shadow-glow: 0 0 15px rgba(255,152,0,.3);--shadow-glow-strong: 0 0 24px color-mix(in srgb, var(--accent) 42%, transparent);--shadow-glow-soft: 0 0 18px color-mix(in srgb, var(--accent) 22%, transparent);--transition-fast: .2s;--transition-normal: .3s;--duration-instant: .12s;--duration-fast: .18s;--duration-normal: .28s;--duration-slow: .45s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasis: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-interactive: transform var(--duration-fast) var(--ease-emphasis), border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);--hover-lift-y: -3px;--active-press-scale: .98}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.floating-chat-panel,.floating-chat-btn,.modal-overlay,.notification-toast,.online-users-panel,.emoji-picker-v2,.floating-gif-picker,.nav-dropdown-menu{will-change:transform,opacity}.motion-enter{animation:arcanePanelIn var(--duration-normal) var(--ease-emphasis) both}.motion-hover-lift{transition:var(--transition-interactive)}.motion-hover-lift:hover{transform:translateY(var(--hover-lift-y));box-shadow:var(--shadow-glow-soft)}.motion-press:active,button:active,[role=button]:active{transform:scale(var(--active-press-scale))}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 78%,white);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.floating-chat-messages,.suggestions-feed,.chat-body,.modal-users-list,.dashboard,.tracker-container,.skills-grid{contain:content}.online-users-list{contain:layout style}.suggestion-card,.chat-message-group,.skill-card-detailed,.card{content-visibility:auto;contain-intrinsic-size:auto 200px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{color:inherit;text-decoration:none}a:visited{color:inherit}button{background:transparent;border:none;color:inherit;font-family:inherit;font-size:inherit;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a,button,[onclick],.clickable,.clickable-username,.profile-link-btn,.suggestion-header .user-name,.chat-user-name,.reply-header .user-name,.online-user-card,.mention,.user-mention,[role=button],.notification-item,.reaction-btn,.category-btn,.tab-btn,.nav-item,.modal-close,.close-btn,.toggle-btn{cursor:pointer!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],textarea{cursor:text!important}html{height:100%}body{background:var(--bg-body);margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-main);min-height:100vh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}body.community-page{height:100vh;overflow:hidden;min-width:320px}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px;border:2px solid var(--bg-body)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body.compact-ui .card{min-height:0;padding:15px}body.compact-ui .dashboard{gap:10px}body.compact-ui .card-main-text{font-size:1.5rem;margin:10px 0}body.compact-ui .skill-card-detailed{min-height:80px;padding:8px;flex:0 1 140px}body.compact-ui .skill-lvl{font-size:1.2rem}body.compact-ui .skill-icon-lg{width:24px;height:24px}body.compact-ui .task-item{padding:6px 10px}.site-footer{display:flex;justify-content:center;padding:24px 16px 32px;margin-top:auto}.site-footer-contact{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;color:var(--text-muted);background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:color .2s,border-color .2s}.site-footer-contact:hover{color:var(--accent);border-color:var(--accent)}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body.compact-density .task-item{padding:6px 12px;gap:8px}body.compact-density .bc-item{padding-top:8px;padding-bottom:8px}body.compact-density .log-item{padding-top:4px;padding-bottom:4px}body.compact-density .alog-modal-item{padding-top:3px;padding-bottom:3px}header{background:var(--bg-header);border-bottom:1px solid var(--border-color);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:nowrap;box-shadow:0 2px 10px #00000080;position:sticky;top:0;z-index:100;flex-shrink:0;min-height:var(--header-height);width:100%;box-sizing:border-box}body.community-page header{min-height:var(--header-height)}.header-left,.header-right,.brand-wrapper{display:flex;align-items:center}.header-left{gap:10px;justify-content:flex-start;min-width:0;flex:1 1 auto;overflow:visible}.header-right{justify-content:flex-end;gap:10px;min-width:0;flex:1 1 auto;overflow:visible}.header-nav{display:flex;gap:5px;background:var(--bg-card);padding:4px;border-radius:8px;border:1px solid var(--border-color);flex-wrap:nowrap;justify-content:center;flex-shrink:0}.nav-item{color:#888;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;text-decoration:none;transition:none;white-space:nowrap;box-sizing:border-box}.nav-item:hover{color:#ddd;background:#ffffff14}.nav-item.active{background:var(--accent);color:#000;font-weight:700}.nav-badge{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:var(--urgent-red);border-radius:50%;border:2px solid var(--bg-card);animation:badgePulse 2s infinite}.nav-item-dropdown{position:relative;display:inline-flex;align-items:center}.nav-item-dropdown>.nav-item{cursor:pointer;position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:200px;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #00000080;display:none;z-index:10001;overflow:hidden;pointer-events:none;padding-top:8px;margin-top:0}.nav-dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:transparent}.nav-item-dropdown:hover:not(.closing) .nav-dropdown-menu,.nav-item-dropdown:focus-within:not(.closing) .nav-dropdown-menu,.nav-item-dropdown.open:not(.closing) .nav-dropdown-menu{display:block;pointer-events:auto}.nav-item-dropdown.closing .nav-dropdown-menu{display:none!important;pointer-events:none!important}.nav-dropdown-item{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;justify-content:start;gap:10px;padding:12px 16px;color:#ccc;text-decoration:none;font-size:.85rem;font-weight:500;text-align:left;white-space:nowrap;transition:none;border-bottom:1px solid var(--border-dark)}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background:#ffffff0f;color:var(--text-main)}.nav-dropdown-item svg{color:#666;flex-shrink:0;transition:color .2s}.nav-dropdown-item .nav-rs-icon{width:18px;height:18px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));transition:transform .2s,filter .2s}.nav-dropdown-item:hover svg{color:var(--accent)}.nav-dropdown-item:hover .nav-rs-icon{transform:scale(1.05);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 40%,transparent))}.menu-btn{background:transparent;border:none;color:var(--text-main);padding:5px;border-radius:4px;display:flex;cursor:pointer;flex-shrink:0}.menu-btn:hover{background:var(--border-dark);color:var(--accent)}.mobile-nav-section{display:none}.mobile-nav-link{text-decoration:none}.mobile-nav-link.kofi-mobile{color:#ff5e5b}.mobile-nav-link.kofi-mobile:hover{color:#ff7878;background:#ff5e5b1a}.mobile-nav-link.kofi-mobile svg{color:#ff5e5b}.mobile-auth-container{margin-top:4px}.mobile-login-btn{color:var(--accent)!important;font-weight:600}.mobile-login-btn:hover{background:#667eea26!important}.mobile-login-btn svg{color:var(--accent)}.settings-dropdown{position:absolute;top:100%;left:0;width:280px;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 30px #00000080;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s;z-index:10001;margin-top:5px}.settings-dropdown.show{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-header{padding:12px 15px;font-size:.8rem;font-weight:700;text-transform:uppercase;color:#666;border-bottom:1px solid var(--border-color)}.dropdown-item{padding:15px;display:flex;justify-content:space-between;align-items:center}.clickable{cursor:pointer;transition:.2s}.clickable:hover{background:#ffffff0d;color:#fff}.dropdown-label{display:flex;flex-direction:column;font-size:.95rem;font-weight:500}.dropdown-label .sub-label{font-size:.75rem;color:#777;margin-top:2px}.dropdown-divider{height:1px;background:var(--border-color);margin:0}.dropdown-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 15px;background:none;border:none;color:#ccc;font-size:.9rem;font-weight:500;cursor:pointer;transition:.2s;text-align:left}.dropdown-btn:hover{background:#ffffff0d;color:#fff}.dropdown-btn svg{color:#888;flex-shrink:0}.dropdown-btn:hover svg{color:var(--accent)}.changelog-modal-content{max-width:1200px!important;width:95vw!important;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-body);border:1px solid var(--border-dark);border-radius:16px;overflow:hidden;padding:0!important}.changelog-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#151515,#0d0d0d);border-bottom:1px solid var(--border-dark)}.changelog-modal-content .modal-header h3{margin:0;display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#fff;font-weight:600}.changelog-modal-content .modal-header svg{color:var(--accent)}.changelog-modal-content .modal-close{background:#ffffff0d;border:1px solid var(--border-color);width:32px;height:32px;border-radius:8px;color:#888;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:static}.changelog-modal-content .modal-close:hover{background:#ff64641a;border-color:#f66;color:#f66}.changelog-body{padding:0;overflow-y:auto;flex:1}.cl-container{padding:24px}.cl-stats{display:flex;gap:12px;margin-bottom:24px}.cl-stat{flex:1;background:var(--bg-card);border:1px solid #252525;border-radius:12px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .25s ease}.cl-stat:hover{border-color:var(--border-light);transform:translateY(-2px)}.cl-stat.active{border-color:var(--accent);background:#ff980014}.cl-stat-value{display:block;font-size:1.6rem;font-weight:700;color:#fff;line-height:1.2}.cl-stat-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-top:6px}.cl-hero{position:relative;background:linear-gradient(145deg,#1a1a1a,#111);border:1px solid var(--border-dark);border-radius:14px;padding:24px;margin-bottom:28px;overflow:hidden}.cl-hero-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,152,0,.08) 0%,transparent 50%);pointer-events:none}.cl-hero-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.cl-hero-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent),#ffb347);color:#000;font-size:.7rem;font-weight:700;padding:5px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.cl-pulse{width:6px;height:6px;background:#000;border-radius:50%;animation:clPulse 2s infinite}@keyframes clPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.cl-hero-version{display:flex;align-items:baseline;gap:12px}.cl-version-num{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cl-version-date{font-size:.8rem;color:#666}.cl-hero-changes{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.cl-change{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#0000004d;border-radius:10px;transition:all .2s}.cl-change:hover{background:#ffffff08;transform:translate(4px)}.cl-change-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;font-weight:600;cursor:help;position:relative}.cl-change-icon[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:6px 10px;border-radius:6px;font-size:.7rem;white-space:nowrap;z-index:100;margin-bottom:6px;border:1px solid var(--border-color);font-weight:500}.cl-change-icon[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000;margin-bottom:-6px;z-index:100}.cl-change-text{font-size:.9rem;color:#ccc;line-height:1.5;padding-top:3px}.cl-timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:0 4px}.cl-timeline-header span:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#666;font-weight:600}.cl-timeline-count{font-size:.75rem;color:#555;background:var(--bg-dropdown);padding:5px 12px;border-radius:12px}.cl-timeline{position:relative;padding-left:28px}.cl-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#333,#1a1a1a);border-radius:2px}.cl-release{position:relative;margin-bottom:14px}.cl-release:last-child{margin-bottom:0}.cl-timeline-dot{position:absolute;left:-28px;top:18px;width:18px;height:18px;background:var(--bg-dropdown);border:2px solid var(--border-light);border-radius:50%;z-index:1;transition:all .3s}.cl-release:hover .cl-timeline-dot{border-color:var(--accent);background:#ff980033}.cl-release-card{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:12px;overflow:hidden;transition:all .3s ease}.cl-release-card:hover{border-color:var(--border-color)}.cl-release-card.expanded{border-color:var(--border-light)}.cl-release-card.expanded .cl-timeline-dot{border-color:var(--accent);background:var(--accent)}.cl-release-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer;transition:background .2s}.cl-release-header:hover{background:#ffffff05}.cl-release-info{display:flex;align-items:center;gap:14px}.cl-release-version{font-weight:600;color:#fff;font-size:.95rem}.cl-release-date{font-size:.8rem;color:#555}.cl-release-preview{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:14px}.cl-preview-dot{width:10px;height:10px;border-radius:50%;opacity:.8;cursor:help}.cl-preview-more{font-size:.65rem;color:#666;margin-left:4px}.cl-expand-icon{color:#555;transition:transform .3s ease,color .2s;flex-shrink:0}.cl-release-card.expanded .cl-expand-icon{transform:rotate(180deg);color:var(--accent)}.cl-release-changes{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 16px;background:var(--bg-body)}.cl-release-card.expanded .cl-release-changes{max-height:5000px;padding:12px 16px 16px;overflow-y:auto}.cl-release-changes .cl-change{margin-bottom:8px;background:#ffffff05}.cl-release-changes .cl-change:last-child{margin-bottom:0}@media (max-width: 480px){.cl-stats{flex-wrap:wrap}.cl-stat{flex:1 1 45%}.cl-version-num{font-size:1.3rem}.cl-hero{padding:16px}.cl-change{padding:8px 10px}.cl-change-text{font-size:.8rem}}.brand-wrapper{gap:10px;flex-shrink:0;max-width:100%}.header-logo{height:38px;width:auto;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.scrolling-title{margin:0;font-size:1.2rem;text-transform:uppercase;font-weight:700;background:linear-gradient(90deg,var(--accent) 0%,#ffe0b2 25%,var(--accent) 50%,#ffe0b2 75%,var(--accent) 100%);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shineScroll 4s linear infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scrolling-title .title-home-link{display:block;max-width:100%;color:inherit;text-decoration:none;background:inherit;background-size:inherit;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:inherit;white-space:inherit;overflow:hidden;text-overflow:inherit;cursor:pointer}.scrolling-title .title-home-link:hover,.scrolling-title .title-home-link:focus-visible{filter:drop-shadow(0 0 8px rgba(255,152,0,.38));outline:none}.scrolling-title .title-home-link:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #ff980052}.wiki-search-container{display:flex;align-items:center;background:var(--border-dark);border:1px solid var(--border-light);border-radius:20px;padding:2px 10px;max-width:220px;width:100%;transition:.2s}.wiki-search-container:focus-within{border-color:var(--accent);box-shadow:0 0 5px #ff98004d}#wiki-search-input{background:transparent;border:none;color:#fff;padding:6px;font-size:.9rem;flex:1;outline:none;min-width:0}.search-btn{background:transparent;border:none;color:#888;cursor:pointer;transition:.2s;display:flex;flex-shrink:0}.search-btn:hover{color:var(--accent)}.header-clock-group{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;width:120px;flex-shrink:0}.header-time-label{font-size:.65rem;text-transform:uppercase;color:#888;font-weight:700}.header-time-val{font-size:1.2rem;font-weight:700;color:#eee;font-variant-numeric:tabular-nums;font-family:Consolas,Monaco,Courier New,monospace;letter-spacing:-.5px;text-align:right;width:100%}.header-time-sub{font-size:.75rem;color:var(--accent);font-weight:600;white-space:nowrap}.header-time-sub.game-date{color:#0ff}.header-divider{width:1px;height:30px;background:var(--border-color)}.header-select{background:transparent;border:none;color:var(--blue);font-size:.75rem;text-align:right;padding:0;font-weight:600;outline:none;cursor:pointer}.header-select option{background:var(--border-dark);color:#fff}.user-count-badge{display:none;align-items:center;gap:6px;background:#0000004d;border:1px solid var(--border-color);padding:4px 10px;border-radius:12px;font-size:.75rem;color:#aaa;font-weight:600;height:28px;transition:.2s;white-space:nowrap}.user-count-badge:hover{background:#ffffff1a;color:#fff;border-color:#666}.online-dot{width:8px;height:8px;background-color:var(--green);border-radius:50%}.kofi-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff5e5b,#ff7878);border:none;border-radius:20px;padding:6px 14px;color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #ff5e5b4d;white-space:nowrap;cursor:pointer;font-family:inherit}.kofi-btn:hover{background:linear-gradient(135deg,#ff7878,#f99);transform:translateY(-2px);box-shadow:0 4px 15px #ff5e5b80;color:#fff}.kofi-btn:active{transform:translateY(0)}.kofi-icon{flex-shrink:0}.kofi-text{line-height:1}.online-text{font-feature-settings:"tnum"}@keyframes banner-wave{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(1deg)}75%{transform:translateY(3px) rotate(-1deg)}}@keyframes banner-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes banner-glow-pulse{0%,to{box-shadow:0 0 10px #ff98004d,0 0 20px #ff98001a}50%{box-shadow:0 0 20px #ff980099,0 0 40px #ff98004d}}@keyframes banner-ribbon-wave{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(-2px) scaleY(1.05)}}.clan-banner{position:relative;display:flex!important;align-items:center;gap:10px;background:linear-gradient(135deg,#ff98004d,#bb86fc33,#4fc3f74d);border:3px solid var(--accent);border-radius:12px;padding:8px 16px 8px 12px;min-width:200px;max-width:300px;width:auto;height:70px;overflow:visible;animation:banner-wave 4s ease-in-out infinite,banner-glow-pulse 3s ease-in-out infinite;box-shadow:0 4px 15px #ff980099,0 0 30px #ff98004d;transition:transform .2s ease;flex-shrink:0;z-index:10}.clan-banner:hover{transform:scale(1.05)}.clan-banner-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%,transparent 100%);background-size:200% 100%;animation:banner-shimmer 3s linear infinite;pointer-events:none}.clan-banner-image{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));z-index:1;flex-shrink:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.clan-banner-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:float 3s ease-in-out infinite;z-index:1;line-height:1;display:none}.clan-banner:not(:has(.clan-banner-image)) .clan-banner-icon{display:block}.clan-banner-text{display:flex;flex-direction:column;gap:2px;flex:1;z-index:1;min-width:0}.clan-banner-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 10px rgba(255,152,0,.5);line-height:1}.clan-banner-name{font-size:1.1rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,152,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.clan-banner-ribbon{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:30px;height:80%;background:linear-gradient(135deg,var(--accent) 0%,var(--gold) 100%);clip-path:polygon(0 0,100% 0,80% 50%,100% 100%,0 100%);opacity:.6;animation:banner-ribbon-wave 2s ease-in-out infinite;box-shadow:-2px 0 5px #0000004d}.online-users-panel{width:95%;max-width:600px;min-height:300px;max-height:85vh;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:1px solid var(--border-dark);border-radius:16px;box-shadow:0 20px 60px #000c,0 0 0 1px #ffffff0d;overflow:hidden;animation:modal-slide-in .3s ease-out;display:flex;flex-direction:column}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.online-users-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 12px;border-bottom:1px solid var(--border-dark);background:linear-gradient(180deg,rgba(76,175,80,.08) 0%,transparent 100%)}.online-header-left{display:flex;align-items:center;gap:12px}.online-pulse-ring{width:12px;height:12px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green),0 0 20px #4caf5066;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.online-header-title{font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-.5px}.online-count-badge{background:linear-gradient(135deg,var(--green),#2e7d32);color:#fff;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:20px;box-shadow:0 2px 8px #4caf5066}.online-users-subtitle{padding:8px 24px 16px;font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:1px;font-weight:600}.online-search-wrapper{padding:0 16px 12px}.online-search-input{width:100%;padding:10px 14px;background:#0006;border:1px solid var(--border-dark);border-radius:8px;color:#fff;font-size:.85rem;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box}.online-search-input::placeholder{color:#555}.online-search-input:focus{border-color:var(--accent);background:#00000080;box-shadow:0 0 0 2px #ff98001a}.online-list-category{margin-bottom:4px}.online-list-category-header{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.7rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px}.online-list-category-header .category-icon{font-size:.85rem}.online-list-category-header .category-count{margin-left:auto;background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:.65rem}.online-list-category-users{display:flex;flex-direction:column;gap:10px}.online-users-list{padding:0 16px 16px;min-height:150px;max-height:60vh;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.online-users-list::-webkit-scrollbar{width:6px}.online-users-list::-webkit-scrollbar-track{background:var(--bg-input);border-radius:3px}.online-users-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.online-users-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.online-user-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#1f1f1f,#171717);border:1px solid var(--border-dark);border-radius:12px;padding:16px 18px;transition:all .2s ease;position:relative}.online-user-card:hover{background:linear-gradient(135deg,#252525,#1a1a1a);border-color:#3a3a3a;transform:translate(4px)}.online-user-card.is-me{border-color:#ff98004d;background:linear-gradient(135deg,#ff980014,#171717)}.online-user-card.is-me:hover{border-color:#ff980080}.user-card-avatar-wrap{position:relative;flex-shrink:0}.online-user-avatar{width:52px;height:52px;border-radius:50%;border:2px solid var(--border-color);object-fit:cover;background:var(--bg-input)}.user-status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid #171717}.user-status-dot.status-active{background:#4caf50!important}.user-status-dot.status-active.currently-active{background:#0f0!important;box-shadow:0 0 6px #0f0!important}.user-status-dot.status-away{background:#ff9800!important}.user-status-dot.status-idle{background:#f44336!important}@keyframes pulse-currently-active{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.user-card-info{flex:1;min-width:0;overflow:visible}.user-card-name{font-size:1.05rem;font-weight:700;color:#fff;white-space:nowrap;overflow:visible;text-overflow:ellipsis;margin-bottom:6px;padding-right:10px}.user-card-name .name-with-stars{vertical-align:top}.user-card-name:has(.name-with-stars) .user-title,.user-card-name:has(.name-with-stars) .dev-badge,.user-card-name:has(.name-with-stars) .admin-badge,.user-card-name:has(.name-with-stars) .mod-badge,.user-card-name:has(.name-with-stars) .profile-link-btn img{vertical-align:top;line-height:1.25}.user-card-name .name-with-stars-inline,.user-card-name .user-title{vertical-align:middle}.user-card-supporter-corner{position:absolute;bottom:6px;right:10px}.user-card-supporter-corner .supporter-badge{font-size:.55rem;padding:1px 6px}.user-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-session-time{font-size:.75rem;color:#666;display:flex;align-items:center;gap:4px}.user-status-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px}.user-status-badge.status-active{background:#4caf5026;color:#4caf50}.user-status-badge.status-active.currently-active{background:#0f03;color:#0f0;animation:pulse-badge 1s infinite}.user-status-badge.status-away{background:#ff980026;color:#ff9800}.user-status-badge.status-idle{background:#f4433626;color:#f44336}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.user-card-badge{flex-shrink:0}.you-badge{background:linear-gradient(135deg,var(--accent),#f57c00);color:#000;font-size:.7rem;font-weight:900;padding:6px 14px;border-radius:6px;letter-spacing:1px;box-shadow:0 2px 8px #ff980066}.pulse-dot{width:8px;height:8px;background:var(--green);border-radius:50%}.online-users-footer{padding:14px 24px;background:var(--bg-input);border-top:1px solid var(--border-dark);display:flex;justify-content:space-between;align-items:center}.online-footer-stat{display:flex;align-items:center;gap:8px;color:#666;font-size:.75rem;font-weight:600}.online-view-all-btn{font-size:.78rem;font-weight:600;color:var(--accent, #ff9800);text-decoration:none;padding:4px 12px;border-radius:6px;border:1px solid rgba(255,152,0,.25);margin-left:auto;margin-right:12px;transition:all .2s ease}.online-view-all-btn:hover{background:#ff98001f;border-color:var(--accent, #ff9800)}.footer-stat-icon{font-size:1rem}.online-empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.empty-text{font-size:1rem;font-weight:700;color:#666;margin-bottom:4px}.empty-subtext{font-size:.8rem;color:#444}#online-users-modal.modal-overlay{padding:16px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#online-users-modal .online-users-panel{width:min(94vw,420px);max-width:420px;min-height:0;max-height:min(820px,calc(100vh - 32px));border:1px solid var(--border-color);border-radius:16px;background:var(--bg-body);box-shadow:0 24px 80px #00000080;overflow:hidden;display:flex;flex-direction:column}#online-users-modal .online-users-header{padding:18px 20px 16px;gap:10px;position:relative;border-bottom:1px solid var(--border-dark);background:transparent;display:flex;align-items:center;justify-content:space-between}#online-users-modal .online-header-left{min-width:0;flex:1 1 auto;gap:10px;display:flex;align-items:center}#online-users-modal .online-header-title{font-size:1rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em;line-height:1}#online-users-modal .online-count-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 8px;border:none;border-radius:var(--radius-full);background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green);font-size:.7rem;font-weight:700;letter-spacing:0;text-transform:none;box-shadow:none}.online-header-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}#online-users-modal .online-view-all-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:28px;margin:0;padding:0 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-sub);font-size:.68rem;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;transition:all var(--transition-fast)}#online-users-modal .online-view-all-btn:hover,#online-users-modal .online-view-all-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}#online-users-modal .modal-close{display:inline-grid;place-items:center;position:static;inset:auto;flex:0 0 28px;width:28px;height:28px;min-width:28px;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-sub);font-size:1.1rem;line-height:1;cursor:pointer;transition:all var(--transition-fast)}#online-users-modal .modal-close:hover,#online-users-modal .modal-close:focus-visible{border-color:var(--border-light);background:var(--bg-dropdown);color:var(--text-main);outline:none}.online-users-toolbar{padding:12px 20px;border-bottom:1px solid var(--border-dark);background:transparent}#online-users-modal .online-search-wrapper{position:relative;padding:0}#online-users-modal .online-search-wrapper:before{content:"";position:absolute;left:12px;top:50%;width:9px;height:9px;border:1.5px solid var(--text-muted);border-radius:50%;transform:translateY(-55%);pointer-events:none}#online-users-modal .online-search-wrapper:after{content:"";position:absolute;left:21px;top:50%;width:5px;height:1.5px;border-radius:2px;background:var(--text-muted);transform:translateY(3px) rotate(45deg);pointer-events:none}#online-users-modal .online-search-input{width:100%;height:36px;padding:0 14px 0 34px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-main);font-size:.8rem;outline:none;transition:all var(--transition-fast)}#online-users-modal .online-search-input::placeholder{color:var(--text-muted)}#online-users-modal .online-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}#online-users-modal .online-users-list{padding:10px 14px 16px;gap:10px;min-height:160px;max-height:min(640px,calc(100vh - 200px));overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}#online-users-modal .online-list-category{display:flex;flex-direction:column;gap:6px;margin:0}#online-users-modal .online-list-category-header{display:flex;align-items:center;min-height:22px;padding:4px 6px 2px;gap:6px;color:var(--text-muted);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}#online-users-modal .online-list-category-header:after{content:"";flex:1 1 auto;height:1px;background:var(--border-dark)}#online-users-modal .online-list-category-header .category-count{order:3;margin-left:0;padding:2px 6px;border:none;border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-muted);font-size:.56rem;font-weight:600}#online-users-modal .online-list-category-users{display:flex;flex-direction:column;gap:4px}#online-users-modal .online-user-card{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:0;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);box-shadow:0 1px 3px #0000001f;cursor:pointer;transition:all var(--transition-fast)}#online-users-modal .online-user-card:hover{border-color:var(--border-light);background:var(--bg-dropdown);transform:translateY(-1px);box-shadow:0 4px 12px #0003}#online-users-modal .online-user-card.is-me{border-color:color-mix(in srgb,var(--accent) 30%,var(--border-color));background:color-mix(in srgb,var(--accent) 4%,var(--bg-card));box-shadow:0 1px 3px #0000001f,inset 0 0 0 1px color-mix(in srgb,var(--accent) 6%,transparent)}#online-users-modal .online-user-card.is-me:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color));background:color-mix(in srgb,var(--accent) 7%,var(--bg-dropdown))}#online-users-modal .user-card-avatar-wrap{position:relative;flex-shrink:0}#online-users-modal .online-user-avatar{width:40px;height:40px;border-radius:50%;border-width:2px;border-style:solid;border-color:var(--border-color);box-shadow:0 2px 6px #0003}#online-users-modal .user-status-dot{bottom:0;right:0;width:12px;height:12px;border-width:2.5px;border-color:var(--bg-card)}#online-users-modal .user-card-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}#online-users-modal .user-card-name{max-width:100%;margin-bottom:0;padding-right:0;color:var(--text-main);font-size:.85rem;font-weight:600;line-height:1.2;overflow:visible}#online-users-modal .user-status-text{font-size:.65rem;font-weight:600;line-height:1;letter-spacing:.02em}#online-users-modal .user-status-text.status-active{color:var(--green)}#online-users-modal .user-status-text.status-away{color:var(--accent)}#online-users-modal .user-status-text.status-idle{color:var(--text-dim)}#online-users-modal .online-empty-state{padding:40px 20px;border:1px dashed var(--border-color);border-radius:10px;background:var(--bg-card);text-align:center}#online-users-modal .empty-icon{margin-bottom:10px;font-size:2rem}#online-users-modal .empty-text{color:var(--text-sub);font-size:.85rem;font-weight:500}#online-users-modal .empty-subtext{color:var(--text-muted);font-size:.72rem;margin-top:4px}@media (max-width: 560px){#online-users-modal.modal-overlay{padding:8px;align-items:center}#online-users-modal .online-users-panel{width:100%;max-height:calc(100vh - 16px)}#online-users-modal .online-users-header{padding:14px 14px 12px}#online-users-modal .online-users-toolbar,#online-users-modal .online-users-list{padding-left:10px;padding-right:10px}#online-users-modal .online-users-list{max-height:calc(100vh - 160px)}#online-users-modal .online-user-card{gap:10px;padding:9px 12px}#online-users-modal .online-user-avatar{width:34px;height:34px}}.user-list-scroll{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-top:10px}.online-user-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-dropdown);padding:8px 12px;border-radius:6px;border:1px solid var(--border-dark);transition:.2s}.online-user-row:hover{background:var(--border-dark);border-color:var(--border-light)}.online-user-name{font-size:.9rem;color:#ddd;font-weight:600}.online-user-you{color:var(--accent);font-size:.7rem;font-weight:800;background:#ff98001a;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,152,0,.3)}.online-dot-small{width:6px;height:6px;background-color:var(--green);border-radius:50%;opacity:.7}.studio-tabs{display:flex;background:var(--bg-body);border-bottom:1px solid var(--border-color);margin-bottom:10px}.studio-tab-btn{flex:1;padding:10px 8px;background:none;border:none;color:var(--text-sub);font-weight:600;cursor:pointer;transition:.2s;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid transparent}.studio-tab-btn:hover{background:var(--bg-dropdown);color:#fff}.studio-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);background:#ff98001a}.studio-tab-content{display:none}.studio-tab-content.active{display:block}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px 20px;max-width:1400px;margin:0 auto;flex:0 0 auto;width:100%;box-sizing:border-box}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;min-height:480px;position:relative;box-shadow:0 4px 20px #0000004d;opacity:0;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;transition:.3s}@media (max-width: 1440px) or (max-height: 900px){.card{min-height:440px;padding:15px}.card-main-text{font-size:2rem;margin:8px 0}.card-sub-text{font-size:1.2rem}.dashboard{gap:15px;padding:15px}}@media (max-width: 750px){.dashboard{display:flex;flex-direction:column;grid-template-columns:none}#xp-recap-card{order:1}#rotations-card{order:2}#broadcasts-card{order:3}}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:hover{box-shadow:0 12px 40px #0009;border-color:var(--accent)}.card-content{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%}.card-title{font-weight:700;margin-bottom:12px;text-transform:uppercase;font-size:.9rem;letter-spacing:2px;display:flex;align-items:center;gap:10px;background:linear-gradient(110deg,#888 15%,#fff 45%,#ffda44,#fff 55%,#888 85%);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shineScroll 5s linear infinite;filter:drop-shadow(0 0 8px rgba(255,215,0,.1));text-align:center}.card-main-text{font-size:2.2rem;font-weight:500;color:#fff;margin:10px 0;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;word-break:break-word}.recap-tabs{display:flex;gap:4px;width:100%;margin-bottom:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.recap-tabs::-webkit-scrollbar{display:none}.recap-tab{flex:0 0 auto;padding:4px 10px;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-sub);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.recap-tab:hover{border-color:var(--accent);color:var(--text-main)}.recap-tab.active{background:var(--accent);border-color:var(--accent);color:#000}.recap-na{color:var(--text-sub);font-weight:400}#xp-recap-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;align-self:stretch}#xp-recap-card{align-items:stretch}#xp-recap-card>.card-title{justify-content:center}#xp-recap-card>.card-content{align-items:stretch}#recap-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);gap:0}.recap-loading,.recap-empty{color:var(--text-sub);font-size:.85rem;text-align:center;padding:30px 10px}.recap-header{display:flex;align-items:center;gap:12px;padding:6px 0 8px;border-bottom:1px solid rgba(255,255,255,.06)}.recap-avatar-link{flex-shrink:0}.recap-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,215,0,.4);object-fit:cover;background:#ffffff0d;image-rendering:pixelated}.recap-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.recap-header-info .recap-player,.recap-header-info .recap-player:visited,.recap-header-info .recap-player:link{text-align:left;padding:0;font-size:1.1rem}.recap-active-goal{min-height:0}.recap-goal-row{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;font-size:.75rem;min-width:0}.recap-goal-label{color:var(--text-sub);font-weight:600;margin-right:2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recap-goal-icon{width:20px;height:20px;flex:0 0 20px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 4px rgba(255,255,255,.12))}.recap-goal-pct{color:var(--text-main);font-weight:600;margin-left:auto;font-feature-settings:"tnum"}.recap-goal-track{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-top:3px}.recap-goal-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.16,1,.3,1)}.recap-goal-nav{background:none;border:none;color:var(--text-sub);font-size:1rem;font-weight:700;cursor:pointer;padding:0 3px;line-height:1;opacity:.6;transition:opacity .15s,color .15s}.recap-goal-nav:hover{opacity:1;color:var(--accent, #ff9800)}.recap-goal-counter{font-size:.65rem;color:var(--text-dim, #666);font-feature-settings:"tnum";min-width:22px;text-align:center}.recap-player,.recap-player:visited,.recap-player:link{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;padding:4px 0 8px;letter-spacing:.5px;text-decoration:none;display:block;transition:filter .2s,text-shadow .2s;filter:drop-shadow(0 0 4px rgba(255,215,0,.3))}.recap-player:hover{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.recap-player [class*=name-effect-],.recap-player>span[style*="color:"]{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;filter:none}.recap-gains{display:flex;flex-direction:column;width:100%;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.recap-gain-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.recap-gain-item{display:flex;flex-direction:column;align-items:center;gap:2px}.recap-gain-label{font-size:.95rem;color:var(--text-sub)}.recap-gain-value{font-size:1.1rem;font-weight:700;color:var(--green);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recap-tasks{width:100%;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.recap-task-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:.95rem}.recap-task-row-inline{justify-content:center;gap:10px;flex-wrap:wrap}.recap-task-pill{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-sub)}.recap-task-pill b{color:var(--text-main);font-weight:700;font-feature-settings:"tnum"}.recap-task-pill.recap-complete b{color:var(--green)}.recap-task-type{color:var(--text-sub)}.recap-task-count{color:var(--text-main);font-weight:700;font-feature-settings:"tnum";font-size:1rem}.recap-task-count.recap-complete{color:var(--green)}.recap-chart-label{font-size:.7rem;color:var(--text-sub);text-transform:uppercase;letter-spacing:1px;margin-top:12px;margin-bottom:8px;text-align:center}.recap-chart-empty{font-size:.8rem;color:var(--text-sub);text-align:center;padding:8px 0;flex:1;display:flex;align-items:center;justify-content:center}.recap-chart{width:100%;display:flex;flex-direction:column;gap:0;flex:1;justify-content:space-evenly}.recap-bar-row{display:flex;align-items:center;gap:0;width:100%}.recap-skill-icon{width:18px;height:18px;flex:0 0 18px;margin-right:8px;image-rendering:pixelated}.recap-bar-name{flex:0 0 95px;font-size:.85rem;color:var(--text-sub);text-align:left;white-space:nowrap}.recap-bar-track{flex:1;height:14px;background:#ffffff0d;border-radius:7px;overflow:hidden;margin:0 6px;min-width:20px}.recap-bar-fill{height:100%;border-radius:7px;transition:width .6s cubic-bezier(.16,1,.3,1)}.recap-bar-val{flex:0 0 75px;font-size:.85rem;color:var(--green);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.card-sub-text{color:var(--blue);font-size:1.3rem;font-weight:500;margin-top:6px;text-align:center;width:100%}.event-link{color:inherit;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.3);cursor:pointer;transition:.2s}.event-link:hover{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 10px rgba(255,152,0,.5)}.status-active{color:var(--green);font-weight:700;animation:pulse-green 2s infinite}.upcoming-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-dark);width:100%;text-align:center;font-size:.8rem;color:var(--text-sub)}.upcoming-row span{color:#ddd;font-weight:600;display:block;margin-top:3px;font-size:.9rem}.progress-track{width:100%;height:4px;background:var(--bar-bg);border-radius:2px;margin-top:6px;overflow:hidden;position:relative}.progress-fill{height:100%;transition:width 1s linear,background .5s;border-radius:2px}.p-bar-normal{background:var(--blue);box-shadow:0 0 5px #4fc3f766}.p-bar-active{background:var(--green);box-shadow:0 0 5px var(--green)}.p-bar-warning{background:var(--urgent-red);box-shadow:0 0 5px var(--urgent-red)}.timer-urgent{color:var(--urgent-red)!important;text-shadow:0 0 15px rgba(255,51,51,.6)}.special-box{background:var(--red-box-bg);border:1px solid var(--red-box-border);border-radius:8px;margin-top:10px;padding:10px;width:100%;display:flex;flex-direction:column;align-items:center;transition:.3s}.special-box:hover{box-shadow:0 5px 15px #ff00001a}.special-label{color:#ff6b6b;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:700}.special-content{display:flex;flex-direction:column;align-items:center;gap:5px}.special-name{color:#ffe066;font-weight:700;font-size:1rem;line-height:1.2}.feat-img-container{flex:1;display:flex;justify-content:center;width:100%;margin-bottom:10px;min-height:100px}.feat-info{text-align:center;margin-bottom:15px}.feat-name{font-size:1.3rem;font-weight:700;color:#f33;text-transform:uppercase;margin-bottom:5px;text-shadow:0 0 10px rgba(255,51,51,.3)}.feat-timer{font-size:2.2rem;font-weight:500;color:#fff;font-feature-settings:"tnum"}.feat-footer{width:100%;text-align:center;border-top:1px solid var(--border-color);padding-top:10px;font-size:.85rem;display:flex;justify-content:center;align-items:baseline}.rot-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 0;border-bottom:1px solid var(--border-dark)}@media (max-width: 1440px) or (max-height: 900px){.rot-row{padding:5px 0}}.rot-row:last-child{border-bottom:none}.rot-label{font-size:.85rem;color:#888;font-weight:600}.rot-val{font-size:.95rem;color:#eee;font-weight:600;text-align:right}.rot-val.highlight{color:var(--purple)}.merchant-display-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.merchant-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:300px}.merchant-item-box{background:#ffffff0a;border:1px solid var(--border-color);border-radius:10px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:105px;box-shadow:inset 0 0 10px #0003}.merchant-item-box:hover{background:#ffffff14;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 15px #00000080}.merch-img-wrap{width:38px;height:38px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#00000080,#0003);border-radius:50%;padding:4px;border:1px solid rgba(255,255,255,.05)}.merchant-item-info{width:100%;display:flex;flex-direction:column;gap:2px}.merch-item-link{font-size:.68rem;font-weight:700;color:#eee;text-decoration:none;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}.merch-item-link.high-value{color:var(--gold);text-shadow:0 0 8px rgba(255,215,0,.3)}.merch-price{font-size:.62rem;color:var(--blue);font-weight:700;opacity:.8}.merchant-meta{font-size:.65rem;color:#666;margin-top:8px;text-align:center;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dropdown-item.danger{color:#ff6b6b}.dropdown-item.danger:hover{background:#ff64641a;color:#f55}.dropdown-item.danger svg{color:#ff6b6b}.dropdown-item.danger:hover svg{color:#f55}.claimed-profile-row{position:relative}.claimed-avatar-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 6px;cursor:pointer;color:#888;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.claimed-avatar-btn:hover{background:#4caf5026;border-color:#4caf50;color:#4caf50}.claimed-avatar-btn.active{background:#4caf5033;border-color:#4caf50;color:#4caf50}.claimed-avatar-btn.active:hover{background:#ff646426;border-color:#ff6b6b;color:#ff6b6b}.delete-account-modal{max-width:450px;width:95%}.delete-account-modal .modal-header{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:linear-gradient(135deg,#ff50501a,#ff32320d);border-bottom:1px solid rgba(255,80,80,.2)}.delete-account-modal .modal-header.danger svg{color:#ff6b6b}.delete-account-modal .modal-header h2{margin:0;color:#ff6b6b;font-size:1.3rem}.delete-account-modal .modal-body{padding:24px}.delete-account-modal .warning-text{color:#ff6b6b;font-size:.95rem;margin-bottom:16px}.delete-account-modal .delete-consequences{margin:12px 0 24px;padding-left:20px;color:#999;font-size:.9rem;line-height:1.8}.delete-account-modal .delete-consequences li{margin-bottom:4px}.delete-account-modal .delete-confirm-section{margin-top:20px}.delete-account-modal .delete-confirm-section label{display:block;font-size:.85rem;color:#888;margin-bottom:8px}.delete-account-modal .auth-input{width:100%;padding:12px 14px;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:.95rem}.delete-account-modal .auth-input:focus{outline:none;border-color:#ff6b6b}.delete-account-modal .auth-error{color:#ff6b6b;font-size:.85rem;margin-top:8px;min-height:20px}.delete-account-modal .modal-footer{display:flex;gap:12px;padding:16px 24px;background:var(--bg-body);border-top:1px solid var(--border-dark)}.delete-account-modal .btn-secondary{flex:1;padding:12px 20px;background:var(--border-dark);border:1px solid var(--border-color);border-radius:8px;color:#888;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.delete-account-modal .btn-secondary:hover{background:var(--bar-bg);color:#fff}.delete-account-modal .btn-danger{flex:1;padding:12px 20px;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.delete-account-modal .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px)}.delete-account-modal .btn-danger:disabled{opacity:.7;cursor:not-allowed}.delete-account-modal .btn-danger .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.kofi-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff5e5b,#ff7878);border:none;border-radius:20px;padding:6px 14px;color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #ff5e5b4d;white-space:nowrap;height:auto;width:auto;justify-content:flex-start}.kofi-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff5e5b80}.kofi-btn .kofi-text{display:inline}header{height:var(--header-height);min-height:var(--header-height);padding:9px 16px;gap:12px;overflow:visible;border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-color));background:linear-gradient(90deg,rgba(255,152,0,.1),transparent 22%,transparent 78%,rgba(79,195,247,.06)),linear-gradient(180deg,#ffffff0b,#0000000d),color-mix(in srgb,var(--bg-header) 92%,#141414);box-shadow:0 1px #ffffff0a inset,0 8px 24px #00000061}header:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 60%,transparent),transparent);opacity:.65;pointer-events:none}header .header-left,header .header-right,header .brand-wrapper{min-height:0}header .header-left,header .header-right{gap:9px;height:calc(var(--header-height) - 18px);max-height:calc(var(--header-height) - 18px)}header .brand-wrapper{gap:0;min-width:0}header .logo-link{display:none;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:radial-gradient(circle at 50% 20%,#ff98002e,#00000029 62%);box-shadow:inset 0 1px #ffffff0f,0 0 16px #ff980014}header .header-logo{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,152,0,.22))}header .scrolling-title{max-width:clamp(120px,16vw,260px);min-width:0;font-size:1.02rem;letter-spacing:.08em;line-height:1}header .header-nav{height:42px;align-items:center;gap:3px;padding:4px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card)}header .nav-item{position:relative;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 13px;border:1px solid transparent;border-radius:8px;color:var(--text-sub);font-size:.76rem;letter-spacing:.055em;line-height:1;transition:none}header .nav-item:hover,header .nav-item:focus-visible,header .nav-item-dropdown.open>.nav-item{color:var(--text-main);border-color:transparent;background:#ffffff14;outline:none}header .nav-item.active{color:#111;border-color:transparent;background:var(--accent)}header .nav-dropdown-menu,header .settings-dropdown,header .notification-panel{border-radius:12px;border:1px solid var(--border-color);background:var(--bg-dropdown);box-shadow:0 8px 24px #00000073}header .nav-dropdown-menu{width:max-content;min-width:280px;max-width:min(340px,calc(100vw - 24px));padding:7px;overflow:visible;transform:translate(-50%)}header .nav-item-dropdown:hover:not(.closing) .nav-dropdown-menu,header .nav-item-dropdown:focus-within:not(.closing) .nav-dropdown-menu,header .nav-item-dropdown.open:not(.closing) .nav-dropdown-menu{display:block}header .nav-dropdown-menu.menu-align-left{left:0;transform:none}header .nav-dropdown-menu.menu-align-right{right:0;left:auto;transform:none}header .nav-dropdown-menu:before{content:"";position:absolute;top:-14px;left:-10px;right:-10px;height:18px;display:block;background:transparent;pointer-events:auto}header .nav-dropdown-item,header .dropdown-btn,header .dropdown-item.clickable{min-height:38px;border:1px solid transparent;border-radius:8px;color:var(--text-sub);background:transparent;transition:none}header .nav-dropdown-item{gap:10px;width:100%;padding:9px 12px;border-bottom:none}header .nav-dropdown-item:hover,header .nav-dropdown-item:focus-visible,header .dropdown-btn:hover,header .dropdown-btn:focus-visible,header .dropdown-item.clickable:hover,header .dropdown-item.clickable:focus-visible{color:var(--text-main);border-color:transparent;background:#ffffff0f;outline:none}header .nav-dropdown-item svg,header .dropdown-btn svg,header .dropdown-item svg{color:var(--text-sub)}header .nav-dropdown-item .nav-rs-icon,header .dropdown-btn .nav-rs-icon{width:18px;height:18px;flex-shrink:0;object-fit:contain}header .nav-rs-icon--round{border-radius:50%;object-fit:cover}header .menu-btn,header .notification-btn,header .login-btn,header .user-btn,header .kofi-btn{min-width:38px;min-height:38px;height:38px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(180deg,#ffffff0e,#ffffff03),#0000002e;color:var(--text-main);box-shadow:inset 0 1px #ffffff0a;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}header .menu-btn,header .notification-btn{width:38px;padding:0;align-items:center;justify-content:center}header .login-btn,header .user-btn,header .kofi-btn{padding:0 12px;white-space:nowrap}header .user-btn{width:auto;max-width:min(260px,20vw);min-width:0;flex-shrink:0;overflow:visible;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px}header .user-btn>svg{flex:0 0 auto}header .user-btn .user-title{display:inline-block;max-width:10em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}header .user-btn .name-with-stars{display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%;min-width:0}header .user-btn .name-with-stars-inline{display:inline-flex;flex-direction:row;align-items:center;max-width:100%;min-width:0}header .user-btn .name-top-row{display:block;max-width:100%;min-width:0}header .menu-btn:hover,header .menu-btn:focus-visible,header .notification-btn:hover,header .notification-btn:focus-visible,header .login-btn:hover,header .login-btn:focus-visible,header .user-btn:hover,header .user-btn:focus-visible,header .kofi-btn:hover,header .kofi-btn:focus-visible{color:var(--accent-hover);border-color:#ff980052;background:linear-gradient(180deg,#ff980021,#ffffff06),#0003;box-shadow:inset 0 1px #ffffff0f,0 0 18px #ff980021;transform:translateY(-1px);outline:none}header .menu-btn[aria-expanded=true],header .user-btn[aria-expanded=true]{color:#111;border-color:var(--accent-hover);background:linear-gradient(180deg,var(--accent-hover),var(--accent))}header .settings-dropdown{width:310px;max-height:min(620px,calc(100vh - var(--header-height) - 18px));margin-top:8px;padding:7px;overflow-y:auto;transform:translateY(8px) scale(.98);transform-origin:top left;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}header .settings-dropdown.show{transform:translateY(4px) scale(1)}header .settings-dropdown.menu-align-right{left:auto;right:0}header .user-menu-container{position:relative}header .user-menu-container .settings-dropdown{right:0;left:auto;transform-origin:top right}header .dropdown-header{margin:1px 1px 6px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--accent-hover);font-size:.68rem;letter-spacing:.12em}header .dropdown-divider{margin:6px 4px;background:#ffffff13}header .dropdown-btn,header .dropdown-item{padding:9px 10px}header .mobile-nav-section .dropdown-divider:first-of-type,header .settings-dropdown>.dropdown-divider:first-of-type{display:none}header .wiki-search-container{height:38px;max-width:238px;border-radius:10px;border-color:#ffffff14;background:#0000002e;box-shadow:inset 0 1px #ffffff09}header .wiki-search-container:focus-within{border-color:#ff98006b;box-shadow:0 0 0 2px #ff980017,inset 0 1px #ffffff0a}header #wiki-search-input{font-size:.84rem}header .header-clock-group{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:8px 17px 11px 10px;align-items:center;justify-items:center;row-gap:0;width:136px;height:58px;max-height:58px;padding:5px 8px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:linear-gradient(180deg,#ffffff0a,#0000000d),#00000024;box-sizing:border-box;overflow:hidden}header .header-time-label{grid-column:1 / -1;grid-row:1;justify-self:center;max-width:100%;font-size:.52rem;letter-spacing:.07em;line-height:1;text-align:center;white-space:nowrap}header .header-time-val{grid-column:1 / -1;grid-row:2;align-self:center;justify-self:center;font-size:.98rem;letter-spacing:0;line-height:1.05;text-align:center}header .header-time-sub,header .header-select{font-size:.62rem;line-height:1.05}header .header-time-sub{justify-self:center;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis}header .header-time-sub.game-date{grid-column:1 / -1;grid-row:3;justify-self:center;max-width:100%;color:var(--blue);font-size:.62rem;font-weight:700;text-align:center}header #game-reset{grid-column:1 / -1;grid-row:4;justify-self:center;color:var(--accent-hover);font-size:.62rem;font-weight:800;text-align:center}header .header-select{grid-column:1 / -1;grid-row:3 / 5;justify-self:center;min-width:66px;max-width:100%;height:18px;padding:1px 19px 1px 8px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid rgba(79,195,247,.28);border-radius:999px;background:linear-gradient(180deg,#4fc3f721,#4fc3f70b),#0000003d;color:var(--blue);box-shadow:inset 0 1px #ffffff0d,0 0 10px #4fc3f70f;font-size:.62rem!important;line-height:1;text-align:center;text-align-last:center}header .header-select:hover,header .header-select:focus{border-color:#4fc3f785;background:linear-gradient(180deg,#4fc3f733,#4fc3f712),#00000047;outline:none}header .header-clock-group:has(.header-select):after{content:"";position:absolute;right:auto;left:calc(50% + 22px);bottom:12px;width:5px;height:5px;border-right:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:rotate(45deg);pointer-events:none}header .header-divider{height:34px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.16),transparent)}header .user-count-badge{height:38px;border-radius:10px;border-color:#ffffff13;background:#0000002e}header .kofi-btn{background:linear-gradient(180deg,#ff5e5b38,#ff5e5b1f);border-color:#ff5e5b4d;box-shadow:inset 0 1px #ffffff0f,0 0 16px #ff5e5b1c}header .notification-container{position:relative}header .notification-panel{top:calc(100% + 8px);max-height:min(520px,calc(100vh - var(--header-height) - 18px));transform:translateY(8px) scale(.98);transform-origin:top right}header .notification-panel.show{transform:translateY(4px) scale(1)}header .notification-header{padding:12px 14px;background:linear-gradient(90deg,#ff98001a,#ffffff05)}header .notification-badge{top:-4px;right:-4px;border-color:var(--bg-header)}@media (min-width: 1940px){header .header-left,header .header-right{flex:1 1 0}}@media (max-width: 1939px){.kofi-btn,.wiki-search-container{display:none!important}}@media (max-width: 1120px){.mobile-nav-section{display:block!important}.header-nav,.scrolling-title,.header-divider,.flash-header-bar{display:none!important}}@media (max-width: 1320px){.header-clock-group{display:none!important}}@media (max-width: 768px){#auth-container{display:none!important}header{padding:8px 10px!important;gap:8px!important;height:var(--header-height)!important;min-height:var(--header-height)!important}.header-left,.header-right{gap:8px!important}.brand-wrapper{gap:6px}.header-logo{height:32px}header .settings-dropdown{position:fixed;top:calc(var(--header-height) + 6px);right:10px!important;left:10px!important;width:auto!important;max-width:none;max-height:calc(100vh - var(--header-height) - 18px);transform-origin:top left}header .notification-panel{position:fixed;top:calc(var(--header-height) + 6px);right:10px;left:10px;width:auto;max-width:none;max-height:calc(100vh - var(--header-height) - 18px)}}@media (max-width: 480px){header{padding:6px 8px!important;height:var(--header-height)!important;min-height:var(--header-height)!important}.header-logo{height:30px!important}.mobile-brand .mobile-runescape-logo{height:28px;max-width:min(132px,40vw)}header .logo-link{width:38px;height:38px;flex-basis:38px}.menu-btn svg{width:22px;height:22px}.notification-btn svg{width:20px;height:20px}.notification-btn{padding:4px}header .settings-dropdown,header .notification-panel{right:8px!important;left:8px!important}}@media (max-width: 320px){header{padding:4px 6px!important;gap:4px!important;height:var(--header-height)!important;min-height:var(--header-height)!important}.header-logo{height:26px!important}.mobile-brand .mobile-runescape-logo{height:24px;max-width:min(112px,38vw)}header .logo-link{width:34px;height:34px;flex-basis:34px}.brand-wrapper{gap:4px!important}.menu-btn,.notification-btn{padding:3px!important;min-width:28px!important;min-height:28px!important}.menu-btn svg,.notification-btn svg{width:18px!important;height:18px!important}.login-btn,.user-btn{padding:3px 5px!important;font-size:.65rem!important}header .settings-dropdown,header .notification-panel{right:6px!important;left:6px!important}}@media (max-width: 280px){header{padding:3px 4px!important;gap:3px!important;height:var(--header-height)!important;min-height:var(--header-height)!important}.header-logo{height:22px!important}header .logo-link{width:30px;height:30px;flex-basis:30px}.menu-btn,.notification-btn{min-width:24px!important;min-height:24px!important}.menu-btn svg,.notification-btn svg{width:16px!important;height:16px!important}.login-btn,.user-btn{padding:2px 4px!important;font-size:.6rem!important}}@media (max-width: 768px){header{isolation:isolate;position:sticky;justify-content:space-between}header .header-left{flex:1 1 0;max-width:none;min-width:0;justify-content:flex-start}header .header-right{flex:1 1 0;justify-content:flex-end;margin-left:0;min-width:0}header .user-count-badge{display:none!important}header .settings-dropdown,header .notification-panel{position:fixed!important;top:calc(var(--header-height) + 6px + env(safe-area-inset-top,0px))!important;right:calc(8px + env(safe-area-inset-right,0px))!important;left:calc(8px + env(safe-area-inset-left,0px))!important;width:auto!important;max-width:none!important;max-height:calc(100vh - var(--header-height) - 18px)!important;max-height:calc(100dvh - var(--header-height) - 18px)!important;transform:translateY(8px) scale(.98)!important;transform-origin:top center!important;visibility:hidden;z-index:10050}header .settings-dropdown.show,header .notification-panel.show{transform:translateY(0) scale(1)!important;visibility:visible}header .settings-dropdown,header .settings-dropdown.menu-align-left,header .settings-dropdown.menu-align-right,header .notification-panel{right:calc(8px + env(safe-area-inset-right,0px))!important;left:calc(8px + env(safe-area-inset-left,0px))!important}header .settings-dropdown{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}header .mobile-nav-section{display:block!important}header .settings-dropdown .dropdown-header{margin:2px 2px 7px;padding:9px 10px}header .settings-dropdown .dropdown-btn,header .settings-dropdown .dropdown-item{min-height:44px;padding:10px 12px;gap:12px;justify-content:flex-start;line-height:1.25;white-space:normal;word-break:break-word}header .settings-dropdown .dropdown-btn svg,header .settings-dropdown .dropdown-item svg{width:18px;height:18px;flex:0 0 18px}header .notification-panel{display:flex;flex-direction:column;overflow:hidden!important;overscroll-behavior:contain}header .notification-header{align-items:flex-start;gap:10px;padding:12px 14px}header .notification-header-actions{flex-wrap:wrap;justify-content:flex-end}header .notification-list{flex:1 1 auto;max-height:none;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}}.mobile-brand{display:none;align-items:center;justify-content:center;text-decoration:none}.mobile-brand .mobile-runescape-logo{height:32px;width:auto;max-width:min(148px,44vw);object-fit:contain;display:block}@media (max-width: 768px){.mobile-brand{display:flex!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;flex:0 0 auto;justify-content:center;align-items:center;z-index:5;pointer-events:auto;cursor:pointer;max-width:min(148px,calc(100vw - 120px))}header .header-left,header .header-right{pointer-events:none}header .header-left{flex:1 1 0!important;max-width:none!important;gap:0!important;justify-content:flex-start!important;margin-left:0!important;z-index:1}header .header-right{flex:1 1 0!important;justify-content:flex-end!important;margin-left:0!important;z-index:1}header .menu-container,header .menu-btn,header .notification-btn,header .notification-container{pointer-events:auto;position:relative;z-index:6}header .brand-wrapper,header .wiki-search-container,header .header-divider,header .kofi-btn,header .header-clock-group,header .flash-header-bar,header .scrolling-title{display:none!important}}.dashboard-header{padding:0!important;margin:0 auto!important;height:28px;position:relative;z-index:5;overflow:visible}.dashboard-header .dashboard-settings-btn{position:absolute;top:8px;right:14px;margin:0}@media (max-width: 768px){.dashboard-header{height:20px}.dashboard-header .dashboard-settings-btn{top:4px;right:8px}}.merchant-rot-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.merchant-rot-icons{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.merchant-rot-item{display:flex;align-items:center;justify-content:center;text-decoration:none}.merchant-rot-item.high-value .merchant-rot-icon{filter:drop-shadow(0 0 6px rgba(255,215,0,.7))}.merchant-rot-icon{width:42px;height:42px;object-fit:contain;transition:transform .15s ease}.merchant-rot-item:hover .merchant-rot-icon{transform:scale(1.15)}.merchant-rot-timer{font-size:.7rem;color:#666;text-align:center}.rot-label-link{color:inherit;text-decoration:none;transition:color .2s}.rot-label-link:hover{color:var(--accent)}.tracker-val{min-width:140px}.tracker-display{display:flex;flex-direction:column;align-items:flex-end;gap:4px;line-height:1.2}.tracker-display--active{flex-direction:row;align-items:center;gap:8px}.tracker-charge-row{display:flex;align-items:center;gap:6px;width:100%;justify-content:flex-end}.tracker-pct-display{font-size:.85rem;font-weight:700;color:#aaa;cursor:pointer;min-width:36px;text-align:right;transition:color .2s;white-space:nowrap;flex-shrink:0}.tracker-pct-display:hover{color:var(--accent)}.tracker-bar{width:70px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;flex-shrink:0}.tracker-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.tracker-pct-input{width:44px;background:#ffffff1a;border:1px solid var(--accent);border-radius:4px;color:#fff;font-size:.85rem;font-weight:700;text-align:right;padding:2px 4px;outline:none;-moz-appearance:textfield}.tracker-pct-input::-webkit-outer-spin-button,.tracker-pct-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tracker-pct-suffix{color:#888;font-size:.85rem;font-weight:700}.tracker-badge--active{background:#4caf5033;border:1px solid #4caf50;color:#4caf50;padding:2px 10px;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.04em;animation:pulse 2s infinite;white-space:nowrap}.tracker-timer{font-size:.75rem;white-space:nowrap}.tracker-reset-btn{background:none;border:none;color:#555;font-size:.75rem;cursor:pointer;padding:0 2px;line-height:1;transition:color .2s}.tracker-reset-btn:hover{color:#f44336}.tracker-quick-actions{display:flex;gap:4px;justify-content:flex-end}.tracker-quick-btn{background:#ffffff0d;border:1px solid var(--border-color);color:#777;padding:1px 7px;border-radius:3px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1.4}.tracker-quick-btn:hover{background:#ffffff1f;border-color:var(--border-light);color:#ccc}.tracker-quick-btn--go{border-color:#4caf504d;color:#4caf50b3}.tracker-quick-btn--go:hover{background:#4caf5026;border-color:#4caf50;color:#4caf50}.tracker-quick-btn--reset{border-color:#d32f2f40;color:#d32f2f80;font-size:.75rem}.tracker-quick-btn--reset:hover{background:#d32f2f1f;border-color:#d32f2f;color:#d32f2f}.tracker-info-row{display:flex;align-items:center;gap:5px;font-size:.65rem;color:#555;justify-content:flex-end}.tracker-fresh{color:#666}.tracker-last-active{color:#556}.tracker-info-sep{color:#444;font-size:.55rem}.vos-wrapper,.vos-item{display:flex;align-items:center;gap:6px;font-size:.95rem;color:#eee}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.small-switch{width:44px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border-color);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.4s;border-radius:50%}.small-switch .slider:before{height:16px;width:16px}input:checked+.slider{background:var(--accent)}input:checked+.slider:before{transform:translate(26px)}.small-switch input:checked+.slider:before{transform:translate(22px)}.rank-toggle-container{display:none;align-items:center;gap:8px;margin-left:auto}.rank-switch{position:relative;display:inline-block;width:44px;height:22px;flex-shrink:0}.rank-switch input{opacity:0;width:0;height:0}.rank-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border-color);transition:.4s;border-radius:22px;overflow:hidden}.rank-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:#fff;transition:.4s;border-radius:50%}.rank-switch input:checked+.rank-slider{background:var(--accent)}.rank-switch input:checked+.rank-slider:before{transform:translate(22px)}.rank-label{font-size:.75rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tasks-container{max-width:1400px;margin:0 auto;padding:20px;width:100%;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}@media (max-width: 1440px) or (max-height: 900px){.tasks-container{padding:10px 15px}.tab-content{padding:15px!important}.reset-bar{margin-bottom:10px!important;padding:8px!important}.task-item{padding:8px 12px!important}.task-grid{gap:8px!important}}.task-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;flex:1;display:flex;flex-direction:column;height:100%}.tab-header{display:flex;background:transparent;border-bottom:1px solid var(--border-dark);flex-wrap:wrap;flex-shrink:0;padding:15px 10px;gap:10px;justify-content:center}.tab-btn{flex:0 1 auto;padding:10px 24px;background:var(--bg-body);border:1px solid var(--border-color);color:#666;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-size:.8rem;min-width:100px;border-radius:50px;letter-spacing:1px;box-shadow:0 4px 6px #0000004d}@media (max-width: 1440px) or (max-height: 900px){.tab-btn{padding:8px 16px;min-width:80px}}.tab-btn:hover{background:var(--bg-input);color:#ddd;border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 6px 12px #00000080}.tab-btn.active{background:#000;color:var(--accent);border-color:var(--accent);font-weight:800;box-shadow:0 0 15px #ff980026,inset 0 0 10px #ff98000d;transform:translateY(-2px) scale(1.05);text-shadow:0 0 10px rgba(255,152,0,.4)}.tab-content{display:none;padding:25px;animation:fadeInUp .3s ease-out}.tab-content.active{display:flex;flex-direction:column;height:100%;overflow-y:auto}.reset-bar{background:var(--bg-input);padding:12px;border-radius:6px;margin-bottom:20px;text-align:center;font-size:.9rem;color:var(--text-sub);border:1px solid var(--border-dark);flex-shrink:0}.reset-time{color:var(--blue);font-weight:600;margin-left:8px;font-feature-settings:"tnum"}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.task-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-dropdown);padding:12px 15px;border-radius:6px;border:1px solid var(--border-dark);border-left:3px solid transparent;transition:.2s;gap:10px}.task-item:hover{border-color:var(--border-light);background:var(--border-dark);border-left-color:var(--accent)}.task-item:hover .hide-task-btn{opacity:1!important}.hide-task-btn:hover{color:#ff9800!important;opacity:1!important}.task-item input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;margin-right:12px;cursor:pointer;transition:.2s}.task-item label{cursor:pointer;flex:1;font-size:.95rem;color:#ddd}.task-item input:checked+label{text-decoration:line-through;color:#555}.draggable-task{cursor:default}.draggable-task .drag-handle{cursor:grab;color:#444;font-size:1rem;padding:0 8px 0 0;-webkit-user-select:none;user-select:none;transition:color .2s}.draggable-task:hover .drag-handle{color:#888}.draggable-task .drag-handle:active{cursor:grabbing}.draggable-task.dragging{opacity:.5;background:#252525;border-color:var(--accent);transform:scale(.98)}.draggable-task.drag-over{border-color:var(--accent)!important;background:#ff98001a;box-shadow:0 0 10px #ff980033}.hidden-tasks-summary:hover{background:#ff980033!important}.wiki-btn{background:var(--bar-bg);color:#888;font-size:.7rem;font-weight:600;padding:4px 8px;border-radius:4px;text-decoration:none;border:1px solid var(--border-light);transition:.2s;text-transform:uppercase;white-space:nowrap}.wiki-btn:hover{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 2px 5px #ff98004d}.tab-btn,.task-item,.wiki-btn,.category-btn,.toggle-btn{position:relative;overflow:hidden;transition:var(--transition-interactive)}.tab-btn:before,.wiki-btn:before,.category-btn:before,.toggle-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,color-mix(in srgb,var(--accent) 22%,transparent) 45%,transparent 72%);transform:translate(-120%) skew(-18deg);opacity:0;pointer-events:none}.tab-btn:hover:before,.wiki-btn:hover:before,.category-btn:hover:before,.toggle-btn:hover:before{animation:energySweep .72s var(--ease-standard)}.tab-btn:hover,.task-item:hover,.wiki-btn:hover,.category-btn:hover,.toggle-btn:hover{transform:translateY(var(--hover-lift-y));box-shadow:var(--shadow-glow-soft)}.tab-btn.active{animation:runeBorderPulse 2.8s ease-in-out infinite}.timed-info-col{display:flex;flex-direction:column;justify-content:center;flex:1}.timed-bar-wrapper{width:100%;margin-top:5px;padding-right:15px}.timed-name{font-weight:600;font-size:.95rem;color:#eee}.timed-timer-text{font-size:.85rem;color:#888;margin-top:2px;font-variant-numeric:tabular-nums}.timed-active{color:var(--green);font-weight:700}.timed-warning{color:var(--urgent-red);font-weight:700}.spotlight-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px}@media (max-width: 768px){.spotlight-container{grid-template-columns:1fr}}.spotlight-current{display:flex;justify-content:center}.spotlight-card{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;position:relative;width:100%;max-width:320px}.spotlight-card.active-spotlight{border-color:#4caf5080;box-shadow:0 0 20px #4caf5026}.spotlight-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:12px;letter-spacing:.5px;text-transform:uppercase}.spotlight-icon{width:64px;height:64px;object-fit:contain;margin:15px auto 10px;display:block}.spotlight-info h3{font-size:1.2rem;color:#fff;margin:10px 0 5px}.spotlight-timer{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0}.spotlight-timer .timer-label{color:#888;font-size:.85rem}.spotlight-timer .countdown-value{color:#4caf50;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.spotlight-wiki-btn{display:inline-flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid var(--border-light);border-radius:6px;padding:6px 12px;color:#aaa;font-size:.8rem;text-decoration:none;transition:all .2s ease;margin-top:10px}.spotlight-wiki-btn:hover{background:#ff98001a;border-color:var(--accent);color:var(--accent)}.spotlight-upcoming{background:#0000004d;border:1px solid var(--border-color);border-radius:12px;padding:15px}.spotlight-upcoming-header{font-size:.85rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.spotlight-upcoming-list{display:flex;flex-direction:column;gap:8px}.spotlight-upcoming-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff05;border:1px solid var(--border-dark);border-radius:8px;transition:all .2s ease}.spotlight-upcoming-item:hover{background:#ffffff0d;border-color:var(--border-light)}.spotlight-upcoming-icon{width:32px;height:32px;object-fit:contain}.spotlight-upcoming-info{display:flex;flex-direction:column;gap:2px}.spotlight-upcoming-name{font-size:.9rem;color:#ddd;font-weight:500}.spotlight-upcoming-date{font-size:.75rem;color:#666}.custom-timer-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;width:100%;max-width:1000px;margin:0 auto}@media (max-width: 768px){.custom-timer-wrapper{grid-template-columns:1fr}}.custom-timer-panel{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;height:100%;min-height:300px}.panel-header-inner{padding:10px 15px;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#bbb;letter-spacing:.5px}.panel-icon{font-size:1rem}.ct-form-body{padding:12px 15px;display:flex;flex-direction:column;gap:10px;flex:1}.ct-input-group{display:flex;flex-direction:column;gap:4px}.ct-input-group label{font-size:.7rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.input-wrapper{position:relative}.ct-input{width:100%;background:var(--bg-body);border:1px solid var(--border-light);padding:8px 10px;border-radius:8px;color:#fff;outline:none;font-size:.9rem;transition:.2s}.ct-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #ff98001a}.ct-row-split{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.time-inputs-styled{display:flex;align-items:center;gap:4px;background:var(--bg-body);border:1px solid var(--border-light);padding:4px 8px;border-radius:8px}.time-field{display:flex;align-items:baseline;gap:2px;flex:1}.ct-input-num{background:transparent;border:none;color:#fff;font-size:1rem;font-weight:700;width:100%;text-align:right;outline:none;padding:4px 0}.time-label{color:#666;font-size:.75rem;font-weight:600}.time-sep{color:#444;font-weight:700}.sound-select-wrapper{display:flex;gap:6px}.style-select{flex:1;padding:6px 10px}.sound-preview-btn{background:var(--border-dark);border:1px solid var(--border-light);color:#ddd;width:34px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.sound-preview-btn:hover{background:var(--border-color);color:var(--accent);border-color:var(--accent)}.ct-actions-row{margin-top:auto;padding-top:10px;border-top:1px solid var(--border-dark);display:flex;gap:8px}.action-btn{flex:1;padding:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn.primary{background:var(--accent);color:#000}.action-btn.primary:hover{background:#ffb74d;transform:translateY(-1px);box-shadow:0 4px 10px #ff98004d}.action-btn.secondary{background:var(--border-dark);color:#ddd;border:1px solid var(--border-color)}.action-btn.secondary:hover{background:var(--bar-bg);border-color:var(--border-light);color:#fff}.action-btn{position:relative;overflow:hidden;transition:var(--transition-interactive)}.action-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 22%,transparent),transparent 62%);opacity:0;transform:scale(.72);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-emphasis);pointer-events:none}.action-btn:hover{transform:translateY(var(--hover-lift-y))}.action-btn:hover:after{opacity:1;transform:scale(1)}.action-btn.primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow-strong)}.action-btn.secondary:hover{border-color:var(--accent);box-shadow:var(--shadow-glow-soft)}.presets-container-scroll{padding:10px 12px;overflow-y:auto;flex:1;max-height:350px}.presets-grid{display:flex;flex-direction:column;gap:6px}.preset-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-dropdown);border:1px solid var(--border-dark);padding:8px 12px;border-radius:8px;transition:.2s}.preset-card:hover{background:var(--border-dark);border-color:var(--border-light);transform:translate(2px)}.preset-info{display:flex;flex-direction:column;cursor:pointer;flex:1;gap:2px}.preset-name{font-weight:600;color:#eee;font-size:.9rem}.preset-meta{display:flex;align-items:center;gap:6px}.preset-time{color:var(--blue);font-size:.75rem;font-weight:600}.preset-sound-icon{color:#666;font-size:.75rem}.preset-actions{display:flex;gap:4px}.preset-btn{width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:#ffffff0d;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.preset-btn:hover{color:#fff;transform:scale(1.1)}.preset-btn.start:hover{background:#4caf5033;color:#4caf50;border-color:#4caf50}.preset-btn.edit:hover{background:#4fc3f733;color:#4fc3f7;border-color:#4fc3f7}.preset-btn.delete:hover{background:#f333;color:#f33;border-color:#f33}#timer-alert-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:transparent;transition:background .3s}#timer-alert-container.active{background:#0009;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.timer-alert-box{background:var(--bg-dropdown);border:2px solid var(--accent);box-shadow:0 0 20px #ff980066,0 10px 40px #0009;padding:20px 25px;border-radius:12px;display:flex;flex-direction:column;align-items:stretch;gap:15px;min-width:300px;max-width:400px;animation:alertPopIn .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.timer-alert-box>.timer-alert-icon,.timer-alert-box>.timer-alert-content{text-align:center}.timer-alert-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,152,0,.1),transparent);animation:shineScroll 2s linear infinite;pointer-events:none}.timer-alert-icon{font-size:2.5rem;animation:float 2s infinite ease-in-out}.timer-alert-content{flex:1;display:flex;flex-direction:column}.timer-alert-title{font-size:.8rem;text-transform:uppercase;color:#888;font-weight:700;letter-spacing:1px}.timer-alert-name{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,152,0,.3)}.timer-alert-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;z-index:1}.timer-alert-btn{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.85rem;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;transition:.2s}.timer-alert-btn svg{flex-shrink:0}.timer-alert-btn.restart{background:#4caf50;color:#fff}.timer-alert-btn.restart:hover{background:#66bb6a;transform:scale(1.05)}.timer-alert-btn.dismiss{background:#e53935;color:#fff}.timer-alert-btn.dismiss:hover{background:#ef5350;transform:scale(1.05)}.timer-alert-dismiss{background:var(--accent);color:#000;font-weight:700;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:.2s;z-index:1}.timer-alert-dismiss:hover{background:#ffb74d;transform:scale(1.05)}@keyframes alertPopIn{0%{transform:scale(.5) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.tracker-container{flex:1;width:100%;max-width:2200px;margin:0 auto;padding:0 20px 20px;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}.tracker-controls{padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:15px;max-width:1000px;width:100%;margin:10px auto;flex-wrap:wrap;flex-shrink:0}.tracker-split-layout{display:grid;grid-template-columns:minmax(320px,1.3fr) minmax(0,850px) minmax(320px,1.3fr);gap:20px;margin-top:0;align-items:stretch;flex:1;min-height:0;overflow:hidden;padding-bottom:0;justify-items:stretch;position:relative}.sidebar-panel,.results-section{height:100%;max-height:100%;overflow:hidden;position:static;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0}.right-sidebar{display:flex;flex-direction:column;gap:0;overflow:hidden;min-width:0;max-height:100%;height:100%;min-height:0}#clan-results{flex:1;height:auto;overflow-y:visible;min-height:0}.tracker-controls,.results-section,.sidebar-panel,#clan-results{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000004d;transition:.3s}.tracker-controls:hover,.results-section:hover,.sidebar-panel:hover{box-shadow:0 12px 40px #0009;border-color:var(--accent);transform:none}#player-results{position:relative;z-index:1;overflow:hidden;min-width:0;max-width:100%}#search-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0af2;border-radius:12px;z-index:50;grid-column:1 / -1}.tracker-controls.dual-search,.tracker-controls.triple-search{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end;justify-content:center;padding:12px 25px}.search-section{display:flex;flex-direction:column;gap:5px;flex:1;min-width:200px;max-width:320px}.search-label{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.search-label-with-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.7rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.gim-type-toggle{display:flex;gap:8px;align-items:center}.gim-radio{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:500;color:#aaa;cursor:pointer;transition:all .2s;padding:4px 8px;border-radius:4px;background:#ffffff05;border:1px solid var(--border-color)}.gim-radio:hover{color:#ddd;background:#ffffff0d;border-color:var(--border-light)}.gim-radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:2px solid var(--border-light);border-radius:50%;background:var(--bg-body);cursor:pointer;transition:all .2s;position:relative;margin:0}.gim-radio input[type=radio]:hover{border-color:#666}.gim-radio input[type=radio]:checked{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px #ffa72626,0 0 8px #ffa7264d}.gim-radio input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#000}.gim-radio:has(input[type=radio]:checked){color:var(--accent);border-color:var(--accent);background:#ffa72614}.search-label svg{stroke:#555;width:14px;height:14px}.search-divider{width:1px;height:36px;background:linear-gradient(to bottom,transparent,#333,transparent);flex-shrink:0}.search-box-styled{display:flex;gap:0;border-radius:6px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-body);transition:.2s}.search-box-styled:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #ffa72626}.search-box-styled input{flex:1;background:transparent;border:none;padding:8px 12px;color:#fff;font-size:.85rem;outline:none}.search-box-styled input::placeholder{color:#555}.search-box-styled input::selection{background:var(--border-color);color:#fff}.search-box-styled input:-webkit-autofill,.search-box-styled input:-webkit-autofill:hover,.search-box-styled input:-webkit-autofill:focus,.search-box-styled input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #0a0a0a inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.search-box-styled button{background:var(--accent);border:none;color:#000;padding:0 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;position:relative;min-width:44px}.search-box-styled button:hover{background:#ffb74d}.search-box-styled button svg{stroke:#000;width:16px;height:16px}.search-box-styled button.loading svg{opacity:0}.search-box-styled button.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:searchSpin .6s linear infinite}@keyframes searchSpin{to{transform:rotate(360deg)}}.search-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;text-align:center}.search-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,152,0,.15);border-top-color:var(--accent);border-radius:50%;animation:searchSpin .8s linear infinite}.search-loading-text{color:#888;font-size:.9rem;font-weight:500}::selection{background:var(--border-color);color:#fff}::-moz-selection{background:var(--border-color);color:#fff}input::selection,textarea::selection{background:var(--border-color);color:#fff}input::-moz-selection,textarea::-moz-selection{background:var(--border-color);color:#fff}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #0a0a0a inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;transition:background-color 5000s ease-in-out 0s}textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.mode-toggle{display:flex;background:var(--bg-input);padding:4px;border-radius:8px;border:1px solid var(--border-color);flex-shrink:0}.mode-btn{background:transparent;border:none;padding:8px 16px;color:#888;font-weight:600;cursor:pointer;border-radius:6px;transition:.2s;font-size:.9rem}.mode-btn.active{background:var(--border-color);color:#fff;box-shadow:0 2px 5px #0003}.search-box-large{width:auto;flex:1;min-width:280px;max-width:500px;display:flex;gap:10px}.search-box-large input{flex:1;background:#050505;border:1px solid var(--border-light);padding:10px 14px;border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:.2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-box-large input:focus{border-color:var(--accent)}.search-box-large button{background:var(--accent);border:none;color:#000;font-weight:700;padding:0 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:.2s}.search-box-large button:hover{background:#ffb74d}.error-msg{color:#f33;text-align:center;font-weight:500;width:100%;order:3;margin-top:0;min-height:0}.error-msg:not(:empty){margin-top:10px}#player-results{grid-column:2;width:100%}.profile-header{display:flex;flex-direction:column;padding:15px 20px 12px;border-bottom:1px solid var(--border-color);margin:0;gap:0;align-items:center;text-align:left;position:relative}.profile-identity{display:flex;flex-direction:row;gap:15px;align-items:center;justify-content:center;width:100%}.profile-details-col{display:flex;flex-direction:column;gap:4px;flex:0 1 auto;padding-top:0;align-items:flex-start;width:auto}#p-name{margin:0;font-size:1.6rem;font-weight:700;line-height:1.3;color:#fff;text-align:left;overflow:visible}.ironman-badge-wrap{position:relative;display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle}.ironman-badge-dismiss{display:none;position:absolute;top:-5px;right:-6px;width:14px;height:14px;background:#c0392b;color:#fff;border:none;border-radius:50%;font-size:10px;line-height:14px;text-align:center;cursor:pointer;padding:0;box-shadow:0 1px 4px #000000b3;z-index:10}.ironman-badge-wrap:hover .ironman-badge-dismiss{display:block}.profile-meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;min-height:24px}.p-subtitle{width:100%;margin-top:4px}#clan-banner-container{position:absolute;top:-30px;right:30px;z-index:10}#clan-banner-img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.5));image-rendering:auto;transform-origin:top center;animation:bannerWind 6s cubic-bezier(.45,.05,.55,.95) infinite}@keyframes bannerWind{0%{transform:perspective(500px) rotateY(-1.5deg) skew(-.5deg) translate(0)}12%{transform:perspective(500px) rotateY(.5deg) skew(.3deg) translate(1px)}28%{transform:perspective(500px) rotateY(2deg) skew(1deg) scaleX(.99) translate(2px)}42%{transform:perspective(500px) rotateY(1deg) skew(.5deg) scaleX(.995) translate(1px)}58%{transform:perspective(500px) rotateY(2.5deg) skew(1.2deg) scaleX(.985) translate(2px)}72%{transform:perspective(500px) rotateY(.8deg) skew(.4deg) scaleX(.99) translate(1px)}85%{transform:perspective(500px) rotateY(-.5deg) skew(-.2deg) translate(0)}to{transform:perspective(500px) rotateY(-1.5deg) skew(-.5deg) translate(0)}}.rank-badge{background:var(--border-dark);padding:4px 10px;border-radius:6px;font-weight:600;color:#bbb;border:1px solid var(--border-color);white-space:nowrap;box-shadow:0 2px 5px #0003;font-size:.85rem}.rank-change{margin-left:6px;font-size:.75rem;font-weight:700;font-feature-settings:"tnum"}.rank-change.rank-up{color:#22c55e}.rank-change.rank-down{color:#ef4444}.stats-row{display:flex;flex-wrap:wrap;gap:6px;width:100%;align-items:center;justify-content:flex-start}.stat-pill{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-color);padding:4px 12px;border-radius:30px;gap:6px;transition:.2s}.stat-pill:hover{border-color:var(--border-light);background:var(--bg-dropdown)}.stat-pill span{font-size:.85rem;color:#eee;font-weight:600;font-feature-settings:"tnum"}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-tab-btn{flex:1;padding:15px 10px;background:none;border:none;color:var(--text-sub);font-weight:600;cursor:pointer;transition:.2s;text-transform:uppercase;font-size:.8rem;border-bottom:2px solid transparent}.sidebar-tab-btn:hover{color:#fff;background:#ffffff0d}.sidebar-tab-btn.active{color:var(--accent);border-bottom:2px solid var(--accent)}.sidebar-content{display:none;flex:1;overflow-y:auto;padding:20px}.sidebar-content.active{display:flex;flex-direction:column}.quest-filters{padding-bottom:12px;border-bottom:1px solid var(--border-color);margin-bottom:12px;width:100%}#quest-filter-select{width:100%;background:var(--bg-dropdown);color:#eee;border:1px solid var(--border-light);padding:8px;border-radius:6px;font-size:.85rem;cursor:pointer;outline:none;transition:.2s}#quest-filter-select:hover{border-color:#666}#quest-filter-select:focus{border-color:var(--accent)}#quest-filter-select optgroup{color:#888;font-style:normal;font-size:.8rem;padding:4px 0}#quest-filter-select option{color:#eee;background:var(--bg-dropdown);padding:4px 8px}.quest-search-row{margin-bottom:8px}.quest-search-input{width:100%;background:var(--bg-dropdown);color:#eee;border:1px solid var(--border-light);padding:8px 10px;border-radius:6px;font-size:.85rem;outline:none;transition:border-color .2s;box-sizing:border-box}.quest-search-input:hover{border-color:#666}.quest-search-input:focus{border-color:var(--accent)}.quest-search-input::placeholder{color:#777}#quest-list-content .log-item{padding-bottom:8px;margin-bottom:8px}.log-list{display:flex;flex-direction:column;gap:12px;flex:1}.admin-role-panel{background:linear-gradient(135deg,#ffd7001a,#ff98000d);border:1px solid rgba(255,215,0,.3);border-radius:10px;padding:12px 16px;margin:0 20px 15px}.admin-role-header{font-size:.85rem;font-weight:600;color:gold;margin-bottom:10px}.admin-role-controls{display:flex;gap:10px;align-items:center}.admin-role-controls select{flex:1;padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:.85rem}.admin-role-controls button{padding:8px 16px;background:linear-gradient(135deg,gold,#ff9800);border:none;border-radius:6px;color:#000;font-weight:600;font-size:.8rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.admin-role-controls button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffd7004d}.admin-role-status{margin-top:8px;font-size:.8rem;min-height:18px}.admin-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;max-width:400px;width:90%;animation:modalSlideIn .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0009}.admin-modal-content.admin-modal-wide{max-width:550px}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.admin-modal-body{padding:20px}.admin-modal-user{background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:.85rem;color:#ff9800;font-weight:500}.admin-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0003;border-radius:0 0 16px 16px}.admin-modal-footer .btn-secondary{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .2s}.admin-modal-footer .btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.admin-modal-footer .btn-primary{padding:8px 18px;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-modal-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff980066}.profile-action-btn.admin-btn{background:linear-gradient(135deg,#ff980033,#ff98001a);border:1px solid rgba(255,152,0,.4);color:#ff9800}.profile-action-btn.admin-btn:hover{background:linear-gradient(135deg,#ff98004d,#ff980033);border-color:#ff980099;transform:translateY(-2px);box-shadow:0 4px 12px #ff98004d}.admin-permissions-panel{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:14px 16px;margin:0 20px 15px}.admin-permissions-header{font-size:.85rem;font-weight:600;color:#3b82f6;margin-bottom:12px}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.permission-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0003;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.permission-item:hover{background:#3b82f626;border-color:#3b82f64d}.permission-item input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.permission-item .perm-icon{font-size:1rem}.permission-item .perm-label{font-size:.75rem;color:#ccc;flex:1}.permission-item:has(input:checked){background:#3b82f633;border-color:#3b82f666}.permission-item:has(input:checked) .perm-label{color:#fff}.permissions-actions{display:flex;gap:8px;justify-content:flex-end}.permissions-actions .btn-secondary{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ccc;font-size:.75rem;cursor:pointer;transition:all .2s}.permissions-actions .btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.permissions-actions .btn-primary{padding:6px 14px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.permissions-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.permissions-status{margin-top:8px;font-size:.8rem;min-height:18px;text-align:right}.location-content{padding:20px;background:var(--bg-body);border-radius:8px;border:1px solid var(--border-dark)}.circus-layout{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.circus-columns{display:flex;gap:20px;flex:1;min-width:0;align-items:stretch}.circus-info{flex:1;min-width:250px;display:flex;flex-direction:column}.circus-info .location-display{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px}.circus-info .location-display .location-icon{width:80px;height:80px}.circus-info .location-display .location-info{align-items:center}.circus-info .location-display .location-value{font-size:1.6rem}.circus-upcoming{flex:1;min-width:250px;display:flex;flex-direction:column;gap:10px}.circus-upcoming .upcoming-display{padding:15px 20px;flex-shrink:0}.circus-upcoming .upcoming-header{flex:1}.upcoming-list{display:flex;flex-direction:column;gap:8px;padding:0 8px;flex:1;justify-content:space-evenly}.upcoming-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(135deg,#1a1a1a,#141414);border-radius:8px;border:1px solid var(--border-dark);border-left:3px solid var(--border-light);transition:all .2s}.upcoming-item:hover{background:linear-gradient(135deg,#222,#1a1a1a);border-color:var(--border-color)}.upcoming-item:first-child{border-left-color:var(--accent)}.upcoming-item:nth-child(2){border-left-color:#ffb74d}.upcoming-item:nth-child(3){border-left-color:#4fc3f7}.upcoming-week{font-size:.75rem;font-weight:700;color:#666;text-transform:uppercase;min-width:65px}.upcoming-location{font-size:.95rem;font-weight:600;color:#ddd;flex:1}.upcoming-date{font-size:.7rem;color:#555;white-space:nowrap}@media (max-width: 900px){.circus-layout{flex-direction:column;gap:16px}.circus-columns{display:contents}.circus-info{order:1;min-width:0;width:100%}.circus-map-container{order:2;width:100%;max-width:none;min-width:0}.circus-upcoming{order:3;min-width:0;width:100%}}@media (max-width: 768px){#circus .location-content{padding:14px}.circus-info .location-display{gap:14px;padding:16px}.circus-info .location-display .location-icon{width:64px;height:64px}.circus-info .location-display .location-value{font-size:1.35rem}.circus-timer{width:100%;max-width:280px;box-sizing:border-box}.circus-timer .countdown-value{font-size:1.1rem;word-break:break-word;text-align:center}.circus-map-image{max-height:240px}.circus-wiki-btn{width:100%;max-width:320px;box-sizing:border-box}.circus-upcoming .upcoming-display{padding:12px 14px}.upcoming-list{padding:0;gap:6px}.upcoming-item{flex-wrap:wrap;gap:4px 10px;padding:10px 12px}.upcoming-week{min-width:auto}.upcoming-location{flex:1 1 auto;min-width:0}.upcoming-date{margin-left:auto}}@media (max-width: 480px){#circus .location-content{padding:10px}.circus-info .location-display{padding:14px 12px}.circus-info .location-display .location-value{font-size:1.2rem}.circus-timer .countdown-value{font-size:1rem}.upcoming-item{display:grid;grid-template-columns:auto 1fr;gap:2px 8px}.upcoming-location{grid-column:1 / -1;font-size:.9rem}.upcoming-date{margin-left:0;justify-self:end}}.circus-timer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#4ade801a;border-radius:8px;border:1px solid rgba(74,222,128,.3)}.timer-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.countdown-value{font-size:1.3rem;font-weight:700;color:#4ade80;font-family:Consolas,Monaco,monospace}.circus-map-container{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:200px;max-width:300px;align-self:center}.circus-map-image{width:100%;max-height:200px;border-radius:8px;border:1px solid var(--border-color);object-fit:contain;background:var(--bg-body)}.circus-wiki-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px;background:var(--bg-body);border:1px solid var(--border-color);color:#888;border-radius:50px;font-size:.8rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;box-shadow:0 4px 6px #0000004d}.circus-wiki-btn:hover{background:var(--bg-input);color:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 12px #00000080,0 0 15px #ff980026}.tab-farming-icon{width:18px;height:18px;object-fit:contain;vertical-align:-3px;margin-right:4px}.tab-btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:4px}.farming-header-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}.farming-reset-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.farming-tick-label{margin-left:auto;font-size:.85rem;color:#888}.farming-run-root{display:flex;flex-direction:column;gap:14px}.farming-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.farming-preset-row{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}.farming-groupby-row{flex:0 1 auto;min-width:180px}.farming-speedy-growth{display:inline-flex;align-items:center;gap:8px;margin:0 0 2px;padding:7px 12px;border:1px solid var(--border-dark);border-radius:999px;background:var(--bg-dropdown);color:#bbb;font-size:.82rem;cursor:pointer;-webkit-user-select:none;user-select:none;align-self:flex-end}.farming-speedy-growth:hover{border-color:#4caf5073;color:#ddd}.farming-speedy-growth input{width:15px;height:15px;margin:0;accent-color:#4caf50;cursor:pointer}.farming-speedy-growth-hint{color:#777;font-size:.72rem}.farming-speedy-growth:has(input:checked){border-color:#4caf508c;background:#4caf501a;color:#a5d6a7}.farming-speedy-growth:has(input:checked) .farming-speedy-growth-hint{color:#81c784}.farming-preset-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.farming-preset-btns{display:flex;flex-wrap:wrap;gap:6px}.farming-preset-btn{background:var(--bg-dropdown);border:1px solid var(--border-dark);color:#bbb;padding:6px 12px;border-radius:999px;font-size:.82rem;cursor:pointer;transition:.2s;white-space:nowrap}.farming-preset-btn:hover{border-color:var(--border-light);color:#fff;background:var(--border-dark)}.farming-preset-btn.active{background:#4caf502e;border-color:#4caf508c;color:#a5d6a7;font-weight:600}.farming-reset-btn{background:#ff980026;border:1px solid rgba(255,152,0,.35);color:var(--accent);padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:.2s}.farming-reset-btn:hover:not(:disabled){background:#ff980040}.farming-reset-btn:disabled{opacity:.4;cursor:default}.farming-progress-wrap{display:flex;align-items:center;gap:12px}.farming-progress-track{flex:1;height:8px;background:var(--bg-dropdown);border-radius:4px;overflow:hidden;border:1px solid var(--border-dark)}.farming-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;transition:width .25s ease}.farming-progress-text{font-size:.85rem;color:#aaa;min-width:4.5rem;text-align:right;font-variant-numeric:tabular-nums}.farming-groups{display:flex;flex-direction:column;gap:10px}.farming-group{border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;background:#00000026}.farming-group-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain}.farming-group-header{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-dropdown);border:none;color:#ccc;cursor:pointer;font-size:.9rem;font-weight:600;text-align:left;transition:background .2s}.farming-group-header:hover{background:var(--border-dark)}.farming-group-chevron{color:var(--accent);width:1rem}.farming-group-count{margin-left:auto;font-size:.8rem;color:#666;font-variant-numeric:tabular-nums}.farming-group-body{padding:10px 12px 12px}.farming-group.collapsed .farming-group-body{display:none}.farming-group-body.task-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.farming-patch-row{border-left-color:#4caf50;align-items:center}.farming-patch-row.farming-done{opacity:.72}.farming-patch-main{display:flex;align-items:center;flex:1;min-width:0;gap:8px}.farming-patch-check-col{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.farming-patch-check-col input[type=checkbox]{width:18px;height:18px;margin:0!important;flex-shrink:0}.farming-patch-timer-group{flex:0 0 auto;display:inline-flex;align-items:center;gap:0}.farming-patch-timer-group.has-timer{padding:2px;border-radius:999px;border:1px solid rgba(76,175,80,.38);background:#00000047;box-shadow:inset 0 1px #ffffff0a}.farming-patch-timer-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;margin:0;padding:0;border:1px solid var(--border-dark);border-radius:50%;background:var(--bg-dropdown);color:#888;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.farming-patch-timer-group.has-timer .farming-patch-timer-btn{border-color:transparent;background:#4caf5024}.farming-patch-timer-btn:hover,.farming-patch-timer-btn:focus-visible{color:#4caf50;border-color:#4caf508c;background:#4caf501f;outline:none;box-shadow:0 0 0 2px #4caf5026}.farming-patch-timer-btn.active{color:#81c784;border-color:#4caf50a6;background:#4caf5029}.farming-patch-timer-btn.ready{color:#a5d6a7;border-color:#81c784bf;background:#4caf5038;box-shadow:0 0 10px #4caf5040}.farming-patch-timer-readout{display:inline-flex;align-items:center;gap:6px;padding:0 4px 0 6px;margin-left:2px;border-left:1px solid rgba(76,175,80,.28)}.farming-patch-timer-display{flex:0 0 auto;min-width:4.75em;font-size:.74rem;font-weight:600;font-feature-settings:"tnum";letter-spacing:.02em;color:#81c784;white-space:nowrap;line-height:1}.farming-patch-timer-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;color:#777;cursor:pointer;transition:color .15s ease,background .15s ease}.farming-patch-timer-clear:hover,.farming-patch-timer-clear:focus-visible{color:#ef5350;background:#ef53502e;outline:none}.farming-patch-timer-display.ready{color:#a5d6a7;animation:farming-timer-ready-pulse 1.5s ease-in-out infinite}.farming-patch-row.farming-timer-ready{border-left-color:#81c784;box-shadow:inset 3px 0 #81c78459}@keyframes farming-timer-ready-pulse{0%,to{opacity:1}50%{opacity:.65}}.farming-patch-icon{width:32px!important;height:32px!important;margin-right:0!important;margin-top:0;flex-shrink:0;object-fit:contain}.farming-patch-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;flex:1;text-align:center}.farming-patch-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;width:100%;text-align:center}.farming-patch-type-icon{width:20px;height:20px;flex-shrink:0;object-fit:contain}.farming-patch-name{font-weight:500;line-height:1.2;width:100%}.farming-patch-sub{color:#777;font-size:.82rem;line-height:1.2;width:100%}.farming-patch-row input:checked+.farming-patch-label{text-decoration:none;color:inherit}.farming-patch-row input:checked+.farming-patch-label .farming-patch-title{text-decoration:line-through;color:#555}.farming-quest-tag{margin-left:0;margin-top:1px;font-size:.75rem;opacity:.85}.farming-patch-actions{display:flex;align-items:center;gap:6px}.farming-patch-row .farming-hide-btn{opacity:0}.farming-patch-row:hover .farming-hide-btn{opacity:1!important}.farming-hidden-summary{width:100%;padding:10px;margin-top:4px;background:#ff98001a;border:1px dashed rgba(255,152,0,.3);border-radius:8px;color:#ff9800;font-size:.85rem;cursor:pointer;transition:background .2s}.farming-hidden-summary:hover{background:#ff980029}.farming-hidden-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;margin-bottom:8px;background:#ffffff0d;border:1px solid var(--border-dark);border-radius:8px;color:#ccc;cursor:pointer;text-align:left;transition:background .2s}.farming-hidden-item:hover{background:#ffffff14}.farming-unhide-label{color:#4ade80;font-size:.75rem;flex-shrink:0}.farming-unhide-all{width:100%;margin-top:8px;background:#ff980033;border:1px solid rgba(255,152,0,.4);color:#ff9800;padding:10px;border-radius:8px;cursor:pointer;font-weight:600}.location-display{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#1a1a1a,#111);border-radius:10px;border:1px solid var(--border-dark)}.location-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(255,152,0,.3))}.location-info{display:flex;flex-direction:column;gap:6px;flex:1}.location-label{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:1px;font-weight:600}.location-value{font-size:1.4rem;font-weight:700;color:var(--accent);text-shadow:0 0 20px rgba(255,152,0,.3)}.location-meta{margin-top:15px;padding-top:12px;border-top:1px solid var(--border-dark)}.updated-info{font-size:.75rem;color:#555;font-style:italic}.edit-section{display:flex;gap:10px;margin-top:15px;padding:15px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);align-items:flex-start}.edit-section input,.edit-section textarea{flex:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;color:#eee;font-size:.9rem;font-family:inherit;resize:vertical;transition:border-color .2s}.edit-section input:focus,.edit-section textarea:focus{outline:none;border-color:var(--accent)}.edit-section textarea{min-height:120px}.save-location-btn{background:var(--accent);color:#000;border:none;padding:10px 20px;border-radius:6px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.save-location-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.penguins-header{display:flex;align-items:center;gap:15px;padding:12px 15px;background:linear-gradient(135deg,#1a1a1a,#111);border-radius:10px;border:1px solid var(--border-dark);margin-bottom:15px}.penguins-header .location-icon{width:50px;height:50px;flex-shrink:0}.penguins-header-text{flex:1;display:flex;flex-direction:column;gap:0}.penguins-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.penguins-reset-timer{display:flex;align-items:center;gap:6px;background:#4fc3f71a;border:1px solid rgba(79,195,247,.2);border-radius:6px;padding:6px 10px;flex-shrink:0}.penguins-reset-timer .reset-label{color:#888;font-size:.8rem}.penguins-reset-timer .reset-countdown{color:#4fc3f7;font-weight:700;font-size:.95rem;font-family:Courier New,monospace}.penguins-reset-timer .reset-countdown.urgent{color:#f5a623;animation:pulse-urgent 1s infinite}.penguins-reset-timer .reset-countdown.resetting{color:#4caf50}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.6}}.penguins-world-notice{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4caf5026,#4caf500d);border:1px solid rgba(76,175,80,.3);border-radius:6px;padding:6px 12px;color:#8bc34a;font-size:.85rem;flex:1;justify-content:center;text-align:center}.penguins-world-notice .world-icon{font-size:1rem}.penguins-world-notice strong{color:#4caf50;font-weight:700}.penguins-btn-row{display:flex;gap:8px;flex-shrink:0}.penguins-desc{font-size:.85rem;color:#888;margin:0;line-height:1.4}.penguins-list{display:flex;flex-direction:column;gap:8px}.penguins-update-time{background:linear-gradient(135deg,#4fc3f71a,#4fc3f70d);border:1px solid rgba(79,195,247,.2);border-radius:6px;padding:10px 14px;margin-bottom:8px;font-size:.85rem;color:#4fc3f7;display:flex;align-items:center;gap:8px}.penguins-update-time:before{content:"🕐"}.penguin-item{display:flex;flex-direction:row;align-items:stretch;gap:0;padding:12px 14px;background:var(--bg-dropdown);border-radius:8px;border:1px solid #252525;border-left:3px solid #4fc3f7;transition:all .2s}.penguin-main-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.penguin-details-row{display:flex;flex-direction:column;gap:6px;padding-left:0;border-top:1px solid rgba(255,255,255,.05);padding-top:8px;margin-top:2px}.penguin-spawn-notes{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:#888;background:#ffffff05;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.spawn-notes-icon{flex-shrink:0;opacity:.7}.spawn-notes-text{line-height:1.4;color:#999}.penguin-sighting-col{display:flex;align-items:flex-start;gap:8px}.penguin-item:hover{background:var(--border-dark);border-color:var(--border-color)}.penguin-item.polar-bear{border-left-color:#f5a623;background:linear-gradient(135deg,rgba(245,166,35,.08),transparent)}.penguin-item.polar-bear .penguin-num{color:#f5a623}.penguin-num{color:#4fc3f7;font-weight:700;font-size:.85rem;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#4fc3f71a;border-radius:4px}.penguin-loc{color:#ddd;font-size:.95rem;font-weight:500;flex:1;min-width:120px}.penguin-disguise-icon{width:48px;height:48px;object-fit:contain;vertical-align:middle;image-rendering:pixelated}.penguin-image-col{display:flex;align-items:center;justify-content:center;min-width:56px;padding:4px;background:#0003;border-radius:8px;margin-right:12px}.penguin-content-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.penguin-disguise-text{font-size:.8rem;color:#aaa;background:#ffffff0d;padding:4px 10px;border-radius:12px;white-space:nowrap}.penguin-points{color:#4fc3f7;font-weight:700;font-size:.8rem;background:#4fc3f726;padding:4px 8px;border-radius:4px;white-space:nowrap;min-width:35px;text-align:center}.penguin-quest{color:#f5a623;font-size:.75rem;background:#f5a6231a;padding:4px 8px;border-radius:4px;white-space:nowrap}.penguin-quest.dangerous{color:#ff5252;background:#ff525226}.penguin-note-col{display:flex;align-items:flex-start;gap:6px;margin-left:auto;min-width:0;flex:2;justify-content:flex-end}.penguin-note-btn{background:#4fc3f71a;border:1px solid rgba(79,195,247,.2);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.75rem;opacity:.7;transition:all .2s;flex-shrink:0}.penguin-note-btn:hover{opacity:1;background:#4fc3f733;border-color:#4fc3f7}.penguin-user-note{color:#8bc34a;font-size:.8rem;background:#8bc34a1a;padding:6px 10px;border-radius:6px;white-space:normal;word-wrap:break-word;line-height:1.4;flex:1;min-width:0;border:1px solid rgba(139,195,74,.15)}.penguin-user-note small{color:#666;font-size:.7rem}.penguin-wiki-note{color:#64b5f6;background:#64b5f61a;border:1px solid rgba(100,181,246,.2)}.penguin-wiki-note .wiki-time{color:#78909c;font-style:italic}.penguin-wiki-note .wiki-source{color:#5c92ba;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.penguin-no-note{color:#555;font-size:.8rem;font-style:italic;padding:6px 10px;background:#ffffff05;border-radius:6px;border:1px dashed rgba(255,255,255,.1)}.penguin-note-modal{max-width:480px}.penguin-note-warnings{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.penguin-note-warning{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;font-size:.9rem}.penguin-note-warning .warning-icon{font-size:1.2rem;flex-shrink:0}.penguin-note-warning.world-warning{background:linear-gradient(135deg,#4fc3f726,#4fc3f70d);border:1px solid rgba(79,195,247,.3);color:#8ed4f8}.penguin-note-warning.world-warning strong{color:#4fc3f7}.penguin-note-warning.public-warning{background:linear-gradient(135deg,#ff980026,#ff98000d);border:1px solid rgba(255,152,0,.3);color:#ffcc80}.penguin-note-warning.public-warning strong{color:#ff9800}.penguin-note-label{display:block;color:#aaa;font-size:.85rem;margin-bottom:8px}.penguin-note-hint{color:#666;font-size:.8rem;margin-top:8px;font-style:italic}@media (max-width: 900px){.penguin-main-row{flex-wrap:wrap}.penguin-details-row{padding-left:0}.penguin-quest{flex-basis:100%;margin-top:4px}.penguins-top-row{flex-wrap:wrap;gap:8px}.penguins-world-notice{order:3;flex-basis:100%}}.penguin-checkbox-label{position:relative;cursor:pointer;display:flex;align-items:center;flex-shrink:0}.penguin-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.penguin-checkmark{height:20px;width:20px;background:var(--bg-dropdown);border:2px solid var(--border-light);border-radius:4px;transition:all .2s}.penguin-checkbox:checked~.penguin-checkmark{background:#4caf50;border-color:#4caf50}.penguin-checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.penguin-checkbox:checked~.penguin-checkmark:after{display:block}.penguin-item.found{opacity:.6;background:#4caf501a;border-left-color:#4caf50}.penguin-item.found .penguin-loc{text-decoration:line-through;color:#888}.penguin-note-input{display:flex;gap:8px;padding:8px 15px 8px 50px;background:var(--bg-card);border-radius:0 0 6px 6px;margin-top:-8px;margin-bottom:8px}.penguin-note-input input{flex:1;background:var(--bg-dropdown);border:1px solid var(--border-color);border-radius:4px;padding:6px 10px;color:#ddd;font-size:.85rem}.penguin-note-input input:focus{border-color:#4fc3f7;outline:none}.penguin-note-input button{background:#4fc3f7;border:none;border-radius:4px;padding:6px 12px;color:#000;cursor:pointer;font-weight:600}.dashboard-header{max-width:1400px;margin:0 auto;padding:8px 20px 0;width:100%;box-sizing:border-box;display:flex;justify-content:flex-end}.dashboard-settings-btn{background:none;border:none;color:#555;cursor:pointer;padding:4px 8px;display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;transition:all .2s}.dashboard-settings-btn:hover{color:var(--accent, #ff9800);background:#ff980014}.dash-settings-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#666;font-weight:700;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-dark)}.dash-setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border-radius:8px;margin-bottom:6px;cursor:pointer;transition:background .2s}.dash-setting-row:hover{background:#ffffff0f}.dash-setting-label{color:#ccc;font-size:.9rem;font-weight:500}.dash-toggle{flex-shrink:0}.dash-toggle-track{width:40px;height:22px;background:var(--border-color);border-radius:11px;position:relative;transition:background .2s}.dash-toggle.active .dash-toggle-track{background:var(--accent, #ff9800)}.dash-toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.dash-toggle.active .dash-toggle-thumb{transform:translate(18px)}.penguin-note-input button:hover{background:#3db8e8}.penguins-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;background:linear-gradient(135deg,#4fc3f71a,#4fc3f70d);border:1px solid rgba(79,195,247,.2);border-radius:6px}.penguins-update-info{display:flex;flex-direction:column;gap:4px}.penguins-header-row .penguins-update-time{background:none;border:none;padding:0;margin:0}.penguins-wiki-info{font-size:.75rem;color:#64b5f6;display:flex;align-items:center;gap:4px}.penguins-counter{font-size:.9rem;color:#888}.penguins-counter #penguin-counter{font-weight:700;color:#4fc3f7}.penguins-counter #penguin-counter.all-found{color:#4caf50}.no-penguins{padding:30px;text-align:center;color:#555;font-style:italic}.loading-placeholder{padding:30px;text-align:center;color:#666}.reset-bar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.circus-schedule{margin-top:15px;padding:15px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-dark)}.schedule-title{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:600}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-dropdown);border-radius:6px;border-left:3px solid #666;transition:all .2s}.schedule-item:first-child{border-left-color:var(--accent)}.schedule-date{font-size:.8rem;color:#888;min-width:50px}.schedule-location{font-size:.9rem;color:#ddd;font-weight:600}.penguin-item.points-1{border-left-color:#81c784}.penguin-item.points-2{border-left-color:#4fc3f7}.penguin-item.points-3{border-left-color:#ffb74d}.penguin-item.points-1 .penguin-points{color:#81c784;background:#81c78426}.penguin-item.points-2 .penguin-points{color:#4fc3f7;background:#4fc3f726}.penguin-item.points-3 .penguin-points{color:#ffb74d;background:#ffb74d26}.penguins-btn-row{display:flex;gap:8px;flex-wrap:wrap}.fetch-wiki-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#ff980033,#ff98001a)!important;border:1px solid rgba(255,152,0,.4)!important;border-radius:6px;color:#ffb74d!important;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fetch-wiki-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff98004d,#ff980026)!important;border-color:#ff9800!important;color:#ff9800!important;box-shadow:0 0 12px #ff98004d}.fetch-wiki-btn:disabled{opacity:.5;cursor:not-allowed}.fetch-wiki-btn svg{flex-shrink:0;stroke:currentColor}.clear-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#64646426,#6464640d)!important;border:1px solid var(--border-light)!important;border-radius:6px;color:#888!important;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.clear-btn:hover{background:linear-gradient(135deg,#e74c3c33,#e74c3c1a)!important;border-color:#e74c3c99!important;color:#e74c3c!important}.clear-btn svg{flex-shrink:0;stroke:currentColor}.wiki-link-small{font-size:.75rem;color:#888!important;text-decoration:none;padding:3px 8px;background:#6464641a!important;border-radius:4px;border:1px solid var(--border-light)!important;transition:all .2s}.wiki-link-small:hover{color:#ff9800!important;border-color:#ff980080!important;background:#ff98001a!important}.fetch-wiki-btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.status-dropdown-menu{position:fixed;min-width:170px;background:var(--bg-dropdown);border:2px solid rgba(255,152,0,.4);border-radius:12px;padding:8px;z-index:999999;box-shadow:0 20px 60px #000000f2,0 0 30px #ff980026;display:none;pointer-events:auto}.status-dropdown-menu.show{display:block}.status-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:#ffffff08;border:none;border-radius:8px;color:#ddd;font-size:.9rem;cursor:pointer;text-align:left;transition:all .15s;pointer-events:auto;margin-bottom:4px}.status-option:last-child{margin-bottom:0}.status-option:hover{background:#ff980040;color:#fff;transform:translate(3px)}.suggestion-card.pinned{border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:linear-gradient(145deg,#281e14f2,#19120cfa)}.suggestion-card.pinned:before{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,transparent),color-mix(in srgb,var(--accent) 10%,transparent));opacity:1}@media (max-width: 1400px){.community-sidebar-left,.community-sidebar-right{width:240px}}@media (max-width: 1200px){.community-sidebar-left,.community-sidebar-right{width:220px}}@media (max-width: 1024px){.community-hub{flex-direction:column;padding:10px;overflow-y:auto;height:auto}.community-sidebar-left,.community-sidebar-right{width:100%;flex-direction:row;padding-right:0;padding-bottom:16px;overflow-x:auto;overflow-y:visible;gap:12px;order:0}.community-sidebar-left{order:-1}.community-sidebar-right{order:1}.sidebar-section{min-width:200px;flex-shrink:0}.online-users-list{max-height:150px}.community-main{flex:none;min-height:600px;order:0}.chat-msg{max-width:90%}}@media (max-width: 768px){.community-tabs{flex-wrap:wrap;gap:8px;padding:12px 16px}.tab-actions{width:100%;margin-top:8px;margin-left:0}.search-box{flex:1}.search-box input{width:100%}.community-sidebar{display:flex}.suggestion-composer{padding:16px}.chat-input-area{padding:14px 16px}.suggestions-feed,.chat-messages-container{padding:16px}}.profile-grid{display:grid;grid-template-columns:350px 1fr;gap:20px;max-width:1200px;margin:20px auto;padding:0 20px;width:100%;align-items:start}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}}.profile-sidebar{display:flex;flex-direction:column;gap:20px}.profile-hero{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;box-shadow:0 4px 20px #0000004d}.profile-hero:hover{border-color:var(--accent)}.profile-avatar-large{width:120px;height:120px;object-fit:cover;background:#000;border-radius:50%;box-shadow:0 0 20px #00000080;margin-bottom:15px}.profile-avatar-large:not([class*=avatar-style-]){border:3px solid var(--av-color, var(--accent))}.profile-name-display{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:8px;line-height:1.2}.profile-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:15px}.p-badge{background:#ffffff0d;border:1px solid var(--border-color);color:#aaa;font-size:.7rem;padding:4px 10px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.reputation-btn{background:#220a0a;border:1px solid #6e1818;color:#ff6b6b;padding:8px 16px;border-radius:30px;font-weight:700;cursor:pointer;transition:.2s;font-size:.9rem;display:flex;align-items:center;gap:8px;margin-bottom:20px}.reputation-btn:hover{background:#3a1010;transform:scale(1.05);box-shadow:0 0 15px #f333}.stat-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;border-top:1px solid var(--border-dark);padding-top:15px}.stat-box{background:var(--bg-input);padding:8px;border-radius:6px;border:1px solid var(--border-dark);display:flex;flex-direction:column}.stat-label{font-size:.7rem;color:#666;text-transform:uppercase;font-weight:700}.stat-val{font-size:1rem;color:#eee;font-weight:700}.profile-bio-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;min-height:150px}.bio-text{color:#ccc;line-height:1.5;font-size:.95rem;white-space:pre-wrap}.bio-placeholder{color:#555;font-style:italic}.wall-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;min-height:600px;max-height:800px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.wall-header{padding:20px;border-bottom:1px solid var(--border-dark);background:#ffffff05}.wall-title{font-size:1.1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.wall-input-area{padding:20px;border-bottom:1px solid var(--border-dark);background:var(--bg-input)}.wall-feed{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.wall-post{background:var(--bg-dropdown);border:1px solid var(--border-dark);border-radius:8px;padding:15px;transition:.2s;position:relative}.wall-post:hover{border-color:var(--border-light);background:#1e1e1e}.wall-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem}.wall-post-content{color:#ddd;line-height:1.5;font-size:.95rem;white-space:pre-wrap}.wall-delete{background:none;border:none;color:#666;font-size:.75rem;cursor:pointer;padding:4px;text-transform:uppercase;font-weight:700}.wall-delete:hover{color:var(--urgent-red)}.status-indicator{width:14px;height:14px;border-radius:50%;border:2px solid #161616;position:absolute;bottom:15px;right:15px;z-index:5}.status-online{background:#4caf50;box-shadow:0 0 10px #4caf50}.status-offline{background:#555}.notification-btn{position:relative;background:transparent;border:none;color:var(--text-main);padding:8px;border-radius:8px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.notification-btn:hover{background:#ffffff1a;color:var(--accent)}.notification-btn svg{transition:transform .2s}.notification-btn:hover svg{transform:scale(1.1)}.notification-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:var(--urgent-red);color:#fff;font-size:.65rem;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--bg-header);animation:badgePulse 2s infinite;box-shadow:0 2px 8px #f336}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;width:420px;max-width:95vw;background:linear-gradient(180deg,#ffffff12,#ffffff04),color-mix(in srgb,var(--bg-dropdown) 92%,#08060d);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-color));border-radius:12px;box-shadow:0 22px 58px #000000ad,0 0 0 1px #ffffff09 inset,0 0 34px #ff980014;opacity:0;transform:translateY(-10px) scale(.95);pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10000;overflow:hidden;max-height:500px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}.notification-panel.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.notification-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.075);background:linear-gradient(90deg,#ff980021,#4fc3f70b),#ffffff06;flex-shrink:0}.notification-header-title{font-size:.82rem;font-weight:800;text-transform:uppercase;color:var(--accent-hover);letter-spacing:.08em;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}.notification-header-title svg{width:18px;height:18px;color:var(--accent);filter:drop-shadow(0 0 8px rgba(255,152,0,.22))}.notification-header-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.notification-header-btn{background:#0003;border:1px solid rgba(255,255,255,.09);color:var(--text-sub);padding:6px 10px;border-radius:8px;font-size:.68rem;font-weight:800;cursor:pointer;transition:.2s;text-transform:uppercase;letter-spacing:.04em}.notification-header-btn:hover{background:linear-gradient(180deg,#ff98002e,#ffffff09);color:var(--text-main);border-color:#ff980059;box-shadow:0 0 14px #ff98001a}.notification-list{flex:1;overflow-y:auto;max-height:400px;padding:8px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 40px 12px 12px;margin-bottom:8px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#ffffff09;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s,opacity .2s;position:relative;min-height:74px;overflow:hidden}.notification-item:hover{background:#fff1;border-color:#ff980038;box-shadow:0 10px 22px #00000040,0 0 18px #ff98000f;transform:translateY(-1px)}.notification-item:last-child{margin-bottom:0}.notification-item.unread{background:linear-gradient(90deg,#ff980029,#ffffff0a 42%,#ffffff06),#ff980009;border-color:#ff980042;box-shadow:inset 3px 0 0 var(--accent),0 0 18px #ff98000f}.notification-item.unread:hover{background:linear-gradient(90deg,#ff980038,#ffffff0e 48%,#ffffff08),#ff98000b}.notification-item.read{opacity:.78}.notification-item.unread:after{content:"";position:absolute;top:14px;right:14px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #ff9800cc}.notification-avatar{flex-shrink:0}.notif-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#000;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 2px #00000047,0 0 16px #ff98001a}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.notification-message{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:.86rem;color:var(--text-main);line-height:1.32}.notification-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ff98001c;border:1px solid rgba(255,152,0,.18);border-radius:6px;color:var(--accent-hover);flex-shrink:0}.notification-icon svg{width:12px;height:12px}.notif-emoji{font-size:1rem}.notification-user{font-weight:700;white-space:nowrap}.notification-text{color:var(--text-sub)}.notification-preview{font-size:.8rem;color:#b7b7b7;line-height:1.45;padding:8px 10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#0000002e;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-item:hover .notification-preview{display:block;-webkit-line-clamp:unset;overflow:visible}.notification-time{font-size:.7rem;color:#707070;font-weight:700;letter-spacing:.02em}.notification-dismiss{position:absolute;top:9px;right:9px;background:#00000029;border:1px solid rgba(255,255,255,.06);color:#777;cursor:pointer;width:26px;height:26px;padding:0;border-radius:7px;opacity:.55;transition:.2s;display:flex;align-items:center;justify-content:center}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{background:#ff333329;border-color:#ff333352;color:var(--urgent-red)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;margin:8px;padding:34px 20px;color:#737373;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:12px;background:radial-gradient(circle at 50% 12%,rgba(255,152,0,.1),transparent 38%),#ffffff05}.notification-empty svg{opacity:.42;margin-bottom:15px;color:var(--accent)}.notification-empty p{font-size:.9rem;margin:0;color:var(--text-sub);font-weight:700}.push-enable-banner{display:flex;align-items:center;gap:12px;margin:8px 8px 0;padding:11px 12px;background:linear-gradient(90deg,#4fc3f721,#ffffff09);border:1px solid rgba(79,195,247,.22);border-radius:10px;cursor:default}.push-enable-banner.push-denied{background:linear-gradient(90deg,#f443361c,#ffffff06);border-color:#f4433638}.push-enable-banner.push-denied:hover{background:linear-gradient(90deg,#f4433626,#ffffff09)}.push-enable-arrow{flex-shrink:0;font-size:1.2rem;color:#f44336;opacity:.7;line-height:1}.push-enable-icon{font-size:1.3rem;flex-shrink:0}.push-enable-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.push-enable-text strong{font-size:.8rem;color:var(--text-main)}.push-enable-text span{font-size:.7rem;color:var(--text-sub)}.push-denied .push-enable-text strong{color:#f44336}.push-enable-btn{flex-shrink:0;padding:7px 13px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(180deg,#7ddcff,#4fc3f7);color:#111;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}.push-enable-btn:hover{background:#29b6f6;box-shadow:0 0 16px #4fc3f73d;transform:translateY(-1px)}@keyframes notificationHighlight{0%{box-shadow:0 0 #ff9800e6;background:#ff980040;transform:scale(1)}25%{box-shadow:0 0 40px 15px #ff980080;background:#ff98004d;transform:scale(1.02)}50%{box-shadow:0 0 30px 10px #ff980066;background:#ff980033;transform:scale(1)}75%{box-shadow:0 0 20px 5px #ff98004d;background:#ff980026}to{box-shadow:0 0 10px 2px #ff98001a;background:#ff98000d}}body.navigating-to-post .suggestion-card,body.navigating-to-post .reply-item{animation:none!important}.notif-nav-highlight{position:relative!important;z-index:1000!important;border:3px solid #ff9800!important;border-radius:12px!important;box-shadow:0 0 20px 5px #ff980099,0 0 40px 10px #ff980066,0 0 60px 15px #ff980033,inset 0 0 20px #ff98001a!important;animation:notifNavPulse 1.5s ease-in-out infinite!important;outline:none!important;overflow:visible!important}@keyframes notifNavPulse{0%,to{box-shadow:0 0 20px 5px #ff980099,0 0 40px 10px #ff980066,0 0 60px 15px #ff980033,inset 0 0 20px #ff98001a;border-color:#ff9800}50%{box-shadow:0 0 30px 10px #ff9800cc,0 0 60px 20px #ff980080,0 0 80px 25px #ff98004d,inset 0 0 30px #ff980026;border-color:#ffb74d}}.notif-nav-arrow{position:fixed!important;font-size:32px!important;color:#ff9800!important;text-shadow:0 0 10px #ff9800,0 0 20px #ff9800,0 0 30px rgba(255,152,0,.5)!important;animation:notifArrowBounce .8s ease-in-out infinite!important;z-index:10001!important;pointer-events:none!important;line-height:1!important}@keyframes notifArrowBounce{0%,to{transform:translateY(-50%) translate(0);opacity:1}50%{transform:translateY(-50%) translate(8px);opacity:.8}}@media (max-width: 768px){.notification-panel{width:auto;max-width:none;border-radius:14px}.notification-header{padding:12px;align-items:flex-start}.notification-header-title{font-size:.76rem;letter-spacing:.07em}.notification-header-actions{gap:5px}.notification-header-btn{min-height:34px;padding:6px 9px;font-size:.64rem}.notification-list{padding:8px}.notification-item{gap:10px;min-height:70px;padding:11px 36px 11px 10px;border-radius:10px}.notif-avatar{width:38px;height:38px}.notification-message{font-size:.82rem;gap:4px}.notification-preview{padding:7px 9px;font-size:.76rem}.notification-dismiss{opacity:.8;top:8px;right:8px}.notification-empty{min-height:180px;margin:6px;padding:28px 16px}.push-enable-banner{margin:8px 8px 0;padding:10px;align-items:flex-start}.push-enable-btn{min-height:34px}.notif-nav-arrow{left:-30px!important;font-size:24px!important}.notif-nav-highlight{box-shadow:0 0 15px 3px #ff980099,0 0 30px 8px #ff980066,inset 0 0 15px #ff98001a!important}}.notification-target:before{content:"?";position:absolute;left:-40px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--accent, #ff9800);text-shadow:0 0 10px var(--accent, #ff9800);animation:notificationArrow 1s ease-in-out infinite;z-index:100}@keyframes notificationArrow{0%,to{transform:translateY(-50%) translate(0);opacity:1}50%{transform:translateY(-50%) translate(5px);opacity:.7}}.notification-highlight,.reply-item.notification-highlight,.nested-reply-item.notification-highlight,.suggestion-card.notification-highlight,.chat-message-item.notification-highlight,.chat-message-standalone.notification-highlight{animation:notificationHighlight 4s ease-out forwards;border:3px solid var(--accent, #ff9800)!important;border-radius:12px!important;position:relative;z-index:100;box-shadow:0 0 40px #ff980080,0 0 80px #ff98004d,inset 0 0 30px #ff980026!important;outline:4px solid rgba(255,152,0,.3);outline-offset:4px}.notification-highlight-pulse{animation:notificationPulse 1s ease-in-out 3}@keyframes notificationPulse{0%,to{box-shadow:0 0 40px #ff980080,0 0 80px #ff98004d,inset 0 0 30px #ff980026;outline-color:#ff98004d}50%{box-shadow:0 0 60px #ff9800b3,0 0 120px #ff980066,inset 0 0 40px #ff980033;outline-color:#ff980099}}.notification-container{position:relative;display:flex;align-items:center}@media (max-width: 480px){.notification-panel{position:fixed!important;top:calc(var(--header-height) + 8px + env(safe-area-inset-top,0px))!important;left:calc(8px + env(safe-area-inset-left,0px))!important;right:calc(8px + env(safe-area-inset-right,0px))!important;width:auto!important;max-width:none!important;border-radius:14px!important;max-height:calc(100vh - var(--header-height) - 20px);max-height:calc(100dvh - var(--header-height) - 20px);transform:translateY(8px) scale(.98)!important}.notification-panel.show{transform:translateY(0) scale(1)!important}.notification-item{padding:11px 36px 11px 10px}.notif-avatar{width:36px;height:36px}.notification-target:before{left:-25px;font-size:18px}}#notification-toast-container{position:fixed;bottom:20px;right:20px;z-index:10000;display:flex;flex-direction:column-reverse;gap:10px;max-width:380px;pointer-events:none}.notification-toast{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid var(--border-color);border-left:4px solid var(--accent);border-radius:12px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;box-shadow:0 10px 40px #00000080,0 0 20px #ff98001a;transform:translate(120%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;cursor:pointer;position:relative}.notification-toast.show{transform:translate(0);opacity:1}.notification-toast.hiding{transform:translate(120%);opacity:0}.notification-toast:hover{border-color:#555;transform:translate(-5px);box-shadow:0 15px 50px #0009,0 0 30px #ff980033}.toast-avatar{flex-shrink:0;width:36px;height:36px}.toast-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.toast-content{flex:1;min-width:0}.toast-message{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;font-size:.85rem;line-height:1.4;overflow:hidden}.toast-icon{font-size:.9rem;flex-shrink:0}.toast-user{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.toast-text{color:#aaa;white-space:nowrap;flex-shrink:0}.toast-preview{font-size:.8rem;color:#666;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.toast-time{font-size:.7rem;color:#555;margin-top:4px}.toast-close{position:absolute;top:6px;right:8px;background:transparent;border:none;color:#555;font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;transition:.2s;opacity:0}.notification-toast:hover .toast-close{opacity:1}.toast-close:hover{color:var(--urgent-red)}@keyframes toastSlideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@media (max-width: 480px){#notification-toast-container{left:10px;right:10px;bottom:10px;max-width:none}.notification-toast{width:100%}}.clan-header-banner-wrap{display:flex;align-items:stretch;width:100%;min-height:100px;background:linear-gradient(180deg,#1a1a1a,#2d2d2d,#1a1a1a);position:relative;overflow:hidden;border-radius:8px;max-width:100%;box-sizing:border-box;flex-shrink:0}.clan-header-banner-wrap.size-large{min-height:140px}.clan-header-banner-wrap.size-xlarge{min-height:180px}.clan-header-banner-wrap.layout-center{justify-content:center}.clan-header-banner-wrap.layout-center .clan-side-banner{display:none}.clan-header-banner-wrap.layout-center .clan-name-center{position:relative;width:100%}@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=number],input[type=search],input[type=url],select,textarea{font-size:16px!important}}@media (max-width: 768px){.community-sidebar{scroll-snap-type:x mandatory;scroll-padding:12px}.sidebar-section{scroll-snap-align:start}}@media (max-width: 768px){body{padding-bottom:env(safe-area-inset-bottom,0)}.chat-input-wrapper{padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media (max-width: 480px){html,body{font-size:14px;overflow-x:hidden}.dashboard{padding:10px;gap:12px;display:flex;flex-direction:column;contain:none}.dashboard>.card{flex-shrink:0;width:100%;content-visibility:visible;contain-intrinsic-size:unset}#xp-recap-card{order:1}#progress-hub-card{order:2}#rotations-card{order:3}#broadcasts-card{order:4}.card{min-height:480px;padding:15px;margin-bottom:0}#rotations-card,#xp-recap-card{min-height:0;height:auto}#xp-recap-card>.card-content,#xp-recap-content,#recap-body{flex:0 1 auto;min-height:auto;overflow:visible}#broadcasts-card{display:flex;flex-direction:column;height:clamp(360px,48vh,440px);min-height:360px;max-height:440px;overflow:hidden;padding:0}#broadcasts-card .card-content{flex:1 1 0;min-height:0;overflow:hidden}#broadcasts-card .broadcast-feed{flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.card:has(.chase-items-section){min-height:420px}.card-title{font-size:.75rem;letter-spacing:1px;gap:6px}.card-main-text{font-size:1.8rem;margin:8px 0}.card-sub-text{font-size:1rem}.icon-img{width:24px;height:24px}.special-box{padding:10px;margin-top:10px}.special-label{font-size:.6rem;margin-bottom:6px}.special-name{font-size:.9rem}.upcoming-row{margin-top:8px;padding-top:8px;font-size:.75rem}.upcoming-row span{font-size:.85rem}.rot-row{padding:6px 0}.rot-label{font-size:.75rem}.rot-val{font-size:.8rem}.chase-items-section{padding-top:6px;margin-top:auto!important}.chase-header{font-size:.65rem;margin-bottom:5px}.chase-grid{gap:6px}.chase-item{width:32px;height:32px}.tasks-container{padding:10px}.task-card{height:auto;min-height:400px}.tab-header{flex-wrap:wrap}.tab-btn{padding:10px 8px;font-size:.7rem;min-width:60px;flex:1 1 auto}.tab-content{padding:12px}.reset-bar{padding:8px;font-size:.75rem;margin-bottom:10px}.reset-time{display:block;margin-top:3px;margin-left:0}.task-grid{grid-template-columns:1fr;gap:8px}.task-item{padding:10px 12px}.task-item label{font-size:.85rem}.tracker-controls{padding:10px!important;gap:10px!important}.tracker-controls.dual-search{padding:10px!important}.search-section{padding:10px}.search-box-large{padding:10px 12px;font-size:14px}.search-box-styled button{padding:10px 15px;font-size:.8rem}.mode-toggle{gap:5px}.mode-toggle button{padding:8px 12px;font-size:.75rem}.profile-header{padding:12px}#p-name{font-size:1.2rem}.stats-row{gap:8px;flex-wrap:wrap}.stat-badge{padding:4px 8px;font-size:.7rem}.skills-grid .skill-card-detailed{flex:0 0 calc(50% - 6px);min-width:calc(50% - 6px);max-width:calc(50% - 6px)}.clan-name-title{font-size:1.4rem;letter-spacing:1px}.clan-stats-pills{flex-direction:column;gap:8px}.stat-pill-box{width:100%;justify-content:center}.modal-content{width:95%;margin:10px auto;padding:15px;max-height:90vh}.modal-content h2{font-size:1.2rem}button:not(.bc-react-btn):not(.bc-profile-btn):not(.bc-react-add):not(.bc-reaction-trigger):not(.recap-tab),.btn,.nav-btn,.tab-btn,.action-btn,.submit-btn{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important}.community-tabs{padding:8px;gap:5px}.community-tab-btn{padding:8px 12px;font-size:.75rem}.suggestions-feed{padding:10px}.suggestion-card{padding:12px}.card-header{gap:8px;margin-bottom:10px}.avatar-main{width:36px;height:36px}.user-name-large{font-size:.9rem}.card-body{font-size:.85rem}.chat-messages-container{padding:10px}.chat-msg{max-width:85%;padding:8px 10px;font-size:.85rem}.chat-input-area{padding:10px}.chat-input-wrapper input{padding:10px 12px;font-size:14px}.profile-grid{padding:10px;gap:15px}.profile-hero{padding:20px 15px}.profile-avatar-large{width:80px;height:80px}.profile-name-display{font-size:1.4rem}.wall-container{min-height:400px}.wall-header,.wall-input-area,.wall-feed{padding:12px}.custom-timer-wrapper{grid-template-columns:1fr;gap:15px}.ct-form-body{padding:15px;gap:12px}.ct-row-split{grid-template-columns:1fr;gap:12px}.merchant-grid-layout{grid-template-columns:1fr;max-width:100%}.merchant-item-box{min-height:80px}.tracker-container{padding:10px!important}.tracker-split-layout:not([style*="display: none"]){display:flex!important;flex-direction:column!important;gap:15px!important}#player-results{grid-column:auto!important;order:-1}.results-section,.sidebar-panel{width:100%!important;min-height:400px!important;max-height:600px!important;height:auto!important;overflow-y:auto!important}.right-sidebar{width:100%!important;min-height:400px!important;max-height:600px!important;overflow-y:auto!important}.profile-header{padding:15px 55px 12px 12px!important;flex-direction:column;align-items:center;text-align:center}.profile-identity{flex-direction:row!important;gap:12px!important;text-align:left;flex-wrap:nowrap}.profile-details-col{align-items:flex-start!important;text-align:left;min-width:0;flex:1}#p-avatar{width:55px!important;height:55px!important;flex-shrink:0}#p-name{font-size:1.1rem!important;text-align:left!important}#clan-banner-container{top:6px!important;right:5px!important}#clan-banner-img{width:40px!important;height:40px!important}.profile-meta-row{flex-direction:column;gap:8px;align-items:center;justify-content:center}.rank-badge{font-size:.75rem;padding:3px 8px}.rank-toggle-container{margin-left:0!important;justify-content:center}#clan-banner-container{position:relative!important;top:0!important;right:0!important;margin-top:10px}#clan-banner-img{width:80px!important;height:80px!important}.stats-row{justify-content:center!important;gap:6px}.stat-pill{padding:3px 8px;font-size:.75rem}.stat-pill span{font-size:.75rem}.stat-pill img{width:16px;height:16px}.skills-grid .skill-card-detailed{flex:0 0 calc(50% - 5px)!important;min-width:calc(50% - 5px)!important;max-width:calc(50% - 5px)!important}.sidebar-tabs{flex-wrap:wrap}.sidebar-tab-btn{flex:1 1 auto;padding:10px 8px;font-size:.7rem;min-width:70px}.sidebar-content{padding:12px!important}body.xp-page .sidebar-panel #tab-notepad.sidebar-content{padding:0!important;overflow:hidden!important}body.xp-page .sidebar-panel #tab-notepad.active{min-height:420px;max-height:none}.highlights-container{gap:8px}.highlight-card{padding:10px}.highlight-content{font-size:.95rem}.cape-progress-card{padding:10px}.rtm-label{font-size:.7rem}#clan-results{width:100%!important;overflow:visible!important}.clan-header-banner{padding:15px 10px!important;gap:15px!important}.clan-name-title{font-size:1.5rem!important;letter-spacing:1px!important}.clan-stats-pills{flex-direction:column!important;gap:8px!important;width:100%}.stat-pill-box{width:100%!important;padding:8px 15px!important;justify-content:space-between!important}.pill-label{font-size:.65rem}.pill-val{font-size:.95rem}.clan-podiums-container{grid-template-columns:1fr!important;gap:15px!important;margin:10px 0 20px!important}.podium-group{padding:12px}.podium-header{font-size:.85rem;margin-bottom:10px;padding-bottom:8px}.podium-grid{gap:6px}.podium-card{padding:8px}.podium-card.rank-1{min-height:110px}.medal-icon{font-size:1.2rem}.podium-avatar{width:32px;height:32px}.rank-1 .podium-avatar{width:40px;height:40px}.podium-name{font-size:.75rem}.podium-val{font-size:.65rem}.clan-controls{flex-direction:column;gap:10px}#clan-filter-input{width:100%!important}.table-config-bar{flex-direction:column;gap:6px;text-align:center;margin:0 8px 8px}.clan-table-wrapper{margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.clan-table{min-width:600px;font-size:.8rem}.clan-table th,.clan-table td{padding:8px 6px;font-size:.75rem}.tracker-controls.dual-search{flex-direction:column!important;gap:12px!important;padding:12px!important}.search-section{width:100%;padding:0}.search-box-large{flex-direction:column;min-width:100%!important;max-width:100%!important;gap:8px}.search-box-large input{width:100%}.search-box-large button{width:100%;justify-content:center;padding:12px}.mode-toggle{width:100%;justify-content:center}.mode-btn{flex:1;padding:10px 8px;font-size:.8rem}.search-divider{display:none!important}}@media (max-width: 360px){html,body{font-size:13px}.dashboard{padding:8px;gap:10px}.card{padding:12px}.card-title{font-size:.7rem}.card-main-text{font-size:1.5rem}.tab-btn{padding:8px 5px;font-size:.65rem;min-width:50px}.task-item{padding:8px 10px}.task-item label{font-size:.8rem}.chase-item{width:28px;height:28px}.modal-content{width:98%;margin:5px;padding:12px}button,.btn,.nav-btn,.tab-btn{min-height:40px}.skill-card-detailed{flex:1 1 calc(50% - 3px)!important;min-width:calc(50% - 3px)!important;padding:6px!important;min-height:75px!important}.skill-lvl{font-size:.9rem!important}.skill-icon-lg{width:18px!important;height:18px!important}#p-name{font-size:1.1rem!important}#p-avatar{width:60px!important;height:60px!important}.clan-name-title{font-size:1.2rem!important}.podium-card.rank-1{min-height:95px}.podium-name{font-size:.65rem}}.pwa-update-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #667eea66;z-index:10000;animation:slideUp .3s ease}.pwa-update-toast button{background:#fff3;border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.pwa-update-toast button:hover{background:#ffffff4d}.pwa-update-toast button:last-child{padding:6px 8px;background:transparent}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pwa-install-prompt{position:fixed;bottom:20px;right:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;max-width:300px;box-shadow:var(--shadow-lg);z-index:10000;animation:slideIn .3s ease}.pwa-install-prompt h4{margin:0 0 8px;color:var(--text-main);display:flex;align-items:center;gap:8px}.pwa-install-prompt p{margin:0 0 12px;color:var(--text-sub);font-size:.85rem}.pwa-install-buttons{display:flex;gap:8px}.pwa-install-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.pwa-install-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pwa-install-btn.secondary{background:var(--bg-input);color:var(--text-sub);border:1px solid var(--border-color)}.pwa-install-btn:hover{transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}header{padding-top:env(safe-area-inset-top)}}@supports (padding: max(0px)){.pwa-update-toast{bottom:max(20px,env(safe-area-inset-bottom))}.pwa-install-prompt{bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right))}}@media (max-width: 768px){.skill-card-detailed{flex:none!important;min-width:0!important;max-width:none!important;width:100%!important}}@media (min-width: 921px) and (max-width: 1200px){.tracker-split-layout:not([style*="display: none"]){display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:15px!important}.tracker-split-layout .sidebar-panel:first-of-type{grid-column:1;grid-row:1}.tracker-split-layout .results-section{grid-column:1 / -1;grid-row:2}.tracker-split-layout .right-sidebar{grid-column:2;grid-row:1}.sidebar-panel,.right-sidebar{max-height:550px;overflow-y:auto}}@media (min-width: 717px) and (max-width: 920px){.dashboard{grid-template-columns:repeat(2,1fr)!important;gap:12px;max-width:1400px}.tracker-split-layout:not([style*="display: none"]){display:flex!important;flex-direction:column!important;gap:15px!important}.sidebar-panel{width:100%!important;max-height:500px!important;order:2;overflow-y:auto!important}.results-section{width:100%!important;order:1}.right-sidebar{width:100%!important;order:3;max-height:500px!important;overflow-y:auto!important}.skill-card-detailed{flex:none!important;min-width:0!important;width:100%!important}.clan-table-wrapper{overflow-x:auto}.notification-panel{position:fixed!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:90vw!important;max-width:400px!important}.notification-panel.show{transform:translate(-50%) translateY(0) scale(1)!important}}#clan-results:not([style*="display: none"])~.sidebar-panel,#clan-results:not([style*="display: none"])~.right-sidebar{display:none!important}.tracker-split-layout[style*="display: none"]{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}#clan-results{width:100%;border-radius:8px}@media (max-width: 768px){#clan-results{padding:10px}.clan-header-banner-wrap{flex-direction:column;padding:15px}.clan-name-title{font-size:1.3rem!important}.clan-compact-header,.clan-banner-stats-overlay{flex-direction:column;gap:10px}.clan-header-stats{flex-wrap:wrap;justify-content:center;gap:8px}.mini-stat{flex:0 0 auto}}@keyframes gradient-shift-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-overlay{background:linear-gradient(135deg,#667eea26,#764ba226,#ff980026);background-size:400% 400%;animation:gradient-shift-bg 15s ease infinite;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);display:flex;align-items:center;justify-content:center;padding:20px}.profile-card{background:linear-gradient(135deg,#161616f2,#1a1a1afa);border:2px solid transparent;background-clip:padding-box;position:relative;width:85%;max-width:900px;height:90vh;min-height:500px;max-height:95vh;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px #ff98001a,0 20px 60px #000c,0 0 80px #ff980026,inset 0 1px #ffffff0d;display:flex;flex-direction:column;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.profile-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;padding:2px;background:linear-gradient(135deg,#ff980066,#667eea66,#764ba266);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6;animation:border-glow 3s ease infinite}@keyframes border-glow{0%,to{opacity:.4}50%{opacity:.8}}.profile-close-btn{position:absolute;top:20px;right:20px;z-index:10;background:linear-gradient(135deg,#ff323233,#c81e1e4d);border:1px solid rgba(255,50,50,.3);color:#ff6b6b;width:40px;height:40px;border-radius:12px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-close-btn:hover{background:linear-gradient(135deg,#ff323266,#c81e1e80);border-color:#ff323299;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 20px #ff323266}.profile-header{flex-shrink:0;background:transparent;border-bottom:2px solid rgba(255,152,0,.15);position:relative}.profile-banner{height:140px;background:linear-gradient(135deg,#667eea,#764ba2,#ff9800);background-size:200% 200%;animation:gradient-shift 10s ease infinite;background-position:center;position:relative;overflow:hidden}.profile-banner.has-image{background:none!important;animation:none!important}.profile-banner.has-image:after{display:none!important}.profile-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:1}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-header-content{padding:0 20px 15px;display:flex;align-items:flex-end;gap:15px;margin-top:-40px;position:relative}.profile-avatar-container{width:100px;height:100px;border-radius:50%;flex-shrink:0;position:relative;transition:all .4s ease;display:flex;align-items:center;justify-content:center}.profile-avatar-container .profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-user-info{flex:1;padding-bottom:5px;min-width:0}.profile-name-row{font-size:1.4rem;font-weight:900;line-height:1.3;margin-bottom:6px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));letter-spacing:-.5px;overflow:visible}.profile-name-row .user-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important}.profile-name-row>span:not([class*=name-effect-]):not(.user-title):not(.dev-badge){background:linear-gradient(135deg,#ffffff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-status-row{color:var(--text-sub);font-size:.85rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-msg{font-style:italic;color:var(--text-main);background:#ff98001a;padding:4px 12px;border-radius:16px;border:1px solid rgba(255,152,0,.2)}.pronouns{background:linear-gradient(135deg,#667eea33,#764ba233);padding:4px 12px;border-radius:16px;font-size:.85rem;font-weight:600;border:1px solid rgba(102,126,234,.3)}.profile-header-redesigned .profile-actions{display:flex;gap:8px;flex-shrink:0;margin-left:auto;align-self:flex-start}.profile-action-btn{background:linear-gradient(135deg,#ff98001a,#ff98000d);border:1px solid rgba(255,152,0,.3);color:var(--accent);width:42px;height:42px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.profile-action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,152,0,.2),transparent);transform:translate(-100%);transition:transform .5s ease}.profile-action-btn:hover:before{transform:translate(100%)}.profile-action-btn:hover{background:linear-gradient(135deg,#ff980033,#ff980026);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #ff98004d}.profile-action-btn.danger{background:linear-gradient(135deg,#ff333326,#ff33331a);border-color:#f336;color:#ff6b6b;width:auto;padding:0 16px;font-size:.9rem;font-weight:700}.profile-action-btn.danger:hover{background:linear-gradient(135deg,#ff333340,#f333);box-shadow:0 8px 20px #f336}.profile-nav{display:flex;padding:8px 30px;border-bottom:2px solid rgba(255,152,0,.1);background:linear-gradient(180deg,rgba(0,0,0,.2),transparent);gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-nav-item{background:transparent;border:none;color:var(--text-sub);padding:12px 24px;font-size:.95rem;font-weight:700;cursor:pointer;position:relative;transition:all .3s ease;border-radius:12px;letter-spacing:.3px}.profile-nav-item:hover{color:var(--text-main);background:#ff980014;transform:translateY(-1px)}.profile-nav-item.active{color:var(--accent);background:linear-gradient(135deg,#ff980026,#ff980014);box-shadow:0 4px 12px #ff980033,inset 0 1px #ff98004d}.profile-nav-item.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:3px 3px 0 0;box-shadow:0 -2px 10px var(--accent)}.profile-content{flex:1;overflow-y:auto;padding:30px;background:linear-gradient(180deg,#0003,#0000001a);position:relative}.profile-content:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(255,152,0,.03),transparent);pointer-events:none}.profile-panel{display:none;animation:fadeInUp .3s ease}.profile-panel.active{display:block}.profile-quick-stats{display:flex;justify-content:space-around;gap:12px;padding:16px;background:linear-gradient(135deg,#1e1e1ecc,#141414e6);border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:20px}.quick-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:12px;transition:all .2s ease}.quick-stat-item:hover{background:#ffffff0d}.quick-stat-item.accent{background:linear-gradient(135deg,#ff980026,#ff98000d);border:1px solid rgba(255,152,0,.3)}.quick-stat-item .quick-stat-icon{font-size:1.2rem}.quick-stat-item .quick-stat-value{font-size:1.4rem;font-weight:700;color:#fff}.quick-stat-item.accent .quick-stat-value{color:var(--accent)}.quick-stat-item .quick-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#888;font-weight:600}.profile-about-section{margin-bottom:20px}.profile-box.full-width{width:100%}.profile-overview-grid{display:grid;grid-template-columns:1fr minmax(0,320px);gap:20px}.profile-grid{display:grid;grid-template-columns:1fr minmax(0,300px);gap:25px}.profile-column{display:flex;flex-direction:column;gap:20px}.profile-box{background:linear-gradient(135deg,#1e1e1e99,#1a1a1a66);border:1px solid rgba(255,152,0,.15);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:all .3s ease;position:relative;overflow:hidden}.profile-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,152,0,.5),transparent)}.profile-box:hover{border-color:#ff98004d;transform:translateY(-2px);box-shadow:0 12px 48px #0006,0 0 20px #ff98001a,inset 0 1px #ffffff14}.profile-box-title{margin:0 0 15px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:700}.profile-text-content{line-height:1.6;color:var(--text-main);white-space:pre-wrap}.profile-details-list .detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-dark);font-size:.95rem}.profile-details-list .detail-row:last-child{border-bottom:none}.profile-details-list .label{color:var(--text-sub)}.status-pill{display:inline-block;padding:5px 14px;border-radius:16px;font-size:.8rem;font-weight:700;letter-spacing:.3px;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-pill.active{background:linear-gradient(135deg,#4caf5040,#4caf5026);color:#66bb6a;border-color:#4caf5066;box-shadow:0 2px 8px #4caf5033}.status-pill.idle{background:linear-gradient(135deg,#ff980040,#ff980026);color:#ffb74d;border-color:#ff980066;box-shadow:0 2px 8px #ff980033}.status-pill.offline{background:linear-gradient(135deg,#9e9e9e40,#9e9e9e26);color:#bdbdbd;border-color:#9e9e9e66;box-shadow:0 2px 8px #9e9e9e1a}.status-pill.hidden{background:linear-gradient(135deg,#ffffff26,#ffffff14);color:#ccc;border-color:#fff3}.profile-tags-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-chip{background:linear-gradient(135deg,#ff98001f,#ff98000f);border:1px solid rgba(255,152,0,.25);padding:6px 14px;border-radius:16px;font-size:.85rem;color:var(--accent);font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tag-chip:hover{background:linear-gradient(135deg,#ff980033,#ff98001f);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #ff98004d}.profile-links-list{display:flex;flex-direction:column;gap:10px}.link-item{display:flex;align-items:center;gap:10px;color:var(--accent);text-decoration:none;font-weight:500;padding:8px;background:#ff98000d;border-radius:8px;transition:.2s}.link-item:hover{background:#ff98001a}.profile-players-list{display:flex;flex-direction:column;gap:8px}.linked-player-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;text-decoration:none;color:inherit;transition:all .2s ease;cursor:pointer}.linked-player-card:hover{background:#ff98001a;border-color:#ff98004d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.linked-player-avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,152,0,.4);object-fit:cover;background:#1a1a2e;flex-shrink:0}.linked-player-info{display:flex;flex-direction:column;gap:2px;min-width:0}.linked-player-name{font-weight:600;font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-player-label{font-size:.75rem;color:var(--accent, #ff9800);opacity:.8}.linked-player-card:hover .linked-player-label{opacity:1}.players-editor-grid{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.player-edit-row{display:flex;align-items:center;gap:8px}.player-edit-num{font-size:.8rem;color:#666;min-width:20px;text-align:center}.btn-remove-player{background:none;border:1px solid rgba(255,80,80,.3);color:#ff5050;border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;flex-shrink:0}.btn-remove-player:hover{background:#ff505026;border-color:#ff5050}.btn-add-player{background:none;border:1px dashed rgba(255,165,0,.4);color:#ff9800;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:.82rem;margin-top:4px;transition:background .2s,border-color .2s}.btn-add-player:hover{background:#ffa5001a;border-color:#ff9800}.form-hint{font-size:.78rem;color:#777;margin:0 0 10px}.profile-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.profile-showcase-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.showcase-card{background:var(--bg-dropdown);border:1px solid var(--border-dark);border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-main);transition:.2s}.showcase-card:hover{transform:translateY(-2px);border-color:var(--accent)}.showcase-icon{font-size:1.5rem}.showcase-info{min-width:0}.showcase-title{font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-url{font-size:.8rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-edit-form{max-width:600px;margin:0 auto}.form-section{margin-bottom:30px;background:var(--bg-card);padding:20px;border-radius:16px;border:1px solid var(--border-dark)}.form-section h4{margin:0 0 20px;color:var(--accent);border-bottom:1px solid var(--border-dark);padding-bottom:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;color:var(--text-sub)}.style-input{width:100%;background:var(--bg-input);border:1px solid var(--border-dark);color:var(--text-main);padding:10px 12px;border-radius:8px;font-size:.95rem;transition:.2s}.style-input:focus{border-color:var(--accent);outline:none}textarea.style-input{min-height:100px;resize:vertical}.char-count{text-align:right;font-size:.8rem;color:var(--text-dim);margin-top:4px}.showcase-editor-grid{display:flex;flex-direction:column;gap:10px}.showcase-edit-row{display:grid;grid-template-columns:1fr 2fr;gap:10px}.error-msg{color:var(--urgent-red);font-size:.9rem}.profile-stats-container{max-width:900px;margin:0 auto}.stats-section{margin-bottom:40px}.stats-section-title{font-size:1.2rem;font-weight:700;margin-bottom:20px;color:var(--text-main);display:flex;align-items:center;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-dropdown) 100%);border:1px solid var(--border-dark);border-radius:16px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 8px 20px #ff980033}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.stat-label{font-size:.85rem;color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px}.achievements-summary{margin-bottom:20px;text-align:center}.achievements-count{font-size:1.1rem;font-weight:700;color:var(--accent);display:block;margin-bottom:10px}.achievements-progress-bar{width:100%;height:10px;background:var(--bg-darker);border-radius:10px;overflow:hidden;border:1px solid var(--border-dark)}.achievements-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffd700);border-radius:10px;transition:width .5s ease;box-shadow:0 0 10px #ff980080}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.achievement-card{background:var(--bg-card);border:2px solid var(--border-dark);border-radius:12px;padding:15px;display:flex;gap:12px;align-items:center;transition:all .3s ease;position:relative}.achievement-card:not(.locked){border-color:var(--accent);background:linear-gradient(135deg,rgba(255,152,0,.1) 0%,var(--bg-card) 50%)}.achievement-card:not(.locked):hover{transform:scale(1.05);box-shadow:0 8px 20px #ff98004d}.achievement-card.locked{opacity:.6;filter:grayscale(50%)}.achievement-card.locked:hover{opacity:.8}.achievement-card.unlocked{border-color:var(--accent);background:linear-gradient(135deg,rgba(255,152,0,.1) 0%,var(--bg-card) 50%)}.achievement-check{color:var(--accent);font-size:1.2rem;font-weight:700;background:#ff980033;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-lock{font-size:.9rem;opacity:.5}.achievement-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.achievement-info{flex:1;min-width:0}.achievement-name{font-weight:700;font-size:.95rem;color:var(--text-main);margin-bottom:2px}.achievement-desc{font-size:.8rem;color:var(--text-dim)}.badges-container{display:flex;flex-wrap:wrap;gap:12px}.badge-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 4px 10px #667eea4d;transition:all .3s ease}.badge-item:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea80}.badge-item.gold{background:linear-gradient(135deg,gold,#aa9d56);color:#000}.badge-item.silver{background:linear-gradient(135deg,silver,gray);color:#000}.badge-item.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border-radius:8px;transition:.2s}.checkbox-label:hover{background:var(--bg-hover)}.checkbox-input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.range-value{display:inline-block;margin-left:10px;font-size:.9rem;color:var(--accent);font-weight:600;min-width:30px}.profile-banner.has-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 100%);z-index:1}.profile-avatar-container{position:relative}.profile-avatar-container:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));opacity:0;transition:opacity .3s ease;z-index:-1}.profile-avatar-container:hover:before{opacity:.5;animation:pulse 2s infinite}.empty-state{text-align:center;padding:40px 20px;color:var(--text-dim);font-style:italic}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:20px}.btn-primary{background:var(--accent);color:#000;border:none;padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.privacy-settings{max-width:600px;margin:0 auto;background:var(--bg-card);padding:25px;border-radius:16px;border:1px solid var(--border-dark)}.privacy-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-dark);cursor:pointer}.privacy-row:last-of-type{border-bottom:none}.privacy-title{display:block;font-weight:600;margin-bottom:4px}.privacy-desc{font-size:.85rem;color:var(--text-dim)}@media (max-width: 768px){.profile-card{height:100%;max-height:none;border-radius:0}.profile-grid{grid-template-columns:1fr}.profile-header-content{flex-direction:column;align-items:center;text-align:center;margin-top:-60px}.profile-actions{justify-content:center}.profile-nav{padding:0 15px;overflow-x:auto}.profile-nav-item{white-space:nowrap}.form-row{grid-template-columns:1fr}}.chat-preview-popup{position:fixed;bottom:20px;right:20px;width:320px;background:var(--bg-card);border:1px solid var(--border-dark);border-radius:12px;padding:12px;box-shadow:0 8px 32px #0006;z-index:10000;opacity:0;transform:translateY(20px) scale(.95);transition:opacity .3s ease,transform .3s ease;cursor:pointer}.chat-preview-popup.show{opacity:1;transform:translateY(0) scale(1)}.chat-preview-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.chat-preview-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--bg-dark)}.chat-preview-username{font-weight:600;color:var(--text-light);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview-close{background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.chat-preview-close:hover{color:var(--text-light)}.chat-preview-text{color:var(--text-dim);font-size:.9rem;line-height:1.4;margin-bottom:10px;word-wrap:break-word}.chat-preview-link{display:block;text-align:right;font-size:.85rem;color:var(--accent);text-decoration:none;font-weight:500}.chat-preview-link:hover{text-decoration:underline}@media (max-width: 480px){.chat-preview-popup{left:10px;right:10px;width:auto;bottom:10px}}.profile-header-redesigned{display:flex;align-items:center;gap:24px;padding:24px 30px;background:linear-gradient(180deg,#0006,#0003);border-bottom:1px solid rgba(255,152,0,.15);position:relative}.profile-avatar-large-container{--av-color: #ff9800;width:120px;height:120px;border-radius:50%;flex-shrink:0;position:relative;padding:4px;transition:all .4s ease}.profile-avatar-large-container.avatar-basic-style{background:var(--av-color);box-shadow:0 0 30px var(--av-color),0 8px 32px #00000080}.profile-avatar-large-container.avatar-fancy-style{background:transparent;padding:0;box-shadow:none}.profile-avatar-large-container:hover{transform:scale(1.05)}.profile-avatar-large-container.avatar-basic-style:hover{box-shadow:0 0 40px var(--av-color),0 12px 40px #0009}.profile-avatar-large-container .profile-avatar-large{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar-large-container.avatar-fancy-style .profile-avatar-large{width:120px;height:120px}.profile-avatar-large-container .profile-avatar-large:not([class*=avatar-style-]){border:3px solid var(--av-color, var(--accent))}.profile-identity{flex:1;min-width:0}.profile-name-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:1.8rem;font-weight:900;line-height:1.35;margin-bottom:8px;overflow:visible}.profile-name-main{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));white-space:nowrap;order:1;overflow:visible}.profile-title-prefix{order:0}.profile-title-suffix{order:2}.profile-user-title{font-size:.85rem;font-weight:600;font-style:italic;opacity:.9;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);padding:2px 10px;border-radius:12px;border:1px solid currentColor;border-color:inherit}.profile-blurb{font-size:.95rem;color:var(--text-sub);font-style:italic;margin-top:8px;padding:8px 14px;background:#ffffff08;border-radius:12px;border-left:3px solid rgba(255,152,0,.4);max-width:500px}.profile-highlight-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.profile-highlight-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#1e1e1ef2,#141414fa);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.profile-highlight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s ease}.profile-highlight-card:hover{transform:translateY(-2px);border-color:#ff98004d;box-shadow:0 8px 24px #0006}.profile-highlight-card:hover:before{opacity:1}.profile-highlight-card.proudest-achievement{border-left:4px solid #ffd700}.profile-highlight-card.active-goal{border-left:4px solid #4fc3f7}.highlight-icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.highlight-content{flex:1;min-width:0}.highlight-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:4px;font-weight:700}.highlight-value{font-size:1.1rem;font-weight:700;color:#fff;line-height:1.4}.highlight-value .not-set{color:#555;font-style:italic;font-weight:400}.goal-progress-container{margin-top:12px}.goal-progress-bar{height:8px;background:#0006;border-radius:4px;overflow:hidden;position:relative}.goal-progress-fill{height:100%;background:linear-gradient(90deg,#4fc3f7,#29b6f6,#4fc3f7);background-size:200% 100%;animation:progress-shimmer 2s ease infinite;border-radius:4px;transition:width .5s ease;box-shadow:0 0 10px #4fc3f780}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.goal-progress-text{font-size:.75rem;color:#888;margin-top:6px;font-weight:600}.profile-goals-section{margin-bottom:20px}.profile-goals-list{display:flex;flex-direction:column;gap:10px}.goals-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#888;font-size:.85rem}.goals-spinner{width:16px;height:16px;border:2px solid rgba(255,152,0,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-goal-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#1e1e1ecc,#141414e6);border:1px solid rgba(79,195,247,.15);border-left:4px solid #4fc3f7;border-radius:12px;transition:all .2s ease}.profile-goal-card:hover{border-color:#4fc3f759;transform:translateY(-1px);box-shadow:0 4px 16px #4fc3f726}.profile-goal-skill-icon{width:32px;height:32px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.profile-goal-info{flex:1;min-width:0}.profile-goal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.profile-goal-skill{font-weight:700;font-size:.95rem;color:#fff}.profile-goal-player{font-size:.75rem;color:#888;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-goal-target{font-size:.8rem;color:#aaa}.profile-goal-meta{display:block;margin-bottom:6px;min-width:0}.profile-goal-start-date{display:block;width:fit-content;max-width:100%;font-size:.68rem;font-weight:700;color:#7fd7ff;background:#4fc3f71f;border:1px solid rgba(79,195,247,.16);border-radius:999px;padding:3px 8px;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-goal-card .goal-progress-bar{height:6px;margin-bottom:0}.profile-goal-percent{font-size:.7rem;color:#4fc3f7;font-weight:700;margin-top:4px;text-align:right}.profile-supporter-collection-section{margin-bottom:20px}.profile-showcase-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,152,0,.3),transparent);margin:28px 0}.profile-showcase-section-title{font-size:1rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px}.supporter-display-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.supporter-display-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.supporter-display-stars{display:flex;align-items:center;gap:2px}.supporter-display-stars .user-star{width:22px;height:22px}.supporter-summary{display:flex;gap:10px;flex-wrap:wrap}.supporter-count-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid}.supporter-count-badge.stars{background:linear-gradient(135deg,#ffd7001f,#ffd7000d);border-color:#ffd7004d;color:gold}.supporter-count-badge.achs{background:linear-gradient(135deg,#ff98001f,#ff98000d);border-color:#ff98004d;color:var(--accent)}.supporter-grid-section{margin-bottom:24px}.supporter-subsection-title{font-size:.85rem;font-weight:700;color:#ccc;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.supporter-tier-showcase{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#1e1e1eb3,#14141480);border:1px solid rgba(255,255,255,.08);border-radius:10px}.supporter-tier-showcase-desc{font-size:.8rem;color:#aaa}.supporter-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.supporter-item-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:linear-gradient(135deg,#1e1e1eb3,#14141480);border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .3s ease;position:relative}.supporter-item-card:hover{transform:translateY(-3px);border-color:#ffd7004d;box-shadow:0 8px 24px #0000004d}.supporter-item-card.selected{border-color:#ffd70066;background:linear-gradient(135deg,#ffd70014,#1e1e1eb3);box-shadow:0 0 12px #ffd7001a}.supporter-item-icon{width:36px;height:36px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.supporter-item-icon.achievement-badge{height:32px;width:auto}.supporter-item-name{font-size:.75rem;font-weight:600;color:#ccc;text-align:center;line-height:1.3}.supporter-item-count{position:absolute;top:6px;right:8px;font-size:.65rem;font-weight:700;color:gold;background:#00000080;padding:1px 6px;border-radius:8px}.supporter-item-equipped{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:#4caf50;font-weight:700;background:#4caf5026;padding:2px 8px;border-radius:6px;border:1px solid rgba(76,175,80,.3)}@media (max-width: 480px){.supporter-items-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.profile-rs-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:4px}.profile-rs-stats-section,.profile-skill-radar-section{min-width:0}#profile-character-switcher{margin-bottom:12px}.character-switcher-tabs{display:flex;gap:6px;padding:4px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}.character-switcher-tabs::-webkit-scrollbar{display:none}.character-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:9px;background:transparent;color:#ffffff8c;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.character-tab:hover{background:#ffffff0f;color:#fffc}.character-tab.active{background:rgba(var(--accent-rgb, 59, 130, 246),.15);border-color:rgba(var(--accent-rgb, 59, 130, 246),.3);color:var(--accent, #3b82f6);box-shadow:0 0 12px rgba(var(--accent-rgb, 59, 130, 246),.1)}.character-tab-avatar{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);background:#0000004d;flex-shrink:0}.character-tab.active .character-tab-avatar{border-color:var(--accent, #3b82f6)}.character-tab-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 600px){.character-tab{padding:6px 12px;font-size:.78rem}.character-tab-avatar{width:18px;height:18px}}.rs-stats-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.rs-stats-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:#0000004d}.rs-stats-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rs-stats-player-name{font-weight:700;font-size:.95rem;color:var(--text-main, #fff)}.rs-online-badge{font-size:.7rem;font-weight:700;color:#4caf50;background:#4caf501f;padding:2px 8px;border-radius:10px;border:1px solid rgba(76,175,80,.25);letter-spacing:.3px;animation:pulse-soft 2s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}.rs-stats-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.rs-stat-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;flex:0 1 calc(33.333% - 8px);min-width:80px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);transition:background .2s,border-color .2s}.rs-stat-cell:hover{background:#ffffff0f;border-color:#ffffff14}.rs-stat-value{font-size:1.1rem;font-weight:800;color:var(--accent, #3b82f6);letter-spacing:-.3px}.rs-stat-label{font-size:.7rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.skill-radar-svg{display:block;width:100%;max-width:340px;margin:0 auto;overflow:visible}.radar-data-polygon{animation:radar-grow .6s cubic-bezier(.22,1,.36,1) forwards;transform-origin:center}@keyframes radar-grow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.profile-heatmap-section{margin-bottom:16px;padding:16px;border-radius:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.heatmap-count{font-size:.85rem;font-weight:700;color:var(--text-main, #fff)}.heatmap-range{font-size:.75rem;font-weight:500;color:#ffffff59}.heatmap-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);padding-bottom:4px}.heatmap-scroll::-webkit-scrollbar{height:4px}.heatmap-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.heatmap-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.heatmap-svg{display:block;min-width:200px}.heatmap-svg rect{transition:opacity .15s}.heatmap-svg rect:hover{opacity:.8!important;stroke:#fff6;stroke-width:1}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:8px}.heatmap-legend-label{font-size:.65rem;color:#ffffff4d;margin:0 2px}.heatmap-legend-cell{width:10px;height:10px;border-radius:2px}.profile-records-section{margin-bottom:16px}.profile-personal-records{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.record-card{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:transform .2s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.record-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:2px 2px 0 0}.record-card.gold:before{background:linear-gradient(90deg,gold,#ffb300,gold);box-shadow:0 0 10px #ffd7004d}.record-card.silver:before{background:linear-gradient(90deg,silver,#a0a0a0,silver);box-shadow:0 0 8px #c0c0c033}.record-card.bronze:before{background:linear-gradient(90deg,#cd7f32,#b8702b,#cd7f32);box-shadow:0 0 8px #cd7f3233}.record-card:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:0 4px 16px #0000004d}.record-card.empty{opacity:.4;flex-direction:column;text-align:center;gap:4px}.record-icon{font-size:1.6rem;flex-shrink:0}.record-info{display:flex;flex-direction:column;gap:1px;min-width:0}.record-label{font-size:.7rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.record-value{font-size:1rem;font-weight:800;color:var(--text-main, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-card.gold .record-value{color:gold}.record-card.silver .record-value{color:#d0d0d0}.record-card.bronze .record-value{color:#cd7f32}.record-date{font-size:.65rem;color:#ffffff4d}@media (max-width: 600px){.profile-rs-overview{grid-template-columns:1fr}.rs-stats-grid{gap:6px}.rs-stat-cell{flex:0 1 calc(50% - 4px);min-width:70px}.skill-radar-svg{max-width:280px}.profile-personal-records{grid-template-columns:1fr}.record-card.empty{flex-direction:row}}.form-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:16px 0}.form-group.flex-2{flex:2}.label-hint{font-size:.75em;color:#666;font-weight:400}@media (max-width: 768px){.profile-content{padding:20px}.profile-header-redesigned{flex-direction:column;text-align:center;padding:20px}.profile-avatar-large-container,.profile-avatar-large-container.avatar-fancy-style .profile-avatar-large{width:100px;height:100px}.profile-name-title-row{align-items:center;font-size:1.4rem}.profile-blurb{max-width:100%;border-left:none;border-top:3px solid rgba(255,152,0,.4);text-align:center}.profile-header-redesigned .profile-actions{justify-content:center;width:100%;margin-top:12px;margin-left:0}.profile-identity{display:flex;flex-direction:column;align-items:center}.profile-highlight-section{grid-template-columns:1fr}.profile-highlight-card{padding:16px}.highlight-icon{font-size:2rem}.profile-quick-stats{flex-wrap:wrap;gap:8px}.quick-stat-item{flex:1 1 45%;min-width:80px}.profile-overview-grid,.permissions-grid{grid-template-columns:1fr}}@media (max-width: 1100px){.profile-overview-grid,.profile-grid,.stats-two-column,.profile-rs-overview{grid-template-columns:1fr}.profile-personal-records{grid-template-columns:repeat(2,1fr)}.profile-quick-stats{flex-wrap:wrap}.quick-stat-item{flex:1 1 calc(33% - 8px);min-width:80px}}@media (max-width: 1300px){.tracker-split-layout{grid-template-columns:minmax(250px,1fr) minmax(0,2fr) minmax(250px,1fr);gap:15px}.skills-grid .skill-card-detailed{flex:0 0 110px;min-width:110px;max-width:140px}}@media (max-width: 1100px){.tracker-split-layout{grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto!important;gap:12px!important}.tracker-split-layout>.sidebar-panel:first-child{grid-column:1;grid-row:1}.tracker-split-layout>.results-section{grid-column:1 / -1;grid-row:2}.tracker-split-layout>.right-sidebar{grid-column:2;grid-row:1}.skills-grid .skill-card-detailed{flex:0 0 105px;min-width:105px;max-width:130px}}@media (min-width: 1400px){.tracker-split-layout{grid-template-columns:minmax(300px,360px) minmax(0,900px) minmax(300px,360px)}.community-sidebar-left,.community-sidebar-right{width:260px;max-width:260px}}@media (min-width: 1600px){.tracker-split-layout{grid-template-columns:minmax(340px,400px) minmax(0,950px) minmax(340px,400px)}.community-sidebar-left,.community-sidebar-right{width:280px;max-width:280px}}@media (min-width: 1920px){.tracker-split-layout{grid-template-columns:420px minmax(0,1100px) 420px;max-width:2200px;margin-left:auto;margin-right:auto}.community-hub{max-width:1900px;margin-left:auto;margin-right:auto}.community-sidebar-left,.community-sidebar-right{width:300px;max-width:300px}}@media (min-width: 2560px){.tracker-split-layout{grid-template-columns:480px minmax(0,1200px) 480px;max-width:2400px}}.profile-stats-redesigned{display:flex;flex-direction:column;gap:20px;padding:15px}.stats-quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-stat-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-dropdown) 100%);border:1px solid var(--border-dark);border-radius:12px;padding:15px 10px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.quick-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--border-dark),transparent)}.quick-stat-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 20px #ff980026}.quick-stat-card.accent{border-color:var(--accent);background:linear-gradient(135deg,rgba(255,152,0,.1) 0%,var(--bg-card) 100%)}.quick-stat-card.accent:before{background:linear-gradient(90deg,var(--accent),var(--accent-hover),var(--accent))}.quick-stat-icon{font-size:1.5rem;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.quick-stat-value{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--text-main),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.quick-stat-card.accent .quick-stat-value{background:linear-gradient(135deg,var(--accent),#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quick-stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stats-two-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats-column{background:var(--bg-card);border:1px solid var(--border-dark);border-radius:12px;padding:15px;display:flex;flex-direction:column;max-height:350px;overflow-y:auto}.stats-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-dark)}.stats-column-title{font-weight:700;font-size:1rem;color:var(--text-main)}.stats-column-count{font-size:.8rem;color:var(--accent);font-weight:600;background:#ff98001a;padding:3px 10px;border-radius:12px}.achievements-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;overflow-y:auto;max-height:350px;padding-right:5px}.achievement-mini{background:var(--bg-dropdown);border:1px solid var(--border-dark);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;transition:all .2s ease}.achievement-mini:hover{border-color:var(--accent);transform:scale(1.02)}.achievement-mini.unlocked{border-color:var(--accent);background:linear-gradient(135deg,rgba(255,152,0,.15) 0%,var(--bg-dropdown) 100%)}.achievement-mini.locked{opacity:.5;filter:grayscale(40%)}.achievement-mini.locked.clickable{opacity:.7;cursor:pointer;position:relative}.achievement-mini.locked.clickable:hover{opacity:.9;filter:grayscale(20%);border-color:var(--gold);background:linear-gradient(135deg,rgba(255,193,7,.1) 0%,var(--bg-dropdown) 100%)}.achievement-link-hint{font-size:1rem;color:var(--gold);opacity:0;transition:opacity .2s ease,transform .2s ease;margin-left:auto;flex-shrink:0}.achievement-mini.locked.clickable:hover .achievement-link-hint{opacity:1;transform:translate(3px)}.achievement-mini-icon{font-size:1.6rem;flex-shrink:0}.achievement-mini-info{flex:1;min-width:0;overflow:hidden}.achievement-mini-name{font-size:.85rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-mini-desc{font-size:.75rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badges-compact{display:flex;flex-wrap:wrap;gap:8px;overflow-y:auto;max-height:280px;padding-right:5px}.badge-mini{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:5px;box-shadow:0 2px 8px #667eea4d;transition:all .2s ease}.badge-mini:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea80}.badge-mini.gold{background:linear-gradient(135deg,gold,#b8860b);color:#000}.badge-mini.silver{background:linear-gradient(135deg,silver,gray);color:#000}.badge-mini.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513)}.empty-state-compact{color:var(--text-dim);font-size:.85rem;text-align:center;padding:30px 15px;font-style:italic}.profile-badge-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,rgba(var(--badge-color-rgb, 102, 126, 234),.2),rgba(var(--badge-color-rgb, 102, 126, 234),.1));border:1px solid var(--badge-color, #667eea);border-radius:10px;transition:all .2s ease}.profile-badge-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.profile-badge-icon{font-size:1.4rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0003;border-radius:8px}.profile-badge-icon img{width:20px;height:auto;max-height:28px;object-fit:contain;filter:brightness(1.5) contrast(1.1) drop-shadow(0 2px 4px rgba(0,0,0,.9));padding:2px;border-radius:3px}.profile-badge-icon img[src*="Ironman_badge.png"]{width:28px;max-height:36px}img[src*="Ironman_badge.png"]:not([src*=Hardcore]):not([src*=Group]):not([src*=Competitive]){background:#ffffff26!important;padding:2px!important;border-radius:3px!important}.profile-badge-name{font-size:.85rem;font-weight:600;color:var(--badge-color, #667eea)}@media (max-width: 768px){.stats-quick-row{grid-template-columns:repeat(2,1fr)}.stats-two-column{grid-template-columns:1fr}.stats-column{max-height:250px}.quick-stat-value{font-size:1.5rem}}@media (max-width: 480px){.stats-quick-row{grid-template-columns:repeat(2,1fr);gap:8px}.quick-stat-card{padding:10px 8px}.quick-stat-icon{font-size:1.2rem}.quick-stat-value{font-size:1.3rem}.achievements-compact{grid-template-columns:1fr}}.header-anim-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.header-anim-aurora{background:linear-gradient(135deg,#0a0020,#1a0030,#0a0020)!important;overflow:hidden}.header-anim-aurora:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 150% 60% at 20% 80%,rgba(0,255,127,.3),transparent),radial-gradient(ellipse 120% 50% at 80% 20%,rgba(0,191,255,.3),transparent),radial-gradient(ellipse 100% 40% at 50% 50%,rgba(138,43,226,.3),transparent);animation:aurora-wave 8s ease-in-out infinite;filter:blur(30px)}@keyframes aurora-wave{0%,to{transform:translateY(0) scaleY(1);opacity:.8}50%{transform:translateY(-20px) scaleY(1.2);opacity:1}}.header-anim-fire{background:linear-gradient(180deg,#1a0000,#300,#1a0000)!important;overflow:hidden}.header-anim-fire:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 100% at 50% 100%,rgba(255,100,0,.6),transparent 60%),radial-gradient(ellipse 60% 80% at 30% 100%,rgba(255,200,0,.4),transparent 50%),radial-gradient(ellipse 60% 80% at 70% 100%,rgba(255,50,0,.5),transparent 50%);animation:fire-flicker .5s ease-in-out infinite alternate;filter:blur(20px)}@keyframes fire-flicker{0%{transform:scaleY(1) translateY(0);opacity:.9}to{transform:scaleY(1.1) translateY(-5px);opacity:1}}.header-anim-ocean-waves{background:linear-gradient(180deg,#001428,#036,#001428)!important;overflow:hidden}.header-anim-ocean-waves:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 200% 40% at 50% 90%,rgba(0,150,255,.4),transparent),radial-gradient(ellipse 150% 30% at 30% 85%,rgba(0,200,200,.3),transparent),radial-gradient(ellipse 150% 30% at 70% 80%,rgba(50,100,200,.3),transparent);animation:ocean-wave 4s ease-in-out infinite;filter:blur(25px)}@keyframes ocean-wave{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(10px) translateY(-5px)}50%{transform:translate(0) translateY(-10px)}75%{transform:translate(-10px) translateY(-5px)}}.header-anim-lightning{background:linear-gradient(180deg,#0a0a1a,#1a1a2e,#0a0a1a)!important;overflow:hidden}.header-anim-lightning:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--lightning-x, 50%) var(--lightning-y, 50%),rgba(100,150,255,.8),transparent 30%);animation:lightning-flash 3s ease-in-out infinite;filter:blur(10px)}@keyframes lightning-flash{0%,90%,to{opacity:0}92%,94%,96%{opacity:1}93%,95%{opacity:0}}.header-anim-galaxy{background:radial-gradient(ellipse at center,#0a0015,#000005)!important;overflow:hidden}.header-anim-galaxy:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(138,43,226,.1) 50%,transparent 70%),radial-gradient(circle at 50% 50%,transparent 20%,rgba(75,0,130,.1) 40%,transparent 60%);animation:galaxy-spin 30s linear infinite}.header-anim-galaxy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 50%)}@keyframes galaxy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-anim-geometric{background:linear-gradient(135deg,#0a0a0a,#1a1a2e)!important;overflow:hidden}.header-anim-geometric:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(30deg,rgba(100,150,255,.1) 12%,transparent 12.5%,transparent 87%,rgba(100,150,255,.1) 87.5%,rgba(100,150,255,.1)),linear-gradient(150deg,rgba(100,150,255,.1) 12%,transparent 12.5%,transparent 87%,rgba(100,150,255,.1) 87.5%,rgba(100,150,255,.1)),linear-gradient(30deg,rgba(100,150,255,.1) 12%,transparent 12.5%,transparent 87%,rgba(100,150,255,.1) 87.5%,rgba(100,150,255,.1)),linear-gradient(150deg,rgba(100,150,255,.1) 12%,transparent 12.5%,transparent 87%,rgba(100,150,255,.1) 87.5%,rgba(100,150,255,.1));background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px;animation:geo-pulse 4s ease-in-out infinite}@keyframes geo-pulse{0%,to{opacity:.5}50%{opacity:1}}.header-anim-neon-grid{background:linear-gradient(180deg,#000,#0a0015)!important;overflow:hidden}.header-anim-neon-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,0,128,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.3) 1px,transparent 1px);background-size:40px 40px;animation:neon-scroll 20s linear infinite;perspective:500px;transform:rotateX(60deg) translateY(-50%);transform-origin:center bottom}@keyframes neon-scroll{0%{background-position:0 0}to{background-position:0 400px}}.header-anim-particles{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)!important}.header-anim-matrix{background:linear-gradient(180deg,#000,#001a00)!important}.header-anim-rain{background:linear-gradient(180deg,#0a0a1a,#001428)!important}.header-anim-snow{background:linear-gradient(180deg,#1a2a3a,#2a3a4a,#1a2a3a)!important}.header-anim-stars{background:radial-gradient(ellipse at center,#0a0015,#000005)!important}*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}.dashboard{max-width:1400px;overflow-x:hidden;margin:0 auto}.tracker-container,.community-hub,.community-main,.suggestions-feed,.chat-container-v2,.profile-overlay{max-width:100vw;overflow-x:hidden}body{word-wrap:break-word;overflow-wrap:break-word}.card,.suggestion-card,.task-card,.profile-box,.sidebar-panel,.results-section{min-width:0;max-width:100%}.clan-table-wrapper,table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}img,video,iframe,canvas{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}@media (min-width: 1920px){.dashboard{max-width:1400px;margin:0 auto;grid-template-columns:repeat(3,1fr)}.tracker-container,.community-hub{max-width:1800px;margin:0 auto}}@media (min-width: 2560px){.dashboard{max-width:1400px;grid-template-columns:repeat(3,1fr)}.skills-grid .skill-card-detailed{flex:1 1 115px;min-width:100px;max-width:145px}.skills-grid{gap:6px;padding:10px}}@media (min-width: 1800px){.skills-grid .skill-card-detailed{flex:1 1 120px;min-width:110px;max-width:150px}.skills-grid{gap:8px;padding:10px}}@media (min-width: 1440px) and (max-width: 1799px){.skills-grid .skill-card-detailed{flex:1 1 120px;min-width:100px;max-width:150px}.skills-grid{gap:8px;padding:12px}.skill-card-detailed{min-height:88px;padding:10px}.skill-lvl{font-size:1.1rem}.skill-icon-lg{width:22px;height:22px}.skill-card-detailed .skill-xp-text,.skill-card-detailed .skill-next-text{font-size:.65rem}}@media (min-width: 1200px) and (max-width: 1439px){.skills-grid .skill-card-detailed{flex:0 0 115px;min-width:115px;max-width:145px}.skills-grid{gap:8px;padding:10px}.skill-card-detailed{min-height:85px;padding:8px}.skill-lvl{font-size:1.05rem}.skill-icon-lg{width:20px;height:20px}}@media (min-width: 1024px) and (max-width: 1199px){.skills-grid .skill-card-detailed{flex:0 0 110px;min-width:110px;max-width:135px}.skills-grid{gap:6px;padding:10px}.skill-card-detailed{min-height:82px;padding:8px}.skill-lvl{font-size:1rem}.skill-icon-lg{width:20px;height:20px}.skill-card-detailed .skill-xp-text,.skill-card-detailed .skill-next-text{font-size:.6rem}}@media (min-width: 768px) and (max-width: 1023px){.skills-grid .skill-card-detailed{flex:0 0 100px;min-width:100px;max-width:125px}.skills-grid{gap:6px;padding:10px}.skill-card-detailed{min-height:80px;padding:7px}.skill-lvl{font-size:.95rem}.skill-icon-lg{width:18px;height:18px}.skill-card-detailed .skill-xp-text,.skill-card-detailed .skill-next-text{font-size:.58rem}.skill-rank{font-size:.6rem}}@media (min-width: 600px) and (max-width: 767px){.skills-grid .skill-card-detailed{flex:0 0 95px;min-width:95px;max-width:115px}.skills-grid{gap:6px;padding:8px}.skill-card-detailed{min-height:78px;padding:6px}.skill-lvl{font-size:.9rem}.skill-icon-lg{width:18px;height:18px}}@media (min-width: 480px) and (max-width: 599px){.skills-grid .skill-card-detailed{flex:0 0 90px;min-width:90px;max-width:110px}.skills-grid{gap:5px;padding:6px}.skill-card-detailed{min-height:72px;padding:5px}.skill-lvl{font-size:.85rem}.skill-icon-lg{width:16px;height:16px}.skill-card-detailed .skill-xp-text,.skill-card-detailed .skill-next-text{font-size:.55rem}.skill-rank{display:none}}@media (max-width: 479px){.skills-grid .skill-card-detailed{flex:0 0 85px;min-width:85px;max-width:100px}.skills-grid{gap:5px;padding:6px}.skill-card-detailed{min-height:70px;padding:5px}.skill-lvl{font-size:.85rem}.skill-icon-lg{width:16px;height:16px}.skill-card-detailed .skill-xp-text{font-size:.55rem}.skill-card-detailed .skill-next-text{font-size:.5rem}.skill-rank{display:none}.skill-card-top{margin-bottom:2px}.skill-progress-track{height:4px;margin-bottom:4px}}.emoji-picker-v2,.gif-picker,.notification-panel,.settings-dropdown{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}@media (max-width: 400px){.chat-group-content{max-width:85%!important}.chat-message-item .message-content{padding:8px 12px;max-width:100%}.chat-gif{max-width:200px!important;max-height:150px!important}.chat-uploaded-image{max-width:100%!important}}@media (max-width: 500px){.profile-card{width:100%!important;height:100%!important;max-height:100vh!important;border-radius:0!important;margin:0!important}.profile-overlay{padding:0!important}.profile-banner{height:150px!important}.profile-header-content{padding:0 15px 15px!important;margin-top:-40px!important;flex-direction:column;align-items:center;text-align:center}.profile-avatar-container{width:100px!important;height:100px!important}.profile-name-row{font-size:1.4rem!important;text-align:center}.profile-nav{padding:8px 10px!important;gap:5px;overflow-x:auto;flex-wrap:nowrap}.profile-nav-item{padding:8px 12px!important;font-size:.8rem!important;white-space:nowrap}.profile-content{padding:15px!important}.profile-overview-grid,.profile-grid{grid-template-columns:1fr!important}.profile-quick-stats{flex-wrap:wrap;gap:8px}.quick-stat-item{flex:1 1 calc(50% - 4px);min-width:80px}}@media (max-width: 600px){.suggestion-card{padding:12px!important}.card-header{flex-wrap:wrap}.card-body{word-break:break-word}.reply-item,.nested-reply-item{padding:10px!important;margin-left:0!important}.reply-thread-group{padding:8px!important;margin-top:10px!important}.nested-reply-item{margin-left:0!important}.reply-to-ref{font-size:.6rem!important;padding:1px 4px!important}.nested-replies-flat-container{margin-left:10px!important;padding-left:8px!important}}@media (max-width: 380px){.tracker-controls{padding:8px!important}.search-box-large{gap:6px!important}.search-box-large input{font-size:14px!important;padding:10px 12px!important}.mode-btn{padding:8px 6px!important;font-size:.75rem!important}.skill-card-detailed{padding:5px!important;min-height:65px!important}.skill-lvl{font-size:.85rem!important}.skill-icon-lg{width:16px!important;height:16px!important}}.emoji-picker-v2,.gif-picker{position:fixed!important}@media (max-width: 480px){.emoji-picker-v2,.gif-picker{left:5px!important;right:5px!important;width:auto!important;max-width:none!important}}@media (max-height: 500px) and (orientation: landscape){.profile-card{height:100vh!important;max-height:100vh!important}.profile-banner{height:100px!important}.modal-content{max-height:95vh!important}.chat-container-v2{height:calc(100vh - 60px)!important}}.penguins-btn-row .fetch-wiki-btn,button.fetch-wiki-btn,.fetch-wiki-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;background:linear-gradient(135deg,#ff980040,#ff98001a)!important;border:1px solid rgba(255,152,0,.5)!important;border-radius:6px!important;color:#ffb74d!important;font-size:.8rem!important;font-weight:600!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.penguins-btn-row .fetch-wiki-btn:hover,button.fetch-wiki-btn:hover,.fetch-wiki-btn:hover{background:linear-gradient(135deg,#ff980059,#ff980033)!important;border-color:#ff9800!important;color:#ff9800!important;box-shadow:0 0 12px #ff98004d!important}.penguins-btn-row .clear-btn,button.clear-btn,.clear-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 10px!important;background:#50505033!important;border:1px solid #555!important;border-radius:6px!important;color:#999!important;font-size:.8rem!important;cursor:pointer!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.penguins-btn-row .clear-btn:hover,button.clear-btn:hover,.clear-btn:hover{background:#e74c3c40!important;border-color:#e74c3c!important;color:#e74c3c!important}.reset-bar .wiki-link-small,a.wiki-link-small,.wiki-link-small{font-size:.75rem!important;color:#999!important;text-decoration:none!important;padding:3px 8px!important;background:#50505026!important;border-radius:4px!important;border:1px solid #555!important}.reset-bar .wiki-link-small:hover,a.wiki-link-small:hover,.wiki-link-small:hover{color:#ff9800!important;border-color:#ff980099!important;background:#ff980026!important}.profile-avatar-large-container,.profile-avatar-large-container.avatar-basic-style,.profile-avatar-large-container.avatar-fancy-style{border-radius:50%!important;overflow:hidden!important}.profile-avatar-img,.profile-avatar-large,.profile-avatar-img.profile-avatar-large{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;background:transparent!important}.profile-card{overflow:hidden!important}.profile-content{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}.profile-content::-webkit-scrollbar{width:6px}.profile-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.profile-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.profile-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.profile-overlay{background:linear-gradient(135deg,#050608f0,#0b0d10e6),linear-gradient(115deg,#ff980029,#4fc3f714 44%,#4caf5014);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);padding:24px}.profile-card.profile-card-v3{width:min(1120px,calc(100vw - 32px));max-width:1120px;height:min(90vh,920px);min-height:620px;max-height:calc(100vh - 32px);border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#111316fa,#090a0cfa);box-shadow:0 24px 80px #0000009e,inset 0 1px #ffffff0f;animation:popIn .24s ease-out}.profile-card.profile-card-v3:before{display:none}.profile-card-v3 .profile-close-btn{top:16px;right:16px;width:36px;height:36px;border-radius:8px;background:#08090bb8;border:1px solid rgba(255,255,255,.12);color:#ffffffd1;font-size:1.35rem;box-shadow:0 10px 30px #00000059}.profile-card-v3 .profile-close-btn:hover{background:#ff505029;border-color:#ff50506b;color:#ffb0b0;transform:none;box-shadow:0 10px 28px #ff505029}.profile-card-v3 .profile-hero-banner-wrap{position:relative;height:154px;min-height:154px;overflow:hidden;background:linear-gradient(135deg,#ff980038,#4fc3f729 48%,#4caf5024)}.profile-card-v3 .profile-banner{height:100%;background:linear-gradient(135deg,#1a1e22f2,#090c10f2),linear-gradient(120deg,#ff980038,#4fc3f726,#4caf501f);background-position:center;background-size:cover;animation:none}.profile-card-v3 .profile-banner:after{display:none}.profile-card-v3 .profile-banner-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000a,#08090bc2);pointer-events:none;z-index:2}.profile-card-v3 .profile-embers-container{z-index:3}.profile-card-v3 .profile-hero-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:0 30px 22px;margin-top:-58px;background:transparent;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:4}.profile-card-v3 .profile-avatar-large-container,.profile-card-v3 .profile-avatar-large-container.avatar-basic-style,.profile-card-v3 .profile-avatar-large-container.avatar-fancy-style{width:124px;height:124px;padding:5px;border-radius:18px!important;overflow:visible!important;background:linear-gradient(145deg,#fff3,#ffffff0a);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 42px #00000073,0 0 0 1px #00000059}.profile-card-v3 .profile-avatar-large-container:hover{transform:translateY(-2px)}.profile-card-v3 .profile-avatar-large-container .profile-avatar-large,.profile-card-v3 .profile-avatar-img.profile-avatar-large{width:100%!important;height:100%!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.16)!important;object-fit:cover!important;background:#00000052!important}.profile-card-v3 .profile-identity{display:block;min-width:0;padding-bottom:2px;text-align:left}.profile-card-v3 .profile-kicker{width:fit-content;margin-bottom:7px;margin-left:0;margin-right:0;padding:4px 9px;border-radius:999px;background:#ff980021;border:1px solid rgba(255,152,0,.24);color:var(--accent, #ff9800);font-size:.7rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.profile-card-v3 .profile-name-title-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:7px;margin:0;font-size:2rem;line-height:1.08;letter-spacing:0;justify-content:flex-start}.profile-card-v3 .profile-name-main{white-space:normal;overflow-wrap:anywhere}.profile-card-v3 .profile-user-title{border-radius:999px;padding:3px 10px;font-size:.82rem;line-height:1.2;letter-spacing:0;background:#ffffff14}.profile-card-v3 .profile-supporter-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;justify-content:flex-start}.profile-card-v3 .profile-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;color:#ffffffb8;font-size:.85rem;justify-content:flex-start}.profile-card-v3 .status-msg,.profile-card-v3 .profile-meta-chip,.profile-card-v3 .profile-meta-dim{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0000003d;color:#ffffffc7;font-style:normal}.profile-card-v3 .profile-meta-dim{color:#ffffff8c}.profile-card-v3 .profile-blurb{max-width:720px;margin-top:10px;padding:0;background:transparent;border:0;border-radius:0;color:#ffffffbd;font-size:.98rem;font-style:normal;line-height:1.45}.profile-card-v3 .profile-actions{display:flex;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap;gap:8px;width:min(230px,26vw);margin:0;align-self:center}.profile-card-v3 .profile-action-btn,.profile-card-v3 .profile-action-btn.admin-btn{width:38px;height:38px;min-width:38px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffdb;font-size:1rem;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-card-v3 .profile-action-btn:before{display:none}.profile-card-v3 .profile-action-btn:hover,.profile-card-v3 .profile-action-btn.admin-btn:hover{transform:translateY(-1px);border-color:#ff98007a;background:#ff980024;color:var(--accent, #ff9800);box-shadow:none}.profile-card-v3 .profile-action-btn.danger{width:auto;min-width:38px;padding:0 12px;color:#ff9b9b;border-color:#ff5a5a3d;background:#ff5a5a14;font-size:.82rem}.profile-card-v3 .profile-action-btn.danger:hover{border-color:#ff5a5a7a;background:#ff5a5a24;color:#ffc2c2}.profile-card-v3 .profile-nav{flex-shrink:0;gap:6px;padding:10px 30px;border-bottom:1px solid rgba(255,255,255,.08);background:#08090bdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}.profile-card-v3 .profile-nav::-webkit-scrollbar{display:none}.profile-card-v3 .profile-nav-item{flex:0 0 auto;padding:9px 14px;border-radius:8px;border:1px solid transparent;color:#ffffff9e;font-size:.85rem;font-weight:750;letter-spacing:0}.profile-card-v3 .profile-nav-item:hover{transform:none;color:#ffffffe6;background:#ffffff0f}.profile-card-v3 .profile-nav-item.active{color:#111;border-color:#ff9800a3;background:var(--accent, #ff9800);box-shadow:none}.profile-card-v3 .profile-nav-item.active:after{display:none}.profile-card-v3 .profile-content{padding:24px 30px 30px;background:linear-gradient(180deg,#ffffff06,#ffffff03)}.profile-card-v3 .profile-content:before{display:none}.profile-card-v3 .profile-panel{animation:fadeInUp .18s ease}.profile-card-v3 .profile-overview-lede{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:14px;margin-bottom:18px}.profile-card-v3 .profile-quick-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:0;border:0;border-radius:0;background:transparent}.profile-card-v3 .quick-stat-item{align-items:flex-start;justify-content:space-between;min-height:100px;padding:14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0b}.profile-card-v3 .quick-stat-item:hover{background:#fff1}.profile-card-v3 .quick-stat-item.accent{border-color:#ff980052;background:linear-gradient(180deg,#ff980021,#ff98000e)}.profile-card-v3 .quick-stat-item .quick-stat-icon,.profile-card-v3 .quick-stat-card .quick-stat-icon{font-size:1rem;margin:0;opacity:.82}.profile-card-v3 .quick-stat-item .quick-stat-value,.profile-card-v3 .quick-stat-card .quick-stat-value{font-size:1.65rem;font-weight:850;line-height:1;color:#fff;background:none;-webkit-text-fill-color:currentColor}.profile-card-v3 .quick-stat-item.accent .quick-stat-value,.profile-card-v3 .quick-stat-card.accent .quick-stat-value{color:var(--accent, #ff9800)}.profile-card-v3 .quick-stat-label{margin:0;color:#ffffff7a;font-size:.72rem;text-transform:uppercase;letter-spacing:0}.profile-card-v3 .profile-highlight-section{display:block;margin:0}.profile-card-v3 .profile-highlight-card{min-height:100%;padding:16px;border-radius:8px;border:1px solid rgba(255,215,0,.2);border-left:0;background:linear-gradient(180deg,#ffd70014,#ffffff09);box-shadow:none}.profile-card-v3 .profile-highlight-card:before{display:none}.profile-card-v3 .profile-highlight-card:hover{transform:none;border-color:#ffd70057;box-shadow:none}.profile-card-v3 .highlight-icon{font-size:2rem}.profile-card-v3 .highlight-label{color:#ffffff7a;letter-spacing:0}.profile-card-v3 .highlight-value{font-size:1rem}.profile-card-v3 .profile-dossier-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.profile-card-v3 .profile-dossier-main,.profile-card-v3 .profile-dossier-side{display:flex;flex-direction:column;gap:14px;min-width:0}.profile-card-v3 .profile-about-section,.profile-card-v3 .profile-players-section,.profile-card-v3 .profile-goals-section,.profile-card-v3 .profile-supporter-collection-section,.profile-card-v3 #profile-character-switcher,.profile-card-v3 .profile-rs-overview{margin:0}.profile-card-v3 .profile-box,.profile-card-v3 .stats-column,.profile-card-v3 .profile-heatmap-section,.profile-card-v3 .quick-stat-card,.profile-card-v3 .record-card,.profile-card-v3 .showcase-card,.profile-card-v3 .form-section{border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0b;box-shadow:none}.profile-card-v3 .profile-box{padding:18px;overflow:hidden}.profile-card-v3 .profile-box:before{display:none}.profile-card-v3 .profile-box:hover{transform:none;border-color:#ff980047;box-shadow:none}.profile-card-v3 .profile-box-title,.profile-card-v3 .stats-column-title,.profile-card-v3 .profile-showcase-section-title,.profile-card-v3 .form-section h4{margin-top:0;color:#ffffffe0;font-size:.88rem;font-weight:800;text-transform:none;letter-spacing:0}.profile-card-v3 .profile-box-title{margin-bottom:12px}.profile-card-v3 .profile-text-content{color:#ffffffbf;line-height:1.62}.profile-card-v3 .profile-text-content p{margin:0}.profile-card-v3 .empty-state,.profile-card-v3 .empty-state-compact{padding:12px 4px;color:#ffffff61}.profile-card-v3 .profile-details-list .detail-row{gap:14px;padding:10px 0;border-color:#ffffff12;color:#ffffffb8}.profile-card-v3 .profile-details-list .label{color:#ffffff6b}.profile-card-v3 .tag-chip,.profile-card-v3 .link-item,.profile-card-v3 .linked-player-card,.profile-card-v3 .profile-goal-card,.profile-card-v3 .character-switcher-tabs,.profile-card-v3 .rs-stat-cell,.profile-card-v3 .achievement-mini,.profile-card-v3 .profile-badge-item,.profile-card-v3 .supporter-item-card,.profile-card-v3 .supporter-tier-showcase{border-radius:8px;border-color:#ffffff14;background:#00000038}.profile-card-v3 .tag-chip{color:#ffffffc2;padding:6px 10px}.profile-card-v3 .link-item:hover,.profile-card-v3 .linked-player-card:hover,.profile-card-v3 .profile-goal-card:hover,.profile-card-v3 .showcase-card:hover{transform:none;border-color:#ff98004d;background:#ff980014}.profile-card-v3 .profile-rs-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.profile-card-v3 .profile-showcase-grid,.profile-card-v3 .profile-showcase-full{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.profile-card-v3 .profile-stats-redesigned{gap:16px;padding:0}.profile-card-v3 .stats-quick-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-card-v3 .quick-stat-card{padding:16px;text-align:left;overflow:hidden}.profile-card-v3 .quick-stat-card:before{display:none}.profile-card-v3 .quick-stat-card:hover,.profile-card-v3 .achievement-mini:hover,.profile-card-v3 .profile-badge-item:hover,.profile-card-v3 .badge-mini:hover{transform:none;box-shadow:none}.profile-card-v3 .stats-two-column{gap:14px}.profile-card-v3 .stats-column{padding:16px;max-height:none}.profile-card-v3 .stats-column-header{border-color:#ffffff14}.profile-card-v3 .stats-column-count{border-radius:999px;background:#ff98001f}.profile-card-v3 .achievements-compact,.profile-card-v3 .badges-compact{max-height:none}.profile-card-v3 .profile-edit-form{max-width:840px}.profile-card-v3 .form-section{padding:18px}.profile-card-v3 .style-input{border-radius:8px;border-color:#ffffff1a;background:#00000047}@media (max-width: 1100px){.profile-card-v3 .profile-overview-lede,.profile-card-v3 .profile-dossier-grid,.profile-card-v3 .profile-rs-overview,.profile-card-v3 .stats-two-column{grid-template-columns:1fr}.profile-card-v3 .profile-dossier-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 780px){.profile-overlay{padding:0}.profile-card.profile-card-v3{width:100%;height:100%;max-height:100vh;min-height:0;border-radius:0;border-left:0;border-right:0}.profile-card-v3 .profile-hero-banner-wrap{height:142px;min-height:142px}.profile-card-v3 .profile-hero-panel{grid-template-columns:1fr;justify-items:center;gap:12px;padding:0 18px 18px;margin-top:-54px;text-align:center}.profile-card-v3 .profile-avatar-large-container,.profile-card-v3 .profile-avatar-large-container.avatar-basic-style,.profile-card-v3 .profile-avatar-large-container.avatar-fancy-style{width:108px;height:108px}.profile-card-v3 .profile-kicker{margin-left:auto;margin-right:auto}.profile-card-v3 .profile-identity{text-align:center}.profile-card-v3 .profile-name-title-row,.profile-card-v3 .profile-status-row,.profile-card-v3 .profile-supporter-row{justify-content:center}.profile-card-v3 .profile-name-title-row{font-size:1.55rem}.profile-card-v3 .profile-blurb{text-align:center}.profile-card-v3 .profile-actions{width:100%;justify-content:center}.profile-card-v3 .profile-nav{padding:9px 14px}.profile-card-v3 .profile-content{padding:18px}.profile-card-v3 .profile-quick-stats,.profile-card-v3 .stats-quick-row,.profile-card-v3 .profile-dossier-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.profile-card-v3 .profile-content{padding:14px}.profile-card-v3 .profile-quick-stats,.profile-card-v3 .stats-quick-row,.profile-card-v3 .profile-dossier-side{grid-template-columns:1fr}.profile-card-v3 .quick-stat-item{min-height:82px}.profile-card-v3 .form-row,.profile-card-v3 .showcase-edit-row{grid-template-columns:1fr}}html,body{max-width:100vw;overflow-x:hidden}@media (max-width: 768px){.dashboard{display:flex!important;flex-direction:column!important}#xp-recap-card{order:1!important}#rotations-card{order:2!important}#broadcasts-card{order:3!important}#xp-recap-card>.card-content,#xp-recap-content,#recap-body{flex:0 1 auto!important;min-height:auto!important;overflow:visible!important}#broadcasts-card{display:flex!important;flex-direction:column!important;height:clamp(360px,48vh,440px)!important;min-height:360px!important;max-height:440px!important;overflow:hidden!important}#broadcasts-card .card-content{flex:1 1 0!important;min-height:0!important;overflow:hidden!important}#broadcasts-card .broadcast-feed{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}#xp-recap-card .recap-chart{flex:0 1 auto!important;min-height:auto!important;max-height:260px;overflow-y:auto}#broadcasts-card .bc-react-btn,#broadcasts-card .bc-profile-btn,#broadcasts-card .bc-react-add{min-height:unset!important;min-width:unset!important}#broadcasts-card .bc-reaction-trigger,#broadcasts-card .bc-reaction-option{min-height:28px!important;min-width:28px!important}}@media (max-width: 768px){.modal-content,.custom-modal-content{min-height:75vh!important;max-height:95vh!important;display:flex!important;flex-direction:column!important}.modal-content>*:last-child,.modal-content>form,.custom-modal-body{flex:1!important;overflow-y:auto!important;min-height:0!important}.online-users-panel{min-height:75vh!important;max-height:95vh!important}.online-users-list{flex:1!important;max-height:none!important;min-height:0!important}.feedback-modal-content,.feedback-inbox-content,.feedback-chat-modal{min-height:75vh!important;max-height:95vh!important;display:flex!important;flex-direction:column!important}.feedback-modal-content .custom-modal-body,.inbox-body,.chat-messages-area{flex:1!important;overflow-y:auto!important;min-height:0!important;max-height:none!important}.admin-modal-content{min-height:60vh!important;max-height:95vh!important;display:flex!important;flex-direction:column!important}.pvm-boss-modal-card,.alog-modal-container,.goals-dir-modal-content,.gdir-popup-content{min-height:75vh!important;max-height:95vh!important}.delete-account-modal,.add-clan-modal-content,.verify-modal-content{min-height:60vh!important;max-height:95vh!important;display:flex!important;flex-direction:column!important}}@media (max-width: 1200px){.dashboard{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}.card{min-height:320px}.login-btn{padding:5px 10px;font-size:.75rem}}@media (max-width: 900px){.dashboard{grid-template-columns:1fr;padding:10px}.card{min-height:300px}}@media (max-width: 600px){.login-btn,.user-btn{padding:5px 8px;font-size:.75rem}}@media (max-width: 480px){.settings-dropdown{width:260px;left:auto!important;right:0!important}.notification-panel{width:min(300px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;right:8px!important;left:auto!important}.custom-timer-wrapper{grid-template-columns:1fr}.rot-row{flex-direction:column;align-items:flex-start;gap:5px}.task-item{padding:10px}}@media (max-width: 360px){.notification-panel{width:min(280px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;right:10px!important;left:auto!important}}@media (hover: none) and (pointer: coarse){button:not(.bc-react-btn):not(.bc-profile-btn):not(.bc-react-add):not(.bc-reaction-trigger):not(.recap-tab),.toggle-switch,select{min-height:44px}.dropdown-item{padding:12px 15px}.task-checkbox{transform:scale(1.2)}}@media (max-width: 768px){.chat-header-v2{padding:12px 16px}.chat-header-icon{width:36px;height:36px}.chat-header-title{font-size:1rem}.chat-messages-v2{padding:12px}.chat-group-content,.chat-standalone-content{max-width:85%}.chat-avatar-v2{width:34px;height:34px}.chat-message-standalone{gap:10px;padding:8px 0}.chat-avatar-mini{width:22px;height:22px;border-radius:5px}.chat-message-item .message-content{padding:10px 14px}.chat-text-content{font-size:.9rem}.message-actions{position:static;opacity:1;margin-top:4px}.chat-gif{max-width:200px;max-height:150px}.chat-input-v2{padding:12px 16px 16px;gap:8px}.toolbar-btn{width:38px;height:38px}.chat-textarea{font-size:16px}.chat-send-v2{width:46px;height:46px}.emoji-picker-v2,.gif-picker{left:8px;right:8px;width:auto;max-width:calc(100vw - 16px)}.emoji-grid-v2{grid-template-columns:repeat(7,1fr);max-height:240px}.chat-welcome-v2{padding:40px 20px}.welcome-features{flex-direction:column;gap:12px}}@media (max-width: 480px){.chat-header-icon{width:32px;height:32px}.chat-avatar-v2{width:30px;height:30px}.chat-avatar-mini{width:20px;height:20px;border-radius:4px}.chat-inline-avatar{padding-top:1px}.chat-username{font-size:.75rem}.emoji-grid-v2{grid-template-columns:repeat(6,1fr)}.gif-grid{grid-template-columns:1fr}}@media (hover: none) and (pointer: coarse){.message-actions{position:static;opacity:1;margin-top:6px}.msg-action-btn{min-width:36px;min-height:36px}.toolbar-btn{min-width:44px;min-height:44px}.chat-send-v2{min-width:50px;min-height:50px}}@media (max-width: 1200px){.tracker-container{padding:0 15px 15px}.tracker-controls{padding:12px 15px;gap:12px}.tracker-controls.dual-search,.tracker-controls.triple-search{padding:15px;gap:12px}.skills-grid{gap:10px;padding:15px}.skill-card-detailed{flex:1 1 calc(33.333% - 10px);min-width:80px}.profile-header{flex-wrap:wrap;gap:12px}#p-name{font-size:1.3rem}.clan-table{font-size:.85rem}}@media (max-width: 900px){.tracker-split-layout{display:flex!important;flex-direction:column!important;gap:15px}.tracker-split-layout>.results-section{order:1!important}.tracker-split-layout>.right-sidebar{order:2!important}.tracker-split-layout>.sidebar-panel:not(.right-sidebar){order:3!important}.sidebar-panel,.results-section{width:100%;max-height:none}.search-section{width:100%;max-width:none}.search-divider{display:none}.mode-toggle{width:100%;justify-content:center}.skill-card-detailed{flex:1 1 calc(50% - 10px);min-width:100px}}@media (max-width: 1200px){.chat-container-v2{margin:0;border-radius:0}.suggestions-grid{grid-template-columns:1fr;gap:15px;padding:15px}.suggestion-card{padding:15px}}@media (max-width: 900px){body.community-page{height:auto;min-height:100vh;overflow:auto}.chat-container-v2{height:auto;min-height:400px;max-height:70vh}.community-hub{flex-direction:column;overflow:visible}.community-main{min-height:400px}}@media (max-width: 320px){html{font-size:12px}body{min-width:260px}.dashboard{padding:6px!important;gap:8px!important;contain:none!important}.dashboard>.card{flex-shrink:0!important;content-visibility:visible!important}.card{padding:10px!important;min-height:280px!important;border-radius:10px!important}#rotations-card,#xp-recap-card{height:auto!important;min-height:0!important;overflow:visible!important}#xp-recap-card>.card-content,#xp-recap-content,#recap-body{flex:0 1 auto!important;min-height:auto!important;overflow:visible!important}#broadcasts-card{height:clamp(300px,42vh,380px)!important;min-height:300px!important;max-height:380px!important;overflow:hidden!important;padding:0!important}#broadcasts-card .card-content{flex:1 1 0!important;min-height:0!important;overflow:hidden!important}#broadcasts-card .broadcast-feed{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.card-title{font-size:.6rem!important;gap:4px!important}.card-main-text{font-size:1.3rem!important}.card-sub-text{font-size:.8rem!important}.icon-img{width:18px!important;height:18px!important}.rot-row{padding:4px 0!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.rot-label{font-size:.6rem!important}.rot-val{font-size:.7rem!important}.tasks-container{padding:6px!important}.tab-header{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-header::-webkit-scrollbar{display:none}.tab-btn{padding:6px 4px!important;font-size:.55rem!important;min-width:45px!important;flex-shrink:0!important;white-space:nowrap!important}.task-item{padding:8px!important}.task-item label{font-size:.7rem!important}.modal-content{width:98%!important;margin:5px auto!important;padding:10px!important;max-height:95vh!important}.modal-content h2{font-size:1rem!important}.settings-dropdown{width:240px!important;left:0!important;right:auto!important}.notification-panel{width:min(260px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;right:8px!important;left:auto!important}.chase-item{width:26px!important;height:26px!important}.chase-grid{gap:4px!important}.special-box{padding:8px!important}.special-name{font-size:.75rem!important}.flash-header-bar{padding:4px 6px!important;font-size:.65rem!important}.flash-bar-name{max-width:80px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.profile-card{width:95%!important;max-width:none!important}.profile-banner{height:80px!important}.profile-avatar-container{width:60px!important;height:60px!important}.profile-name-row{font-size:1rem!important}.profile-header-content{gap:8px!important;padding:0 10px 10px!important;margin-top:-25px!important}.tracker-controls{padding:8px!important;gap:8px!important}.search-box-large{flex-direction:column!important;gap:6px!important}.search-box-large input{font-size:14px!important;padding:10px!important}.search-box-large button{width:100%!important;padding:10px!important}.mode-toggle button{padding:6px 8px!important;font-size:.65rem!important}.skills-grid{padding:8px!important;gap:4px!important}.skill-card-detailed{padding:5px!important;min-height:60px!important}.skill-lvl{font-size:.8rem!important}.skill-icon-lg{width:14px!important;height:14px!important}.profile-header{padding:10px!important}#p-avatar{width:50px!important;height:50px!important}#p-name{font-size:1rem!important}.stat-pill{padding:2px 6px!important;font-size:.6rem!important}.clan-name-title{font-size:1rem!important}.clan-stats-pills{gap:6px!important}.stat-pill-box{padding:6px 10px!important}.pill-label{font-size:.55rem!important}.pill-val{font-size:.75rem!important}.suggestions-feed{padding:6px!important}.suggestion-card{padding:10px!important}.suggestion-avatar{width:30px!important;height:30px!important}.suggestion-author{font-size:.75rem!important}.suggestion-content{font-size:.8rem!important}.reaction-btn{padding:3px 6px!important;font-size:.65rem!important}.filter-dropdown,.sort-options{flex-wrap:wrap!important;gap:4px!important}.filter-btn,.sort-btn{padding:5px 8px!important;font-size:.6rem!important}.category-badge{padding:2px 6px!important;font-size:.55rem!important}.reply-item{padding:8px!important;gap:6px!important}.avatar-small{width:24px!important;height:24px!important}.floating-chat-btn{width:44px!important;height:44px!important;right:8px!important;bottom:8px!important}.floating-chat-btn svg{width:20px!important;height:20px!important}.floating-chat-panel{width:calc(100vw - 16px)!important;max-width:none!important;right:8px!important;left:8px!important;bottom:60px!important;max-height:calc(100vh - 80px)!important}}@media (max-width: 280px){html{font-size:11px}.card{padding:8px!important;min-height:250px!important}.card-main-text{font-size:1.1rem!important}.tab-btn{padding:5px 3px!important;font-size:.5rem!important;min-width:38px!important}.menu-btn,.notification-btn{min-width:28px!important;min-height:28px!important}.login-btn,.user-btn{padding:3px 5px!important;font-size:.6rem!important}.settings-dropdown{width:220px!important}.notification-panel{width:240px!important}.modal-content{padding:8px!important}}@media (max-width: 600px){.card{padding:clamp(8px,3vw,15px)}.card-title{font-size:clamp(.55rem,2vw,.75rem)}.card-main-text{font-size:clamp(1.1rem,5vw,1.8rem)}}@media (max-width: 600px){.dashboard{gap:clamp(6px,2vw,15px);padding:clamp(6px,2vw,15px)}}@media (max-width: 768px){.suggestions-container{padding:0!important}.suggestions-feed{padding:8px!important}.suggestion-card{border-radius:10px!important}.vote-section{min-width:40px!important;padding:6px!important}.vote-count{font-size:1rem!important}.post-input-area{padding:10px!important}#suggestion-text{min-height:80px!important;font-size:14px!important}.category-selector{flex-wrap:wrap!important;gap:6px!important}.category-btn{padding:6px 10px!important;font-size:.7rem!important}.status-badge{padding:3px 8px!important;font-size:.65rem!important}.archived-pagination{flex-direction:column!important;gap:8px!important;padding:10px!important}.pagination-controls{flex-wrap:wrap!important;justify-content:center!important}.pagination-btn{min-width:32px!important;min-height:32px!important;padding:6px!important}}@media (max-width: 768px){.tracker-container{padding:8px!important}.sidebar-panel,.right-sidebar,.results-section{max-width:100%!important;overflow-x:hidden!important}.skills-grid{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center!important}.skill-card-detailed{flex:0 0 calc(33.33% - 6px)!important;min-width:80px!important;max-width:120px!important}.highlights-container{flex-direction:column!important;gap:8px!important}.highlight-card{width:100%!important}}@media (max-width: 480px){.skill-card-detailed{flex:0 0 calc(50% - 4px)!important;min-width:70px!important}}@media (max-width: 320px){.skill-card-detailed{flex:0 0 calc(50% - 3px)!important;min-width:60px!important;padding:4px!important}}@media (hover: none) and (pointer: coarse){button,.btn,.nav-item,.tab-btn,.category-btn,.filter-btn,.sort-btn,.reaction-btn{min-height:40px;min-width:40px}button,a,input,select,textarea{touch-action:manipulation}.suggestions-feed,.chat-messages-v2,.skills-grid,.modal-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-height: 450px) and (orientation: landscape){header{padding:4px 10px!important}.header-nav{margin:0!important;padding:0!important}.dashboard{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.card{min-height:200px!important}.modal-content{max-height:90vh!important;overflow-y:auto!important}.profile-card{height:95vh!important;max-height:95vh!important;flex-direction:column!important}.profile-banner{height:60px!important}}h1,h2,h3,h4,h5,h6,p,span,div,label{word-wrap:break-word;overflow-wrap:break-word}.user-name,.username,.chat-username,.suggestion-author,.reply-author,.profile-name,#p-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-content,.chat-text-content,.card-body,.reply-content{white-space:normal!important;word-wrap:break-word!important}img{max-width:100%;height:auto}.clan-table-wrapper,.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}header{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.floating-chat-btn{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.modal-content{margin-left:max(10px,env(safe-area-inset-left));margin-right:max(10px,env(safe-area-inset-right))}}@media (prefers-reduced-motion: no-preference){.dashboard,.card,header,.header-nav,.suggestions-feed,.tracker-container{transition:padding .15s ease,gap .15s ease}.skill-card-detailed,.suggestion-card,.modal-content{transition:width .15s ease,padding .15s ease}}@media (max-width: 768px){.skills-grid{gap:6px!important;padding:8px!important}.skills-grid .skill-card-detailed{flex:1 1 90px!important;min-width:75px!important;max-width:120px!important}.skill-card-detailed{padding:8px!important;min-height:90px!important}.skill-card-detailed .skill-lvl{font-size:1rem!important}.skill-card-detailed .skill-xp-text,.skill-card-detailed .skill-next-text{font-size:.65rem!important}.skill-icon-lg{width:20px!important;height:20px!important}}@media (max-width: 480px){.skills-grid{gap:5px!important;padding:6px!important}.skills-grid .skill-card-detailed{flex:1 1 70px!important;min-width:65px!important;max-width:100px!important}.skill-card-detailed{padding:6px!important;min-height:80px!important;gap:2px!important}.skill-card-detailed .skill-lvl{font-size:.9rem!important}.skill-card-detailed .skill-rank,.skill-card-detailed .skill-xp-text,.skill-card-detailed .skill-next-text{font-size:.6rem!important}.skill-icon-lg{width:18px!important;height:18px!important}.skill-progress-track{height:3px!important}}@media (max-width: 360px){.skills-grid{gap:4px!important;padding:4px!important}.skills-grid .skill-card-detailed{flex:1 1 60px!important;min-width:55px!important;max-width:80px!important}.skill-card-detailed{padding:5px!important;min-height:70px!important;border-radius:6px!important}.skill-card-detailed .skill-lvl{font-size:.85rem!important}.skill-card-detailed .skill-rank{display:none!important}.skill-card-detailed .skill-xp-text{font-size:.55rem!important}.skill-card-detailed .skill-next-text{display:none!important}.skill-icon-lg{width:16px!important;height:16px!important}}@media (max-width: 320px){.skills-grid{gap:3px!important;padding:3px!important}.skills-grid .skill-card-detailed{flex:1 1 50px!important;min-width:48px!important;max-width:70px!important}.skill-card-detailed{padding:4px!important;min-height:60px!important}.skill-card-detailed .skill-lvl{font-size:.8rem!important}.skill-card-top{margin-bottom:0!important}.skill-icon-lg{width:14px!important;height:14px!important}.skill-progress-track{height:2px!important;margin-bottom:1px!important}}.favorites-popup{z-index:1000001!important;pointer-events:auto!important}.favorites-popup-backdrop{z-index:1000000!important}.favorites-popup-content{pointer-events:auto!important}.favorite-item,.favorite-item-remove,.favorites-popup-close{pointer-events:auto!important;cursor:pointer!important}body.xp-page #player-results{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}body.xp-page #clan-results[style*="display: none"],body.xp-page #clan-results[style*="display:none"]{display:none!important}body.xp-page .skills-grid{display:flex!important;flex-wrap:wrap!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;justify-content:center!important;align-content:flex-start!important}.skills-grid{display:flex!important;flex-wrap:wrap!important;min-height:0!important;width:100%!important;max-width:100%!important}.skills-grid .skill-card-detailed{flex:1 1 auto!important;min-width:0!important;width:calc(16.666% - 8px)!important}@media (max-width: 600px){.skills-grid .skill-card-detailed{width:calc(20% - 6px)!important;min-width:60px!important;max-width:100px!important}}@media (max-width: 400px){.skills-grid .skill-card-detailed{width:calc(25% - 5px)!important;min-width:50px!important;max-width:80px!important}}@media (max-width: 320px){.skills-grid .skill-card-detailed{width:calc(33.333% - 4px)!important;min-width:45px!important;max-width:70px!important}}@media (max-width: 1024px){body.xp-page{height:auto!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}body.xp-page .tracker-container{height:auto!important;min-height:auto!important;overflow:visible!important}body.xp-page #tracker-split-layout{height:auto!important;min-height:auto!important;overflow:visible!important;display:flex!important;flex-direction:column!important}body.xp-page #player-results{height:auto!important;min-height:50vh!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important}body.xp-page .skills-grid{flex:0 0 auto!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}body.xp-page .sidebar-panel,body.xp-page .right-sidebar{height:auto!important;max-height:none!important;overflow:visible!important}body.xp-page .sidebar-content{height:auto!important;max-height:500px!important;overflow-y:auto!important}body.xp-page #clan-results,body.xp-page #clan-results[style*="display: block"],body.xp-page #clan-results[style*="display:block"]{height:auto!important;max-height:none!important;overflow:visible!important}body.xp-page .clan-main-grid{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important;grid-template-columns:1fr!important}body.xp-page .clan-left-col,body.xp-page .clan-right-col{width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}body.xp-page .table-panel{height:auto!important;max-height:600px!important;overflow-y:auto!important}body.xp-page .clan-table-wrapper{max-height:500px!important;overflow-y:auto!important}body.xp-page .log-list{max-height:400px!important;overflow-y:auto!important}}@media (max-width: 600px){body.xp-page{height:auto!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}body.xp-page .tracker-container,body.xp-page #tracker-split-layout{height:auto!important;min-height:auto!important;overflow:visible!important}body.xp-page #player-results{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important}body.xp-page .skills-grid{flex:0 0 auto!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}body.xp-page .sidebar-panel,body.xp-page .right-sidebar{height:auto!important;max-height:none!important;overflow:visible!important}body.xp-page .sidebar-content{height:auto!important;max-height:400px!important;overflow-y:auto!important}body.xp-page #clan-results,body.xp-page #clan-results[style*="display: block"],body.xp-page #clan-results[style*="display:block"]{height:auto!important;max-height:none!important;overflow:visible!important}body.xp-page .clan-main-grid{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important;grid-template-columns:1fr!important}body.xp-page .clan-left-col,body.xp-page .clan-right-col{width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}body.xp-page .table-panel{height:auto!important;max-height:500px!important;overflow-y:auto!important}body.xp-page .clan-table-wrapper{max-height:400px!important;overflow-y:auto!important}body.xp-page .log-list{max-height:300px!important;overflow-y:auto!important}}@media (max-width: 400px){body.xp-page .sidebar-content{max-height:350px!important}body.xp-page .table-panel{max-height:400px!important}body.xp-page .clan-table-wrapper{max-height:350px!important}body.xp-page .log-list{max-height:250px!important}}@media (min-width: 1025px){body.xp-page #player-results.results-section{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;overflow:hidden!important}body.xp-page #player-results .skills-grid{flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-content:flex-start!important}}@media (max-width: 1024px){body.xp-page #player-results.results-section{display:flex!important;flex-direction:column!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}body.xp-page #player-results .skills-grid{flex:0 0 auto!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-content:flex-start!important}}body.xp-page #player-results .skills-grid::-webkit-scrollbar{width:8px}body.xp-page #player-results .skills-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}body.xp-page #player-results .skills-grid::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}body.xp-page #player-results .skills-grid::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width: 320px){.custom-modal-content{min-width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;width:calc(100vw - 16px)!important;margin:8px!important}.custom-modal-header{padding:12px 16px!important;font-size:.95rem!important}.custom-modal-body{padding:16px!important;font-size:.85rem!important}.custom-modal-footer{padding:12px 16px!important;flex-wrap:wrap!important;gap:8px!important}.custom-modal-btn{padding:8px 16px!important;font-size:.8rem!important;flex:1 1 auto!important}.settings-dropdown{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;left:8px!important;right:8px!important}.user-dropdown{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;right:8px!important;left:auto!important}.notification-panel{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;right:8px!important;left:8px!important;transform:none!important}.floating-chat-panel{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;left:6px!important;right:6px!important;height:calc(100vh - 80px)!important;bottom:70px!important}.floating-chat-panel-expanded{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(100vh - 24px)!important;max-height:calc(100vh - 24px)!important;top:12px!important;left:6px!important;right:6px!important;bottom:12px!important;transform:none!important;border-radius:20px!important}.floating-chat-modal-overlay{background:#050403d1!important}.floating-chat-header{padding:14px 14px 12px!important}.floating-chat-input-area,.floating-chat-messages{padding-left:14px!important;padding-right:14px!important}.floating-chat-header-actions{gap:4px!important}.floating-chat-users-btn,.floating-chat-expand-btn,.floating-chat-clear-btn,.floating-chat-close{width:32px!important;height:32px!important}.floating-chat-msg{width:calc(100% - 40px)!important;max-width:calc(100% - 40px)!important}.fc-bubble{max-width:min(100%,240px)!important}.floating-chat-reply-preview{padding:9px 10px!important}.floating-chat-reply-label,.floating-chat-reply-username,.floating-chat-reply-text{font-size:.72rem!important}body.floating-chat-expanded-mode .fc-bubble{max-width:min(100%,300px)!important}.floating-gif-picker{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;left:8px!important;right:8px!important}.chat-preview-popup,.pwa-install-prompt{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;right:12px!important;left:12px!important}.pwa-update-toast,.toast-notification{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;left:12px!important;right:12px!important;transform:none!important}.filter-dropdown,.filter-dropdown-menu{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;left:12px!important;right:12px!important}.modal-content{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;margin:8px!important;padding:10px!important}.profile-card{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin:10px!important}#clan-customizer-modal .modal-content{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important}#changelog-modal .modal-content,#login-modal .modal-content{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}.community-sidebar-left,.community-sidebar-right{width:100%!important;max-width:100%!important}.community-main{min-width:0!important;width:100%!important}[style*="position: fixed"],[style*="position:fixed"]{max-width:100vw!important}}@media (max-width: 290px){.floating-chat-btn{width:44px!important;height:44px!important;right:8px!important;bottom:8px!important}.floating-chat-panel{width:100vw!important;max-width:100vw!important;left:0!important;right:0!important;height:calc(100vh - 60px)!important;bottom:60px!important;border-radius:0!important}.floating-chat-panel-expanded{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.custom-modal-overlay,.modal{padding:0!important}.custom-modal-content,.modal-content{width:100vw!important;max-width:100vw!important;min-width:100vw!important;margin:0!important;border-radius:0!important;min-height:80vh!important;max-height:100vh!important}.online-users-panel{min-height:80vh!important;max-height:95vh!important;width:100%!important;max-width:100%!important;border-radius:0!important}.feedback-modal-content,.feedback-inbox-content,.feedback-chat-modal{min-height:80vh!important;max-height:95vh!important}.admin-modal-content{min-height:60vh!important;max-height:95vh!important}.settings-dropdown,.user-dropdown,.notification-panel{width:100vw!important;max-width:100vw!important;left:0!important;right:0!important;border-radius:0 0 8px 8px!important}}.profile-card-v3 .profile-banner{height:100%!important}.profile-card-v3 .profile-avatar-large-container .profile-avatar-large,.profile-card-v3 .profile-avatar-img.profile-avatar-large{width:100%!important;height:100%!important}@media (max-width: 500px){.profile-card.profile-card-v3{width:100%!important;max-width:100%!important;margin:0!important}}