*,: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:rgba(59,130,246,.5);--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:rgba(59,130,246,.5);--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.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Source Sans\ 3,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{--tw-bg-opacity:1;background-color:rgb(10 14 23/var(--tw-bg-opacity,1));font-family:Source Sans\ 3,system-ui,sans-serif;--tw-text-opacity:1;color:rgb(232 238 247/var(--tw-text-opacity,1))}:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#2ec4b6}.btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(255 77 109/var(--tw-bg-opacity,1));padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 0 24px rgba(255,77,109,.25);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-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-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{--tw-brightness:brightness(1.1);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)}.btn-primary:disabled{opacity:.5}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.125rem;border-width:1px;border-color:rgba(46,196,182,.5);background-color:rgba(46,196,182,.1);padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(46 196 182/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-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-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary:hover{background-color:rgba(46,196,182,.2)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(36 48 68/var(--tw-border-opacity,1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(232 238 247/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-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-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-ghost:hover{--tw-border-opacity:1;border-color:rgb(139 155 180/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.05)}.panel{background-color:rgba(18,24,38,.9)}.input,.panel{border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(36 48 68/var(--tw-border-opacity,1))}.input{--tw-bg-opacity:1;background-color:rgb(10 14 23/var(--tw-bg-opacity,1));padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(232 238 247/var(--tw-text-opacity,1))}.stat-tile{border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(36 48 68/var(--tw-border-opacity,1));background-color:rgba(18,24,38,.9);display:flex;flex-direction:column;gap:.25rem;padding:1rem}.stat-label{font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(139 155 180/var(--tw-text-opacity,1))}.stat-value{font-family:Orbitron,sans-serif;font-size:1.875rem;line-height:2.25rem;--tw-text-opacity:1;color:rgb(232 238 247/var(--tw-text-opacity,1))}.badge-igl{margin-left:.25rem;display:inline-block;border-radius:.125rem;background-color:rgba(244,162,97,.2);padding:.125rem .375rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(244 162 97/var(--tw-text-opacity,1))}.player-card{border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(36 48 68/var(--tw-border-opacity,1));background-color:rgba(18,24,38,.9);padding:.75rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-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-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.player-card:focus-within{--tw-border-opacity:1;border-color:rgb(46 196 182/var(--tw-border-opacity,1))}.player-card:hover{border-color:rgba(255,77,109,.5);--tw-shadow:0 0 24px rgba(255,77,109,.25);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modal{position:fixed;inset:0;margin:auto;max-height:90vh;width:min(92vw,32rem);border-width:0;background-color:transparent;padding:0}.modal::backdrop{background-color:rgba(0,0,0,.7)}.modal-panel{border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(36 48 68/var(--tw-border-opacity,1));background-color:rgba(18,24,38,.9);padding:1.25rem;--tw-shadow:0 0 24px rgba(255,77,109,.25);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.progress-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem}@media (min-width:768px){.progress-bar{font-size:.875rem;line-height:1.25rem}}.progress-step{border-radius:.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(36 48 68/var(--tw-border-opacity,1));padding:.25rem .5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-4{bottom:1rem}.left-0{left:0}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-full{height:100%}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.min-h-\[320px\]{min-height:320px}.min-h-\[70vh\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-56{width:14rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.75}}.animate-pulse-slow{animation:pulse-slow 2.5s ease-in-out infinite}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,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-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-coral\/40{border-color:rgba(255,77,109,.4)}.border-cyan\/40{border-color:rgba(46,196,182,.4)}.border-panel-border{--tw-border-opacity:1;border-color:rgb(36 48 68/var(--tw-border-opacity,1))}.border-panel-border\/30{border-color:rgba(36,48,68,.3)}.border-panel-border\/40{border-color:rgba(36,48,68,.4)}.border-panel-border\/50{border-color:rgba(36,48,68,.5)}.border-panel-border\/60{border-color:rgba(36,48,68,.6)}.border-panel-border\/80{border-color:rgba(36,48,68,.8)}.border-teal\/40{border-color:rgba(61,255,168,.4)}.bg-coral\/10{background-color:rgba(255,77,109,.1)}.bg-coral\/20{background-color:rgba(255,77,109,.2)}.bg-navy{--tw-bg-opacity:1;background-color:rgb(10 14 23/var(--tw-bg-opacity,1))}.bg-navy\/50{background-color:rgba(10,14,23,.5)}.bg-navy\/60{background-color:rgba(10,14,23,.6)}.bg-panel{--tw-bg-opacity:1;background-color:rgb(18 24 38/var(--tw-bg-opacity,1))}.bg-panel\/80{background-color:rgba(18,24,38,.8)}.bg-panel\/90{background-color:rgba(18,24,38,.9)}.bg-teal\/10{background-color:rgba(61,255,168,.1)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-hero-grid{background-image:linear-gradient(rgba(46,196,182,.05) 1px,transparent 0),linear-gradient(90deg,rgba(46,196,182,.05) 1px,transparent 0)}.from-navy{--tw-gradient-from:#0a0e17 var(--tw-gradient-from-position);--tw-gradient-to:rgba(10,14,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-navy\/95{--tw-gradient-to:rgba(10,14,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(10,14,23,.95) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-coral\/10{--tw-gradient-to:rgba(255,77,109,.1) var(--tw-gradient-to-position)}.bg-hero-grid{background-size:28px 28px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-5{padding-left:1.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-display{font-family:Orbitron,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-amber{--tw-text-opacity:1;color:rgb(244 162 97/var(--tw-text-opacity,1))}.text-coral{--tw-text-opacity:1;color:rgb(255 77 109/var(--tw-text-opacity,1))}.text-cyan{--tw-text-opacity:1;color:rgb(46 196 182/var(--tw-text-opacity,1))}.text-fog{--tw-text-opacity:1;color:rgb(232 238 247/var(--tw-text-opacity,1))}.text-mist{--tw-text-opacity:1;color:rgb(139 155 180/var(--tw-text-opacity,1))}.text-teal{--tw-text-opacity:1;color:rgb(61 255 168/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-coral{accent-color:#ff4d6d}.opacity-80{opacity:.8}.shadow-glow{--tw-shadow:0 0 24px rgba(255,77,109,.25);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-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-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#0a0e17;--panel:#121826;--border:#243044;--coral:#ff4d6d;--cyan:#2ec4b6;--fog:#e8eef7;--mist:#8b9bb4}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-cyan:hover{--tw-text-opacity:1;color:rgb(46 196 182/var(--tw-text-opacity,1))}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:z-50:focus{z-index:50}.focus\:bg-coral:focus{--tw-bg-opacity:1;background-color:rgb(255 77 109/var(--tw-bg-opacity,1))}.focus\:px-3:focus{padding-left:.75rem;padding-right:.75rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-20{top:5rem}.lg\:w-80{width:20rem}.lg\:flex-row{flex-direction:row}}
/* Footer admin link + password page extras (no npm rebuild needed) */
.footer-admin-link{font-size:10px;color:rgba(139,155,180,.55);text-decoration:none;margin-left:1.5rem}
.footer-admin-link:hover{color:#8b9bb4;text-decoration:underline}
.progress-done{border-color:rgba(61,255,168,.4);color:#3dffa8}
.progress-current{border-color:rgba(255,77,109,.6);color:#ff4d6d}
.progress-upcoming{color:#8b9bb4}

/* Draft UX */
@keyframes draft-card-in{0%{opacity:0;transform:translateY(14px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
.draft-card-enter{animation:draft-card-in .45s ease-out both}
.player-card-blocked{opacity:.45;filter:grayscale(.35)}
.player-card-blocked .btn-primary:disabled{cursor:not-allowed;opacity:.7}
.player-card-list{display:flex;flex-direction:column;gap:.55rem}
.player-card{padding:.65rem .75rem}
.player-card-main{display:flex;align-items:center;gap:.85rem}
.player-card-portrait{width:4.25rem;height:4.25rem;object-fit:cover;background:#0a0e17;flex-shrink:0;border:1px solid rgba(36,48,68,.9)}
.player-card-info{flex:1 1 auto;min-width:0}
.player-card-handle{margin:0;font-size:1.05rem;font-weight:700;line-height:1.25;color:#f1f5f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-card-realname{margin:.1rem 0 0;font-size:.8rem;color:#8b9bb4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-card-role{margin:.25rem 0 0;font-size:.8rem;color:#e8eef7}
.player-card-agents{margin:.15rem 0 0;font-size:.72rem;color:#8b9bb4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-card-blocked-msg{margin:.25rem 0 0;font-size:.72rem;color:#f4a261}
.player-card-actions{display:flex;flex-direction:column;gap:.35rem;flex-shrink:0;min-width:6.5rem}
.player-card-actions .btn-primary,.player-card-actions .btn-ghost{width:100%;padding:.45rem .75rem;font-size:.8rem}
@media (max-width:560px){
  .player-card-main{flex-wrap:wrap}
  .player-card-portrait{width:3.5rem;height:3.5rem}
  .player-card-actions{flex-direction:row;width:100%;min-width:0}
  .player-card-actions .btn-primary{flex:1}
}

.roster-slots-board{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}
.roster-slot{display:flex;flex-direction:column;gap:.35rem;border:1px dashed rgba(36,48,68,.9);border-radius:.125rem;padding:.45rem .55rem;min-height:3.75rem;background:rgba(10,14,23,.45);transition:border-color .15s ease,background .15s ease,opacity .15s ease}
.roster-slot-filled{border-style:solid;border-color:rgba(46,196,182,.35);background:rgba(46,196,182,.06)}
.roster-slot-empty{opacity:.85}
.roster-slot-ok{border-color:rgba(46,196,182,.5);background:rgba(46,196,182,.07)}
.roster-slot-blocked{opacity:.4;pointer-events:none}
.roster-slot-pending{border-style:solid;border-color:rgba(255,77,109,.55);background:rgba(255,77,109,.08);box-shadow:inset 0 0 0 1px rgba(255,77,109,.2)}
.roster-slot-locked{border-style:solid;border-color:rgba(46,196,182,.45);background:rgba(46,196,182,.08);opacity:1}
.roster-slot-locked .role-chip{cursor:default}
.role-chip-locked{cursor:default;opacity:.95}
.role-chip-locked:active{cursor:default}
.roster-slot.role-drop-over{border-color:#ff4d6d;border-style:solid;background:rgba(255,77,109,.12)}
.roster-slot.role-drop-selected{border-color:#2ec4b6;border-style:solid;box-shadow:inset 0 0 0 1px rgba(46,196,182,.35)}
.roster-slot-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#8b9bb4}
.roster-slot-body{flex:1;display:flex;align-items:center;min-height:2.5rem}
.roster-slot-placeholder{flex:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:rgba(139,155,180,.75);min-height:2.5rem}
.roster-slot .role-chip{width:100%;border-color:rgba(46,196,182,.35)}
.roster-slot-pending .role-chip{border-color:rgba(255,77,109,.45)}
.roster-slot-img{width:2.5rem;height:2.5rem;object-fit:cover;background:#0a0e17;flex-shrink:0}
.roster-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(36,48,68,.8)}
.roster-actions .btn-primary,.roster-actions .btn-ghost{width:100%}
.player-card-picking{border-color:rgba(255,77,109,.55);box-shadow:0 0 0 1px rgba(255,77,109,.25)}
.draft-picking #player-grid{opacity:.72}

/* Role drag-and-drop boards */
.role-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.65rem}
.role-drop{min-height:7.5rem;border:1px dashed rgba(139,155,180,.45);background:rgba(10,14,23,.55);padding:.55rem;display:flex;flex-direction:column;gap:.4rem;transition:border-color .15s ease,background .15s ease,opacity .15s ease}
.role-drop-label{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#8b9bb4}
.role-drop-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:rgba(139,155,180,.7)}
.role-drop-ok{border-color:rgba(46,196,182,.55);background:rgba(46,196,182,.08)}
.role-drop-blocked{opacity:.4;pointer-events:none}
.role-drop-over{border-color:#ff4d6d;background:rgba(255,77,109,.1);border-style:solid}
.role-drop-selected{border-color:#2ec4b6;border-style:solid;box-shadow:inset 0 0 0 1px rgba(46,196,182,.35)}
.role-chip{display:flex;align-items:center;gap:.45rem;padding:.35rem;border:1px solid rgba(46,196,182,.4);background:rgba(18,24,38,.95);cursor:grab;user-select:none}
.role-chip:active{cursor:grabbing}
.role-chip img{width:2.25rem;height:2.25rem;object-fit:cover;background:#0a0e17;flex-shrink:0}
.role-chip-name{font-size:.85rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-chip-meta{font-size:.65rem;color:#8b9bb4}
.role-chip-dragging{opacity:.45}
.role-assign-player .role-chip{max-width:18rem}
.role-board-review .role-drop{min-height:8.5rem}
@media (max-width:640px){
  .role-board{grid-template-columns:1fr 1fr}
}
.order-first{order:-9999}
@media (min-width:1024px){.lg\:order-none{order:0}}
@media (prefers-reduced-motion:reduce){.draft-card-enter{animation:none}}
button:disabled,.btn-primary:disabled{opacity:.45;cursor:not-allowed}
.help-tip{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.35rem;border-radius:9999px;border:1px solid rgba(148,163,184,.45);color:#94a3b8;font-size:.65rem;font-weight:700;line-height:1;cursor:help;position:relative;vertical-align:middle;flex-shrink:0}
.help-tip:hover,.help-tip:focus{color:#ff4655;border-color:#ff4655;outline:none}
.help-tip::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + .45rem);transform:translateX(-50%);width:max-content;max-width:16rem;padding:.45rem .6rem;border-radius:.35rem;background:#0a0e17;border:1px solid rgba(255,70,85,.45);color:#e2e8f0;font-size:.7rem;font-weight:400;line-height:1.35;text-align:left;white-space:normal;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:40;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.help-tip:hover::after,.help-tip:focus::after{opacity:1}
.help-tip.tip-right::after{left:calc(100% + .45rem);bottom:50%;transform:translateY(50%)}
.field-label{display:inline-flex;align-items:center;gap:0}
body.modal-open{overflow:hidden}
.modal{position:fixed;inset:0;z-index:60;margin:auto;max-height:min(90vh,40rem);width:min(92vw,32rem);border:0;background:transparent;padding:0;color:#e8edf7}
.modal:focus{outline:none}
.modal::backdrop{background:rgba(5,8,14,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.modal-panel{border-radius:.25rem;border:1px solid rgb(36 48 68);background:#121826;padding:1.25rem;box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 0 1px rgba(46,196,182,.12);max-height:inherit;overflow:auto}
.player-modal{width:min(92vw,40rem);max-height:min(92vh,44rem)}
.player-modal-panel{position:relative;padding:1.25rem 1.25rem 1.35rem;border-color:rgba(46,196,182,.35);box-shadow:0 20px 56px rgba(0,0,0,.6),0 0 32px rgba(255,77,109,.12)}
.modal-close{position:absolute;top:.65rem;right:.65rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.25rem;border:1px solid rgba(148,163,184,.35);background:rgba(10,14,23,.85);color:#e8edf7;font-size:1.5rem;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.modal-close:hover{border-color:#ff4d6d;color:#ff4d6d;background:#0a0e17}
.modal-close:focus-visible{outline:2px solid #2ec4b6;outline-offset:2px}
.player-modal-header{display:flex;gap:1rem;align-items:flex-start;padding-right:2.5rem;margin-bottom:.85rem}
.player-modal-portrait{width:4.5rem;height:4.5rem;object-fit:cover;background:#0a0e17;border:1px solid rgb(36 48 68);flex-shrink:0}
.player-modal-handle{margin:0;font-family:inherit;font-size:1.35rem;font-weight:700;line-height:1.25;color:#f1f5f9;letter-spacing:.01em}
.player-modal-realname{margin:.2rem 0 .55rem;font-size:.9rem;color:#94a3b8;line-height:1.35}
.player-modal-roles,.player-chip-row,.player-indicator-row{display:flex;flex-wrap:wrap;gap:.35rem}
.player-modal-disclaimer{margin:0 0 .65rem;font-size:.72rem;color:#94a3b8;letter-spacing:.02em}
.player-indicator-row{margin-bottom:.9rem}
.player-chip{display:inline-flex;align-items:center;border:1px solid rgba(46,196,182,.3);background:rgba(46,196,182,.08);color:#e2e8f0;padding:.15rem .5rem;font-size:.72rem;line-height:1.3;border-radius:.125rem}
.player-chip-primary{border-color:rgba(255,77,109,.4);background:rgba(255,77,109,.1);color:#fecdd3}
.player-indicator{display:inline-flex;align-items:center;padding:.15rem .5rem;font-size:.68rem;text-transform:capitalize;letter-spacing:.02em;border-radius:.125rem;border:1px solid rgba(148,163,184,.3);color:#cbd5e1;background:rgba(148,163,184,.08)}
.player-indicator-elite{border-color:rgba(46,196,182,.45);color:#2ec4b6;background:rgba(46,196,182,.1)}
.player-indicator-strong{border-color:rgba(244,162,97,.45);color:#f4a261;background:rgba(244,162,97,.1)}
.player-indicator-solid{border-color:rgba(148,163,184,.4);color:#cbd5e1}
.player-indicator-developing{border-color:rgba(148,163,184,.25);color:#94a3b8}
.player-modal-section{border-top:1px solid rgba(36,48,68,.95);padding-top:.9rem;margin-top:.15rem}
.player-modal-section + .player-modal-section{margin-top:.85rem}
.player-modal-section-title{margin:0 0 .65rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2ec4b6}
.player-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .85rem}
.player-stat{min-width:0}
.player-stat-top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem}
.player-stat-label{font-size:.72rem;color:#94a3b8;line-height:1.2}
.player-stat-value{font-size:.95rem;font-weight:700;color:#f8fafc;line-height:1.2}
.player-stat-bar{height:.35rem;border-radius:9999px;background:rgba(36,48,68,.95);overflow:hidden}
.player-stat-bar > span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2ec4b6,#ff4d6d)}
.player-info-list{display:grid;gap:.75rem;margin:0}
.player-info-list dt{margin:0 0 .2rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}
.player-info-list dd{margin:0;font-size:.92rem;color:#f1f5f9;line-height:1.4}
@media (max-width:520px){
  .player-stat-grid{grid-template-columns:1fr}
  .player-modal-header{gap:.75rem}
  .player-modal-portrait{width:3.75rem;height:3.75rem}
  .player-modal-handle{font-size:1.15rem}
}

/* Live map match arena */
#match-stage{min-height:28rem;padding-bottom:1rem}
.series-result{padding-bottom:.5rem}
.series-result-summary{padding-bottom:.25rem}
.tournament-continue-bar{
  position:sticky;
  bottom:0;
  z-index:25;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:.75rem;
  margin-top:1rem;
  padding:.85rem 0 .35rem;
  background:linear-gradient(to top, rgba(18,24,38,.98) 55%, rgba(18,24,38,.72) 85%, transparent);
  pointer-events:none;
}
.tournament-continue-bar.hidden{display:none}
.tournament-continue-bar .btn-primary{pointer-events:auto;min-width:10.5rem;padding:.85rem 1.6rem;font-size:1rem;box-shadow:0 8px 24px rgba(0,0,0,.35)}
#event-feed.event-feed--compact{max-height:4.5rem;opacity:.85}
.map-match{display:flex;flex-direction:column;gap:.75rem}
.map-match-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.map-arena{
  position:relative;
  width:100%;
  height:min(58vh,32rem);
  background-color:#0a0e17;
  border:1px solid rgba(46,196,182,.35);
  overflow:hidden;
  box-shadow:inset 0 0 40px rgba(0,0,0,.45);
  display:grid;
  grid-template-columns:minmax(6.5rem,10rem) minmax(0,1fr) minmax(6.5rem,10rem);
  align-items:stretch;
  gap:.35rem;
  padding:.5rem .4rem;
}
.map-arena-empty{background-image:linear-gradient(135deg,rgba(36,48,68,.9),rgba(10,14,23,.95)),radial-gradient(circle at 30% 40%,rgba(46,196,182,.12),transparent 45%),radial-gradient(circle at 70% 60%,rgba(255,77,109,.1),transparent 40%);background-repeat:no-repeat}
.map-arena-fallback{position:absolute;inset:auto 0 1rem 0;text-align:center;color:#8b9bb4;font-size:.75rem;pointer-events:none}
.map-playfield{
  position:relative;
  width:min(100%,min(calc(58vh - 1rem),30rem));
  aspect-ratio:1 / 1;
  height:auto;
  max-height:100%;
  justify-self:center;
  align-self:center;
  line-height:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.map-blueprint{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  background-repeat:no-repeat !important;
  user-select:none;
  pointer-events:none;
}
.map-side{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-width:0;
  padding:.25rem .2rem;
  overflow:auto;
  z-index:1;
}
.map-side-logo{
  width:3.25rem;
  height:3.25rem;
  object-fit:contain;
  background:rgba(10,14,23,.85);
  border:1px solid rgba(46,196,182,.4);
  padding:.3rem;
  flex-shrink:0;
}
.map-side-opp .map-side-logo{
  border-color:rgba(255,77,109,.45);
}
.map-side-name{
  margin:0;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#2ec4b6;
  text-align:center;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.map-side-opp .map-side-name{color:#ff4d6d}
.map-side-roster{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.3rem;
  width:100%;
}
.map-side-player{
  display:flex;
  align-items:center;
  gap:.35rem;
  min-width:0;
  padding:.2rem .3rem;
  background:rgba(18,24,38,.85);
  border:1px solid rgba(36,48,68,.95);
}
.map-side-player img{
  width:1.35rem;
  height:1.35rem;
  object-fit:cover;
  flex-shrink:0;
  background:#0a0e17;
  border:1px solid rgba(46,196,182,.35);
}
.map-side-opp .map-side-player img{border-color:rgba(255,77,109,.4)}
.map-side-player span{
  font-size:.65rem;
  line-height:1.15;
  color:#e8eef7;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (max-width:720px){
  .map-arena{
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0,1fr) auto;
    height:auto;
    min-height:min(70vh,36rem);
  }
  .map-playfield{
    width:min(100%,min(52vh,28rem));
    max-height:min(52vh,28rem);
  }
  .map-side{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.4rem .55rem}
  .map-side-roster{flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto}
  .map-side-player{max-width:7.5rem}
}
.map-marker{position:absolute;transform:translate(-50%,-70%);border:0;padding:0;background:transparent;cursor:default;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.15rem;width:2.75rem;transition:left 3.2s linear,top 3.2s linear;will-change:left,top}
.map-marker.map-marker-fast{transition-duration:1.05s}
.map-marker img{width:2.1rem;height:2.1rem;object-fit:cover;border-radius:.15rem;background:#0a0e17;border:2px solid #2ec4b6;box-shadow:0 0 10px rgba(46,196,182,.35)}
.map-marker-opp img{border-color:#ff4d6d;box-shadow:0 0 10px rgba(255,77,109,.35)}
.map-marker span{max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;line-height:1.1;color:#e8eef7;background:rgba(10,14,23,.82);padding:.1rem .25rem;border:1px solid rgba(36,48,68,.9)}
.map-legend{display:flex;gap:1rem;flex-wrap:wrap}
.map-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:9999px;margin-right:.35rem;vertical-align:middle}
.map-dot-user{background:#2ec4b6}
.map-dot-opp{background:#ff4d6d}
.map-roster-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.5rem}
.map-roster-chip{display:inline-flex;align-items:center;gap:.3rem;border:1px solid rgba(36,48,68,.9);background:rgba(18,24,38,.9);padding:.15rem .35rem;font-size:.65rem}
.map-roster-chip img{width:1.15rem;height:1.15rem;object-fit:cover;background:#0a0e17}
.map-roster-chip em{font-style:normal;color:#e8eef7}
.map-marker-dead img{filter:grayscale(1) brightness(.7);border-color:#64748b!important;box-shadow:none!important}
.map-marker-dead span{opacity:.55;text-decoration:line-through}
.map-marker-spike img{box-shadow:0 0 0 2px #fbbf24,0 0 12px rgba(251,191,36,.45)}
.map-marker-spike::after{content:"";position:absolute;top:-.15rem;right:.15rem;width:.45rem;height:.45rem;border-radius:9999px;background:#fbbf24;box-shadow:0 0 6px rgba(251,191,36,.8)}
@media (prefers-reduced-motion:reduce){
  .map-marker{transition:none}
}

/* Password show/hide */
.password-field{position:relative;display:block}
.password-field__input{width:100%;padding-right:2.75rem;box-sizing:border-box}
.password-field__toggle{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;border-radius:.125rem;background:transparent;color:#8b9bb4;cursor:pointer;padding:0}
.password-field__toggle:hover{color:#e8eef7;background:hsla(0,0%,100%,.06)}
.password-field__toggle:focus-visible{outline:2px solid #2ec4b6;outline-offset:1px}
.password-field__icon{width:1.15rem;height:1.15rem;display:block}

/* Series result scoreboard */
.series-scoreboard{display:flex;align-items:center;justify-content:center;gap:1.25rem 2rem;flex-wrap:wrap;margin:0 auto;max-width:36rem}
.series-side{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:7rem;flex:1 1 7rem}
.series-logo{width:5.5rem;height:5.5rem;object-fit:contain;background:rgba(10,14,23,.85);border:1px solid rgba(46,196,182,.35);padding:.45rem;box-shadow:0 0 18px rgba(46,196,182,.12)}
.series-side:last-child .series-logo{border-color:rgba(255,77,109,.4);box-shadow:0 0 18px rgba(255,77,109,.12)}
.series-logo-sm{width:3.25rem;height:3.25rem;padding:.3rem}
.series-score{font-size:2.25rem;line-height:1;letter-spacing:.04em;min-width:5rem}

/* Post-map storytelling + VLR-style scoreboard */
.map-recap{display:flex;flex-direction:column;gap:1rem;padding-bottom:3.5rem}
.map-recap-secondary{opacity:.78}
.map-recap-secondary .panel{border-color:rgba(139,155,180,.18);background:rgba(16,24,35,.72)}
.map-recap-head{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:stretch}
.map-recap-score{font-size:1.35rem;line-height:1.15;letter-spacing:.03em;margin:.15rem 0}
.map-recap-mvp{flex:1 1 16rem;max-width:28rem}
.map-story-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));font-size:.9rem}
.map-scoreboards{opacity:.9}
.story-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#8b9bb4}
.story-list{margin:0;padding-left:1rem;font-size:.85rem;color:#c5d0e0;display:flex;flex-direction:column;gap:.2rem}
.winprob-chart{width:100%;max-width:20rem;height:3.5rem;display:block}
.winprob-mid{stroke:rgba(139,155,180,.35);stroke-width:1;stroke-dasharray:4 4}
.winprob-line{stroke:#2ec4b6;stroke-width:2}
.vlr-board{border:1px solid rgba(139,155,180,.2);background:#0a0e17}
.vlr-board-title{padding:.45rem .75rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#8b9bb4;border-bottom:1px solid rgba(139,155,180,.15)}
.vlr-scroll{overflow-x:auto}
.vlr-table{width:100%;border-collapse:collapse;font-size:.8rem;white-space:nowrap}
.vlr-table thead th{background:#0f3f34;color:#e8eef7;font-weight:600;padding:.45rem .55rem;text-align:center;letter-spacing:.04em;font-size:.68rem}
.vlr-table thead th.vlr-player,.vlr-table td.vlr-player{text-align:left;position:sticky;left:0;z-index:1}
.vlr-table thead th.vlr-player{background:#0f3f34}
.vlr-table thead th.vlr-sort{background:#0c332a}
.vlr-table tbody td{padding:.4rem .55rem;text-align:center;color:#e8eef7;border-top:1px solid rgba(139,155,180,.08);background:#101823}
.vlr-table tbody td.vlr-player{background:#0d121c;min-width:9rem}
.vlr-table tbody td.vlr-acs{background:#0b1018;font-weight:600}
.vlr-player-cell{display:inline-flex;align-items:center;gap:.5rem;text-align:left}
.vlr-player-cell img{width:1.5rem;height:1.5rem;object-fit:cover;border-radius:1px;background:#0a0e17}
.vlr-player-cell strong{display:block;font-size:.82rem;color:#e8eef7}
.vlr-player-cell em{display:block;font-style:normal;font-size:.65rem;color:#8b9bb4}
.stat-pos{color:#7CFF6B}
.stat-neg{color:#ff4d6d}

/* Roster draft grades — calm / secondary */
.roster-review__hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.75rem}
.roster-review__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}
.roster-review__cta{min-width:11rem;padding:.75rem 1.35rem;font-size:.95rem}
.roster-grades{display:flex;flex-direction:column;gap:.85rem;padding:1rem 0 0;border-top:1px solid rgba(36,48,68,.7);opacity:.92}
.roster-grades--calm .roster-grades-head{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;align-items:flex-end;justify-content:flex-start}
.roster-grade-overall{font-family:Orbitron,sans-serif;font-size:2rem;line-height:1;letter-spacing:.04em;margin-top:.2rem;color:#c5d0e0}
.roster-proj{min-width:8rem}
.roster-proj__value{font-family:Orbitron,sans-serif;font-size:1.35rem;letter-spacing:.03em;color:#c5d0e0;margin-top:.15rem}
.roster-grade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.4rem}
.roster-grade-card{border:1px solid rgba(36,48,68,.75);background:transparent;padding:.55rem .5rem;text-align:center}
.roster-grade-label{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#8b9bb4;margin-bottom:.25rem}
.roster-grade-letter{font-family:Orbitron,sans-serif;font-size:1.05rem;letter-spacing:.03em;line-height:1;color:#c5d0e0}
.roster-grades--calm .grade-s,
.roster-grades--calm .grade-aplus,
.roster-grades--calm .grade-a,
.roster-grades--calm .grade-aminus,
.roster-grades--calm .grade-bplus,
.roster-grades--calm .grade-b,
.roster-grades--calm .grade-bminus,
.roster-grades--calm .grade-cplus,
.roster-grades--calm .grade-c,
.roster-grades--calm .grade-cminus,
.roster-grades--calm .grade-d,
.roster-grades--calm .grade-f{color:#c5d0e0}
.roster-odds-bars{display:flex;flex-direction:column;gap:.35rem}
.roster-odds-row{display:grid;grid-template-columns:7rem 1fr 2.25rem;gap:.55rem;align-items:center;font-size:.75rem}
.roster-odds-row span{color:#8b9bb4}
.roster-odds-row em{font-style:normal;text-align:right;color:#8b9bb4}
.roster-odds-track{height:.28rem;background:rgba(139,155,180,.12);overflow:hidden}
.roster-odds-track i{display:block;height:100%;background:rgba(46,196,182,.45);font-style:normal}
.roster-meta-card{border:1px solid rgba(36,48,68,.65);padding:.85rem 1rem;background:transparent}
.roster-meta-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#8b9bb4;margin-bottom:.35rem}
@media (max-width:640px){
  .roster-odds-row{grid-template-columns:5.5rem 1fr 2.25rem;font-size:.72rem}
  .roster-grade-overall{font-size:1.75rem}
  .roster-review__cta{width:100%}
}


/* Public statistics tables */
.stats-table{width:100%;border-collapse:collapse;font-size:.85rem}
.stats-table th{text-align:left;color:#8b9bb4;font-weight:600;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .5rem;border-bottom:1px solid rgba(139,155,180,.2)}
.stats-table td{padding:.45rem .5rem;border-bottom:1px solid rgba(139,155,180,.08);color:#e8eef7;vertical-align:top}
.stats-table tbody tr:hover td{background:rgba(46,196,182,.04)}
.collection-perfect_map{border-color:rgba(124,255,107,.45)}
.collection-won_title{border-color:rgba(46,196,182,.4)}
.collection-reached_final{border-color:rgba(126,182,255,.35)}
.collection-drafted{border-color:rgba(139,155,180,.35)}
.collection-seen,.collection-mystery{border-color:rgba(36,48,68,.9);opacity:.92}
.collection-silhouette{
  width:3rem;height:3rem;flex-shrink:0;
  background:#05070c;
  border:1px solid rgba(36,48,68,.95);
  box-shadow:inset 0 0 18px rgba(0,0,0,.85);
  position:relative;
  overflow:hidden;
}
.collection-silhouette::after{
  content:"";
  position:absolute;inset:18% 28% 12%;
  background:rgba(20,24,32,.95);
  clip-path:ellipse(42% 48% at 50% 28%);
  box-shadow:0 1.1rem 0 -.15rem rgba(20,24,32,.95);
}


@media (max-width:640px){
  .vlr-table{font-size:.72rem}
  .vlr-player-cell img{width:1.25rem;height:1.25rem}
}

/* Chaos briefing */
.chaos-briefing{padding:1rem 0 2.5rem}
.chaos-mod-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));list-style:none;margin:0;padding:0}
.chaos-mod-card{border:1px solid rgba(255,77,109,.28);background:rgba(10,14,23,.45);padding:.9rem 1rem}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(36,48,68,.85);background:rgba(18,24,38,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.site-header__inner{max-width:72rem;margin:0 auto;padding:.7rem 1rem;display:flex;align-items:center;gap:1rem}
.site-brand{flex-shrink:0;font-family:Orbitron,sans-serif;font-size:1rem;letter-spacing:.14em;color:#e8eef7;transition:color .15s}
.site-brand span{color:#ff4d6d}
.site-brand:hover{color:#2ec4b6}
.site-nav{display:flex;align-items:center;gap:.15rem;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.site-nav::-webkit-scrollbar{display:none}
.site-nav__link{color:#8b9bb4;font-size:.84rem;font-weight:600;padding:.4rem .7rem;border-radius:.125rem;white-space:nowrap;transition:color .15s,background .15s}
.site-nav__link:hover{color:#e8eef7;background:hsla(0,0%,100%,.04)}
.site-nav__link.is-active{color:#2ec4b6}
.site-account{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto;padding-left:.85rem;border-left:1px solid rgba(36,48,68,.9)}
.site-account__menu{position:relative}
.site-account__profile{display:inline-flex;align-items:center;gap:.4rem;max-width:11rem;font-size:.8rem;font-weight:600;color:#e8eef7;padding:.35rem .65rem;border:1px solid rgba(36,48,68,.95);border-radius:.125rem;background:rgba(10,14,23,.45);transition:border-color .15s,color .15s;cursor:pointer}
.site-account__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem}
.site-account__caret{width:0;height:0;border-left:.28rem solid transparent;border-right:.28rem solid transparent;border-top:.34rem solid #8b9bb4;flex-shrink:0;transition:transform .15s,border-top-color .15s}
.site-account__profile[aria-expanded="true"] .site-account__caret{transform:rotate(180deg);border-top-color:#2ec4b6}
.site-account__profile:hover,.site-account__profile.is-active,.site-account__profile[aria-expanded="true"]{border-color:rgba(46,196,182,.55);color:#2ec4b6}
.site-account__dropdown{position:absolute;right:0;top:calc(100% + .35rem);z-index:50;min-width:11.5rem;padding:.35rem;border:1px solid #243044;background:#121826;box-shadow:0 12px 28px rgba(0,0,0,.35);display:none;flex-direction:column;gap:.1rem}
.site-account__dropdown.is-open{display:flex}
.site-account__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;padding:.5rem .65rem;font-size:.82rem;font-weight:600;color:#e8eef7;background:transparent;border:0;border-radius:.125rem;text-decoration:none}
.site-account__item:hover,.site-account__item:focus-visible{background:rgba(255,255,255,.05);outline:none}
.site-account__item.is-active{color:#2ec4b6}
.site-account__item--badge{position:relative;padding-right:1.6rem}
.site-account__item--badge .nav-badge{top:50%;right:.45rem;transform:translateY(-50%)}
.site-account__item--danger{color:#ff8fa3}
.site-account__item--danger:hover{color:#ff4d6d;background:rgba(255,77,109,.08)}
.site-account__logout{margin:0;padding:0;border-top:1px solid rgba(36,48,68,.85);margin-top:.2rem;padding-top:.2rem}
.site-account__cta{display:inline-flex;align-items:center;font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:.125rem;background:#ff4d6d;color:#fff;transition:filter .15s}
.site-account__cta:hover{filter:brightness(1.08)}
@media (max-width:720px){
  .site-header__inner{flex-wrap:wrap;gap:.55rem .75rem}
  .site-nav{order:3;flex:1 1 100%;padding-top:.15rem}
  .site-account{border-left:0;padding-left:0;margin-left:auto}
}

/* Tournament decisions */
.decision-panel{max-width:52rem;margin:0 auto}
.decision-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.decision-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.decision-chip{border:1px solid rgba(139,155,180,.28);background:rgba(10,14,23,.4);color:#e8eef7;padding:.4rem .7rem;font-size:.82rem;font-weight:600;border-radius:.125rem;transition:border-color .15s,background .15s,color .15s}
.decision-chip:hover{border-color:rgba(46,196,182,.45);color:#2ec4b6}
.decision-chip-active{border-color:rgba(46,196,182,.7);background:rgba(46,196,182,.12);color:#2ec4b6}
.tactic-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr))}
.tactic-card{text-align:left;border:1px solid rgba(139,155,180,.22);background:rgba(10,14,23,.35);padding:.85rem .9rem;border-radius:.125rem;transition:border-color .15s,background .15s,transform .15s}
.tactic-card:hover{border-color:rgba(46,196,182,.4);transform:translateY(-1px)}
.tactic-card-active{border-color:rgba(255,77,109,.55);background:rgba(255,77,109,.08);box-shadow:0 0 0 1px rgba(255,77,109,.15)}

/* Share card */
.share-card{position:relative;max-width:22rem;border:1px solid rgba(46,196,182,.35);background:linear-gradient(160deg,#0a0e17 0%,#121826 55%,#1a1020 100%);padding:1.25rem 1.35rem;box-shadow:0 12px 40px rgba(0,0,0,.35);overflow:visible}
#share-card.cosmo-share--glow{margin-top:.35rem;margin-bottom:1.25rem}
.share-card__brand{font-family:Orbitron,sans-serif;letter-spacing:.14em;font-size:1.05rem;color:#e8eef7}
.share-card__brand span{color:#ff4d6d}
.share-card__place{font-family:Orbitron,sans-serif;font-size:1.35rem;margin-top:.65rem;letter-spacing:.06em}
.share-card__meta{color:#8b9bb4;font-size:.82rem;margin-top:.35rem}
.share-card__roster{margin-top:1rem;display:flex;flex-direction:column;gap:.35rem}
.share-card__roster li{display:flex;justify-content:space-between;gap:.75rem;font-size:.88rem;border-bottom:1px solid rgba(139,155,180,.12);padding-bottom:.35rem}
.share-card__roster em{font-style:normal;color:#8b9bb4;font-size:.78rem}
.share-card__code{margin-top:1rem;font-family:Orbitron,sans-serif;font-size:.78rem;letter-spacing:.08em;color:#2ec4b6}


/* Friends + messaging */
.social-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid rgba(36,48,68,.5);padding:.55rem 0}
.social-row__actions{display:flex;flex-wrap:wrap;gap:.35rem}
.social-badge{display:inline-block;margin-left:.35rem;padding:.1rem .35rem;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#f4a261;border:1px solid rgba(244,162,97,.4);background:rgba(244,162,97,.12)}
.social-unread{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;margin-right:.35rem;border-radius:.125rem;background:rgba(255,77,109,.85);color:#fff;font-size:11px;font-weight:700}
.social-failed{display:inline-block;margin-right:.35rem;color:#ff4d6d;font-weight:700}
.social-chat__layout{display:grid;grid-template-columns:1fr;gap:.75rem;min-height:70vh}
@media (min-width:768px){.social-chat__layout{grid-template-columns:minmax(240px,320px) 1fr}}
.social-chat__list,.social-chat__thread,.social-chat__empty{display:flex;flex-direction:column;min-height:60vh;border:1px solid #243044;background:rgba(18,24,38,.9)}
.social-chat__list-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(36,48,68,.7)}
.social-chat__conversations{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}
.social-conv{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.15rem .5rem;width:100%;text-align:left;padding:.75rem 1rem;border:0;border-bottom:1px solid rgba(36,48,68,.45);background:transparent;color:inherit}
.social-conv:hover,.social-conv.is-active{background:rgba(46,196,182,.08)}
.social-conv__name{font-weight:600;grid-column:1}
.social-conv__preview{grid-column:1;font-size:.8rem;color:#8b9bb4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-conv__meta{grid-column:2;grid-row:1 / span 2;align-self:center;text-align:right}
.social-chat__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgba(36,48,68,.7);position:relative}
.social-chat__header-actions{position:relative}
.social-chat__menu{position:absolute;right:0;top:100%;z-index:20;min-width:10rem;border:1px solid #243044;background:#121826;padding:.35rem;display:none;flex-direction:column}
.social-chat__menu.is-open{display:flex}
.social-chat__menu button{text-align:left;padding:.45rem .6rem;font-size:.8rem;color:#e8eef7;background:transparent;border:0}
.social-chat__menu button:hover{background:rgba(255,255,255,.05)}
.social-chat__menu button[hidden]{display:none}
.social-chat__request{padding:.75rem 1rem;border-bottom:1px solid rgba(244,162,97,.35);background:rgba(244,162,97,.08)}
.social-chat__blocked{padding:.75rem 1rem;border-bottom:1px solid rgba(255,77,109,.35);background:rgba(255,77,109,.08);color:#ffb3c1}
.social-chat__messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.65rem;background:linear-gradient(180deg,rgba(10,14,23,.35),rgba(18,24,38,.2))}
.social-msg{display:flex;flex-direction:column;max-width:min(85%,28rem);align-self:flex-start}
.social-msg.is-mine{align-self:flex-end}
.social-msg__bubble{border:1px solid rgba(36,48,68,.9);background:rgba(10,14,23,.7);padding:.55rem .75rem;border-radius:.125rem}
.social-msg.is-mine .social-msg__bubble{border-color:rgba(46,196,182,.35);background:rgba(46,196,182,.1)}
.social-msg.is-deleted .social-msg__text{font-style:italic;color:#8b9bb4}
.social-msg__text{margin:0;white-space:pre-wrap;word-break:break-word}
.social-msg__status{display:block;margin-top:.25rem;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#8b9bb4}
.social-msg__actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem;opacity:0;transition:opacity .15s ease}
.social-msg:hover .social-msg__actions,.social-msg:focus-within .social-msg__actions{opacity:1}
.social-msg__act{font-size:10px;color:#8b9bb4;background:transparent;border:0;text-decoration:underline;padding:0}
.social-chat__composer{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.75rem;border-top:1px solid rgba(36,48,68,.7);align-items:end}
.social-chat__composer.is-muted{opacity:.55}
.social-chat__composer.is-muted .btn-primary{pointer-events:none}
@media (max-width:767px){
  .social-chat:not(.is-thread-open) #thread-pane,.social-chat:not(.is-thread-open) #empty-thread{display:none}
  .social-chat.is-thread-open #conversation-pane{display:none}
}
@media (prefers-reduced-motion:reduce){.social-msg__actions{opacity:1}}

/* Nav social notification badges */
.nav-badge{position:absolute;top:.15rem;right:.15rem;min-width:1.05rem;height:1.05rem;padding:0 .28rem;border-radius:.125rem;background:#ff4d6d;color:#fff;font-size:10px;font-weight:700;line-height:1.05rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.site-account__profile{position:relative}
.nav-badge--dot{position:absolute;top:.2rem;right:.55rem;min-width:.55rem;width:.55rem;height:.55rem;padding:0;border-radius:50%;background:#ff4d6d}

/* Admin sidebar sections */
.admin-nav{display:flex;flex-direction:column;gap:.15rem}
.admin-nav__section{margin:1rem 0 .35rem;padding:0 .75rem;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8b9bb4}
.admin-nav__section:first-child{margin-top:.25rem}

/* Challenges page — roomier form layout */
.challenges-panel{padding:1.75rem}
.challenges-layout{display:grid;gap:1.5rem;align-items:start}
.challenges-side{display:flex;flex-direction:column;gap:1.5rem}
.challenges-form{display:flex;flex-direction:column;gap:1.5rem}
.challenges-label{display:block;margin:0 0 .55rem;font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.1em;color:#8b9bb4}
.challenges-grid{display:grid;gap:1.25rem}
.challenges-checks{display:flex;flex-direction:column;gap:.85rem}
.challenges-actions{padding-top:.35rem}
.challenges-public-item{padding:1rem 0;border-bottom:1px solid rgba(36,48,68,.4)}
.challenges-public-item:first-child{padding-top:0}
.challenges-public-item:last-child{border-bottom:0;padding-bottom:0}
@media (min-width:640px){
  .challenges-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .challenges-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .challenges-checks{flex-direction:row;flex-wrap:wrap;gap:.85rem 1.5rem}
}
@media (min-width:768px){
  .challenges-panel{padding:2rem}
}
@media (min-width:1024px){
  .challenges-layout{grid-template-columns:1.2fr .8fr;gap:2rem}
}

/* First-run onboarding modal */
.onboarding-panel{padding:1.5rem 1.5rem 1.25rem;min-height:16rem;display:flex;flex-direction:column}
.onboarding-steps{flex:1;min-height:7.5rem}
.onboarding-step h2{margin:0}
.onboarding-dots{display:flex;gap:.45rem;justify-content:center;margin:1.25rem 0 1rem}
.onboarding-dot{width:.55rem;height:.55rem;padding:0;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.onboarding-dot:hover{border-color:#2ec4b6}
.onboarding-dot.is-active{background:#ff4d6d;border-color:#ff4d6d;transform:scale(1.15)}
.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.25rem;border-top:1px solid rgba(36,48,68,.8)}
@media (max-width:420px){
  .onboarding-actions{flex-direction:column-reverse;align-items:stretch}
  .onboarding-actions .flex{justify-content:stretch}
  .onboarding-actions .btn-primary,.onboarding-actions .btn-ghost{flex:1}
}

.footer-howto{background:none;border:0;padding:0;margin:0;color:#8b9bb4;font:inherit;font-size:inherit;cursor:pointer;text-decoration:none}
.footer-howto:hover{color:#e8edf7;text-decoration:underline}

/* Result page action bar — kept near the top, not clustered */
.result-actions{display:flex;flex-direction:column;gap:1rem}
.result-actions__primary,
.result-actions__secondary,
.result-share-tools{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem 1rem;
}
.result-actions__primary > .js-start-game{display:inline-flex;margin:0}
.result-actions__primary .btn-primary,
.result-actions__primary .btn-secondary,
.result-actions__primary .btn-ghost{
  min-width:8.5rem;
  justify-content:center;
  text-align:center;
}
.result-actions__secondary{
  padding-top:.85rem;
  border-top:1px solid rgba(36,48,68,.85);
  gap:.65rem 1.15rem;
}
@media (max-width:520px){
  .result-actions__primary .btn-primary,
  .result-actions__primary .btn-secondary,
  .result-actions__primary .btn-ghost{
    flex:1 1 calc(50% - .5rem);
    min-width:0;
  }
}

/* ===== Cosmetics (cosmetic-only; never affects draft balance) ===== */
.profile-avatar-wrap{position:relative;width:6rem;height:6rem;border-radius:999px;padding:3px;background:rgba(36,48,68,.9);overflow:visible}
.profile-avatar{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block;background:#0a0e17}
.profile-hero{border:1px solid rgba(36,48,68,.8);padding:1.25rem;border-radius:.25rem;background:linear-gradient(160deg,rgba(10,14,23,.9),rgba(18,24,38,.75))}
.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;justify-content:flex-end}
.profile-actions__group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.profile-actions__group + .profile-actions__group{padding-left:1rem;border-left:1px solid rgba(139,155,180,.28)}
@media (max-width:640px){
  .profile-actions{justify-content:flex-start}
  .profile-actions__group + .profile-actions__group{padding-left:0;border-left:0;padding-top:.35rem;border-top:1px solid rgba(139,155,180,.2);width:100%}
}
.ach-level{border:1px solid rgba(36,48,68,.7);padding:.75rem;border-radius:.2rem;background:rgba(10,14,23,.35)}
.ach-level--on{border-color:rgba(46,196,182,.45)}
.ach-level--off{opacity:.7}
.cosmo-title{font-family:Orbitron,sans-serif;font-size:.78rem;letter-spacing:.08em;color:#2ec4b6;text-transform:uppercase}
.cosmo-title--legend{color:#ffd166}
.cosmo-title--dynasty{color:#ff4d6d}
.cosmo-title--never{color:#4cc9f0}
.cosmo-title--archive{color:#c77dff}
.cosmo-title--perfect{color:#2ec4b6}
.cosmo-title--shimmer{background:linear-gradient(105deg,#b08d57 0%,#ffd166 28%,#fff3c4 50%,#ffd166 72%,#b08d57 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cosmoShimmerText 3.2s ease-in-out infinite}
.cosmo-title--flare{background:linear-gradient(110deg,#ff4d6d 0%,#ffd166 40%,#ff7a59 70%,#ff4d6d 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cosmoShimmerText 2.6s linear infinite;filter:drop-shadow(0 0 6px rgba(255,77,109,.35))}
.cosmo-title--orbit{animation:cosmoHueShift 8s ease-in-out infinite}
.cosmo-title--spectral{background:linear-gradient(100deg,#7b2cbf 0%,#c77dff 35%,#4cc9f0 65%,#c77dff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cosmoShimmerText 4s ease-in-out infinite}
.cosmo-title--prism{background:linear-gradient(100deg,#2ec4b6 0%,#ffd166 45%,#2ec4b6 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cosmoShimmerText 2.8s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(46,196,182,.35))}
@keyframes cosmoShimmerText{0%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes cosmoHueShift{0%,100%{color:#4cc9f0;text-shadow:0 0 8px rgba(76,201,240,.35)}40%{color:#ffd166;text-shadow:0 0 8px rgba(255,209,102,.3)}70%{color:#c77dff;text-shadow:0 0 8px rgba(199,125,255,.3)}}
@property --cosmo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.cosmo-frame{position:relative;box-shadow:0 0 0 2px rgba(139,155,180,.35)}
.cosmo-frame--bronze{box-shadow:0 0 0 3px #b08d57,0 0 12px rgba(176,141,87,.35)}
.cosmo-frame--silver{box-shadow:0 0 0 3px #c0c7d1,0 0 14px rgba(192,199,209,.4)}
.cosmo-frame--gold{box-shadow:0 0 0 3px #ffd166,0 0 16px rgba(255,209,102,.45)}
.cosmo-frame--cyan{box-shadow:0 0 0 3px #2ec4b6,0 0 14px rgba(46,196,182,.4)}
.cosmo-frame--rare{box-shadow:0 0 0 3px #c77dff,0 0 16px rgba(199,125,255,.45)}
.cosmo-frame--trophy{box-shadow:0 0 0 3px #ffd166,0 0 0 6px rgba(255,77,109,.35)}
.cosmo-frame--perfect{box-shadow:0 0 0 3px #2ec4b6,0 0 0 6px rgba(255,209,102,.35)}
.cosmo-frame--anim{animation:cosmoPulse 2.4s ease-in-out infinite}
.cosmo-frame--spin{box-shadow:none!important;background:transparent;overflow:visible;isolation:auto;z-index:0}
.cosmo-frame--spin > *{position:relative;z-index:2}
.cosmo-frame--spin::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:inherit;
  z-index:0;
  pointer-events:none;
  background:conic-gradient(#b08d57,#ffd166 25%,#fff1b8 40%,#ffd166 55%,#b08d57 75%,#b08d57);
  animation:cosmoOrbitSpin 2.8s linear infinite;
  will-change:transform;
}
.cosmo-frame--spin::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  z-index:1;
  pointer-events:none;
  background:#0a0e17;
  box-shadow:inset 0 0 0 1px rgba(10,14,23,.9);
}
.cosmo-frame--legend::before{background:conic-gradient(#7a5a20 0deg,#b08d57 40deg,#ffd166 90deg,#fff1b8 130deg,#ffd166 170deg,#b08d57 220deg,#7a5a20 280deg,#7a5a20 360deg)}
.cosmo-frame--prism::before{background:conic-gradient(#3a1860 0deg,#7b2cbf 50deg,#c77dff 100deg,#4cc9f0 150deg,#c77dff 210deg,#7b2cbf 270deg,#3a1860 360deg);animation-duration:3.4s}
.cosmo-frame--dynasty::before{background:conic-gradient(#5a1020 0deg,#ff4d6d 60deg,#ffd166 120deg,#ff7a59 180deg,#ffd166 240deg,#ff4d6d 300deg,#5a1020 360deg);animation-duration:2.4s;filter:drop-shadow(0 0 8px rgba(255,77,109,.35))}
.cosmo-frame--perfect-ring::before{background:conic-gradient(#0a2a28 0deg,#2ec4b6 70deg,#ffd166 140deg,#4cc9f0 210deg,#2ec4b6 280deg,#0a2a28 360deg);animation-duration:2.2s}
@keyframes cosmoPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
@keyframes cosmoOrbitSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes cosmoSpin{to{--cosmo-angle:360deg}}
.cosmo-banner{position:relative;overflow:hidden}
.cosmo-banner--veteran{background:linear-gradient(120deg,#121826,#1a2a3a 55%,#121826)}
.cosmo-banner--legend{background:linear-gradient(120deg,#1a1020,#2a1a10 40%,#10201a)}
.cosmo-banner--champ{background:linear-gradient(120deg,#1a1408,#2a2208 50%,#121826)}
.cosmo-banner--daily{background:linear-gradient(120deg,#0a1a1f,#123038 55%,#0a1218)}
.cosmo-banner--daynight{background:linear-gradient(90deg,#0b1220,#1a2030 45%,#2a1810)}
.cosmo-banner--collection{background:linear-gradient(135deg,#101828,#182238 50%,#102018)}
.cosmo-banner--anim::after,.cosmo-banner--aurora::after,.cosmo-banner--spark::after{content:"";position:absolute;inset:0;pointer-events:none}
.cosmo-banner--anim::after{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);animation:cosmoSheen 3.5s linear infinite}
.cosmo-banner--aurora{background:linear-gradient(120deg,#1a1020,#2a1a10 35%,#1a2810 70%,#101828)}
.cosmo-banner--aurora::before{content:"";position:absolute;inset:-40% -20%;background:radial-gradient(circle at 30% 40%,rgba(255,209,102,.22),transparent 42%),radial-gradient(circle at 70% 60%,rgba(255,77,109,.18),transparent 40%),radial-gradient(circle at 50% 20%,rgba(46,196,182,.16),transparent 35%);animation:cosmoAurora 7s ease-in-out infinite alternate;pointer-events:none}
.cosmo-banner--aurora::after{background:linear-gradient(110deg,transparent 25%,rgba(255,241,184,.14) 50%,transparent 75%);animation:cosmoSheen 2.8s linear infinite}
.cosmo-banner--cycle{animation:cosmoDayNight 10s ease-in-out infinite}
.cosmo-banner--cycle::after{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:cosmoSheen 4s linear infinite}
.cosmo-banner--spark::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(199,125,255,.35),transparent 28%),radial-gradient(circle at 80% 70%,rgba(76,201,240,.25),transparent 26%),radial-gradient(circle at 55% 40%,rgba(255,209,102,.18),transparent 22%);animation:cosmoSparkle 5s ease-in-out infinite;pointer-events:none}
.cosmo-banner--spark::after{background:linear-gradient(120deg,transparent 35%,rgba(199,125,255,.12) 50%,transparent 65%);animation:cosmoSheen 3.2s linear infinite}
@keyframes cosmoSheen{from{transform:translateX(-45%)}to{transform:translateX(45%)}}
@keyframes cosmoAurora{from{transform:translate3d(-4%,-2%,0) scale(1)}to{transform:translate3d(5%,3%,0) scale(1.08)}}
@keyframes cosmoDayNight{0%,100%{background:linear-gradient(90deg,#071018,#123048 45%,#1a2030)}50%{background:linear-gradient(90deg,#1a1208,#3a2810 45%,#102028)}}
@keyframes cosmoSparkle{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.cosmo-badge,.cosmo-name-icon,.cosmo-lb-icon,.cosmo-friend-badge,.cosmo-status,.cosmo-emote{display:inline-block;width:.85rem;height:.85rem;margin-left:.35rem;border-radius:999px;vertical-align:middle;background:#2ec4b6}
.cosmo-badge--trophy,.cosmo-badge--legendary{background:#ffd166}
.cosmo-badge--calendar{background:#4cc9f0}
.cosmo-badge--collection,.cosmo-badge--complete{background:#c77dff}
.cosmo-badge--noreroll{background:#ff4d6d}
.cosmo-badge--star{background:#ffd166}
.cosmo-badge--pulse{box-shadow:0 0 0 0 rgba(255,209,102,.55);animation:cosmoBadgePulse 1.8s ease-out infinite}
.cosmo-badge--orbit{position:relative;animation:cosmoHueSpin 3.5s linear infinite;box-shadow:0 0 10px rgba(199,125,255,.55)}
.cosmo-name-icon--legend{background:#ffd166;box-shadow:0 0 8px rgba(255,209,102,.6)}
.cosmo-name-icon--glow{animation:cosmoIconGlow 2s ease-in-out infinite}
.cosmo-name--coral{color:#ff4d6d!important}
.cosmo-name--teal{color:#2ec4b6!important}
.cosmo-name--gold{color:#ffd166!important}
.cosmo-name--shimmer{background:linear-gradient(100deg,#b08d57,#ffd166 40%,#fff3c4 50%,#ffd166 60%,#b08d57);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:cosmoShimmerText 3s linear infinite}
.cosmo-profile-bg--navy{background:radial-gradient(ellipse at top,rgba(20,40,70,.35),transparent 55%)}
.cosmo-profile-bg--ember{background:radial-gradient(ellipse at top,rgba(80,30,20,.4),transparent 55%)}
.cosmo-profile-bg--breathe{animation:cosmoBreathe 6s ease-in-out infinite}
.cosmo-status--flare{box-shadow:0 0 0 2px #ff4d6d;background:#ff4d6d}
.cosmo-showcase__pin{display:inline-block;border:1px solid rgba(46,196,182,.4);padding:.15rem .45rem;font-size:.7rem;color:#8b9bb4;letter-spacing:.04em}
.cosmo-player-card--hunter{border-color:rgba(199,125,255,.55)!important;box-shadow:0 0 0 1px rgba(199,125,255,.25)}
.cosmo-player-card--gold{border-color:rgba(255,209,102,.55)!important;box-shadow:0 0 0 1px rgba(255,209,102,.25)}
.cosmo-player-card--glow{animation:cosmoCardGlow 2.4s ease-in-out infinite}
.cosmo-draft--perfect{box-shadow:inset 0 0 0 1px rgba(46,196,182,.25)}
.cosmo-draft--plus{box-shadow:inset 0 0 0 1px rgba(255,77,109,.2)}
.cosmo-draft--alive{animation:cosmoDraftAlive 3.5s ease-in-out infinite}
.cosmo-bracket--gold .progress-step.progress-current,.cosmo-bracket--gold .progress-step.progress-done{color:#ffd166}
.cosmo-bracket--neon .progress-step.progress-current{color:#2ec4b6;text-shadow:0 0 10px rgba(46,196,182,.55)}
.cosmo-bracket--pulse .progress-step.progress-current{animation:cosmoNeonPulse 1.8s ease-in-out infinite}
.cosmo-role-slot--etched .role-slot,.cosmo-role-slot--etched [data-role]{border-style:dashed}
.cosmo-match-fx--sparks #match-stage{box-shadow:0 0 24px rgba(255,209,102,.12);animation:cosmoMatchPulse 2.8s ease-in-out infinite}
.cosmo-champ-fx--legend #confetti,.cosmo-champ-fx--dynasty #confetti{filter:saturate(1.35)}
.cosmo-result--veteran{box-shadow:inset 0 0 0 1px rgba(46,196,182,.2)}
.cosmo-result--gold{box-shadow:inset 0 0 0 1px rgba(255,209,102,.25)}
.cosmo-result--shine{position:relative;overflow:hidden}
.cosmo-result--shine::after{
  content:"";
  position:absolute;
  top:-20%;
  left:-30%;
  width:45%;
  height:140%;
  background:linear-gradient(115deg,transparent 0%,transparent 35%,rgba(255,209,102,.1) 45%,rgba(255,241,184,.28) 50%,rgba(255,209,102,.1) 55%,transparent 65%,transparent 100%);
  transform:translate(-160%,-30%) rotate(18deg);
  animation:cosmoResultSweep 4.2s linear infinite;
  pointer-events:none;
  z-index:1;
}
@keyframes cosmoResultSweep{
  0%{transform:translate(-160%,-40%) rotate(18deg)}
  100%{transform:translate(320%,80%) rotate(18deg)}
}
.cosmo-share--legend{border-color:rgba(255,209,102,.45)!important}
.cosmo-share--daily{border-color:rgba(76,201,240,.45)!important}
/* Results share card: light travels around the outer border (do not rotate the box) */
.share-card.cosmo-share--glow,
.cosmo-share--glow{
  position:relative;
  z-index:0;
  overflow:visible;
  isolation:auto;
  border:none!important;
  background:linear-gradient(160deg,#0a0e17 0%,#121826 55%,#1a1020 100%);
  box-shadow:0 0 18px rgba(255,209,102,.12);
}
.share-card.cosmo-share--glow::before,
.cosmo-share--glow::before{
  content:"";
  position:absolute;
  inset:-4px;
  padding:3px;
  border-radius:2px;
  pointer-events:none;
  z-index:1;
  background:conic-gradient(from var(--cosmo-angle),rgba(18,24,38,.2) 0deg 220deg,#ff4d6d 255deg,#ffd166 290deg,#fff3c4 310deg,#ffd166 330deg,#ff4d6d 350deg,rgba(18,24,38,.2) 360deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  animation:cosmoSpin 2.8s linear infinite;
}
.share-card.cosmo-share--daily.cosmo-share--glow::before,
.cosmo-share--daily.cosmo-share--glow::before{
  background:conic-gradient(from var(--cosmo-angle),rgba(18,24,38,.2) 0deg 220deg,#123038 250deg,#2ec4b6 285deg,#e8fff8 310deg,#2ec4b6 335deg,#123038 355deg,rgba(18,24,38,.2) 360deg);
  box-shadow:none;
}
.share-card.cosmo-share--glow::after,
.cosmo-share--glow::after{display:none!important}
.share-card.cosmo-share--glow > *,
.cosmo-share--glow > *{position:relative;z-index:2}
@supports not ((-webkit-mask-composite:xor) or (mask-composite:exclude)){
  .share-card.cosmo-share--glow,
  .cosmo-share--glow{
    border:3px solid transparent!important;
    background:
      linear-gradient(160deg,#0a0e17 0%,#121826 55%,#1a1020 100%) padding-box,
      conic-gradient(from var(--cosmo-angle),#121826 0deg 220deg,#ff4d6d 255deg,#ffd166 290deg,#fff3c4 310deg,#ffd166 330deg,#ff4d6d 350deg,#121826 360deg) border-box;
    background-origin:border-box;
    background-clip:padding-box,border-box;
    animation:cosmoSpin 2.8s linear infinite;
  }
  .share-card.cosmo-share--glow::before,
  .cosmo-share--glow::before{display:none!important}
}
.cosmo-nameplate--teal{color:#2ec4b6}
.cosmo-nameplate--gold{color:#ffd166}
.cosmo-nameplate--shimmer{background:linear-gradient(100deg,#b08d57,#ffd166 45%,#fff3c4,#ffd166);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cosmoShimmerText 3s linear infinite}
.cosmo-bubble--slate{background:rgba(18,24,38,.95)!important;border:1px solid rgba(139,155,180,.25)}
.cosmo-bubble--coral{background:rgba(40,16,24,.95)!important;border:1px solid rgba(255,77,109,.3)}
.cosmo-friend-badge--star{background:#ffd166}
.cosmo-friend-badge--twinkle,.cosmo-lb-icon--twinkle{animation:cosmoTwinkle 1.6s ease-in-out infinite}
.cosmo-lb-icon--star{background:#ffd166;margin-right:.25rem;margin-left:0}
.cosmo-emote--clap::before{content:"*";color:#ffd166}
@keyframes cosmoBadgePulse{0%{box-shadow:0 0 0 0 rgba(255,209,102,.55)}70%{box-shadow:0 0 0 8px rgba(255,209,102,0)}100%{box-shadow:0 0 0 0 rgba(255,209,102,0)}}
@keyframes cosmoHueSpin{to{filter:hue-rotate(360deg)}}
@keyframes cosmoIconGlow{0%,100%{box-shadow:0 0 6px rgba(255,209,102,.45);transform:scale(1)}50%{box-shadow:0 0 14px rgba(255,209,102,.9);transform:scale(1.08)}}
@keyframes cosmoBreathe{0%,100%{background:radial-gradient(ellipse at top,rgba(80,30,20,.35),transparent 55%)}50%{background:radial-gradient(ellipse at top,rgba(120,40,20,.55),transparent 60%)}}
@keyframes cosmoCardGlow{0%,100%{box-shadow:0 0 0 1px rgba(255,209,102,.25)}50%{box-shadow:0 0 16px rgba(255,209,102,.45),0 0 0 1px rgba(255,209,102,.55)}}
@keyframes cosmoDraftAlive{0%,100%{box-shadow:inset 0 0 0 1px rgba(46,196,182,.2)}50%{box-shadow:inset 0 0 24px rgba(46,196,182,.12),inset 0 0 0 1px rgba(46,196,182,.45)}}
@keyframes cosmoNeonPulse{0%,100%{text-shadow:0 0 8px rgba(46,196,182,.4)}50%{text-shadow:0 0 16px rgba(46,196,182,.9),0 0 28px rgba(76,201,240,.35)}}
@keyframes cosmoMatchPulse{0%,100%{box-shadow:0 0 18px rgba(255,209,102,.1)}50%{box-shadow:0 0 32px rgba(255,209,102,.28)}}
@keyframes cosmoTwinkle{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){
  .cosmo-title--shimmer,.cosmo-title--flare,.cosmo-title--orbit,.cosmo-title--spectral,.cosmo-title--prism,
  .cosmo-frame--anim,.cosmo-frame--spin::before,.cosmo-banner--anim::after,.cosmo-banner--aurora::before,.cosmo-banner--aurora::after,
  .cosmo-banner--cycle,.cosmo-banner--cycle::after,.cosmo-banner--spark::before,.cosmo-banner--spark::after,
  .cosmo-badge--pulse,.cosmo-badge--orbit,.cosmo-name-icon--glow,.cosmo-name--shimmer,.cosmo-profile-bg--breathe,
  .cosmo-player-card--glow,.cosmo-draft--alive,.cosmo-bracket--pulse .progress-step.progress-current,.cosmo-match-fx--sparks #match-stage,
  .cosmo-result--shine::after,.cosmo-share--glow,.cosmo-share--glow::before,.cosmo-nameplate--shimmer,.cosmo-friend-badge--twinkle,.cosmo-lb-icon--twinkle{animation:none!important}
  .cosmo-result--shine::after{display:none}
  .cosmo-title--shimmer,.cosmo-title--flare,.cosmo-title--spectral,.cosmo-title--prism,.cosmo-name--shimmer,.cosmo-nameplate--shimmer{color:#ffd166;-webkit-background-clip:initial;background:none;background-clip:initial}
  .cosmo-title--flare{color:#ff4d6d}
  .cosmo-title--spectral{color:#c77dff}
  .cosmo-title--prism,.cosmo-title--perfect{color:#2ec4b6}
  .cosmo-frame--spin{box-shadow:0 0 0 3px #ffd166,0 0 16px rgba(255,209,102,.45)!important}
  .cosmo-frame--spin::before,.cosmo-frame--spin::after{display:none}
  .cosmo-share--glow{border:1px solid rgba(255,209,102,.55)!important;background:linear-gradient(160deg,#0a0e17 0%,#121826 55%,#1a1020 100%)!important;box-shadow:0 0 16px rgba(255,209,102,.2)}
  .cosmo-share--daily.cosmo-share--glow{border-color:rgba(46,196,182,.55)!important}
  .cosmo-share--glow::before,.cosmo-share--glow::after{display:none!important}
}
.lb-player{display:inline-flex;align-items:center;gap:.55rem;min-width:0;max-width:100%}
.lb-player__avatar{display:inline-flex;width:2.25rem;height:2.25rem;border-radius:999px;padding:2px;flex-shrink:0;background:rgba(36,48,68,.9);overflow:visible;position:relative}
.lb-player__avatar img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block;background:#0a0e17}
.lb-player__meta{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.lb-player__name{color:#4cc9f0;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-player__name:hover{text-decoration:underline}
.lb-player__handle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-player__title{font-size:.65rem;letter-spacing:.06em;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-player--compact .lb-player__avatar{width:1.85rem;height:1.85rem}
.cosmo-preview{display:flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.55rem .65rem;border-radius:.35rem;background:rgba(10,14,23,.55);border:1px solid rgba(139,155,180,.18);overflow:visible}
.cosmo-preview--mini{min-height:2.1rem;width:4.5rem;padding:.35rem;flex-shrink:0}
.cosmo-preview__avatar{display:inline-flex;width:2.5rem;height:2.5rem;border-radius:999px;padding:2px;background:rgba(36,48,68,.9);overflow:visible;position:relative}
.cosmo-preview__avatar img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block;background:#0a0e17}
.cosmo-preview__banner{display:block;width:100%;height:1.75rem;border-radius:.25rem}
.cosmo-preview__bg{display:block;width:100%;height:1.75rem;border-radius:.25rem}
.cosmo-preview__name,.cosmo-preview__nameplate{font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:.04em}
.cosmo-preview__chip{display:inline-flex;align-items:center;gap:.35rem}
.cosmo-preview__chip-label{font-size:.8rem;color:#e8eef8}
.cosmo-preview__card{display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;padding:.45rem .7rem;border:1px solid rgba(139,155,180,.35);border-radius:.35rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#8b9bb4;background:rgba(18,24,38,.9)}
.cosmo-preview__bubble{display:inline-block;padding:.35rem .65rem;border-radius:.45rem;font-size:.75rem;color:#e8eef8}
.cosmo-preview__theme{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.2rem;border-radius:.3rem;padding:.35rem}
.cosmo-preview__theme-inner{font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:#8b9bb4}
.cosmo-preview__fallback{font-size:.75rem;color:#8b9bb4;text-align:center}
.cosmo-preview--mini .cosmo-preview__avatar{width:1.6rem;height:1.6rem}
.cosmo-preview--mini .cosmo-title{font-size:.58rem}
.cosmo-preview--mini .cosmo-preview__chip-label{display:none}
.cosmo-preview--mini .cosmo-preview__banner,.cosmo-preview--mini .cosmo-preview__bg{height:1.1rem}
.cosmo-preview--mini .cosmo-preview__name,.cosmo-preview--mini .cosmo-preview__nameplate{font-size:.65rem}
.cosmo-preview--mini .cosmo-preview__card{min-width:0;padding:.2rem .35rem;font-size:.55rem}
.cosmo-preview--mini .cosmo-preview__theme{min-height:1.4rem}
.cosmo-preview--mini .cosmo-preview__theme-inner{font-size:.5rem}
.cosmo-inv-item{cursor:pointer;transition:border-color .15s,transform .15s}
.cosmo-inv-item:hover{border-color:rgba(46,196,182,.45)}
.cosmo-inv-item:focus-visible{outline:2px solid #2ec4b6;outline-offset:2px}
.cosmo-inv-item .cosmo-preview{min-height:2.5rem;padding:.4rem .5rem}
.cosmo-inv-item .cosmo-title{font-size:.72rem}
.cosmo-inv-item .cosmo-preview__avatar{width:2rem;height:2rem}
.cosmo-inv-item .cosmo-preview__banner,.cosmo-inv-item .cosmo-preview__bg{height:1.35rem}
.cosmo-inventory{width:min(100vw - 2rem,90rem);max-width:100vw;position:relative;left:50%;transform:translateX(-50%);box-sizing:border-box}
.cosmo-inventory__toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem}
.cosmo-sort{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto}
.cosmo-sort__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#8b9bb4}
.cosmo-sort__select{min-width:11rem;padding:.35rem .55rem;font-size:.8rem}
.cosmo-rarity{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.cosmo-rarity--common{color:#8b9bb4}
.cosmo-rarity--uncommon{color:#2ec4b6}
.cosmo-rarity--rare{color:#4cc9f0}
.cosmo-rarity--epic{color:#c77dff}
.cosmo-rarity--legendary{color:#ffd166;text-shadow:0 0 8px rgba(255,209,102,.35)}
.cosmo-inv-item--common{border-color:rgba(139,155,180,.25)}
.cosmo-inv-item--uncommon{border-color:rgba(46,196,182,.35)}
.cosmo-inv-item--rare{border-color:rgba(76,201,240,.4)}
.cosmo-inv-item--epic{border-color:rgba(199,125,255,.45)}
.cosmo-inv-item--legendary{border-color:rgba(255,209,102,.5);box-shadow:0 0 0 1px rgba(255,209,102,.12)}
.cosmo-filter{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}
.cosmo-filter__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px solid rgba(139,155,180,.28);border-radius:.2rem;background:rgba(10,14,23,.45);color:#8b9bb4;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.cosmo-filter__btn:hover{border-color:rgba(46,196,182,.45);color:#e8eef8}
.cosmo-filter__btn.is-active{border-color:rgba(46,196,182,.65);color:#2ec4b6;background:rgba(46,196,182,.1)}
.cosmo-filter__count{display:inline-flex;min-width:1.25rem;justify-content:center;padding:0 .3rem;border-radius:.15rem;background:rgba(139,155,180,.15);font-variant-numeric:tabular-nums;color:#8b9bb4}
.cosmo-filter__btn.is-active .cosmo-filter__count{background:rgba(46,196,182,.2);color:#2ec4b6}
.cosmo-inv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media (min-width:640px){.cosmo-inv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.cosmo-inv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){.cosmo-inv-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.cosmo-cat{display:none}
.cosmo-cat.is-active{display:block}
.cosmo-preview-stage{display:block;padding:0;min-height:0;background:transparent;border:0;max-width:100%;overflow:hidden}
.cosmo-preview-modal{width:min(92vw,34rem);max-width:92vw;overflow:hidden}
.cosmo-preview-modal .modal-panel{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}
.cosmo-profile-mock{max-width:100%;overflow:hidden}
.cosmo-profile-mock__shell{border-radius:.35rem;overflow:hidden;border:1px solid rgba(36,48,68,.9);background:rgba(10,14,23,.7);max-width:100%}
.cosmo-profile-mock__hero{display:flex;align-items:flex-end;gap:.9rem;padding:1.15rem;position:relative;overflow:hidden;min-height:7.5rem;max-width:100%}
.cosmo-profile-mock__avatar{width:4.5rem;height:4.5rem;flex-shrink:0;overflow:visible;position:relative}
.cosmo-preview-modal .cosmo-frame--spin::before{inset:-3px}
.cosmo-profile-mock__avatar img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block;background:#0a0e17}
.cosmo-profile-mock__meta{min-width:0;flex:1;overflow:hidden}
.cosmo-profile-mock__eyebrow{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#8b9bb4;margin-bottom:.2rem}
.cosmo-profile-mock__name{font-size:1.25rem;letter-spacing:.04em;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;max-width:100%}
.cosmo-profile-mock__handle{font-size:.8rem;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cosmo-profile-mock__title{margin-top:.35rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cosmo-profile-mock__showcase{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.cosmo-profile-mock__extra{padding:.85rem 1rem 1rem;border-top:1px solid rgba(36,48,68,.8);overflow:hidden}
.cosmo-profile-mock__social{display:flex;align-items:center;gap:.45rem;font-size:.85rem;min-width:0}
.cosmo-profile-mock__bubble{display:inline-block;max-width:100%;padding:.45rem .7rem;border-radius:.4rem;background:rgba(18,24,38,.95);border:1px solid rgba(139,155,180,.25);box-sizing:border-box}
.cosmo-profile-mock__game{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .8rem;border:1px solid rgba(139,155,180,.25);border-radius:.3rem;background:rgba(18,24,38,.75);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;max-width:100%;box-sizing:border-box}