*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-left-2{left:-.5rem}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.left-0{left:0}.right-1{right:.25rem}.right-2{right:.5rem}.top-1{top:.25rem}.top-2{top:.5rem}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[250px\]{min-width:250px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-500\/20{border-color:#3b82f633}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-500\/20{border-color:#22c55e33}.border-red-500\/20{border-color:#ef444433}.border-slate-600\/50{border-color:#47556980}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/20{border-color:#fff3}.border-t-transparent{border-top-color:#0000}.bg-blue-500\/10{background-color:#3b82f61a}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-900{--tw-bg-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/40{background-color:#fff6}.bg-white\/60{background-color:#fff9}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-black\/20{--tw-gradient-from:#0003 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:#14b8a600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-black\/20{--tw-gradient-to:#0003 var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-12{padding:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.text-right{text-align:right}.font-\[\'Gagalin\'\]{font-family:Gagalin}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-teal-400{--tw-text-opacity:1;color:#2dd4bf;color:rgb(45 212 191/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Gagalin;font-style:normal;font-weight:400;src:url(/static/media/Gagalin-Regular.6bc229310548650a1f24.otf) format("opentype")}:root{--background-primary:#1e2124;--background-secondary:#282b30;--background-tertiary:#36393f;--background-light:#42464d;--background-dark:#171a1e;--text-primary:#fff;--text-secondary:#b9bbbe;--text-muted:#7d828a;--accent-primary:#4a90e2;--accent-blue:#4a90e2;--accent-green:#43b581;--accent-red:#f04747;--accent-yellow:#faa61a;--accent-gold:gold;--accent-silver:silver;--accent-bronze:#cd7f32;--border-color:#202225;--card-shadow:0 2px 8px #00000026;--card-hover-shadow:0 4px 16px #00000040;--gradient-accent:linear-gradient(135deg,#2d9596,#4a90e2);--primary-light:var(--background-light);--primary-dark:var(--background-primary)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e2124;background-color:var(--background-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1400px;padding:8px}.header{background:#1e2124;background:var(--primary-dark);border-bottom:1px solid #202225;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0003;margin-bottom:30px;padding:15px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.header h1{color:#fff;color:var(--text-primary);font-size:1.75rem;font-weight:600}.nav{display:flex;gap:20px}.nav-link{border-radius:6px;color:#b9bbbe;color:var(--text-secondary);font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease-in-out}.nav-link:hover{background:#42464d;background:var(--primary-light)}.nav-link.active,.nav-link:hover{color:#fff;color:var(--text-primary)}.nav-link.active{background:#4a90e2;background:var(--accent-blue);font-weight:600}.card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin:0 0 20px;overflow:visible;padding:20px;position:relative;transition:none}.card:hover{box-shadow:none;transform:none}.card h2{color:#fff;color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:1.5rem;font-weight:400;margin-bottom:12px;margin-top:0;position:relative}.card h2:after{background:linear-gradient(135deg,#2d9596,#4a90e2);background:var(--gradient-accent);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:40px}.btn{border-radius:5px;padding:10px 15px;transition:background-color .2s ease}.btn-primary{background-color:var(--accent-primary)}.btn-secondary{background-color:#36393f;background-color:var(--background-tertiary);color:#fff}.btn-secondary:hover{background-color:#42464d;background-color:var(--background-light)}.btn-danger{background:#f04747;background:var(--accent-red);color:#fff}.btn-danger:hover{background:#c53030}.btn-success{background:#43b581;background:var(--accent-green);color:#fff}.btn-success:hover{background:#2f855a}.grid{grid-gap:15px;display:grid;gap:15px;margin-top:15px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#42464d,#1e2124);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary-dark) 100%);border-radius:10px;color:#fff;padding:20px;text-align:center}.stat-card h3{color:#b9bbbe;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:10px;opacity:.9}.stat-card .value{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700}.table td,.table th{border-bottom:1px solid #36393f;border-bottom:1px solid var(--background-tertiary);padding:10px 12px;text-align:left}.table th{background-color:#36393f;background-color:var(--background-tertiary);color:#b9bbbe;color:var(--text-secondary);font-weight:600}.table tr:hover{background:#42464d;background:var(--primary-light)}.loading{color:#b9bbbe;color:var(--text-secondary);font-size:1.2rem;padding:50px;text-align:center}.error{background-color:#f04747;background-color:var(--accent-red)}.error,.success{border-radius:5px;color:#fff;margin-bottom:15px;padding:15px}.success{background-color:#43b581;background-color:var(--accent-green)}.form-group{margin-bottom:15px}.form-group label{color:#b9bbbe;color:var(--text-secondary);display:block;font-weight:600;margin-bottom:8px}.form-control{background:#1e2124;background:var(--primary-dark);border:1px solid #202225;border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-size:1rem;padding:10px;width:100%}.form-control:focus{border-color:#4a90e2;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4a90e24d;outline:none}textarea.form-control{min-height:100px;resize:vertical}.xp-gain{color:#43b581;font-weight:700}.xp-gain.negative{color:#f04747;color:var(--accent-red)}.rank{background:#4a90e2;background:var(--accent-blue);border-radius:50%;color:#fff;display:inline-block;font-weight:700;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.rank.gold{color:gold;color:var(--accent-gold)}.rank.silver{color:silver;color:var(--accent-silver)}.rank.bronze{color:#cd7f32;color:var(--accent-bronze)}.tabs{border-bottom:2px solid #202225;border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:15px}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#b9bbbe;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.tab:hover{color:#fff;color:var(--text-primary)}.tab.active{border-bottom-color:#4a90e2;border-bottom-color:var(--accent-blue);color:#4a90e2;color:var(--accent-blue)}.table tbody tr{transition:background-color .2s ease-in-out}.table tbody tr:hover{background-color:#42464d;background-color:var(--background-light)}.table tbody tr:nth-child(2n){background-color:#0000001a}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1e2124;background:var(--background-primary)}::-webkit-scrollbar-thumb{background-color:#36393f;background-color:var(--background-tertiary);border:3px solid #1e2124;border:3px solid var(--background-primary);border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#42464d;background-color:var(--background-light)}@media (max-width:768px){.card,.container{padding:12px}.card{margin-bottom:8px}.card h2{font-size:1.5rem;margin-bottom:12px}.grid{gap:16px}.grid-2,.grid-3{grid-template-columns:1fr}.stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{padding:16px}.stat-card .value{font-size:1.5rem}.table td,.table th{font-size:.9rem;padding:10px 12px}.btn{font-size:.9rem;padding:12px 16px}.form-control{font-size:1rem;padding:12px}}@media (max-width:480px){.container{padding:8px}.card{border-radius:6px;margin-bottom:6px;padding:10px}.card h2{font-size:1.25rem;margin-bottom:10px}.grid{gap:12px}.stats-grid{gap:10px;grid-template-columns:1fr;margin-bottom:20px}.stat-card{padding:12px}.stat-card h3{font-size:.8rem}.stat-card .value{font-size:1.25rem}.table{font-size:.85rem}.table td,.table th{padding:8px 6px}.btn{padding:14px 18px}.btn,.form-control{font-size:1rem;min-height:44px}.form-control{padding:14px 12px}.tabs{flex-direction:column;gap:0}.tab{border-bottom:1px solid #202225;border-bottom:1px solid var(--border-color);border-radius:0;padding:12px 16px;text-align:center}.tab:first-child{border-radius:6px 6px 0 0}.tab:last-child{border-bottom:none;border-radius:0 0 6px 6px}}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-solid:hover{border-style:solid}.hover\:border-green-600:hover{--tw-border-opacity:1;border-color:#16a34a;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.hover\:border-teal-500\/50:hover{border-color:#14b8a680}.hover\:border-opacity-80:hover{--tw-border-opacity:0.8}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-teal-500\/5:hover{background-color:#14b8a60d}.hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8}.hover\:text-teal-300:hover{--tw-text-opacity:1;color:#5eead4;color:rgb(94 234 212/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-sm:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:bg-opacity-80{--tw-bg-opacity:0.8}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:0;box-shadow:0 1px 20px #0000001a;justify-content:space-between;margin:0;padding:8px 20px;position:relative;top:-1px;transition:all .3s ease}.clan-info,.dashboard-header{align-items:center;display:flex}.clan-info{gap:8px}.clan-banner{border-radius:8px;height:70px;width:90px}.clickable-logo{cursor:pointer;transition:all .2s ease}.clickable-logo:hover{opacity:.8;transform:scale(1.02)}.clan-name-section{display:flex;flex-direction:column;gap:4px}.clan-info h1{font-family:Gagalin,sans-serif;font-size:2rem;font-weight:400;margin:0}.social-media-links{align-items:center;display:flex;gap:12px}.social-icon{align-items:center;background-color:var(--background-tertiary);border-radius:6px;color:var(--text-secondary);display:flex;height:20px;justify-content:center;padding:4px;text-decoration:none;transition:all .3s ease;width:20px}.social-icon:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.social-icon svg{height:100%;width:100%}.social-icon.discord:hover{background-color:#5865f226;color:#5865f2}.social-icon.twitter:hover{background-color:#1da1f226;color:#1da1f2}.social-icon.instagram:hover{background-color:#e4405f26;color:#e4405f}.social-icon.twitch:hover{background-color:#9146ff26;color:#9146ff}.clan-stats{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.dashboard-header .stat-item{align-items:center;color:var(--text-secondary);display:flex}.dashboard-header .stat-icon{height:16px;margin-right:6px;width:16px}.dashboard-header .stat-value{color:var(--text-primary);font-size:1.25rem!important;font-weight:600;margin-right:6px}.dashboard-header .stat-label{color:var(--text-muted);font-size:1.25rem!important}.dashboard-nav{border-bottom:1px solid var(--border-color);display:flex;gap:20px;padding-bottom:12px}.nav-tab{border-bottom:2px solid #0000;color:var(--text-secondary);font-weight:500;padding:8px 0;text-decoration:none;transition:all .2s ease}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{border-bottom-color:var(--accent-green);color:var(--accent-green)}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:10px;padding:10px}.clan-info{justify-content:center;text-align:center}.clan-banner{height:65px;width:80px}.clan-info h1{font-size:1.875rem}.clan-stats{gap:15px;justify-content:center}.dashboard-header .stat-label,.dashboard-header .stat-value{font-size:1.2rem!important}}@media (max-width:480px){.dashboard-header{margin-bottom:12px;min-height:-webkit-fit-content;min-height:fit-content;padding:24px 18px 18px;position:relative;z-index:10}.clan-info{flex-direction:column;gap:12px;padding-top:4px;position:relative;width:100%;z-index:101}.clan-banner{display:none!important}.clan-name-section{align-items:center;gap:8px;padding:0;position:relative;width:100%;z-index:102}.clan-info h1{background:#0000;color:#fff;font-size:2rem;line-height:1.2;margin:0;overflow:visible;padding:12px 16px;position:relative;text-align:center;width:100%;z-index:103}.social-media-links{gap:8px}.social-icon{height:20px;padding:4px;width:20px}.clan-stats{flex-wrap:nowrap;gap:8px;justify-content:center;overflow-x:auto;padding-top:4px;width:100%}.dashboard-header .stat-item{align-items:center;flex-direction:row;gap:4px;min-width:-webkit-fit-content;min-width:fit-content;text-align:center;white-space:nowrap}.dashboard-header .stat-icon{flex-shrink:0;height:16px;margin-bottom:0;margin-right:2px;width:16px}.dashboard-header .stat-value{font-size:.8rem!important;font-weight:700;line-height:1}.dashboard-header .stat-label{font-size:.7rem!important;line-height:1;margin-top:0}}.clan-xp-container{display:flex;flex-direction:column;gap:6px;margin-top:6px;min-height:200px}.clan-xp-item{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-bottom:1px solid #ffffff0d;border-radius:0;cursor:default;display:flex;justify-content:space-between;padding:6px 0;transition:none}.clan-xp-item:hover{background:#0000;border-color:#ffffff0d;box-shadow:none}.xp-period{display:flex;flex-direction:column;gap:1px}.period-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.reset-timer{color:var(--text-secondary);font-size:.75rem;font-weight:400}.xp-gain{color:var(--accent-green);font-size:1.15rem;font-weight:600}@media (max-width:480px){.clan-xp-container{gap:4px}.clan-xp-item{padding:8px 0}.period-label{font-size:.8rem}.reset-timer{font-size:.65rem}.xp-gain{font-size:1.1rem}}@media (max-width:360px){.clan-xp-item{padding:7px 0}.period-label{font-size:.75rem}.reset-timer{font-size:.6rem}.xp-gain{font-size:1rem}}.special-name-wrapper{display:inline-block;padding:0 5px 5px;position:relative}.special-name-text{-webkit-text-fill-color:#0000!important;animation:textGlow 2s ease-in-out infinite;-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important;font-weight:700;position:relative;z-index:2}@supports not (-webkit-background-clip:text){.special-name-text{-webkit-text-fill-color:#fff!important;background:none!important;color:#fff!important}}.special-name-text.lightning-glow{animation:lightningGlow 2s ease-in-out infinite}.special-name-text.pulse-glow{animation:gradientCycle 4s linear infinite;background-size:200% 100%}.special-name-text.simple-glow{animation:simpleGlow 3s ease-in-out infinite}.special-name-text.shimmer-glow{animation:shimmerGlow 3s ease-in-out infinite;background-size:200% 100%}.special-name-text.smoke-glow{animation:none}.special-name-text.darkstars-glow{animation:darkPurpleGlow 3s ease-in-out infinite}.special-name-text.mysticvoid-glow{animation:mysticVoidGlow 3s ease-in-out infinite;background-size:200% 100%}.glitch-effect{position:relative}.glitch-effect:after,.glitch-effect:before{background:inherit;background-clip:text;-webkit-background-clip:text;color:#0000;content:attr(data-text);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.glitch-effect:before{animation:glitch-anim-1 4s linear infinite alternate-reverse;left:2px;text-shadow:-1px 0 #999}.glitch-effect:after{animation:glitch-anim-2 6s linear infinite alternate-reverse;left:-2px;text-shadow:-1px 0 #666}.particles-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.sparkle{animation:sparkleFloat 3s ease-in-out infinite;font-size:4px;opacity:0;text-shadow:0 0 3px currentColor,0 0 6px currentColor}.darkstar,.sparkle{position:absolute;z-index:1}.darkstar{animation:darkstarPulsate 3s ease-in-out infinite;font-size:8px}.mysticorb{animation:mysticOrbFloat 3.5s ease-in-out infinite;font-size:6px;position:absolute;text-shadow:0 0 4px currentColor,0 0 8px currentColor,0 0 12px #8b5fbf99;z-index:1}.flame{animation:flameUnderline 3s ease-in-out infinite;border-radius:50% 50% 50% 50%;bottom:-2px;box-shadow:0 0 3px currentColor,0 0 6px currentColor;height:5px;transform:translateX(-50%);width:3px;z-index:0}.flame,.lightning{opacity:0;position:absolute}.lightning{animation:lightningStrike 2s ease-in-out infinite;box-shadow:0 0 6px currentColor,0 0 12px currentColor,0 0 20px #00d4ffcc,0 0 30px #00d4ff66;-webkit-clip-path:polygon(40% 0,60% 0,55% 40%,70% 40%,30% 100%,45% 45%,30% 45%);clip-path:polygon(40% 0,60% 0,55% 40%,70% 40%,30% 100%,45% 45%,30% 45%);height:16px;transform:rotate(20deg);width:4px;z-index:1}.pulse-particle{animation:pulseParticle 2.5s ease-in-out infinite;border-radius:50%;box-shadow:0 0 4px currentColor,0 0 8px currentColor,0 0 12px #f449;height:4px;width:4px}.pulse-particle,.shimmer-particle{opacity:0;position:absolute;z-index:1}.shimmer-particle{animation:shimmerParticle 3s ease-in-out infinite;border-radius:2px;box-shadow:0 0 3px currentColor,0 0 6px currentColor,0 0 10px #8fbc8f66;height:12px;transform:rotate(-20deg);width:3px}.smoke-particle{animation:smokeParticle 5s ease-in-out infinite;border-radius:50%;box-shadow:0 0 8px currentColor,0 0 12px currentColor;filter:blur(3px);height:8px;opacity:0;position:absolute;width:8px;z-index:0}@keyframes textGlow{0%,to{filter:brightness(1) drop-shadow(0 0 2px #ff00ff)}50%{filter:brightness(1.3) drop-shadow(0 0 8px #ff00ff) drop-shadow(0 0 12px #ff1493)}}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8}50%{opacity:1;transform:translateY(-8px) scale(1)}80%{opacity:.6}to{opacity:0;transform:translateY(0) scale(.5)}}@keyframes flameUnderline{0%{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}15%{opacity:.5}50%{opacity:.7;transform:translateX(-50%) translateY(-2px) scale(1.1)}85%{opacity:.4}to{opacity:0;transform:translateX(-50%) translateY(0) scale(.8)}}@keyframes lightningStrike{0%{opacity:0;transform:rotate(15deg) scale(.6)}3%{opacity:1;transform:rotate(20deg) scale(1.2)}6%{opacity:0}9%{opacity:.9;transform:rotate(18deg) scale(1.1)}12%{opacity:0}15%{opacity:.7;transform:rotate(22deg) scale(1)}18%{opacity:0}to{opacity:0;transform:rotate(20deg) scale(.6)}}@keyframes lightningGlow{0%,to{filter:brightness(1.05) drop-shadow(0 0 3px #00d4ff) drop-shadow(0 0 6px #0099ff)}50%{filter:brightness(1.25) drop-shadow(0 0 8px #00d4ff) drop-shadow(0 0 12px #0099ff)}}@keyframes pulseGlow{0%,to{filter:brightness(1) drop-shadow(0 0 4px #ff4444) drop-shadow(0 0 8px #ff0000)}50%{filter:brightness(1.3) drop-shadow(0 0 12px #ff4444) drop-shadow(0 0 16px #ff0000)}}@keyframes simpleGlow{0%,to{filter:brightness(1) drop-shadow(0 0 2px #ffb3d9)}50%{filter:brightness(1.15) drop-shadow(0 0 6px #ffc0e0)}}@keyframes pulseParticle{0%{opacity:0;transform:scale(.5)}20%{opacity:.8}50%{opacity:1;transform:scale(1.2)}80%{opacity:.6}to{opacity:0;transform:scale(.5)}}@keyframes gradientCycle{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes shimmerGlow{0%,to{background-position:0 50%;filter:brightness(1) drop-shadow(0 0 2px #8fbc8f)}50%{background-position:100% 50%;filter:brightness(1.2) drop-shadow(0 0 6px #a8d5ba) drop-shadow(0 0 10px #8fbc8f)}}@keyframes shimmerParticle{0%{opacity:0;transform:translateX(-20px) rotate(-20deg) scale(.5)}30%{opacity:.8;transform:translateX(0) rotate(-20deg) scale(1)}70%{opacity:.8;transform:translateX(20px) rotate(-20deg) scale(1)}to{opacity:0;transform:translateX(40px) rotate(-20deg) scale(.5)}}@keyframes smokeParticle{0%{opacity:0;transform:translateX(0) translateY(0) scale(.8)}10%{opacity:.5}50%{opacity:.6;transform:translateX(60px) translateY(-5px) scale(1.2)}90%{opacity:.3}to{opacity:0;transform:translateX(120px) translateY(-10px) scale(1.5)}}@keyframes darkstarPulsate{0%,to{color:#1a1a1a;text-shadow:0 0 5px #1a1a1a,0 0 10px #1a1a1a;transform:scale(1)}50%{color:#fff;text-shadow:0 0 8px #fff,0 0 15px #fff,0 0 20px #fffc;transform:scale(1.2)}}@keyframes darkPurpleGlow{0%,to{filter:brightness(1.05) drop-shadow(0 0 4px #5d2a72) drop-shadow(0 0 6px #4a1f5c)}50%{filter:brightness(1.25) drop-shadow(0 0 10px #5d2a72) drop-shadow(0 0 15px #4a1f5c) drop-shadow(0 0 20px rgba(93,42,114,.6))}}@keyframes glitch-anim-1{0%{-webkit-clip-path:inset(15% 0 85% 0);clip-path:inset(15% 0 85% 0)}10%{-webkit-clip-path:inset(5% 0 60% 0);clip-path:inset(5% 0 60% 0)}20%{-webkit-clip-path:inset(30% 0 50% 0);clip-path:inset(30% 0 50% 0)}30%{-webkit-clip-path:inset(90% 0 5% 0);clip-path:inset(90% 0 5% 0)}40%{-webkit-clip-path:inset(40% 0 45% 0);clip-path:inset(40% 0 45% 0)}50%{-webkit-clip-path:inset(20% 0 70% 0);clip-path:inset(20% 0 70% 0)}60%{-webkit-clip-path:inset(75% 0 10% 0);clip-path:inset(75% 0 10% 0)}70%{-webkit-clip-path:inset(50% 0 30% 0);clip-path:inset(50% 0 30% 0)}80%{-webkit-clip-path:inset(25% 0 5% 0);clip-path:inset(25% 0 5% 0)}90%{-webkit-clip-path:inset(60% 0 35% 0);clip-path:inset(60% 0 35% 0)}to{-webkit-clip-path:inset(5% 0 90% 0);clip-path:inset(5% 0 90% 0)}}@keyframes glitch-anim-2{0%{-webkit-clip-path:inset(80% 0 10% 0);clip-path:inset(80% 0 10% 0)}10%{-webkit-clip-path:inset(45% 0 50% 0);clip-path:inset(45% 0 50% 0)}20%{-webkit-clip-path:inset(5% 0 80% 0);clip-path:inset(5% 0 80% 0)}30%{-webkit-clip-path:inset(70% 0 20% 0);clip-path:inset(70% 0 20% 0)}40%{-webkit-clip-path:inset(30% 0 65% 0);clip-path:inset(30% 0 65% 0)}50%{-webkit-clip-path:inset(90% 0 2% 0);clip-path:inset(90% 0 2% 0)}60%{-webkit-clip-path:inset(10% 0 75% 0);clip-path:inset(10% 0 75% 0)}70%{-webkit-clip-path:inset(60% 0 25% 0);clip-path:inset(60% 0 25% 0)}80%{-webkit-clip-path:inset(5% 0 90% 0);clip-path:inset(5% 0 90% 0)}90%{-webkit-clip-path:inset(40% 0 35% 0);clip-path:inset(40% 0 35% 0)}to{-webkit-clip-path:inset(85% 0 5% 0);clip-path:inset(85% 0 5% 0)}}@keyframes mysticVoidGlow{0%,to{background-position:0 50%;filter:brightness(1.1) drop-shadow(0 0 6px #8b5fbf) drop-shadow(0 0 10px #a673d1)}50%{background-position:100% 50%;filter:brightness(1.3) drop-shadow(0 0 12px #8b5fbf) drop-shadow(0 0 18px #a673d1) drop-shadow(0 0 24px rgba(139,95,191,.4))}}@keyframes mysticOrbFloat{0%{opacity:.6;transform:scale(.8) translateY(0)}25%{opacity:.9;transform:scale(1) translateY(-3px)}50%{opacity:1;transform:scale(1.1) translateY(-6px)}75%{opacity:.9;transform:scale(1) translateY(-3px)}to{opacity:.6;transform:scale(.8) translateY(0)}}.activities-header{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;justify-content:space-between;margin:0 0 12px;overflow:visible;padding:0;position:relative}.activities-header h2{font-size:1.25rem;margin:0}.clan-activities-grid{grid-gap:10px;background:#0000;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);min-height:350px}.activity-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;box-shadow:none;margin-bottom:0;min-height:85px;overflow:hidden;padding:12px;position:relative;transition:all .15s ease}.activity-card-header{align-items:center;display:flex;font-size:.85rem;margin-bottom:6px}.activity-avatar{border-radius:50%;height:28px;margin-right:8px;width:28px}.activity-card-info{display:flex;flex-grow:1;justify-content:space-between}.activity-card-member{color:var(--text-primary);font-weight:600}.activity-card-time{color:var(--text-muted)}.activity-card-body{align-items:center;display:flex;font-size:.8rem;gap:6px;margin-top:4px}.activity-icon{flex-shrink:0;height:24px;object-fit:contain;width:24px}.activity-card-body p{line-height:1.4;margin:0}.pagination{flex-wrap:nowrap;gap:4px;margin-left:auto;margin-right:auto;margin-top:12px;padding:12px 0;width:-webkit-fit-content;width:fit-content}.btn-pagination{align-items:center;background-color:#2d959640;background-color:color-mix(in srgb,#2d9596 25%,#0000);background-color:color-mix(in srgb,var(--pagination-theme-color,#2d9596) 25%,#0000);border:2px solid #2d9596;border:2px solid var(--pagination-theme-color,#2d9596);border-radius:6px;color:#3aaba9;color:var(--pagination-theme-color,#3aaba9);cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background-color:#2d959673;background-color:color-mix(in srgb,#2d9596 45%,#0000);background-color:color-mix(in srgb,var(--pagination-theme-color,#2d9596) 45%,#0000);border-color:#3aaba9;border-color:var(--pagination-theme-color,#3aaba9);box-shadow:0 2px 8px #2d959699;box-shadow:0 2px 8px color-mix(in srgb,#2d9596 60%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--pagination-theme-color,#2d9596) 60%,#0000);transform:translateY(-1px)}.btn-pagination:active:not(:disabled){transform:scale(.95)}.btn-pagination.active{background-color:#2d9596;background-color:var(--pagination-theme-color,#2d9596);border-color:#2d9596;border-color:var(--pagination-theme-color,#2d9596);box-shadow:0 4px 16px #2d9596b3;box-shadow:0 4px 16px color-mix(in srgb,#2d9596 70%,#0000);box-shadow:0 4px 16px color-mix(in srgb,var(--pagination-theme-color,#2d9596) 70%,#0000);color:#fff;font-weight:700;transform:scale(1.05)}.btn-pagination.btn-page{min-width:40px}.activity-card:hover{background:#ffffff0a;border-color:#2d95964d;box-shadow:0 2px 12px #2d95961a}.btn-pagination:disabled{background-color:#2d95960d;background-color:color-mix(in srgb,#2d9596 5%,#0000);background-color:color-mix(in srgb,var(--pagination-theme-color,#2d9596) 5%,#0000);border-color:color-mix(in srgb,#2d9596 20%,#0000);border-color:color-mix(in srgb,var(--pagination-theme-color,#2d9596) 20%,#0000);color:#555;cursor:not-allowed;opacity:.25}@media (max-width:768px){.activities-header{align-items:stretch;flex-direction:column;gap:15px}.activities-header h2{font-size:1.25rem;text-align:center}.clan-activities-grid{gap:6px;grid-template-columns:1fr;min-height:350px}.filter-pills{gap:8px;justify-content:center}.filter-pill{font-size:.85rem;padding:6px 16px}}@media (max-width:480px){.activities-header{margin:0 0 12px;padding:12px}.activities-header h2{font-size:1.1rem}.clan-activities-grid{gap:6px;grid-template-columns:1fr;min-height:280px}.activity-card{border-radius:6px;min-height:90px;padding:12px}.activity-card-header{font-size:.85rem;margin-bottom:8px}.activity-avatar{height:28px;margin-right:8px;width:28px}.activity-card-body{font-size:.8rem;gap:8px;margin-top:6px}.activity-icon{height:20px;width:20px}.filter-pills{gap:6px}.filter-pill{flex:1 1;font-size:.8rem;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;text-align:center}.pagination{flex-wrap:wrap;gap:3px;margin-top:12px;padding:16px 0}.btn-pagination{font-size:.85rem;min-width:36px;padding:6px 10px}.btn-pagination.btn-page{min-width:36px}}.discord-booster-name{animation:boosterGlow 3s ease-in-out infinite;color:#ff69b4!important;font-weight:600}.discord-booster-icon{animation:boosterPulse 2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 3px rgba(255,105,180,.5));font-size:1.1rem}@keyframes boosterGlow{0%,to{text-shadow:0 0 5px #ff69b44d}50%{text-shadow:0 0 15px #ff69b499,0 0 25px #ff69b466}}@keyframes boosterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.grandmaster-ca-name{animation:gmcaGlow 3s ease-in-out infinite;color:gold!important;font-weight:600}.grandmaster-ca-icon{animation:gmcaPulse 2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 3px rgba(255,215,0,.4));font-size:1.1rem}@keyframes gmcaGlow{0%,to{text-shadow:0 0 5px #ffd70033}50%{text-shadow:0 0 12px #ffd70066,0 0 20px #ffd70040}}@keyframes gmcaPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.skill-issue-name{color:#c41e3a!important;font-weight:600}.skill-issue-icon{animation:skillIssuePulse 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 4px rgba(196,30,58,.4)) drop-shadow(0 0 2px rgba(218,165,32,.3));font-size:1.1rem}@keyframes skillIssueGlow{0%,to{text-shadow:0 0 4px #daa52040,0 0 8px #c41e3a4d}50%{text-shadow:0 0 6px #daa52059,0 0 12px #c41e3a80,0 0 18px #c41e3a33}}@keyframes skillIssuePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.discord-events-loading{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:12px;padding:16px}.loading-spinner{border:2px solid #334155;border-top-color:#14b8a6;height:16px;width:16px}.discord-events-empty,.discord-events-error,.discord-events-wrapper{padding:0}.discord-events-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:12px;padding:0}@media (min-width:640px){.discord-events-container{grid-template-columns:repeat(2,1fr)}}.discord-event-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#36393f99,#36393fcc);border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:110px;overflow:hidden;padding:12px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.discord-event-card:hover{background:linear-gradient(135deg,#42464db3,#42464de6);border-color:#ffffff26;box-shadow:0 4px 20px #2d95961f;transform:translateY(-2px) scale(1.02)}.discord-event-card.live{background:linear-gradient(135deg,#ef44441a,#36393fcc);border:1px solid #ef4444}.discord-event-card.today{background:linear-gradient(135deg,#14b8a61a,#36393fcc);border:1px solid #14b8a6}.discord-event-card.tomorrow{background:linear-gradient(135deg,#f59e0b1a,#36393fcc);border:1px solid #f59e0b}.discord-event-card.ended{background:linear-gradient(135deg,#64748b1a,#36393f99);border:1px solid #64748b;opacity:.7}.discord-event-card.error{background:linear-gradient(135deg,#dc26261a,#36393fcc);border:1px solid #dc2626}.event-header{justify-content:space-between;margin-bottom:8px}.event-header,.event-icon-name{align-items:flex-start;display:flex}.event-icon-name{flex:1 1}.event-title{flex:1 1;min-width:0}.event-name{color:#fff;font-size:14px;font-weight:700;line-height:1.3;margin-bottom:4px;word-break:break-word}.event-type{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.3px;line-height:1.2;text-transform:uppercase}.event-timing{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;min-width:80px;text-align:right}.timing-primary{background:#4755694d;border-radius:4px;color:#e2e8f0;font-size:13px;font-weight:700;line-height:1.2;margin-bottom:3px;padding:4px 8px}.timing-primary.live{animation:pulse-live 2s ease-in-out infinite;background:#ef4444;color:#fff}.timing-primary.today{background:#14b8a6;color:#fff}.timing-primary.tomorrow{background:#f59e0b;color:#fff}.timing-primary.ended{background:#64748b4d;color:#94a3b8}.timing-primary.error{background:#dc2626;color:#fff}.timing-secondary{color:#64748b;font-size:12px;line-height:1.2;margin-top:2px}.event-details{display:flex;flex:1 1;flex-direction:column;margin-top:8px}.event-description{background:#47556933;border-left:2px solid #14b8a680;border-radius:4px;color:#cbd5e1;font-size:13px;font-style:italic;line-height:1.4;margin-bottom:6px;padding:6px 8px}.event-info-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr;margin-top:auto}@media (min-width:640px){.event-info-grid{grid-template-columns:repeat(2,1fr)}}.event-info-item{align-items:center;background:#47556926;border:1px solid #4755694d;border-radius:4px;display:flex;gap:6px;padding:6px 8px}.discord-event-card .event-info-label{color:#94a3b8;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.2px;line-height:1.2;text-transform:uppercase}.discord-event-card .event-info-value{color:#e2e8f0;flex:1 1;font-size:12px;font-weight:500;line-height:1.2;text-align:right}@keyframes pulse-live{0%,to{box-shadow:0 0 0 0 #ef4444b3;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 8px #ef444400;opacity:.9;transform:scale(1.05)}}@media (max-width:768px){.discord-events-container{gap:10px;grid-template-columns:1fr}.discord-event-card{min-height:95px;padding:10px 12px}.event-header{margin-bottom:6px}.event-timing{align-items:center;flex-direction:row;gap:6px;min-width:auto}.event-name{font-size:13px;line-height:1.3}.event-type{font-size:11px}.timing-primary{font-size:12px;padding:3px 6px}.timing-secondary{font-size:11px;margin-top:0}.event-info-grid{gap:4px;grid-template-columns:1fr;margin-top:6px}.event-info-item{padding:5px 6px}.discord-event-card .event-info-label,.discord-event-card .event-info-value{font-size:11px}.filter-pill{height:28px!important;line-height:1.2!important;white-space:nowrap!important}.filter-pill,.flex.justify-between.items-center .filter-pill{font-size:.7rem!important;max-width:120px!important;min-height:28px!important;padding:4px 10px!important}}@media (max-width:480px){.event-header{align-items:flex-start;flex-direction:column;gap:8px}.event-timing{align-self:stretch;justify-content:space-between}.filter-pill{height:24px!important;line-height:1.2!important;min-width:-webkit-fit-content;min-width:fit-content;text-align:center;white-space:nowrap!important}.filter-pill,.flex.justify-between.items-center .filter-pill{font-size:.65rem!important;max-width:100px!important;min-height:24px!important;padding:3px 8px!important}}.discord-events-container *{box-sizing:border-box}.events-show-all{display:flex;justify-content:center;margin-top:8px}.discord-events-empty:hover,.discord-events-error button:hover{cursor:pointer}.highest-ranks-list{list-style:none;margin:4px 0 0;padding:0}.highest-ranks-list li{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0d;border-radius:0;cursor:pointer;display:flex;margin:0;padding:5px 0}.highest-ranks-list li:last-child{border-bottom:none}.clan-rank-icon{height:18px;width:18px}.clan-rank-icon,.player-avatar{margin-right:6px;vertical-align:middle}.player-avatar{border-radius:3px;height:24px;width:24px}.member-name{color:#fff;font-size:.9rem}.twitter-feed-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:20px;overflow:visible;padding:20px;position:relative;transition:none}.twitter-header{align-items:center;display:flex;gap:8px;margin-bottom:12px;position:relative}.twitter-icon{color:#1da1f2;flex-shrink:0;height:24px;width:24px}.twitter-header h2{color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:1.75rem;font-weight:400;margin:0}.tweets-container{display:flex;flex-direction:column;gap:2px;max-height:350px;overflow-x:hidden;overflow-y:auto;padding-right:8px}.tweets-container::-webkit-scrollbar{width:10px}.tweets-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.tweets-container::-webkit-scrollbar-thumb{background:#b4b4b499;border-radius:3px}.tweets-container::-webkit-scrollbar-thumb:hover{background:#c8c8c8cc}.tweet-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-bottom:1px solid #ffffff0d;border-radius:0;display:flex;flex-direction:column;min-height:auto;overflow:visible;padding:6px 0;position:relative;transition:none}.tweet-card:hover{background:#0000;border-color:#ffffff0d;box-shadow:none;transform:none}.tweet-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:3px}.tweet-content{flex-grow:1;margin:3px 0 6px}.tweet-text{word-wrap:break-word;color:var(--text-primary);font-size:.9rem;font-weight:400;line-height:1.4;margin:0 0 6px;max-height:none;min-height:auto;overflow-wrap:break-word;white-space:pre-wrap}.tweet-actions{border-top:1px solid #ffffff0a;flex-shrink:0;justify-content:space-between;margin-top:auto;padding-top:5px}.tweet-actions,.tweet-metrics{align-items:center;display:flex}.tweet-metrics{gap:14px}.metric-item{align-items:center;cursor:pointer;display:flex;gap:4px;transition:color .15s ease}.metric-count{color:var(--text-muted);font-size:.8rem;font-weight:500}.metric-icon-heart,.metric-icon-reply,.metric-icon-retweet{color:var(--text-muted);transition:color .15s ease}.metric-item:hover .metric-icon-heart{color:#e91e63}.metric-item:hover .metric-icon-retweet{color:#1da1f2}.metric-item:hover .metric-icon-reply{color:#17bf63}.metric-item:hover .metric-count{color:var(--text-primary)}.tweet-link{border-radius:4px;color:var(--text-muted);padding:4px;transition:color .15s ease}.tweet-link:hover{background:#1da1f21a;color:#1da1f2}.tweet-time{color:var(--text-muted);font-size:.8rem;white-space:nowrap}.twitter-error,.twitter-loading,.twitter-message{color:var(--text-secondary);font-size:.95rem;padding:20px 10px;text-align:center}.twitter-error{color:var(--accent-red)}.twitter-warning{background-color:#faa61a1a;border-radius:4px;color:var(--accent-yellow);font-size:.85rem;margin-top:10px;padding:8px;text-align:center}@media (max-width:768px){.tweet-footer{align-items:flex-start;flex-direction:column;gap:8px}.tweet-metrics{width:100%}.tweet-time{align-self:flex-end}}.twitter-feed-card.compact .tweet-card{padding:10px}.twitter-feed-card.compact .tweet-text{font-size:.9rem}.twitter-feed-card.compact .metric{font-size:.8rem}@keyframes skeleton-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-loader{animation:skeleton-shimmer 2s linear infinite;background:linear-gradient(90deg,#ffffff08,#ffffff14 50%,#ffffff08);background-size:1000px 100%;border-radius:8px;display:inline-block}.skeleton-loader.mb-1{margin-bottom:4px}.skeleton-loader.mb-2{margin-bottom:8px}.skeleton-table{display:flex;flex-direction:column;gap:12px;padding:8px 0}.skeleton-table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:.5fr 2fr 1fr}.skeleton-table-cell{align-items:center;display:flex}.skeleton-event-card{background:linear-gradient(135deg,#2d95960f,#4a90e20f);border:1px solid #2d959626;border-radius:20px;display:flex;flex-direction:column;padding:28px}.skeleton-xp-progress{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.skeleton-xp-item{background:#ffffff05;border-radius:12px;display:flex;flex-direction:column;padding:16px}.ripple-button{overflow:hidden;position:relative}.ripple-container{height:100%;left:0;overflow:hidden;top:0;width:100%}.ripple,.ripple-container{pointer-events:none;position:absolute}.ripple{animation:ripple-animation .6s ease-out;background:#ffffff4d;border-radius:50%;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}.dashboard-grid{grid-gap:0;align-items:flex-start;display:grid;gap:0;grid-template-columns:280px 1fr 380px}.grid-column,.grid-column-large{display:flex;flex-direction:column;gap:0}.today-xp-card{display:flex;flex-direction:column;min-height:580px;overflow:hidden;position:relative}.today-xp-card .table-container{display:flex;flex:1 1;flex-direction:column}.today-xp-card .table{flex:1 1}.today-xp-card .table td,.today-xp-card .table th{font-size:.85rem;padding:6px 8px}.today-xp-card .table td:nth-child(3),.today-xp-card .table th:nth-child(3){text-align:right}.today-xp-card .table tbody tr.clickable-row{transition:background-color .2s ease}.today-xp-card .table tbody tr.clickable-row:hover{background-color:var(--background-light);cursor:pointer}.clan-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.clan-info-header h2{color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:1.5rem;font-weight:400;margin:0;position:relative}.clan-info-header h2:after{background:var(--gradient-accent);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:40px}.filter-pills{gap:8px}.filter-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff05 0,var(--background-tertiary) 100%);border:1px solid #ffffff0d;border-radius:12px;color:var(--text-secondary);font-size:.85rem;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-pill:hover{background:linear-gradient(135deg,#ffffff0a 0,var(--background-light) 100%);border-color:#ffffff1f;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.filter-pill.active{background:var(--gradient-accent);border-color:#0000;box-shadow:0 4px 20px #2d959640;transform:translateY(-1px)}.filter-pill.active:hover{box-shadow:0 6px 24px #2d959659;transform:translateY(-2px) scale(1.02)}.player-search-card{margin-bottom:1px}.player-search-card h2{margin-bottom:4px;margin-top:0}.search-container{position:relative}.player-search-input{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:20px;color:#fff;font-size:.85rem;outline:none;padding:6px 12px;transition:all .3s ease;width:100%}.player-search-input::placeholder{color:#7d828a}.player-search-input:focus{border-color:#2d9596;box-shadow:0 0 0 3px #2d95961a}.search-results-dropdown{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.search-result-item{align-items:center;border-bottom:1px solid #3a3a3a;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#3a3a3a}.search-result-avatar{border-radius:50%;flex-shrink:0;height:36px;width:36px}.search-result-info{flex:1 1;min-width:0}.search-result-name{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:2px}.search-result-stats{color:#b9bbbe;font-size:.75rem}.search-no-results{color:#7d828a;font-size:.85rem;padding:15px;text-align:center}.events-card{min-height:120px}.event-placeholder{align-items:center;background:var(--background-tertiary);border:1px dashed #ffffff26;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.event-placeholder:hover{background:#2d95960d;border-color:#2d959680}.event-icon{font-size:1.5rem;opacity:.7}.event-details h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 4px}.event-details p{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0 0 6px}.event-time{color:#2d9596;font-size:.8rem;font-weight:500}@media (min-width:1024px){.dashboard-grid{gap:4px}.grid-column,.grid-column-large{gap:0}}@media (max-width:768px){.dashboard-grid{gap:4px;grid-template-columns:1fr}.grid-column,.grid-column-large{gap:0}.filter-pills{gap:8px;justify-content:center}.filter-pill{font-size:.8rem;padding:5px 12px}.player-search-input{font-size:.85rem;padding:8px 14px}.search-result-item{padding:8px 10px}.search-result-avatar{height:32px;width:32px}.search-result-name{font-size:.85rem}.search-result-stats{font-size:.7rem}}.card-wrapper{background:#0000;margin:0;padding:0;position:relative}.mobile-card-header{display:none}.card-content-wrapper{background:#0000;display:block;margin:0;padding:0}.card-content-wrapper.mobile-collapsed{display:block}.activities-wrapper{position:relative}.desktop-activities{display:block}.mobile-activities{display:none}@media (max-width:480px){.dashboard-body{padding:0 2px}.dashboard-grid{gap:2px}.grid-column .card,.grid-column-large .card{border-radius:6px;margin-bottom:1px;padding:8px}.grid-column,.grid-column-large{gap:0}.mobile-card-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff1a;border-radius:0;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 0}.card-content-wrapper.mobile-collapsed,.desktop-activities{display:none}.mobile-activities{display:block}.mobile-card-header h3{color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:1rem;font-weight:700;margin:0;position:relative}.mobile-card-header h3:after{background:linear-gradient(90deg,#2d9596,#4a90e2);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:30px}.card-collapse-btn{background:#2d95961a;border:1px solid #2d95964d;border-radius:6px;color:#2d9596;cursor:pointer;font-size:.75rem;min-width:32px;padding:6px 8px;text-align:center;transition:all .2s ease}.card-collapse-btn:hover{background:#2d959633;border-color:#2d9596;color:#2d9596}.filter-pills{gap:6px}.filter-pill{flex:1 1;font-size:.8rem;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;text-align:center}.clan-info-header{align-items:stretch;flex-direction:column;gap:12px}.player-search-input{font-size:1rem;padding:12px 16px}.search-result-item{gap:10px;padding:12px}.search-result-avatar{height:32px;width:32px}.search-result-name{font-size:.85rem}.search-result-stats{font-size:.75rem}.today-xp-card .table td,.today-xp-card .table th{font-size:.8rem;padding:5px 6px}.today-xp-card .table td:nth-child(3),.today-xp-card .table th:nth-child(3){text-align:right}}.today-xp-card .table thead th{background-color:var(--theme-border-color)!important;border-bottom-color:var(--theme-border-color)!important}.homepage-container{margin:0;padding:0;width:100%}.hero-section{grid-gap:60px;align-items:center;background:linear-gradient(135deg,#0f1216fa,#14191ef2 50%,#191e23eb);border-bottom:none;box-shadow:none;display:grid;gap:60px;grid-template-columns:1fr 400px;margin-bottom:-40px;overflow:visible;padding:80px 60px 100px;position:relative}.hero-section:before{background:radial-gradient(ellipse at 70% 50%,#8b45451f 0,#0000 70%);height:100%;top:0;width:60%}.hero-section:after,.hero-section:before{content:"";pointer-events:none;position:absolute;right:0}.hero-section:after{background:linear-gradient(to bottom,#0000 0,var(--theme-background) 100%);bottom:0;height:80px;left:0}.hero-content{max-width:600px;position:relative;z-index:1}.hero-content h1{color:#fff;font-family:Gagalin,serif;font-size:3.5rem;letter-spacing:-.02em;line-height:1.1;margin:0 0 20px;text-shadow:0 2px 8px #0000004d}.hero-description{color:#ffffffbf;font-size:1.125rem;font-weight:400;line-height:1.7;margin-bottom:32px}.hero-socials{display:flex;flex-wrap:wrap;gap:12px}.social-link{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none}.social-link:hover{background:#ffffff14;border-color:#ffffff26}.social-icon{filter:grayscale(.2);font-size:1.2rem}.hero-artwork{background:radial-gradient(circle at 30% 40%,#8b454533 0,#0000 70%),linear-gradient(135deg,#2d95960d,#4a90e20d);border-radius:24px;height:450px;position:relative;transform:perspective(1000px) rotateY(-5deg);width:400px;z-index:1}.homepage-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 420px;padding:24px 60px;width:100%}.homepage-left,.homepage-right{display:flex;flex-direction:column;gap:16px}.two-column-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.half-width{min-width:0}.homepage-section{background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff0a;border-radius:24px;overflow:hidden;padding:20px;position:relative}.homepage-section:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.homepage-section:hover{border-color:#ffffff14}.section-heading{color:#fff;display:inline-block;font-family:Gagalin,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:-.01em;margin:0 0 20px;padding-bottom:8px;position:relative}.section-heading:after{background:linear-gradient(90deg,#2d9596,#4a90e2);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.xp-leaderboard-section{display:flex;flex-direction:column}.xp-leaderboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.xp-period-filters{display:flex;gap:8px}.xp-leaderboard-content{display:flex;flex:1 1;flex-direction:column}.xp-leaderboard-content .table{border-collapse:initial;border-spacing:0;flex:1 1;margin-bottom:16px}.xp-leaderboard-content .table th{background:#ffffff05!important;border-bottom:2px solid #ffffff0d;color:#7d828a;font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:10px 8px;text-transform:uppercase}.xp-leaderboard-content .table td{border-bottom:1px solid #ffffff08;font-size:.9rem;padding:9px 11px}.xp-leaderboard-content .table tbody tr{transition:background-color .2s ease}.xp-leaderboard-content .table tbody tr:hover{background:#ffffff08!important}.view-more-btn{background:linear-gradient(135deg,#2d95961f,#2d959614);border:1px solid #2d959640;border-radius:10px;color:#2d9596;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.08em;overflow:hidden;padding:8px;position:relative;text-transform:uppercase;width:100%}.view-more-btn:before{background:#2d959633;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.view-more-btn:hover:before{height:300px;width:300px}.view-more-btn:hover{background:linear-gradient(135deg,#2d959633,#2d959626);border-color:#2d959680;color:#3db5b6;transform:translateY(-2px)}.events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.event-card{background:linear-gradient(135deg,#2d95960f,#4a90e20f);border:1px solid #2d959626;border-radius:20px;overflow:hidden;padding:28px;position:relative}.event-card:before{background:linear-gradient(180deg,#2d9596,#4a90e2);content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:4px}.event-card:after{background:radial-gradient(circle,#2d95961a 0,#0000 70%);content:"";height:200%;opacity:0;position:absolute;right:-50%;top:-50%;transition:opacity .4s ease;width:200%}.event-card:hover{border-color:#2d959666}.event-card:hover:after{opacity:1}.event-card h3{color:#fff;font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 12px}.event-card p{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:6px 0}.event-card .muted-text{color:#ffffff80;font-size:.9rem;font-style:italic}.muted-text{color:#ffffff80;font-size:.9rem;line-height:1.6}@media (max-width:1200px){.homepage-grid{display:flex;flex-direction:column;gap:16px;padding:24px 20px}.hero-section{grid-template-columns:1fr;padding:60px 40px}.hero-artwork{height:300px;width:100%}.two-column-row{grid-template-columns:1fr}.homepage-left,.homepage-right{display:contents}.homepage-left>section:first-child{order:1}.homepage-right>section:first-child{order:2}.homepage-right>section:nth-child(2){order:3}.homepage-right>section:nth-child(3){order:4}.homepage-left>section:nth-child(2){order:5}.homepage-left>section:nth-child(3){order:6}}@media (max-width:768px){.homepage-grid{gap:12px;padding:16px 12px}.hero-section{padding:32px 16px}.hero-content h1{font-size:2.5rem}.hero-description{font-size:1rem}.homepage-section{border-radius:16px;padding:16px}.section-heading{font-size:1.125rem;margin-bottom:16px;padding-bottom:6px}.two-column-row{grid-template-columns:1fr}.xp-leaderboard-header{align-items:flex-start;flex-direction:column;gap:8px}.xp-period-filters{justify-content:space-between;width:100%}.filter-pill{font-size:.75rem;padding:6px 12px}.view-more-btn{font-size:.7rem;padding:10px}}@media (max-width:480px){.homepage-grid{gap:10px;padding:12px 8px}.hero-section{padding:24px 12px}.hero-content h1{font-size:2rem}.hero-description{font-size:.9rem}.homepage-section{border-radius:12px;padding:12px}.section-heading{font-size:1rem;margin-bottom:12px;padding-bottom:4px}.xp-period-filters{flex-wrap:wrap}.filter-pill{font-size:.7rem;padding:5px 10px}.table td,.table th{font-size:.8rem;padding:6px 4px}}.sync-progress-box{background-color:var(--primary-dark);border:1px solid var(--accent-blue);border-radius:5px;color:var(--text-primary);margin-top:15px;padding:15px}.sync-progress-box h4{color:var(--accent-blue);margin:0 0 10px}.sync-progress-box strong{color:var(--text-secondary)}.sync-progress-bar-container{background-color:var(--primary-light);border-radius:10px;height:20px;margin-top:10px;overflow:hidden;width:100%}.sync-progress-bar{background-color:var(--accent-green);height:100%;transition:width .3s ease}.rate-limited-text{color:var(--accent-orange);margin-left:10px}.sync-status-text{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:8px}.form-control{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;min-width:160px;outline:none;padding:10px 16px;transition:all .3s ease}.form-control:hover{background-color:#333;border-color:#2d9596}.form-control:focus{background-color:#2a2a2a;border-color:#2d9596;box-shadow:0 0 0 3px #2d95961a}.form-control option{background-color:#2a2a2a;color:#fff;padding:10px}.form-control option:hover{background-color:#2d9596}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d9596' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}input.form-control{padding-right:16px}input.form-control::placeholder{color:#888;font-weight:400}.filter-pills{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filter-pill{background-color:#3a3a3a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .3s ease;white-space:nowrap}.filter-pill:hover{background-color:#4a4a4a;transform:translateY(-1px)}.filter-pill.active{background-color:#2d9596;color:#fff}.filter-pill.active:hover{background-color:#3aaba9}@keyframes sparkle{0%,to{filter:brightness(1) drop-shadow(0 0 2px #ff00ff)}50%{filter:brightness(1.3) drop-shadow(0 0 8px #ff00ff) drop-shadow(0 0 12px #ff1493)}}.table{border-collapse:collapse;width:100%}.player-name{font-weight:500}@media (max-width:768px){.form-control{font-size:.95rem;min-width:140px;padding:12px 14px}.filter-pills{gap:8px;justify-content:center}.filter-pill{font-size:.85rem;padding:6px 16px}.table{font-size:.9rem}}.member-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.member-list-controls{align-items:center;display:flex;gap:20px}@media (max-width:768px){.member-list-header{align-items:stretch;flex-direction:column;gap:15px}.member-list-header h2{margin:0;text-align:center}.member-list-controls{flex-direction:column;gap:12px}.member-list-controls .form-control{width:100%}}@media (min-width:481px){.mobile-table-toggle{display:none!important}}@media (max-width:480px){.page-content{padding:8px!important}.card{border-radius:8px 8px 0 0;margin:0 -4px}.form-control{border-radius:6px;font-size:1rem;min-height:44px;min-width:100%;padding:14px 16px}.filter-pills{gap:6px}.filter-pill{align-items:center;flex:1 1;font-size:.9rem;min-height:44px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 14px;text-align:center}.filter-pill,.mobile-table-toggle{display:flex;justify-content:center}.mobile-table-toggle{margin-bottom:12px}.toggle-view-btn{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:8px 16px;transition:all .3s ease}.toggle-view-btn:hover{background-color:var(--background-light);border-color:var(--accent-primary)}.toggle-view-btn.expanded{background-color:var(--accent-primary);color:#fff}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:6px;margin:0 -12px;max-width:none;overflow-x:auto;width:calc(100vw - 24px)}.table{border-collapse:collapse;font-size:.72rem;margin-bottom:0;min-width:calc(100vw - 24px);table-layout:fixed;width:100%}.table th{border-bottom:2px solid var(--accent-primary);font-size:.68rem;font-weight:600;letter-spacing:.1px;padding:6px 3px;text-align:center;text-transform:uppercase;white-space:nowrap}.table tbody tr{border-bottom:1px solid #ffffff14}.table tbody tr:hover{background-color:#4a90e214}.table td{word-wrap:break-word;border-right:1px solid #ffffff0d;font-size:.75rem;overflow:hidden;padding:6px 4px;text-overflow:ellipsis}.table td:last-child{border-right:none}.table td:nth-child(4),.table td:nth-child(5),.table th:nth-child(4),.table th:nth-child(5),.table.condensed td:nth-child(6),.table.condensed th:nth-child(6){display:none}.table.expanded td,.table.expanded th{display:table-cell}.table.expanded td:nth-child(4),.table.expanded td:nth-child(5),.table.expanded th:nth-child(4),.table.expanded th:nth-child(5){display:none}.table img{flex-shrink:0;height:24px!important;margin-right:6px;width:24px!important}.member-name-cell{padding:6px 4px!important}.member-name-cell>div{align-items:flex-start!important;display:flex!important;gap:6px!important}.player-name{word-wrap:break-word;display:block;font-size:.8rem!important;font-weight:600;line-height:1.2;max-width:none;white-space:normal!important}.table.condensed th:first-child{width:50%}.table.condensed th:nth-child(2),.table.condensed th:nth-child(3){width:25%}.table.condensed td:first-child{word-wrap:break-word;line-height:1.2;white-space:normal;width:50%}.table.condensed td:nth-child(2){font-size:.8rem;text-align:right;width:25%}.table.condensed td:nth-child(3){color:var(--accent-primary);font-size:.75rem;text-align:right;width:25%}.table.expanded th:first-child{width:40%}.table.expanded th:nth-child(2),.table.expanded th:nth-child(3),.table.expanded th:nth-child(6){width:20%}.table.expanded td:first-child{word-wrap:break-word;line-height:1.2;white-space:normal;width:40%}.table.expanded td:nth-child(2){text-align:right;width:20%}.table.expanded td:nth-child(3){width:20%}.table.expanded td:nth-child(6){font-size:.65rem;width:20%}.table td:nth-child(2){background-color:#43b58108;color:var(--accent-green);font-size:.8rem;font-weight:700;text-align:right}.table.condensed td:nth-child(3){background-color:#4a90e208}.table.expanded td:nth-child(3){background-color:#4a90e208;color:var(--accent-primary);font-size:.75rem;font-weight:600;text-align:right}.table td .inactive-status{font-size:.6rem;opacity:.8}.sync-progress-box{margin-top:12px;padding:12px}.sync-progress-box h4{font-size:.95rem}}.profile-header{justify-content:space-between}.profile-header,.profile-info{align-items:center;display:flex;gap:20px}.profile-info{flex:1 1}.profile-avatar{border-radius:8px;height:80px;width:80px}.profile-details{flex:1 1}.profile-stats{color:var(--text-secondary);display:flex;font-size:.95rem;gap:20px}.achievement-badges{align-items:flex-end;display:flex;gap:10px}.badge{align-items:center;background:none;border:none;display:flex;flex-direction:column;gap:8px;padding:0}.badge-icon{height:64px;object-fit:contain;width:64px}.badge-name{font-size:.75rem;font-weight:600;text-align:center}.profile-main{display:flex;gap:20px}.skills-section{border:none!important;border-radius:16px;box-shadow:none!important;display:flex;flex:2 1;flex-direction:column;padding:12px}.skills-section,.skills-section .table tbody tr,.skills-section .table tbody tr:nth-child(2n),.xp-tracker-section .table tbody tr,.xp-tracker-section .table tbody tr:nth-child(2n){background-color:var(--background-secondary)!important}.skills-section .table tbody tr:hover,.xp-tracker-section .table tbody tr:hover{background-color:var(--background-light)!important}.skills-section .table th,.xp-tracker-section .table th{background-color:var(--background-secondary)!important;font-size:calc(1rem + .3px)!important;font-weight:700!important}.activities-section{display:flex;flex:1 1;flex-direction:column}.profile-with-persistent-milestones{align-items:flex-start;display:flex;gap:8px}.main-content-area{flex:4 1;min-width:0}.persistent-milestones-sidebar{align-self:flex-start;display:flex;flex:1 1;flex-direction:column;margin-top:20px;top:20px}.milestones-container{display:flex;flex-direction:column;gap:8px}.milestone-section{background-color:var(--background-secondary);border:none;border-radius:16px;padding:12px}.milestone-title{color:var(--text-primary);font-size:.85rem;font-weight:600;margin:0 0 8px;text-align:center}.skill-icons-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.milestone-skill-icon{border-radius:4px;height:24px;object-fit:contain;transition:transform .2s ease;width:24px}.milestone-skill-icon:hover{transform:scale(1.1)}.achievements-section{background-color:var(--background-secondary)}.achievements-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.achievement-icon{border-radius:4px;height:28px;object-fit:contain;transition:transform .2s ease;width:28px}.achievement-icon:hover{transform:scale(1.1)}.clue-scrolls-section{background-color:var(--background-secondary)!important}.clue-scrolls-grid{display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.clue-scroll-item{align-items:center;background-color:initial;border-radius:6px;display:flex;gap:8px;padding:4px 8px;transition:background-color .2s ease}.clue-scroll-item:hover{background-color:#ffffff14}.clue-scroll-icon{height:20px;object-fit:contain;width:20px}.clue-scroll-count{color:var(--text-primary);font-size:.9rem;font-weight:600;min-width:0}.analytics-section{background-color:var(--background-secondary)!important}.analytics-period-buttons{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:12px}.analytics-period-btn{background:#3a3a3a!important;border:none;border-radius:14px;color:#fff!important;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 10px;transition:all .3s ease;white-space:nowrap}.analytics-period-btn:hover{background:#4a4a4a!important;transform:translateY(-1px)}.analytics-period-btn.active{background:#2d9596!important;color:#fff!important}.top-trained-skills{display:flex;flex-direction:column;gap:6px}.trained-skill-item{align-items:center;background-color:#ffffff08;border-radius:8px;display:flex;gap:8px;padding:6px 8px;transition:background-color .2s ease}.trained-skill-item:hover{background-color:#ffffff14}.skill-rank{color:var(--text-secondary);font-size:.75rem;font-weight:600;min-width:20px}.trained-skill-icon{flex-shrink:0;height:24px;object-fit:contain;width:24px}.trained-skill-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.trained-skill-name{color:var(--text-primary);font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trained-skill-xp{font-size:.75rem;font-weight:600}.no-analytics-data{color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:16px 8px;text-align:center}.clan-stats-section{background-color:var(--background-secondary)!important}.clan-stats-list{gap:10px}.clan-stat-item,.clan-stats-list{display:flex;flex-direction:column}.clan-stat-item{background-color:#ffffff08;border-radius:8px;gap:4px;padding:8px 10px;transition:background-color .2s ease}.clan-stat-item:hover{background-color:#ffffff14}.clan-stat-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.clan-stat-value{color:var(--text-primary);font-size:1rem;font-weight:600}.clan-rank-value{align-items:center;display:flex;gap:8px}.clan-rank-icon{height:24px;object-fit:contain;width:24px}.clan-rank-text{color:var(--text-primary);font-size:1rem;font-weight:600}.recent-activities-section{background-color:var(--background-secondary)!important}.sidebar-activities-list{display:flex;flex-direction:column;gap:6px}.sidebar-activity-item{align-items:flex-start;background-color:#ffffff08;border-radius:6px;display:flex;gap:8px;padding:6px 8px;transition:background-color .2s ease}.sidebar-activity-item:hover{background-color:#ffffff14}.sidebar-activity-icon{flex-shrink:0;height:20px;object-fit:contain;width:20px}.sidebar-activity-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sidebar-activity-text{word-wrap:break-word;color:var(--text-primary);font-size:.8rem;font-weight:500;line-height:1.3;overflow-wrap:break-word}.sidebar-activity-time{color:var(--text-secondary);font-size:.7rem;font-style:italic}.view-all-activities-btn{background:#2d9596!important;border:none;border-radius:14px;color:#fff!important;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:8px;padding:8px 12px;transition:all .3s ease;width:100%}.view-all-activities-btn:hover{background:#248687!important;transform:translateY(-1px)}.no-activities-data{color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:16px 8px;text-align:center}.progress-bars-toggle-container{display:flex;justify-content:flex-end;margin-bottom:16px;padding:0 4px}.toggle-wrapper{align-items:center;display:flex;gap:12px}.toggle-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.toggle-switch{background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background-color .3s ease;width:44px}.toggle-switch.active{background-color:var(--accent-primary)}.toggle-slider{background-color:var(--text-primary);border-radius:50%;height:18px;left:3px;position:absolute;top:2px;transition:transform .3s ease;width:18px}.toggle-switch.active .toggle-slider{transform:translateX(20px)}.xp-cell-content{align-items:center;display:flex;flex-direction:column;gap:4px}.xp-value{font-weight:500}.skill-progress-bar{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;height:12px;max-width:120px;overflow:visible;position:relative;width:100%}.skill-progress-bar .progress-bar-fill{align-items:center;background-color:var(--accent-primary);border-radius:6px;display:flex;height:100%;justify-content:center;min-width:0;overflow:hidden;position:relative;transition:width .3s ease}.skill-progress-bar .progress-text{color:#fff;font-size:.7rem;font-weight:600;left:50%;pointer-events:none;position:absolute;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.progress-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:8px;bottom:100%;box-shadow:0 4px 20px #00000026;left:50%;margin-bottom:8px;min-width:200px;opacity:0;padding:12px;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;z-index:1000}.skill-progress-bar:hover .progress-tooltip{opacity:1;transform:translateX(-50%) translateY(-2px);visibility:visible}.progress-tooltip:after{border:6px solid #0000;border-top:6px solid var(--background-tertiary);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tooltip-title{color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:8px}.tooltip-info{display:flex;flex-direction:column;gap:4px}.tooltip-row{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.tooltip-label{color:var(--text-secondary);font-weight:500}.tooltip-value{color:var(--text-primary);font-weight:600}.tooltip-progress-visual{background-color:var(--background-primary);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.tooltip-progress-fill{border-radius:2px;height:100%;transition:width .3s ease}.boss-drop-item{display:flex;font-size:.8rem;justify-content:space-between;padding:2px 0;position:relative}.boss-drop-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:8px;bottom:100%;box-shadow:0 4px 20px #00000026;left:50%;margin-bottom:8px;max-width:350px;min-width:250px;opacity:0;padding:12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;white-space:normal;z-index:1000}.boss-drop-item:hover .boss-drop-tooltip{opacity:1;transform:translateX(-50%) translateY(-2px);visibility:visible}.boss-drop-tooltip:after{border:6px solid #0000;border-top:6px solid var(--background-tertiary);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.boss-drop-tooltip-dates{display:flex;flex-direction:column;gap:3px;margin-top:8px;max-height:200px;overflow-y:auto}.boss-drop-tooltip-date{border-bottom:1px solid #ffffff0d;color:var(--text-secondary);font-size:.75rem;padding:2px 0}.boss-drop-tooltip-date:last-child{border-bottom:none}.boss-drops-search:focus{border-color:var(--accent-blue)!important;box-shadow:0 2px 8px #3b82f633!important}.boss-drops-search::placeholder{color:var(--text-muted);opacity:.6}@media (max-width:768px){.profile-with-persistent-milestones{flex-direction:column;gap:16px}.main-content-area,.persistent-milestones-sidebar{flex:none}.persistent-milestones-sidebar{margin-top:16px;order:2;position:relative;top:auto}.main-content-area{order:1}.milestone-section{border-radius:12px;padding:10px}.milestone-skill-icon{height:20px;width:20px}.achievement-icon{height:24px;width:24px}.clue-scroll-item{padding:3px 6px}.clue-scroll-icon{height:16px;width:16px}.analytics-period-btn{font-size:.7rem;padding:5px 8px}.trained-skill-item{gap:6px;padding:5px 6px}.trained-skill-icon{height:20px;width:20px}.trained-skill-name{font-size:.8rem}.trained-skill-xp{font-size:.7rem}.skill-progress-bar{height:10px;max-width:100px}.skill-progress-bar .progress-text{color:#fff;font-size:.6rem;left:50%;pointer-events:none;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%)}.progress-tooltip{margin-bottom:6px;min-width:180px;padding:10px}.tooltip-title{font-size:.8rem}.tooltip-row{font-size:.75rem}.skill-progress-bar:active .progress-tooltip{opacity:1;transform:translateX(-50%) translateY(-2px);visibility:visible}.toggle-wrapper{gap:8px}.profile-stats{font-size:.9rem;gap:15px}.achievement-badges{align-items:flex-end;gap:8px}.badge{padding:0}.badge-icon{height:56px;width:56px}.badge-name{font-size:.7rem}}@media (max-width:480px){.profile-header{align-items:stretch;flex-direction:column;gap:16px}.profile-info{gap:16px}.profile-avatar{height:60px;width:60px}.profile-stats{flex-direction:column;font-size:.85rem;gap:8px}.achievement-badges{align-items:flex-end;flex-wrap:wrap;gap:6px;justify-content:center;padding:8px 0}.badge{flex:0 1 auto;gap:4px;min-width:auto;padding:0}.badge-icon{height:40px;width:40px}.badge-name{font-size:.65rem;line-height:1.1;white-space:nowrap}.profile-main{flex-direction:column;gap:16px;max-height:none}.activities-section,.skills-section{flex:none}.skills-section{order:1}.activities-section{max-height:400px;order:2;overflow-y:auto}.skills-section>div,.xp-tracker-section>div:last-child{-webkit-overflow-scrolling:touch;overflow-x:auto;position:relative;scrollbar-color:var(--accent-primary) var(--background-secondary);scrollbar-width:thin}.skills-section>div:after,.xp-tracker-section>div:last-child:after{background:linear-gradient(to left,var(--card-bg),#0000);bottom:6px;content:"";float:right;margin-left:-20px;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;top:0;width:20px}.skills-section>div::-webkit-scrollbar,.xp-tracker-section>div:last-child::-webkit-scrollbar{height:6px}.skills-section>div::-webkit-scrollbar-track,.xp-tracker-section>div:last-child::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:3px}.skills-section>div::-webkit-scrollbar-thumb,.xp-tracker-section>div:last-child::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.skills-section table,.xp-tracker-section table{font-size:.75rem;min-width:600px;table-layout:auto}.skills-section td,.skills-section th,.xp-tracker-section td,.xp-tracker-section th{padding:6px 8px!important;white-space:nowrap}.skills-section img,.xp-tracker-section img{height:16px!important;width:16px!important}}@media (max-width:360px){.profile-info{gap:12px}.profile-avatar{height:50px;width:50px}.achievement-badges{align-items:flex-end;gap:4px;justify-content:space-evenly}.badge{flex:1 1 auto;max-height:80px;max-width:80px;padding:0}.badge-icon{height:32px;width:32px}.badge-name{font-size:.6rem;overflow:hidden;text-overflow:ellipsis}.skills-section table,.xp-tracker-section table{font-size:.7rem;min-width:550px}.skills-section td,.skills-section th,.xp-tracker-section td,.xp-tracker-section th{padding:5px 6px!important}.skills-section img,.xp-tracker-section img{height:14px!important;width:14px!important}.activities-section{max-height:300px}}.profile-tabs-container{margin-top:20px}.profile-tabs-nav{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:4px;margin-bottom:0;min-height:40px;padding:6px}.profile-tab-button{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:400;min-height:32px;padding:10px 18px;text-align:center;transition:all .2s ease;white-space:nowrap}.profile-tab-button:hover{background-color:#ffffff0d;color:var(--text-primary)}.profile-tab-button.active{background:none;color:#64b5f6;font-weight:500}.profile-tabs-content{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:8px;min-height:400px;padding:6px}@media (max-width:768px){.profile-tabs-nav{border-radius:14px}.profile-tab-button{border-radius:10px;font-size:.8rem;min-height:28px;padding:8px 14px}.profile-tabs-content{padding:6px}.skills-section,.xp-tracker-section{border-radius:14px}}@media (max-width:480px){.profile-tabs-nav{-ms-overflow-style:none;border-radius:12px;overflow-x:auto;padding:4px;scrollbar-width:none}.profile-tabs-nav::-webkit-scrollbar{display:none}.profile-tab-button{border-radius:8px;flex-shrink:0;font-size:.75rem;min-height:26px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 12px}.profile-tabs-content{min-height:300px;padding:6px}.skills-section,.xp-tracker-section{border-radius:12px}}@media (max-width:360px){.profile-tab-button{font-size:.7rem;padding:6px 10px}.profile-tabs-content{padding:6px}}.xp-tracker-section{background-color:var(--background-secondary)!important;border-radius:16px;display:flex;flex-direction:column;padding:12px}.xp-period-selector{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;overflow:hidden}.period-button{background:none;border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.period-button:last-child{border-right:none}.period-button:hover{background-color:var(--background-light);color:var(--text-primary)}.period-button.active{background-color:var(--accent-primary);color:#fff;font-weight:600}.xp-tracker-empty{padding:60px 20px;text-align:center}@media (max-width:768px){.xp-period-selector{justify-content:center}}@media (max-width:480px){.period-button{font-size:.8rem;padding:6px 12px}}.view-mode-toggle{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;overflow:hidden}.view-mode-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s ease}.view-mode-btn:hover{background-color:var(--background-light);color:var(--text-primary)}.view-mode-btn.active{background-color:var(--accent-primary);color:#fff}.boss-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:12px 0}.boss-card{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.boss-card:hover{border-color:var(--accent-blue);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.boss-card-image-container{align-items:center;background:radial-gradient(circle at center,#ffffff0d 0,#0000 70%);display:flex;height:140px;justify-content:center;padding:15px;position:relative;width:100%}.boss-card-image{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.boss-card:hover .boss-card-image{transform:scale(1.1)}.boss-card-content{background-color:#0003;border-top:1px solid var(--border-color);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:12px;text-align:center}.boss-card-name{color:var(--text-secondary);font-size:.95rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-card-count{color:var(--text-primary);font-size:1.3rem;font-weight:700}.boss-card-label{color:var(--text-muted);font-size:.75rem;font-weight:500;margin-top:4px;text-transform:uppercase}@media (max-width:768px){.boss-cards-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.boss-card-image-container{height:120px}}@media (max-width:600px){.boss-cards-grid{gap:10px}.boss-card-image-container{height:100px;padding:10px}.boss-card-content{padding:10px}.boss-card-name{font-size:.85rem}.boss-card-count{font-size:1.1rem}}@media (max-width:480px){.boss-cards-grid{gap:8px}.boss-card-image-container{height:80px}.boss-card-content{padding:8px}.boss-card-count{font-size:1rem}}.xp-analytics-container{width:100%}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.analytics-header h3{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0}.analytics-period-selector{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;overflow:hidden}.analytics-layout-professional{display:flex;flex-direction:column;gap:40px}.metrics-dashboard{background:linear-gradient(135deg,var(--card-bg) 0,#ffffff05 100%);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px}.metrics-row{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:2fr 1fr 1fr}.metric-card-large.primary-metric{align-items:center;background:linear-gradient(135deg,var(--accent-primary) 0,#3498dbcc 100%);border-radius:16px;box-shadow:0 8px 32px #3498db4d;color:#fff;display:flex;padding:30px;transition:transform .2s ease,box-shadow .2s ease}.metric-card-large.primary-metric:hover{box-shadow:0 12px 40px #3498db66;transform:translateY(-4px)}.metric-content{flex:1 1}.metric-value-large{font-size:3rem;font-weight:800;line-height:1;margin-bottom:8px}.metric-label-large{font-size:1rem;font-weight:500;letter-spacing:1px;opacity:.9;text-transform:uppercase}.metrics-column{display:flex;flex-direction:column;gap:15px}.metric-card-compact{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex:1 1;padding:20px;text-align:center;transition:all .2s ease}.metric-card-compact:hover{border-color:var(--accent-primary);box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.metric-value-compact{color:var(--accent-primary);font-size:1.8rem;font-weight:700;margin-bottom:6px}.metric-label-compact{color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.charts-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;min-height:750px}.chart-container-full,.chart-container-half{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;display:flex;flex-direction:column;min-height:700px;overflow:hidden;padding:30px;transition:box-shadow .2s ease}.chart-container-full:hover,.chart-container-half:hover{box-shadow:0 8px 32px #0000001f}.chart-header{border-bottom:2px solid var(--accent-primary);margin-bottom:25px;padding-bottom:15px}.chart-header h4{color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif;font-size:1.3rem;font-weight:600;margin:0 0 8px}.chart-subtitle{color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0}.chart-content{height:500px}.analytics-loading{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;justify-content:center;min-height:400px}@media (max-width:1400px){.charts-section{grid-template-columns:1.5fr 1fr}}@media (max-width:1200px){.metrics-row{gap:20px;grid-template-columns:1fr 1fr}.metric-card-large.primary-metric{grid-column:span 2}.charts-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr;min-height:650px}}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;margin-bottom:30px}.analytics-header h3{font-size:1.5rem}.analytics-layout-professional{gap:30px}.metrics-dashboard{padding:20px}.metrics-row{gap:15px;grid-template-columns:1fr}.metric-card-large.primary-metric{grid-column:span 1;padding:25px}.metric-value-large{font-size:2.5rem}.chart-container-full,.chart-container-half{padding:20px}.chart-content{height:500px}}@media (max-width:480px){.metrics-column{gap:10px}.metric-card-compact{padding:15px}.metric-value-compact{font-size:1.5rem}.metric-label-compact{font-size:.8rem}.chart-header h4{font-size:1.1rem}}.favorite-button-small{background:none;border:none;cursor:pointer;left:-2px;padding:0;position:absolute;top:-2px;transition:all .3s ease;z-index:20}.favorite-button-small.favorited:hover,.favorite-button-small:hover{transform:scale(1.2)}.favorite-button-small svg{transition:all .3s ease}.favorite-button-small:hover svg{filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.profile-header{position:relative}.analytics-metrics-row{grid-gap:20px;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;padding:20px}.metric-item{padding:15px 10px;text-align:center}.metric-number{color:var(--accent-primary);font-family:system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;margin-bottom:5px}.metric-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.analytics-metrics-row{gap:15px;grid-template-columns:repeat(3,1fr);padding:15px}.metric-number{font-size:1.5rem}.metric-label{font-size:.8rem}}@media (max-width:480px){.analytics-metrics-row{gap:10px;grid-template-columns:1fr;padding:12px}.metric-item{padding:10px 5px}.metric-number{font-size:1.3rem}}.boss-info-icon-container{position:absolute;right:8px;top:8px;z-index:10}.boss-info-icon{align-items:center;background-color:initial;border:none;border-radius:0;color:var(--text-muted);cursor:help;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.boss-info-icon:hover{background-color:initial;border-color:#0000;color:var(--text-primary)}.boss-stats-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #0000004d;margin-top:8px;min-width:180px;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;top:100%;transition:all .2s ease;visibility:hidden;z-index:1000}.boss-info-icon-container:hover .boss-stats-tooltip{opacity:1;pointer-events:auto;transform:translateY(2px);visibility:visible}.stats-tooltip-title{border-bottom:1px solid #ffffff1a;color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:8px;padding-bottom:4px}.stats-tooltip-row{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:4px}.stats-tooltip-row:last-child{margin-bottom:0}.stats-value{color:var(--accent-blue);font-weight:600}.leaderboard-container{margin:0 auto!important;max-width:100%!important;padding:0 20px!important;width:100%!important}@media (max-width:480px){.container{padding:8px!important}}.leaderboard-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 10px}.leaderboard-title h2{color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:2.5rem;font-weight:400;margin:0;text-shadow:0 2px 4px #0000004d}.leaderboard-container .card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#282b30!important;background-color:#282b30!important;border:1px solid #ffffff14!important;border-radius:12px!important;box-shadow:0 4px 16px #0000004d!important;box-sizing:border-box!important;margin:0!important;max-width:100%!important;padding:35px 40px!important;width:100%!important}.leaderboard-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px;padding:0 0 20px}.skill-icon-wrapper{background-color:#ffffff0d}.skill-icon-wrapper:hover{background-color:#ffffff1a;transform:translateY(-2px)}.leaderboard-divider{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);height:1px;margin:25px 0}.period-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 0 25px}.period-btn{background-color:#ffffff0d;border:none;border-radius:20px;color:#b9bbbe;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.period-btn:hover{background-color:#ffffff1a;color:#fff;transform:translateY(-1px)}.period-btn.active{background-color:#2d9596;color:#fff}.period-btn.active:hover{background-color:#3aaba9}.leaderboard-table{border-collapse:collapse!important;border-spacing:0!important;display:table!important;margin-top:20px;table-layout:fixed!important;width:100%!important}.leaderboard-table thead{background:#0000;display:table-header-group!important}.leaderboard-table thead tr{display:table-row!important}.leaderboard-table thead tr th{background:#0000!important;border-bottom:2px solid #4a90e2cc!important;color:#4a90e2!important;display:table-cell!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.8px!important;padding:16px 24px!important;text-align:left!important;text-transform:uppercase!important}.leaderboard-table thead tr th:first-child{text-align:center!important;width:80px!important}.leaderboard-table thead tr th:nth-child(2){text-align:left!important;width:auto!important}.leaderboard-table thead tr th:nth-child(3),.leaderboard-table thead tr th:nth-child(4){text-align:right!important;width:200px!important}.leaderboard-table thead tr th:first-child{border-top-left-radius:8px}.leaderboard-table thead tr th:last-child{border-top-right-radius:8px}.leaderboard-table tbody{display:table-row-group!important}.leaderboard-table tbody tr{border-bottom:1px solid #ffffff08;display:table-row!important;transition:all .2s cubic-bezier(.4,0,.2,1)}.leaderboard-table tbody tr:hover{background-color:#4a90e20f;cursor:pointer;transform:translateX(0)}.leaderboard-table tbody tr:last-child{border-bottom:none}.leaderboard-table tbody tr td{color:#fff!important;display:table-cell!important;font-size:.95rem!important;padding:14px 24px!important;vertical-align:middle!important}.leaderboard-table tbody tr td:first-child{color:#7d828a!important;font-size:.9rem!important;font-weight:600!important;text-align:center!important;width:80px!important}.leaderboard-table tbody tr td:nth-child(2){width:auto!important}.leaderboard-table tbody tr td:nth-child(3){color:#b9bbbe!important}.leaderboard-table tbody tr td:nth-child(3),.leaderboard-table tbody tr td:nth-child(4){text-align:right!important;width:200px!important}.leaderboard-table .member-name-cell{align-items:center!important;display:flex!important;flex-direction:row!important;gap:14px!important;padding:14px 24px!important}.leaderboard-table .member-name-cell span{color:#fff!important;font-size:.95rem!important;font-weight:500!important;line-height:1.4!important}.leaderboard-table .member-avatar{border-radius:4px!important;flex-shrink:0!important;height:38px!important;min-height:38px!important;min-width:38px!important;object-fit:cover!important;transition:all .25s ease!important;width:38px!important}.leaderboard-table tbody tr:hover .member-avatar{box-shadow:0 0 12px #4a90e266;transform:scale(1.05)}.xp-gain{color:#43b581!important;font-weight:600!important;text-shadow:0 0 8px #43b58126!important}.pagination-controls{margin-top:30px;padding:20px 0}.pagination-ellipsis,.pagination-info{color:#7d828a}.btn{padding:10px 18px}.btn-secondary{background-color:#ffffff0d;border:1px solid #ffffff1a;color:#b9bbbe}.btn-secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:#4a90e2;color:#fff}.btn-primary{background-color:#4a90e2;font-weight:600}.error,.loading{color:#7d828a}.error{color:#f04747}.no-data{color:#7d828a;font-size:1.1rem;padding:40px 20px;text-align:center}@media (max-width:768px){.leaderboard-container{padding:0 12px!important}.leaderboard-container .card{padding:20px!important}.leaderboard-table tbody tr td,.leaderboard-table thead tr th{font-size:.9rem!important;padding:12px 10px!important}.skill-icon{height:22px;width:22px}.member-avatar{height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.pagination-controls{flex-direction:column;gap:15px}.pagination-info{margin-left:0;text-align:center}}@media (max-width:480px){.leaderboard-title h2{font-size:2rem;text-align:center}.leaderboard-container{padding:0 4px!important}.leaderboard-container .card{padding:12px!important}.leaderboard-filters,.period-filters{gap:8px;padding:0 0 16px}.period-btn,.skill-icon-wrapper{font-size:.85rem;padding:8px 12px}.skill-icon{height:20px;width:20px}.leaderboard-table{font-size:.8rem!important;table-layout:fixed!important;width:100%!important}.leaderboard-table thead tr th:first-child{font-size:.7rem!important;padding:8px 4px!important;text-align:center!important;width:40px!important}.leaderboard-table thead tr th:nth-child(2){font-size:.7rem!important;padding:8px 6px!important;text-align:left!important;width:auto!important}.leaderboard-table thead tr th:nth-child(3),.leaderboard-table thead tr th:nth-child(4){font-size:.7rem!important;padding:8px 4px!important;text-align:right!important;width:80px!important}.leaderboard-table tbody tr td:first-child{color:#7d828a!important;font-size:.8rem!important;font-weight:600!important;padding:8px 4px!important;text-align:center!important;width:40px!important}.leaderboard-table tbody tr td:nth-child(2){font-size:.8rem!important;padding:8px 6px!important;width:auto!important}.leaderboard-table tbody tr td:nth-child(3){color:#b9bbbe!important}.leaderboard-table tbody tr td:nth-child(3),.leaderboard-table tbody tr td:nth-child(4){font-size:.75rem!important;padding:8px 4px!important;text-align:right!important;width:80px!important}.member-name-cell{gap:6px!important;padding:8px 6px!important}.member-avatar{height:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.member-name-cell span{font-size:.8rem!important;line-height:1.2!important}.pagination-controls{flex-direction:column;gap:12px;padding:15px 0}.pagination-pages{order:-1}.pagination-info{font-size:.8rem;margin-left:0;order:1;text-align:center}.btn{font-size:.8rem;padding:8px 12px}}.hiscores-container{margin:0 auto;max-width:1400px}.hiscores-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:0 10px}.hiscores-title h2{color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:2.5rem;font-weight:400;margin:0;text-shadow:0 2px 4px #0000004d}.hiscores-search{position:relative}.hiscores-search input{background-color:var(--background-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:12px 45px 12px 20px;transition:all .3s ease;width:280px}.hiscores-search input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4a90e21a;outline:none}.hiscores-search input::placeholder{color:var(--text-muted)}.hiscores-container .card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0003;padding:30px}.hiscores-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px;padding:0 20px}.skill-icon-wrapper{background-color:#3a3a3a;border-radius:20px;padding:6px 12px}.skill-icon{filter:brightness(1) saturate(1)}.skill-icon-wrapper:hover{background-color:#4a4a4a;transform:translateY(-1px)}.skill-icon-wrapper:hover .skill-icon{filter:brightness(1.1) saturate(1.2)}.skill-icon-wrapper.active{transform:translateY(-1px)}.hiscores-divider{background:linear-gradient(90deg,#0000 0,var(--border-color) 50%,#0000 100%);height:1px;margin:25px 0}.xp-brackets-filter{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 20px 20px}.bracket-btn{align-items:center;background-color:#3a3a3a;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 20px;transition:all .3s ease;white-space:nowrap}.bracket-btn:hover{background-color:#4a4a4a;transform:translateY(-1px)}.bracket-btn.active{background-color:#2d9596;color:#fff}.bracket-btn.active:hover{background-color:#3aaba9}.bracket-count{background-color:#fff3;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:2px 8px}.bracket-btn.active .bracket-count{background-color:#ffffff4d;color:#fff}.hiscores-table{border-collapse:initial;border-spacing:0;margin-top:20px;width:100%}.hiscores-table thead{background:linear-gradient(180deg,#4a90e226,#4a90e20d)}.hiscores-table thead tr th{border-bottom:2px solid var(--accent-blue);color:var(--accent-blue);font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.hiscores-table thead tr th:first-child{border-top-left-radius:8px}.hiscores-table thead tr th:last-child{border-top-right-radius:8px}.hiscores-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .2s ease}.hiscores-table tbody tr:hover{background-color:#4a90e214;box-shadow:0 2px 8px #4a90e226;cursor:pointer;transform:scale(1.01)}.hiscores-table tbody tr:last-child{border-bottom:none}.hiscores-table tbody tr td{color:var(--text-primary);font-size:.95rem;padding:16px 20px}.hiscores-table tbody tr td:first-child{color:var(--text-secondary);font-weight:600;width:60px}.member-name-cell{align-items:center;display:flex;gap:12px}.member-name-cell span{color:#fff;font-weight:500}.member-avatar{height:40px;transition:all .3s ease;width:40px}.hiscores-table tbody tr:hover .member-avatar{box-shadow:0 0 8px #4a90e280}.sortable{cursor:pointer;position:relative;transition:color .2s ease;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--text-primary)}.sortable:after{content:"⇅";font-size:.8rem;margin-left:8px;opacity:.3}.sortable.ascending:after{color:var(--accent-green);content:"↑";opacity:1}.sortable.descending:after{color:var(--accent-green);content:"↓";opacity:1}.inactive-tag{background-color:#dc354533;border:1px solid var(--accent-red);border-radius:12px;color:var(--accent-red);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.error,.loading{color:var(--text-secondary);font-size:1.2rem;padding:60px 20px;text-align:center}.error{color:var(--accent-red)}@media (max-width:768px){.hiscores-title{align-items:stretch;flex-direction:column;gap:20px}.hiscores-search input{width:100%}.hiscores-container .card{padding:20px}.hiscores-table{font-size:.85rem}.hiscores-table tbody tr td,.hiscores-table thead tr th{padding:12px 10px}.member-avatar{height:32px;width:32px}.skill-icon{height:22px;width:22px}.skill-icon-wrapper{padding:5px 10px}}@media (max-width:480px){.hiscores-title h2{font-size:2rem;text-align:center}.hiscores-container .card{padding:12px}.hiscores-filters,.xp-brackets-filter{gap:6px;padding:0 12px 16px}.bracket-btn,.skill-icon-wrapper{align-items:center;display:flex;font-size:.85rem;justify-content:center;min-height:40px;padding:8px 12px}.skill-icon{height:20px;width:20px}.table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:8px;margin:0 -12px;overflow-x:auto}.hiscores-table{border-collapse:collapse;font-size:.7rem;margin:0;min-width:100%}.hiscores-table thead tr th{border-bottom:2px solid var(--accent-primary);font-size:.65rem;letter-spacing:.2px;padding:4px 2px;text-transform:uppercase;white-space:nowrap}.hiscores-table tbody tr{border-bottom:1px solid #ffffff14}.hiscores-table tbody tr:hover{background-color:#4a90e214}.hiscores-table tbody tr td{border-right:1px solid #ffffff0d;font-size:.7rem;padding:3px 2px;white-space:nowrap}.hiscores-table tbody tr td:last-child{border-right:none}.hiscores-table th:first-child{min-width:25px}.hiscores-table th:nth-child(2){min-width:70px}.hiscores-table th:nth-child(3){min-width:40px}.hiscores-table th:nth-child(4){min-width:55px}.member-name-cell{gap:4px}.member-avatar{height:20px;width:20px}.member-name-cell span{font-size:.75rem;font-weight:600}.hiscores-table td:first-child{background-color:#4a90e20d;color:var(--text-secondary);font-weight:700;text-align:center}.hiscores-table td:nth-child(3){background-color:#4a90e208;color:var(--accent-primary);font-weight:700;text-align:right}.hiscores-table td:nth-child(4){background-color:#43b58108;color:var(--accent-green);font-weight:700;text-align:right}.inactive-tag{border-radius:6px;font-size:.55rem;margin-top:1px;padding:1px 4px}}.bingo-event-banner{background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);border-radius:16px;box-shadow:0 8px 32px #0000004d;margin-bottom:24px;min-height:200px;overflow:hidden;position:relative;width:100%}.banner-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.banner-background-image{filter:brightness(.6);height:100%;object-fit:cover;width:100%}.banner-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#2d959626,#00000080);height:100%;left:0;position:absolute;top:0;width:100%}.banner-content{display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px;position:relative;z-index:1}.banner-header{align-items:center;display:flex;gap:32px;justify-content:space-between}.banner-title-section{align-items:center;display:flex;flex:1 1;gap:20px}.banner-title{color:#fff;font-family:Gagalin,sans-serif;font-size:3rem;font-weight:400;line-height:1.2;margin:0;text-shadow:2px 2px 8px #00000080}.banner-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 4px 16px #0000004d;display:inline-flex;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:8px 20px;text-transform:uppercase;white-space:nowrap}.banner-status.status-active{background:#43b581e6;border:2px solid #43b581;color:#fff}.banner-status.status-ended{background:#dc3545e6;border:2px solid #dc3545;color:#fff}.banner-status.status-upcoming{background:#ffc107e6;border:2px solid #ffc107;color:#000}.banner-meta{gap:32px}.banner-meta,.banner-meta-item{align-items:center;display:flex}.banner-meta-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0000004d;flex-direction:column;gap:4px;padding:16px 24px}.meta-label{color:#ffffffb3;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.meta-value{color:#fff;font-size:1.75rem;font-weight:700;text-shadow:1px 1px 4px #00000080}@media (max-width:1024px){.banner-content{padding:32px}.banner-title{font-size:2.5rem}.banner-header{align-items:flex-start;flex-direction:column;gap:24px}.banner-meta{justify-content:flex-start;width:100%}}@media (max-width:768px){.bingo-event-banner{border-radius:12px;margin-bottom:16px;min-height:160px}.banner-content{min-height:160px;padding:24px}.banner-title{font-size:2rem}.banner-status{font-size:.8rem;padding:6px 16px}.banner-meta{gap:16px}.banner-meta-item{flex:1 1;padding:12px 20px}.meta-value{font-size:1.5rem}}@media (max-width:480px){.bingo-event-banner{border-radius:8px;margin-bottom:12px;min-height:140px}.banner-content{min-height:140px;padding:16px}.banner-title{font-size:1.5rem}.banner-title-section{align-items:flex-start;flex-direction:column;gap:12px}.banner-status{font-size:.7rem;padding:4px 12px}.banner-meta{gap:12px;width:100%}.banner-meta-item{padding:8px 12px}.meta-label{font-size:.65rem}.meta-value{font-size:1.25rem}}.bingo-activity{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--card-shadow);display:flex;flex:1 1;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:20px}.bingo-activity h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);flex-shrink:0;font-family:Gagalin,sans-serif;font-size:1.5rem;font-weight:400;margin:0 0 16px;padding-bottom:12px}.activity-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:50px}.activity-loading .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--background-tertiary);border:3px solid var(--background-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:30px;margin-bottom:15px;width:30px}.activity-error{background-color:var(--accent-red);border-radius:5px;color:#fff;padding:15px;text-align:center}.activity-list{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px}.activity-item{align-items:flex-start;background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff0a;border-radius:16px;display:flex;gap:12px;margin-bottom:10px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease}.activity-item:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.activity-item:hover{border-color:#ffffff14}.clickable-activity{cursor:pointer}.clickable-activity:hover{border-color:#2d959666}.clickable-activity:active{transform:translateY(0)}.activity-indicator{border-radius:2px;flex-shrink:0;height:100%;margin-top:4px;min-height:40px;width:4px}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.activity-text{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3}.activity-details{align-items:center;display:flex;font-size:.8rem;gap:10px;margin-bottom:4px}.team-name{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;font-size:.8rem;font-weight:600;padding:2px 8px}.activity-separator{color:var(--text-muted)}.activity-square-position{background:var(--background-light);border-radius:4px;color:var(--text-secondary);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.75rem;font-weight:500;padding:2px 6px}.manual-completion-badge{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.activity-date{color:var(--text-secondary);font-size:.75rem}.activity-separator-line{display:none}.no-activity{align-items:center;background-color:var(--background-tertiary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-style:italic;justify-content:center;margin:15px 0;padding:50px 20px;text-align:center}.no-activity p{color:var(--text-secondary);font-size:.9rem;margin:0}.activity-list::-webkit-scrollbar{width:12px}.activity-list::-webkit-scrollbar-track{background:var(--background-primary)}.activity-list::-webkit-scrollbar-thumb{background-color:var(--background-tertiary);border:3px solid var(--background-primary);border-radius:20px}.activity-list::-webkit-scrollbar-thumb:hover{background-color:var(--background-light)}@media (max-width:768px){.bingo-activity{padding:16px}.activity-list{max-height:400px}.bingo-activity h3{font-size:1.3rem;margin-bottom:12px;padding-bottom:10px}.activity-item{border-radius:12px;gap:8px;margin-bottom:8px;padding:8px}.activity-text{font-size:.8rem}.activity-details{font-size:.7rem;gap:6px}.team-name{font-size:.7rem;padding:1px 6px}.activity-square-position{font-size:.7rem;padding:1px 4px}.manual-completion-badge{font-size:.65rem;padding:1px 4px}.activity-date{font-size:.7rem}}@media (max-width:480px){.bingo-activity{padding:12px}.activity-list{max-height:350px}.bingo-activity h3{font-size:1.1rem;margin-bottom:10px;padding-bottom:8px}.activity-item{border-radius:6px;gap:6px;margin-bottom:6px;padding:6px}.activity-text{font-size:.75rem;line-height:1.2}.activity-details{font-size:.65rem;gap:4px}.team-name{font-size:.65rem;padding:1px 4px}.activity-square-position{font-size:.65rem;padding:1px 3px}.manual-completion-badge{font-size:.6rem;padding:1px 3px}.activity-date{font-size:.65rem}.activity-indicator{min-height:30px;width:3px}.no-activity{margin:10px 0;padding:30px 15px}.no-activity p{font-size:.8rem}}.bingo-event-info{background:#0000;border:none;border-radius:0;display:flex;flex-direction:column;gap:16px;padding:0}.event-info-content{display:flex;flex-direction:column;gap:12px}.info-card{align-items:flex-start;background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff0a;border-radius:16px;display:flex;gap:12px;overflow:hidden;position:relative;transition:all .3s ease}.info-card:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.info-card:hover{border-color:#ffffff14}.info-icon{align-items:center;color:var(--accent-primary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.info-icon svg{height:100%;width:100%}.info-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.info-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.info-value{color:var(--text-primary);font-size:1rem;line-height:1.3}.time-remaining-card{background:linear-gradient(135deg,#2d95961a,#14191eb3);border-color:#2d95964d}.time-active{color:var(--accent-green)}.time-upcoming{color:var(--accent-yellow)}.time-ended{color:var(--accent-red)}.description-card{align-items:flex-start;flex-direction:column}.description-card .info-icon{margin-bottom:8px}.info-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;white-space:pre-wrap}.info-alert{align-items:center;border-radius:8px;display:flex;font-size:.85rem;font-weight:500;gap:12px;line-height:1.4;padding:12px 16px}.info-alert svg{flex-shrink:0;height:20px;width:20px}.alert-ended{background-color:#dc35451a;border:1px solid #dc35454d;color:#dc3545}@media (max-width:768px){.bingo-event-info{padding:0}.event-info-title{font-size:1.3rem;padding-bottom:10px}.info-card{border-radius:12px;padding:12px}.info-icon{height:24px;width:24px}.info-value{font-size:.9rem}.info-description{font-size:.85rem}}@media (max-width:480px){.bingo-event-info{gap:12px;padding:0}.event-info-title{font-size:1.1rem;padding-bottom:8px}.event-info-content{gap:8px}.info-card{border-radius:12px;gap:10px;padding:10px}.info-icon{height:20px;width:20px}.info-label{font-size:.7rem}.info-value{font-size:.85rem}.info-alert,.info-description{font-size:.8rem}.info-alert{gap:8px;padding:10px 12px}.info-alert svg{height:18px;width:18px}}.bingo-right-panel{background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff0a;border-radius:24px;display:flex;flex-direction:column;height:auto;overflow:hidden;position:relative}.bingo-right-panel:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1}.bingo-right-panel:hover{border-color:#ffffff14}.panel-tabs{background:#0000;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;padding:16px}.panel-tab{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff05 0,var(--background-tertiary) 100%);border:1px solid #ffffff0d;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.panel-tab svg{height:18px;width:18px}.panel-tab:hover{background:linear-gradient(135deg,#ffffff0a 0,var(--background-light) 100%);border-color:#ffffff1f;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.panel-tab.active{background:var(--gradient-accent);border-color:#0000;box-shadow:0 4px 20px #2d959640;color:#fff;transform:translateY(-1px)}.panel-tab.active:hover{box-shadow:0 6px 24px #2d959659;transform:translateY(-2px) scale(1.02)}.panel-content{flex:1 1;min-height:0;overflow-y:auto}.tab-pane{animation:fadeIn .3s ease;display:flex;flex-direction:column;height:100%;min-height:0;padding:20px}.panel-section-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:1.3rem;font-weight:400;margin:0 0 16px;padding-bottom:12px}.activity-tab{display:flex;flex-direction:column;gap:16px;height:100%;min-height:0}.activity-team-filter{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.filter-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-dropdown-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip-small{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff05 0,var(--background-tertiary) 100%);border:1px solid #ffffff0d;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-chip-small:hover{background:linear-gradient(135deg,#ffffff0a 0,var(--background-light) 100%);border-color:#ffffff1f;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.filter-chip-small.active{background:var(--gradient-accent);border-color:#0000;box-shadow:0 4px 20px #2d959640;color:#fff;transform:translateY(-1px)}.filter-chip-small.active:hover{box-shadow:0 6px 24px #2d959659;transform:translateY(-2px) scale(1.02)}.filter-chip-small.user-team.active{background-color:var(--accent-yellow);border-color:var(--accent-yellow);color:#000}.chip-dot{border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:8px;width:8px}.activity-tab .bingo-activity{background:#0000;border:none;box-shadow:none;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0}.activity-tab .bingo-activity h3{display:none}.activity-tab .bingo-activity .activity-list{max-height:calc(100vh - 400px);overflow-y:auto;padding-right:8px}.teams-tab{gap:20px;height:100%;min-height:0;overflow-y:auto}.team-filter-chips,.teams-tab{display:flex;flex-direction:column}.team-filter-chips{flex-shrink:0;gap:8px}.team-chip{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff05 0,var(--background-tertiary) 100%);border:1px solid #ffffff0d;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;justify-content:space-between;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.team-chip:hover{background:linear-gradient(135deg,#ffffff0a 0,var(--background-light) 100%);border-color:#ffffff1f;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.team-chip.active{background:var(--gradient-accent);border-color:#0000;box-shadow:0 4px 20px #2d959640;color:#fff;transform:translateY(-1px)}.team-chip.active:hover{box-shadow:0 6px 24px #2d959659;transform:translateY(-2px) scale(1.02)}.team-chip.user-team.active{background-color:var(--accent-yellow);border-color:var(--accent-yellow);color:#000}.chip-label{flex:1 1;text-align:left}.team-chip.user-team.active .you-indicator{color:#0009}.chip-progress{padding:4px 10px;white-space:nowrap}.team-chip.active .chip-progress{background:#ffffff40}.selected-team-info{background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff0a;border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;gap:16px;overflow:hidden;padding:16px;position:relative}.selected-team-info:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.selected-team-info:hover{border-color:#ffffff14}.team-header{align-items:center;display:flex;flex-shrink:0;gap:12px}.team-color-bar{border-radius:3px;box-shadow:0 2px 8px #0000004d;flex-shrink:0;height:60px;width:6px}.team-info-details{flex:1 1}.team-info-details h4{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 4px}.team-info-details p{color:var(--text-secondary);font-size:.85rem;margin:0}.team-progress-badge{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.progress-fraction{color:var(--text-primary);font-size:1.1rem;font-weight:700}.progress-percent{color:var(--accent-primary);font-size:1.3rem;font-weight:700}.team-members-section{border-top:1px solid var(--border-color);display:flex;flex-direction:column;padding-top:12px}.team-members-section h5{color:var(--text-secondary);flex-shrink:0;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.members-grid{grid-gap:6px;align-content:start;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:860px;overflow-y:auto;padding-right:4px}.member-card{align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:8px;padding:8px;transition:all .2s ease}.member-card.clickable{cursor:pointer}.member-card.clickable:hover{background-color:var(--background-light);border-color:var(--accent-primary);transform:translateY(-1px)}.member-avatar{border-radius:50%;flex-shrink:0;height:28px;width:28px}.guest-avatar{font-size:14px}.member-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.member-name{color:var(--text-primary);font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-badge{border-radius:3px;font-size:.6rem;padding:1px 4px;white-space:nowrap}.no-team-selected{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-team-selected svg{height:64px;margin-bottom:16px;opacity:.5;width:64px}.no-team-selected p{font-size:.95rem;margin:0}.members-grid::-webkit-scrollbar,.panel-content::-webkit-scrollbar,.teams-tab::-webkit-scrollbar{width:8px}.members-grid::-webkit-scrollbar-track,.panel-content::-webkit-scrollbar-track,.teams-tab::-webkit-scrollbar-track{background:var(--background-primary)}.members-grid::-webkit-scrollbar-thumb,.panel-content::-webkit-scrollbar-thumb,.teams-tab::-webkit-scrollbar-thumb{background-color:var(--background-tertiary);border:2px solid var(--background-primary);border-radius:10px}.members-grid::-webkit-scrollbar-thumb:hover,.panel-content::-webkit-scrollbar-thumb:hover,.teams-tab::-webkit-scrollbar-thumb:hover{background-color:var(--background-light)}@media (max-width:768px){.bingo-right-panel{border-radius:16px;height:auto}.panel-tab{font-size:.8rem;gap:6px;padding:12px 8px}.panel-tab svg{height:18px;width:18px}.tab-pane{padding:16px}.panel-content{min-height:auto}.panel-section-title{font-size:1.1rem;margin-bottom:12px}.members-grid{grid-template-columns:1fr}}@media (max-width:480px){.bingo-right-panel{border-radius:12px}.panel-tab{flex-direction:column;font-size:.75rem;gap:4px;padding:10px 6px}.panel-tab svg{height:16px;width:16px}.tab-pane{padding:12px}.team-chip{font-size:.85rem;padding:10px 12px}.selected-team-info{padding:12px}.team-color-bar{height:50px}.team-info-details h4{font-size:1rem}}.bingo-page-container{box-sizing:border-box;min-height:calc(100vh - 60px);overflow-x:hidden;padding:20px;position:relative;width:100%}.error-banner{align-items:center;background-color:var(--accent-red);border-radius:8px;box-shadow:0 4px 12px #dc35454d;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.error-banner button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 8px}.loading-container{min-height:50vh;padding:100px 20px}.loading-spinner{border-top:4px solid var(--background-tertiary);border:4px solid var(--background-tertiary);border-top-color:var(--accent-primary);height:50px;margin-bottom:20px;width:50px}.loading-container p{color:var(--text-secondary);font-size:1.2rem}.no-boards{color:var(--text-secondary);padding:80px 20px;text-align:center}.no-boards h2{color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:2rem;font-weight:400;margin-bottom:15px}.board-selector{margin-bottom:24px}.board-selector h3{color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:1.75rem;font-weight:400;margin-bottom:16px;text-align:center}.board-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.board-option{background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff0a;border-radius:24px;color:var(--text-primary);cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s ease}.board-option:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.board-option:hover{border-color:#ffffff14}.board-option.active{border-color:#2d959666;box-shadow:0 0 20px #2d959633}.board-option-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:8px}.board-option.active .board-option-title{color:var(--accent-primary)}.board-option-meta{color:var(--text-secondary);font-size:.9rem}.board-status{border-radius:4px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:3px 8px;text-transform:uppercase}.board-status.ended{background-color:#dc3545;color:#fff}.board-status.upcoming{background-color:#ffc107;color:#000}.bingo-split-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:60fr 40fr;grid-template-rows:auto;margin-bottom:24px;min-height:600px;overflow:visible;position:relative}.bingo-left-section{display:flex;flex-direction:column;gap:20px;height:auto;max-width:100%;overflow:visible;position:relative}.team-filter-section{background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff0a;border-radius:24px;overflow:hidden;padding:20px;position:relative}.team-filter-section:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.team-filter-section:hover{border-color:#ffffff14}.filter-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.filter-title{color:#fff;display:inline-block;font-family:Gagalin,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:-.01em;margin:0;padding-bottom:8px;position:relative;width:-webkit-fit-content;width:fit-content}.filter-title:after{background:linear-gradient(90deg,#2d9596,#4a90e2);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.current-team-badge{align-items:center;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--accent-primary);display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:6px 16px}.team-dot{border:2px solid #ffffff4d;border-radius:50%;height:10px;width:10px}.filter-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.filter-chip{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff05 0,var(--background-tertiary) 100%);border:1px solid #ffffff0d;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-chip:hover{background:linear-gradient(135deg,#ffffff0a 0,var(--background-light) 100%);border-color:#ffffff1f;color:var(--text-primary);transform:translateY(-2px) scale(1.02)}.filter-chip.active{background:var(--gradient-accent);border-color:#0000;box-shadow:0 4px 20px #2d959640;color:#fff;transform:translateY(-1px)}.filter-chip.active:hover{box-shadow:0 6px 24px #2d959659;transform:translateY(-2px) scale(1.02)}.filter-chip.user-team.active{background-color:var(--accent-yellow);border-color:var(--accent-yellow);color:#000}.chip-color{border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:12px;width:12px}.chip-label{font-weight:600}.you-indicator{color:#fffc;font-size:.8rem;font-weight:400}.chip-progress{background:#0003;border-radius:10px;font-size:.8rem;font-weight:700;padding:2px 8px}.filter-chip.active .chip-progress{background:#ffffff40}.team-members-preview{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.team-members-preview h4{color:var(--text-primary);font-family:Gagalin,sans-serif;font-size:1.1rem;font-weight:400;margin:0 0 12px}.team-members-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.team-member-card{align-items:center;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:10px;padding:10px;transition:all .2s ease}.team-member-card.clickable{cursor:pointer}.team-member-card.clickable:hover{background-color:var(--background-light);border-color:var(--accent-primary);transform:translateY(-1px)}.team-member-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.guest-avatar{align-items:center;background-color:var(--background-primary);color:var(--text-secondary);display:flex;font-size:16px;justify-content:center}.team-member-info{flex:1 1;min-width:0}.team-member-name{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:500;gap:6px}.guest-badge{background-color:var(--accent-yellow);border-radius:4px;color:#000;font-size:.65rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.bingo-grid-container{background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff0a;border-radius:24px;display:flex;flex:0 1 auto;flex-direction:column;max-width:100%;overflow:hidden;padding:20px;position:relative;width:100%}.bingo-grid-container:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.bingo-grid-container:hover{border-color:#ffffff14}.bingo-grid-container h3{color:#fff;display:inline-block;font-family:Gagalin,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:-.01em;margin:0 0 20px;padding-bottom:8px;position:relative;width:-webkit-fit-content;width:fit-content}.bingo-grid-container h3:after{background:linear-gradient(90deg,#2d9596,#4a90e2);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.bingo-grid{grid-gap:8px;aspect-ratio:1;display:grid;flex:0 1 auto;gap:8px;max-width:100%;width:100%}.bingo-square{align-items:center;aspect-ratio:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:12px;position:relative;text-align:center;transition:all .3s ease}.bingo-square:before{background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.bingo-square:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#2d959666;box-shadow:0 8px 24px #0003,inset 0 1px 0 #fff3;transform:translateY(-2px)}.bingo-square.empty{background:linear-gradient(135deg,#ffffff05,#ffffff03);border-style:dashed;opacity:.5}.bingo-square.completed{background:linear-gradient(135deg,#43b58126,#ffffff0d);border-color:#43b58180;box-shadow:0 0 20px #43b5814d,inset 0 1px 0 #ffffff26}.bingo-square.completed:after{align-items:center;background-color:var(--accent-green);border-radius:50%;box-shadow:0 2px 8px #43b58180;color:#fff;content:"✓";display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px}.square-position{display:none}.square-content{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.item-icon{border-radius:8px;flex-shrink:0;height:80px!important;object-fit:cover;transition:all .3s ease;width:80px!important}.bingo-square:hover .item-icon{transform:scale(1.1)}.item-name{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3;margin:0;text-align:center;word-break:break-word}.empty-content{opacity:.5}.empty-text{color:var(--text-muted);font-size:.85rem;font-style:italic}.grid-4x4 .bingo-square{min-height:150px}.grid-5x5 .bingo-square{min-height:120px}.grid-6x6 .bingo-square,.grid-7x7 .bingo-square{min-height:100px}.grid-5x5 .item-icon{height:60px!important;width:60px!important}.grid-6x6 .item-icon,.grid-7x7 .item-icon{height:50px!important;width:50px!important}.bingo-right-sidebar{align-self:start;display:flex;flex-direction:column;height:auto;position:-webkit-sticky;position:sticky;top:80px;width:100%}.team-rankings-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d;margin-top:8px;overflow:hidden;padding:24px;position:relative}.team-rankings-section:before{background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.team-rankings-section:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #0006,inset 0 0 0 1px #ffffff14}.team-rankings-section h3{color:#fff;font-family:Gagalin,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.1em;margin:0 0 20px;text-transform:uppercase}.rankings-grid{background:#0003;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;gap:0;overflow:hidden;position:relative;width:100%}.rankings-grid:before{border-bottom:1px solid #ffffff14;color:#ffffff80;content:"RANK";font-size:.75rem;font-weight:700;grid-column:1;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase}.ranking-card{grid-gap:20px;align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0d;display:grid;gap:20px;grid-template-columns:80px 1fr 2fr 120px;overflow:visible;padding:16px 20px;position:relative;transition:all .2s ease}.ranking-card:last-child{border-bottom:none}.ranking-card:hover{background:#ffffff08}.ranking-card.rank-first{background:linear-gradient(90deg,#ffd70014,#0000)}.ranking-card.rank-first .rank-number{background:linear-gradient(135deg,#ffd70026,#ffb40014);border-color:#ffd70080;box-shadow:0 2px 12px #ffd70066,inset 0 1px 0 #fff3}.ranking-card.rank-second{background:linear-gradient(90deg,#c0c0c014,#0000)}.ranking-card.rank-second .rank-number{background:linear-gradient(135deg,#c0c0c026,#a9a9a914);border-color:#c0c0c080;box-shadow:0 2px 12px #c0c0c066,inset 0 1px 0 #fff3}.ranking-card.rank-third{background:linear-gradient(90deg,#cd7f3214,#0000)}.ranking-card.rank-third .rank-number{background:linear-gradient(135deg,#cd7f3226,#b8733314);border-color:#cd7f3280;box-shadow:0 2px 12px #cd7f3266,inset 0 1px 0 #fff3}.ranking-position{align-items:center;display:flex;justify-content:flex-start;margin:0}.rank-number{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 2px 8px #0003,inset 0 1px 0 #ffffff1a;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.ranking-team-info{align-items:center;background:#0000;border:none;display:flex;gap:12px;padding:0;position:relative;z-index:1}.team-color-indicator{border-radius:3px;box-shadow:0 2px 8px #0006;flex-shrink:0;height:50px;width:5px}.team-details{flex:1 1;min-width:0;position:relative;z-index:1}.team-details,.team-name{background:#0000;border:none}.team-name{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px;outline:none}.team-member-count{align-items:center;color:#fff9;display:flex;font-size:.8rem;font-weight:500;gap:4px}.ranking-progress{flex-direction:column;gap:8px}.progress-stats,.ranking-progress{display:flex;position:relative;width:100%}.progress-stats{align-items:baseline;justify-content:space-between;margin-bottom:2px}.ranking-progress .progress-text{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.02em;position:relative;white-space:nowrap}.ranking-progress .progress-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d9596,#4a90e2);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.ranking-progress .progress-bar-container{background:#0000004d;border:1px solid #ffffff14;border-radius:10px;box-shadow:inset 0 2px 4px #0000004d;height:8px;overflow:hidden;position:relative}.ranking-progress .progress-bar-container:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.ranking-progress .progress-bar-fill{background:linear-gradient(90deg,currentColor,#fff6);border-radius:12px;box-shadow:0 0 12px currentColor;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.ranking-progress .progress-bar-fill:after{background:linear-gradient(180deg,#ffffff4d,#0000);border-radius:12px 12px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}@media (max-width:1024px){.bingo-split-layout{gap:20px;grid-template-columns:1fr}.bingo-left-section{height:auto}.bingo-right-sidebar{height:auto;position:static}.rankings-grid{gap:12px}.ranking-card{padding:18px}}@media (max-width:768px){.bingo-page-container{padding:16px 12px}.bingo-split-layout{gap:16px}.team-rankings-section{padding:18px}.team-rankings-section h3{font-size:1.3rem;margin-bottom:14px}.rankings-grid:before{display:none}.rankings-grid{border-radius:14px;gap:12px}.ranking-card{align-items:center;display:flex;flex-direction:row;gap:14px;grid-template-columns:none;padding:16px}.ranking-position{flex-shrink:0}.rank-number{align-items:center;display:flex;font-size:1rem;height:55px;justify-content:center;padding:0;width:55px}.ranking-team-info{flex:1 1;gap:12px;min-width:0}.team-color-indicator{height:50px;width:4px}.team-name{font-size:1.05rem}.team-member-count{font-size:.8rem}.ranking-progress{flex-shrink:0;min-width:120px}.ranking-progress .progress-text{font-size:.95rem}.ranking-progress .progress-percentage{font-size:1.4rem}.ranking-progress .progress-bar-container{height:7px}.bingo-grid-container{border-radius:16px;padding:16px}.bingo-square{min-height:100px;padding:8px}.grid-6x6 .bingo-square,.grid-7x7 .bingo-square{min-height:70px;padding:6px}.grid-6x6 .item-icon,.grid-7x7 .item-icon{height:40px!important;width:40px!important}.grid-6x6 .item-name,.grid-7x7 .item-name{border-radius:12px;font-size:.6rem;line-height:1.1}.item-icon{height:50px!important;width:50px!important}.item-name{font-size:.75rem}.team-filter-section{padding:16px}.filter-chips{flex-direction:column}.filter-chip{justify-content:space-between;width:100%}.team-members-grid{grid-template-columns:1fr}}@media (max-width:480px){.bingo-page-container{padding:12px 8px}.bingo-grid-container{border-radius:12px;padding:12px}.bingo-grid{gap:4px}.bingo-square{border-radius:10px;min-height:70px;padding:4px}.grid-6x6 .bingo-square,.grid-7x7 .bingo-square{min-height:50px;padding:2px}.grid-6x6 .item-icon,.grid-7x7 .item-icon{height:32px!important;width:32px!important}.grid-6x6 .item-name,.grid-7x7 .item-name{font-size:.55rem;line-height:1.1}.item-icon{height:40px!important;width:40px!important}.item-name{font-size:.65rem;line-height:1.2}.bingo-square.completed:after{font-size:1rem;height:24px;right:4px;top:4px;width:24px}.grid-6x6 .bingo-square.completed:after,.grid-7x7 .bingo-square.completed:after{font-size:.75rem;height:18px;right:2px;top:2px;width:18px}.team-rankings-section{padding:16px 12px}.team-rankings-section h3{font-size:1.1rem;margin-bottom:12px}.rankings-grid:before{display:none}.rankings-grid{border-radius:12px;gap:10px}.ranking-card{align-items:stretch;display:flex;flex-direction:column;gap:12px;grid-template-columns:none;padding:14px 12px}.ranking-position{align-items:center;display:flex;justify-content:center;margin-bottom:-8px}.rank-number{font-size:.85rem;padding:6px 14px}.ranking-team-info{align-items:center;display:flex;gap:10px;width:100%}.team-color-indicator{height:45px;width:4px}.team-details{flex:1 1;min-width:0}.team-name{font-size:1rem;margin-bottom:2px}.team-member-count{font-size:.75rem}.ranking-progress{display:flex;flex-direction:column;gap:8px;width:100%}.progress-stats{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px;width:100%}.ranking-progress .progress-text{font-size:.9rem;white-space:nowrap}.ranking-progress .progress-percentage{font-size:1.3rem}.ranking-progress .progress-bar-container{height:8px;width:100%}.filter-title{font-size:1.2rem}.team-members-preview h4{font-size:1rem}}.bounties-page{margin:0 auto;max-width:1400px;padding:20px}.page-header-slim{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;gap:32px;justify-content:space-between;margin-bottom:24px;padding:16px 24px}.page-title{color:#fff;font-family:Gagalin,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 8px}.page-subtitle{color:#ccc;font-size:.95rem;line-height:1.4;margin:0}.latest-completion{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a90e214;border:1px solid #4a90e233;border-radius:12px;min-width:250px;padding:16px 20px;text-align:right}.completion-label{color:#4a90e2;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;opacity:.9;text-transform:uppercase}.completion-text{color:#fff;font-size:.95rem;line-height:1.4;margin-bottom:6px}.player-name{font-weight:700}.completion-time{color:#999;font-size:.75rem;opacity:.8}.error-message{align-items:center;background:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.error-message button{background:none;border:none;color:#f44336;cursor:pointer;font-size:1.2rem;line-height:1;padding:0}.bounties-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.bounties-tab-button{background:#4a90e20d;border:1px solid #4a90e24d;border-radius:6px;color:#ccc;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.bounties-tab-button:hover{background:#4a90e21a;border-color:#4a90e280;color:#fff}.bounties-tab-button.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.bounties-content{display:flex;flex-direction:column;gap:32px}.bounties-section{flex:1 1}.no-bounties{border:1px solid #ffffff1a;border-radius:12px;padding:60px 30px;text-align:center}.no-bounties h3{color:#fff;font-size:1.3rem;margin:0 0 12px}.no-bounties p{color:#ccc;font-size:.95rem;margin:0}.bounties-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.bounty-card{border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .2s ease}.bounty-card:hover{background:#4a90e208;border-color:#4a90e24d}.bounty-card.completed{border-color:#4caf504d}.bounty-card.completed:hover{background:#4caf5008}.bounty-card.paid{border-color:#1d4ed84d}.bounty-card.paid:hover{background:#1d4ed808}.bounty-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.bounty-card-header h3{color:#fff;flex:1 1;font-size:1.2rem;font-weight:600;margin:0}.status-indicator{border-radius:4px;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-indicator.active{background:#4a90e226;border:1px solid #4a90e24d;color:#4a90e2}.status-indicator.completed{background:#4caf5026;border:1px solid #4caf504d;color:#4caf50}.status-indicator.paid{background:#1d4ed826;border:1px solid #1d4ed84d;color:#1d4ed8}.pulse-dot{animation:pulse 2s infinite;background:#4a90e2;border-radius:50%;height:6px;width:6px}.bounty-card-content{align-items:flex-start;display:flex;gap:16px}.bounty-item-icon img{border-radius:6px;height:48px;width:48px}.bounty-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.info-row{align-items:center;display:flex;font-size:.9rem;gap:8px}.info-row .label{color:#888;font-weight:500;min-width:60px}.info-row .value{color:#ccc;flex:1 1}.info-row .value.item-name{color:#4a90e2;font-weight:600}.info-row .value.reward,.info-row .value.winner{color:#4caf50;font-weight:600}.leaderboard-section{margin-top:32px}.leaderboard-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.section-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.section-subtitle{color:#ccc;font-size:.9rem;margin:0}.search-container{min-width:250px}.search-input{background:#4a90e20d;border:1px solid #4a90e24d;border-radius:6px;color:#fff;font-size:.9rem;padding:10px 16px;transition:all .2s ease;width:100%}.search-input:focus{background:#4a90e21a;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.search-input::placeholder{color:#888}.no-leaderboard{border:1px solid #ffffff1a;border-radius:12px;padding:60px 30px;text-align:center}.no-leaderboard p{color:#ccc;font-size:1rem;margin:0 0 8px}.help-text{color:#888}.leaderboard-table{border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.leaderboard-headers{background:#0000;border-bottom:2px solid #4a90e2cc;color:#4a90e2;font-size:.8rem;letter-spacing:.8px;z-index:10}.leaderboard-headers>div{border-right:1px solid #ffffff1a;padding:16px 24px}.leaderboard-headers>div:first-child{justify-content:center}.leaderboard-headers>div:nth-child(2){justify-content:flex-start}.leaderboard-headers>div:nth-child(3),.leaderboard-headers>div:nth-child(4){justify-content:center}.leaderboard-body{flex:1 1}.leaderboard-row{border-bottom:1px solid #ffffff0d}.leaderboard-row:hover{background:#4a90e214;box-shadow:0 2px 8px #4a90e226;transform:translateX(4px)}.leaderboard-row>div{border-right:1px solid #ffffff0d;color:#fff;font-size:.95rem;padding:14px 24px}.rank-number{color:#7d828a}.hunter-cell{justify-content:flex-start}.hunter-info{align-items:center;display:flex;gap:12px;width:100%}.hunter-avatar{border-radius:4px;flex-shrink:0;height:32px;width:32px}.hunter-name{color:#fff;font-weight:500;text-align:left}.bounties-cell{color:#4a90e2;font-weight:600;justify-content:center}.latest-cell{color:#ccc;justify-content:center}.latest-item{color:#ccc}.no-completion{color:#666}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:16px}.pagination-btn{padding:8px 16px}.pagination-btn:hover:not(:disabled){background:#4a90e21a}.pagination-btn:disabled{opacity:.4}.pagination-info{color:#ccc;font-weight:500}.leaderboard-pagination{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-top:24px;padding:20px}.items-per-page{align-items:center;color:#ccc;display:flex;font-size:.9rem;gap:8px}.per-page-select{background:#4a90e20d;border:1px solid #4a90e24d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.per-page-select:hover{background:#4a90e21a;border-color:#4a90e2}.per-page-select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.pagination-controls{gap:8px}.pagination-btn{align-items:center;background:#4a90e20d;border:1px solid #4a90e24d;border-radius:6px;color:#4a90e2;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#4a90e226;border-color:#4a90e2;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.page-numbers{gap:4px}.page-number-btn,.page-numbers{align-items:center;display:flex}.page-number-btn{background:#4a90e208;border:1px solid #4a90e233;border-radius:6px;color:#ccc;cursor:pointer;font-size:.9rem;font-weight:500;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.page-number-btn:hover{background:#4a90e21a;border-color:#4a90e266;color:#4a90e2;transform:translateY(-1px)}.page-number-btn.active{background:#4a90e2;border-color:#4a90e2;box-shadow:0 2px 8px #4a90e24d;color:#fff;font-weight:600}.pagination-ellipsis{color:#666;font-weight:500;padding:0 8px;-webkit-user-select:none;user-select:none}.leaderboard-pagination .pagination-info{color:#aaa;font-size:.85rem;font-weight:500;margin-top:8px;text-align:center}@media (max-width:768px){.leaderboard-pagination{gap:12px;padding:16px}.pagination-controls{gap:4px}.page-number-btn,.pagination-btn{font-size:.85rem;min-width:36px;padding:6px 8px}.page-numbers{gap:2px}.items-per-page{align-items:flex-start;flex-direction:column;gap:6px}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{border:3px solid #4a90e24d;border-top-color:#4a90e2}.loading-container p{color:#ccc;font-size:1rem}@media (max-width:1200px){.bounties-page{padding:16px}.bounties-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.page-header-slim{flex-direction:column;gap:16px}.latest-completion{min-width:auto;text-align:left;width:100%}.leaderboard-header{flex-direction:column;gap:16px}.search-container{min-width:auto;width:100%}.bounties-grid{grid-template-columns:1fr}.leaderboard-headers>div,.leaderboard-row>div{padding:10px 12px}.leaderboard-headers{font-size:.75rem}.leaderboard-row>div{font-size:.9rem}.hunter-avatar{height:28px;width:28px}}@media (max-width:480px){.page-title{font-size:1.5rem}.bounty-card{padding:16px}.bounty-card-content{flex-direction:column;gap:12px}.leaderboard-headers>div,.leaderboard-row>div{padding:8px 10px}.hunter-info{gap:8px}.hunter-avatar{height:24px;width:24px}}.xp-competition-view{background:#0000;border-radius:12px;display:flex;flex-direction:column;min-height:100%;overflow:visible}.competition-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;gap:40px;min-height:240px;padding:60px 40px}.header-left{flex:1 1}.header-right{align-items:flex-start;display:flex}.competition-title{font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px}.competition-info{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:24px}.info-item{color:#ccc;font-size:1.05rem}.info-item strong{color:#fff;font-weight:600}.competition-description{color:#bbb;font-size:1.1rem;line-height:1.6;max-width:900px}.countdown-container{background:#4a90e21a;border:1px solid #4a90e24d;border-radius:12px;min-width:240px;padding:16px 28px;text-align:center}.countdown-label{color:#4a90e2;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.countdown-timer{color:#fff;font-family:Courier New,monospace;font-size:1.75rem;font-weight:700;letter-spacing:2px;margin-bottom:4px}.countdown-format{color:#888;font-size:.65rem;font-weight:500;letter-spacing:1px}.competition-info-cards{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:16px;padding:24px}.info-card{background:#0000;border:1px solid #ffffff1a;border-radius:8px;flex:1 1;min-width:140px;padding:16px;text-align:center;transition:all .2s ease}.info-card:hover{background:#ffffff14;border-color:#fff3}.info-value{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:6px}.info-label{color:#999;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.status-card{min-width:160px}.status-indicator{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:6px}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:10px;width:10px}.status-text{font-size:1.3rem;font-weight:700;letter-spacing:1px}.status-indicator.active .status-dot{background:#4caf50}.status-indicator.active .status-text{color:#4caf50}.status-indicator.upcoming .status-dot{background:#ff9800}.status-indicator.upcoming .status-text{color:#ff9800}.status-indicator.ended .status-dot{animation:none;background:#757575}.status-indicator.ended .status-text{color:#757575}.skill-focus{align-items:center;display:flex;gap:8px;justify-content:center}.skill-focus-icon{height:24px;object-fit:contain;width:24px}.enrollment-issue{animation:blink 2s infinite;color:#ff6b6b;display:block;font-size:.7rem;font-weight:500;margin-top:4px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.skill-filter-label{color:#fff;font-size:1rem;font-weight:600;white-space:nowrap}.skill-filter-select{background:#1e1e23f2;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;max-height:300px;min-width:140px;overflow-y:auto;padding:10px 14px;transition:all .2s ease}.skill-filter-select:hover{background:#232328f2;border-color:#ffffff4d}.skill-filter-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.skill-filter-select option{background:#1e1e23;border:none;color:#fff;cursor:pointer;font-size:.95rem;padding:8px 12px}.skill-filter-select option:hover{background:#4caf504d}.skill-filter-select option:checked{background:#4caf50;color:#fff}.skill-filter-section{background:#0000;border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:20px}.skill-filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.competition-skill-filters{flex-wrap:wrap;gap:10px}.competition-skill-filters,.skill-icon-wrapper{align-items:center;display:flex;justify-content:center}.skill-icon-wrapper{background-color:initial;border:none;border-radius:8px;cursor:pointer;padding:8px;position:relative;transition:all .3s ease}.skill-icon{display:block;filter:brightness(.9) saturate(.9);height:24px;transition:all .3s ease;width:24px}.skill-icon-wrapper:hover:not(.disabled){background-color:#ffffff1a;transform:translateY(-2px)}.skill-icon-wrapper:hover:not(.disabled) .skill-icon{filter:brightness(1.1) saturate(1.2)}.skill-icon-wrapper.active{background-color:#2d9596}.skill-icon-wrapper.active:hover{background-color:#3aaba9}.skill-icon-wrapper.active .skill-icon{filter:brightness(1.2) saturate(1.3)}.skill-icon-wrapper.disabled{cursor:not-allowed;opacity:.5}.skill-icon-wrapper.disabled:hover{background-color:#ffffff0d;transform:none}.auto-refresh-indicator{align-items:center;color:#4caf50;display:flex;font-size:.85rem;gap:8px;margin-left:auto}.refresh-dot{animation:pulse 2s infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.leaderboard-section{background:#0000;display:flex;flex:1 1;flex-direction:column;overflow:visible;padding:16px 24px 24px}.refresh-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.loading-leaderboard,.no-leaderboard-data{align-items:center;color:#999;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.no-leaderboard-data p{margin:0 0 8px}.no-leaderboard-data .help-text{color:#666;font-size:.9rem}.leaderboard-table{background:#0000;border:none;border-radius:0;display:flex;flex:0 0 auto;flex-direction:column;overflow:visible}.leaderboard-headers{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2328fa;border-bottom:2px solid #ffffff26;box-shadow:0 2px 8px #0000004d;color:#fff;display:grid;font-size:.9rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:100}.leaderboard-headers>div{align-items:center;border-right:none;display:flex;padding:10px 12px}.leaderboard-headers>div:last-child{border-right:none}.leaderboard-body{background:#0000;flex:0 0 auto}.leaderboard-row{background:#0000;border-bottom:1px solid #ffffff08;cursor:pointer;display:grid;transition:all .2s ease}.leaderboard-row.rank-1{background:linear-gradient(90deg,#ffd70026,#0000);border-left:3px solid gold}.leaderboard-row.rank-2{background:linear-gradient(90deg,#c0c0c026,#0000);border-left:3px solid silver}.leaderboard-row.rank-3{background:linear-gradient(90deg,#cd7f3226,#0000);border-left:3px solid #cd7f32}.leaderboard-row>div{align-items:center;border-right:none;display:flex;padding:10px 12px}.leaderboard-row>div:last-child{border-right:none}.rank-cell{color:#fff;font-weight:600;justify-content:center}.rank-number{font-size:1rem}.rank-number sup{color:#999;font-size:.65rem}.player-cell{align-items:flex-start;flex-direction:column}.player-info{align-items:center;display:flex;gap:12px;width:100%}.player-avatar{border-radius:4px;flex-shrink:0;height:38px;min-width:38px;object-fit:cover;transition:all .25s ease;width:38px}.player-name{color:#fff;flex:1 1;font-weight:600}.xp-cell{color:#4caf50;font-size:.95rem;font-weight:600;justify-content:flex-end}.xp-gained-green{color:#4caf50!important;font-weight:600}.end-xp-cell,.skills-cell,.start-xp-cell{color:#ccc;font-size:.95rem;justify-content:flex-end}.skills-cell{color:#fff;font-weight:500;justify-content:center}.pagination-controls{align-items:center;background:#ffffff05;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px}.pagination-pages{align-items:center;display:flex;gap:5px}.pagination-ellipsis{color:var(--text-secondary);padding:8px}.pagination-info{color:var(--text-secondary);font-size:.9rem;margin-left:15px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary{background-color:#ffffff1a;border:1px solid #fff3;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#ffffff26;border-color:var(--accent-blue)}.btn-secondary:disabled{cursor:not-allowed;opacity:.3}.btn-primary{background-color:var(--accent-blue);color:#fff;font-weight:700;min-width:40px}.btn-primary:hover{background-color:#3a7bc8}@media (max-width:1024px){.competition-info{gap:16px}.competition-info-cards{gap:12px}.info-card{min-width:120px}.leaderboard-headers,.leaderboard-row{font-size:.85rem}.leaderboard-headers.overall-headers{grid-template-columns:60px 1fr 100px 80px!important}.leaderboard-headers.skill-headers{grid-template-columns:60px 1fr 100px 100px 100px!important}.leaderboard-row.overall-row{grid-template-columns:60px 1fr 100px 80px!important}.leaderboard-row.skill-row{grid-template-columns:60px 1fr 100px 100px 100px!important}.leaderboard-row>div{padding:10px 12px}}@media (max-width:768px){.competition-header{flex-direction:column;gap:24px;min-height:200px;padding:40px 24px}.countdown-container,.header-right{width:100%}.competition-title{font-size:2rem}.competition-info{flex-direction:column;gap:8px}.competition-info-cards{gap:8px;padding:16px}.info-card{min-width:100px;padding:12px}.info-value{font-size:1.3rem}.status-text{font-size:1.1rem}.skill-filter-section{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.custom-skill-dropdown{min-width:auto;width:100%}.auto-refresh-indicator{margin-left:0}.leaderboard-section{padding:16px}.leaderboard-headers,.leaderboard-headers.overall-headers,.leaderboard-headers.skill-headers,.leaderboard-row,.leaderboard-row.overall-row,.leaderboard-row.skill-row{font-size:.8rem;grid-template-columns:50px 1fr 80px!important}.leaderboard-headers>div:nth-child(n+4),.leaderboard-row>div:nth-child(n+4){display:none}.leaderboard-row>div{padding:8px 10px}.player-info{align-items:flex-start;flex-direction:column;gap:4px}.player-name{font-size:.9rem}.pagination-controls{flex-direction:column;gap:15px;padding:15px 10px}.pagination-info{margin-left:0;text-align:center}.btn{min-height:40px;padding:8px 12px}.pagination-pages .btn{min-width:40px}}.xp-competitions-container{display:flex;gap:20px;margin:0 auto;max-width:1600px;min-height:calc(100vh - 80px);padding:24px 60px}.competitions-sidebar{background:linear-gradient(135deg,#1e232880,#14191eb3);border:1px solid #ffffff0a;border-radius:24px;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;min-width:380px;overflow:hidden;position:relative;width:380px}.competitions-sidebar:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.sidebar-header{border-bottom:1px solid #ffffff14;padding:24px}.sidebar-header h2{color:#fff;display:inline-block;font-family:Gagalin,sans-serif;font-size:1.5rem;font-weight:400;margin:0 0 20px;padding-bottom:8px;position:relative}.sidebar-header h2:after{background:linear-gradient(90deg,#2d9596,#4a90e2);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.status-tabs{display:flex;flex-wrap:wrap;gap:8px}.competition-tab-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff05,#ffffff0d);border:1px solid #ffffff0d;border-radius:12px;color:#ffffffb3;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.competition-tab-button:hover{background:linear-gradient(135deg,#ffffff0a,#ffffff14);border-color:#ffffff1f;color:#fff;transform:translateY(-2px) scale(1.02)}.competition-tab-button.active{background:linear-gradient(135deg,#2d9596,#4a90e2);border-color:#0000;box-shadow:0 4px 20px #2d959640;color:#fff;transform:translateY(-1px)}.competitions-list{flex:1 1;overflow:visible;padding:20px}.no-competitions{color:#999;padding:40px 20px;text-align:center}.no-competitions p{margin:0 0 10px}.help-text{color:#666;font-size:.9rem}.competition-item{background:linear-gradient(135deg,#ffffff05,#ffffff0a);border:1px solid #ffffff14;border-radius:12px;cursor:pointer;margin-bottom:8px!important;overflow:hidden;padding:8px 12px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.competition-item:before{background:linear-gradient(180deg,#2d9596,#4a90e2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.competition-item:hover{background:linear-gradient(135deg,#ffffff0a,#ffffff0f);border-color:#2d95964d;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.competition-item:hover:before{opacity:.8}.competition-item.selected{background:linear-gradient(135deg,#2d95961f,#4a90e21f);border-color:#2d959680;box-shadow:0 4px 20px #2d959626}.competition-item.selected:before{opacity:1}.competition-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px!important}.competition-title{color:#fff;flex:1 1;font-size:.95rem!important;font-weight:600;line-height:1.2!important;margin:0!important}.status-badge{border-radius:4px;box-shadow:0 2px 8px #0003;font-size:.65rem!important;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:3px 10px!important;text-transform:uppercase;white-space:nowrap}.status-active{background:linear-gradient(135deg,#2d9596,#4a90e2);color:#fff}.status-upcoming{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-ended{background:linear-gradient(135deg,#757575,#616161);color:#fff}.status-default{background:linear-gradient(135deg,#666,#555);color:#fff}.competition-meta{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:6px}.competition-meta div{color:#ccc}.competition-meta strong{color:#fff}.competition-dates{margin-bottom:0!important}.date-info{color:#999;font-size:.75rem!important;line-height:1.3!important;margin-bottom:2px!important}.date-info strong{color:#ccc}.competition-description{color:#aaa;font-size:.8rem;line-height:1.2;margin:0}.competition-main{background:#0000;border:1px solid #ffffff0a;border-radius:24px;box-shadow:none;display:flex;flex:1 1;flex-direction:column;overflow:visible;position:relative}.competition-main:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.loading-competition{height:200px}.loading-competition,.no-selection{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center}.no-selection{height:50%;text-align:center}.no-selection h2{color:#ccc;margin:0 0 10px}.no-selection p{margin:0;max-width:400px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#4caf50;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container h2{color:#f44336;margin-bottom:10px}.retry-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:16px;padding:10px 20px;transition:all .2s ease}.retry-button:hover{background:#45a049}@media (max-width:1024px){.xp-competitions-container{flex-direction:column;height:auto;padding:20px}.competitions-sidebar{max-height:450px;min-width:auto;width:100%}.competition-main{min-height:600px}}@media (max-width:768px){.xp-competitions-container{gap:12px;padding:16px 12px}.competitions-sidebar{border-radius:16px;max-height:400px}.sidebar-header{padding:16px}.sidebar-header h2{font-size:1.25rem}.competitions-list{padding:16px}.competition-item{border-radius:12px;padding:6px 12px}.competition-header{align-items:flex-start;flex-direction:column;gap:3px}.status-badge{margin-left:0;margin-top:0}.competition-meta{flex-direction:column;gap:4px}.competition-main{border-radius:16px}.status-tabs{gap:6px}.competition-tab-button{flex:1 1;font-size:.8rem;padding:8px 14px;text-align:center}}@media (max-width:480px){.xp-competitions-container{gap:10px;padding:12px 8px}.competitions-sidebar{border-radius:12px;max-height:350px}.sidebar-header{padding:12px}.sidebar-header h2{font-size:1.125rem;margin-bottom:16px}.competitions-list{padding:12px}.competition-item{padding:5px 10px}.competition-title{font-size:.8rem}.date-info{font-size:.65rem}.competition-tab-button{font-size:.75rem;padding:6px 10px}.competition-main{border-radius:12px;min-height:500px}}.theme-selector{position:relative}.theme-selector-toggle{align-items:center;background:#3a3a3a!important;border:none;border-radius:16px;color:#fff!important;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .3s ease}.theme-selector-toggle svg{height:18px;width:18px}.theme-selector-toggle:hover{background:#4a4a4a!important;color:#fff!important;transform:translateY(-1px)}.theme-selector-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.theme-selector-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006;left:0;margin-top:8px;max-width:320px;min-width:280px;position:absolute;top:100%;z-index:1001}.theme-selector-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px 12px}.theme-selector-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.theme-selector-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.theme-selector-close:hover{background:#ffffff1a;color:var(--text-primary)}.theme-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:16px}.theme-option{align-items:center;background:var(--background-tertiary);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;position:relative;text-align:center;transition:all .3s ease}.theme-option:hover{background:var(--background-light);border-color:#2d959680;transform:translateY(-2px)}.theme-option.active{background:#2d95961a;border-color:#2d9596}.theme-preview{border:1px solid #ffffff1a;border-radius:6px;height:40px;width:60px}.theme-name{color:var(--text-primary);font-size:.85rem;font-weight:500;margin:0}.theme-active-indicator{align-items:center;background:#2d9596;border-radius:50%;color:#fff;display:flex;justify-content:center;padding:2px;position:absolute;right:8px;top:8px}.theme-selector-footer{border-top:1px solid #ffffff14;padding:12px 16px;text-align:center}.theme-selector-footer p{color:var(--text-muted);font-size:.8rem;margin:0}@media (max-width:480px){.theme-selector-toggle{flex-shrink:0;height:44px;padding:0;width:44px}.theme-selector-toggle svg{height:20px;width:20px}.theme-selector-dropdown{left:-8px;min-width:260px}.theme-grid{grid-template-columns:1fr}.theme-option{flex-direction:row;justify-content:flex-start;text-align:left}.theme-preview{height:30px;width:40px}.theme-name{flex:1 1}}.theme-selector-dropdown{animation:themeDropdownOpen .2s ease-out}@keyframes themeDropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.player-search-container,.player-search-wrapper{align-items:center;display:flex;position:relative}.player-search-container{width:250px}.player-search-input-navbar{background-color:#2a2a2a;border:1px solid #2d9596;border-radius:16px;color:#fff;font-size:.875rem;height:32px;outline:none;padding:6px 36px 6px 14px;transition:all .3s ease;width:100%}.player-search-input-navbar::placeholder{color:#888}.player-search-input-navbar:focus{background-color:#2d2d2d;border-color:#2d9596;box-shadow:0 0 0 2px #2d959633}.player-search-input-navbar:disabled{cursor:not-allowed;opacity:.5}.search-icon{color:#2d9596;filter:drop-shadow(0 0 2px rgba(45,149,150,.3));height:18px;pointer-events:none;position:absolute;right:12px;width:18px}.player-search-dropdown{animation:searchDropdownOpen .2s ease-out;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;box-shadow:0 8px 32px #0006;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}@keyframes searchDropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.player-search-result-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:12px;padding:10px 14px;position:relative;transition:background-color .2s ease}.player-search-result-item:last-child{border-bottom:none}.player-search-result-item:hover{background-color:#3a3a3a}.player-search-favorite-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.player-search-favorite-btn:hover{background-color:#ffffff1a;transform:scale(1.1)}.player-search-favorite-btn.favorited{filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}.player-search-favorite-btn svg{transition:all .2s ease}.player-search-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.player-search-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.player-search-name{color:#fff;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-search-xp{color:#7d828a;font-size:.75rem}.player-search-no-results{color:#7d828a;font-size:.85rem;padding:16px 14px;text-align:center}.player-search-wrapper.mobile-menu-search{border-top:1px solid #ffffff1a;padding:12px 20px;width:100%}.player-search-wrapper.mobile-menu-search .player-search-container{width:100%}.player-search-wrapper.mobile-menu-search .player-search-input-navbar{background-color:#2a2a2a;font-size:.9rem;height:auto;padding:10px 36px 10px 12px}.player-search-wrapper.mobile-menu-search .search-icon{right:12px}.player-search-wrapper.mobile-menu-search .player-search-dropdown{max-height:300px}@media (max-width:768px){.player-search-container{width:200px}.player-search-input-navbar{font-size:.75rem;padding:4px 28px 4px 10px}.search-icon{height:14px;right:8px;width:14px}.player-search-result-item{gap:10px;padding:8px 12px}.player-search-avatar{height:28px;width:28px}}@media (max-width:480px){.player-search-container{max-width:300px;width:100%}.player-search-input-navbar{font-size:.75rem;height:32px;padding:4px 28px 4px 10px}}.player-search-dropdown::-webkit-scrollbar{width:6px}.player-search-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.player-search-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.player-search-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#42464d;background-color:var(--background-light,#42464d);border-bottom:1px solid #ffffff1a;box-shadow:0 1px 3px #0003;left:0;max-height:48px;min-height:40px;padding:6px 0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:0 6px;position:relative;width:100%}.navbar-left{gap:8px}.favorites-section,.navbar-left{align-items:center;display:flex;flex-shrink:0}.favorites-horizontal{-ms-overflow-style:none;align-items:center;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.favorites-horizontal::-webkit-scrollbar{display:none}.favorite-item-horizontal{align-items:center;background:#3a3a3a!important;border:none;border-radius:16px;color:#fff!important;cursor:pointer;display:flex;flex-shrink:0;gap:5px;height:32px;padding:4px 8px;transition:all .3s ease;white-space:nowrap}.favorite-item-horizontal:hover{background:#4a4a4a!important;transform:translateY(-1px)}.favorite-avatar-small{border-radius:50%;flex-shrink:0;height:22px;width:22px}.favorite-name-small{font-size:.8rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis}.navbar-links{flex:1 1;gap:10px;justify-content:center}.navbar-link,.navbar-links{align-items:center;display:flex}.navbar-link{background-color:#3a3a3a!important;border:none;border-radius:16px;color:#fff!important;cursor:pointer;font-size:.875rem;font-weight:500;gap:7px;height:32px;padding:6px 14px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.navbar-link svg{flex-shrink:0;height:20px;width:20px}.navbar-link:hover{background-color:#4a4a4a!important;color:#fff!important;transform:translateY(-1px)}.navbar-link.active{background-color:#2d9596!important;color:#fff!important}.navbar-link.active:hover{background-color:#3aaba9!important}.navbar-right{flex-shrink:0;gap:10px}.navbar-right,.navbar-user{align-items:center;display:flex}.navbar-user{background:#3a3a3a!important;border-radius:16px;color:#fff!important;font-size:.875rem;font-weight:500;gap:7px;height:32px;padding:6px 12px;transition:all .3s ease}.navbar-user:hover{background:#4a4a4a!important;transform:translateY(-1px)}.user-avatar{border-radius:50%;height:18px;width:18px}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-cog,.logout-btn{align-items:center;background:#3a3a3a!important;border:none;border-radius:16px;color:#fff!important;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.admin-cog svg,.logout-btn svg{height:18px;width:18px}.admin-cog:hover{background:#4a4a4a!important;transform:translateY(-1px)}.logout-btn:hover{background:#f04747;transform:translateY(-1px)}.login-btn{background:#2d9596;border-radius:14px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px;transition:all .3s ease}.login-btn:hover{background:#3aaba9;transform:translateY(-1px)}.navbar-dropdown{align-items:center;display:flex;position:relative}.dropdown-trigger{align-items:center;background-color:#3a3a3a!important;border:none;border-radius:14px;color:#fff!important;cursor:pointer;display:flex!important;font-size:.8rem;font-weight:500;gap:6px;height:28px;padding:4px 12px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.dropdown-trigger:hover{background-color:#4a4a4a!important;color:#fff!important;transform:translateY(-1px)}.dropdown-arrow{opacity:.8;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .15s ease-out;background:#2a2a2a;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 8px 32px #0006;left:0;margin-top:8px;min-width:180px;padding:6px;position:absolute;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#fff!important;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:8px;margin-bottom:2px;padding:8px 14px;text-decoration:none;transition:all .2s ease}.dropdown-item svg{flex-shrink:0}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover:not(.disabled){background:#3a3a3a;color:#fff!important;transform:translateY(-1px)}.dropdown-item.disabled{color:#888!important;cursor:not-allowed;opacity:.6}.dropdown-item.disabled:hover{background:#0000;transform:none}.coming-soon{background:#ff6b6b;border-radius:6px;color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.mobile-nav-section{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.mobile-nav-header{color:#999;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.mobile-nav-link.indent{font-size:.85rem;padding-left:32px;position:relative}.mobile-nav-link.disabled{color:#888!important;cursor:not-allowed;opacity:.6}@media (max-width:768px){.user-name{display:none}.navbar{padding:6px 16px}.navbar-links{gap:8px}.navbar-link{font-size:.8rem;padding:8px 12px}.navbar-admin{gap:8px}}.mobile-nav{display:none!important}.navbar-links.desktop-nav{display:flex!important}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width:768px){.mobile-nav,.navbar-links.desktop-nav{display:none!important}.favorites-section{display:flex!important;flex-shrink:0}.favorites-horizontal{display:flex!important;gap:4px}.navbar-left{display:flex!important;flex-shrink:0;gap:6px}.navbar-left>:first-child{display:none!important}.navbar-container{gap:12px;justify-content:flex-end}.navbar-left{margin-right:auto;order:2}.navbar-right{display:flex!important;flex-shrink:0;justify-content:flex-end;order:3}.favorite-item-horizontal{align-items:center!important;border-radius:12px!important;display:flex!important;gap:4px!important;height:26px!important;padding:2px 6px!important}.favorite-avatar-small{display:block!important;height:20px!important;width:20px!important}.favorite-name-small{display:inline-block!important;font-size:.75rem!important;max-width:70px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.admin-cog,.logout-btn,.navbar-user{display:none!important}}@media (max-width:480px){.navbar{align-items:center;display:flex;height:56px;left:0;min-height:56px;padding:8px 12px!important;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px;height:100%;justify-content:space-between!important;position:relative!important;width:100%}.favorites-section{display:flex!important;flex-shrink:0;max-width:1000%;overflow-x:auto}.favorites-horizontal{display:flex!important;gap:4px!important}.navbar-left{display:flex!important;margin-right:auto}.navbar-left>:first-child{display:none!important}.favorite-item-horizontal{align-items:center!important;display:flex!important;gap:3px!important;height:24px!important;padding:2px 6px!important}.favorite-avatar-small{display:block!important;height:18px!important;width:18px!important}.favorite-name-small{display:inline-block!important;font-size:.7rem!important;max-width:60px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-only,.mobile-nav,.mobile-only,.navbar-links.desktop-nav{display:none!important}.mobile-nav-header{align-items:center;display:flex;height:100%;justify-content:flex-start;width:auto}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:background-color .3s ease;width:44px;z-index:1001}.mobile-menu-toggle:hover{background-color:#2d95961a}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-between;transition:all .3s ease;width:26px}.hamburger span{background-color:#2d9596;border-radius:2px;display:block;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{background-color:var(--background-light);border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);border-radius:0 0 8px 8px;border-right:1px solid var(--border-color);box-shadow:0 4px 8px #0000004d;left:-12px;opacity:0;position:absolute;right:-12px;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:1000}.mobile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-items{display:flex;flex-direction:column;padding:12px 0}.mobile-nav-link{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:500;padding:12px 20px;text-decoration:none;transition:all .3s ease}.mobile-nav-link:hover{background-color:#3a3a3a;color:#2d9596}.mobile-nav-link.active{background-color:#2d9596;color:#fff}.navbar-left{align-items:center;display:flex;flex-shrink:0;gap:4px;order:2}.navbar-right{gap:6px;height:100%;order:3;position:static}.admin-cog,.logout-btn,.navbar-right{align-items:center;display:flex;flex-shrink:0;justify-content:center}.admin-cog,.logout-btn{height:44px;min-height:44px;min-width:44px;padding:0;width:44px}.admin-cog svg,.logout-btn svg{height:20px;width:20px}.mobile-login-icon{align-items:center;background:#2d9596;border-radius:50%;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:8px}.mobile-login-icon:hover{background:#3aaba9}@media (max-width:768px) and (min-width:481px){.user-name{display:none}.navbar{padding:6px 16px}.navbar-links{gap:8px}.navbar-link{font-size:.8rem;padding:8px 12px}.navbar-admin{gap:8px}}}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14191ef2;border:1px solid #ffffff1a;border-radius:30px;bottom:20px;box-shadow:0 8px 32px #0006;display:none;gap:20px;justify-content:space-around;left:50%;min-width:180px;padding:8px 24px;position:fixed;transform:translateX(-50%);width:auto;z-index:1000}.bottom-nav-item{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-weight:500;gap:4px;justify-content:center;min-width:60px;padding:0;position:relative;text-decoration:none;transition:all .2s ease}.bottom-nav-item svg{stroke-width:2;height:22px;width:22px}.bottom-nav-item span{line-height:1;white-space:nowrap}.bottom-nav-item.active{color:#2d9596}.bottom-nav-item.active:before{background:linear-gradient(90deg,#2d9596,#4a90e2);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40px}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.bottom-nav-popup{animation:slideUpFade .3s ease;background:linear-gradient(135deg,#1e2328fa,#14191efa);border:1px solid #ffffff1a;border-radius:16px;bottom:90px;box-shadow:0 8px 32px #0006;left:50%;max-height:70vh;max-width:90vw;min-width:280px;overflow-y:auto;padding:0;position:fixed;right:auto;transform:translateX(-50%);z-index:1002}.bottom-nav-popup-header{align-items:center;background:inherit;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.bottom-nav-popup-header h3{color:#fff;font-family:Gagalin,sans-serif;font-size:1.1rem;font-weight:600;margin:0}.popup-close{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.popup-close:hover{color:#fff;transform:rotate(90deg)}.bottom-nav-popup-item{align-items:center;border-bottom:1px solid #ffffff0d;color:#fffc;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:16px 20px;text-decoration:none;transition:all .2s ease}.bottom-nav-popup-item:last-child{border-bottom:none}.bottom-nav-popup-item:hover{background:#2d95961a;color:#2d9596}.bottom-nav-popup-item.active{background:#2d959626;color:#2d9596}.bottom-nav-popup-item svg{flex-shrink:0;height:20px;width:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.bottom-nav{display:flex}}@media (max-width:480px){.bottom-nav-item{font-size:.65rem;padding:6px 2px}.bottom-nav-item svg{height:20px;width:20px}}.app-container{display:flex;height:100vh}.main-content{flex-grow:1;overflow-y:auto}.page-content{margin:0;min-height:100vh;padding:40px 0 0;width:100%}@media (max-width:768px){.page-content{padding:48px 0 0;padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))!important}}@media (max-width:480px){.app-container{height:100vh;overflow:hidden}.main-content{display:flex;flex-direction:column;height:100%}.page-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:56px 0 calc(100px + env(safe-area-inset-bottom, 0px))}}
/*# sourceMappingURL=main.b5721d2e.css.map*/