*,: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:rgb(59 130 246/0.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:rgb(59 130 246/0.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:var(--font-sans);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{color:#9ca3af}input::placeholder,textarea::placeholder{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}input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.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}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-\[12px\]{inset:-12px}.-inset-\[24px\]{inset:-24px}.-inset-\[6px\]{inset:-6px}.-inset-\[8px\]{inset:-8px}.inset-0{inset:0}.inset-\[1px\]{inset:1px}.inset-x-0{left:0;right:0}.inset-x-3{left:.75rem;right:.75rem}.-bottom-\[1px\]{bottom:-1px}.-right-1{right:-.25rem}.-right-\[3px\]{right:-3px}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-\[var\(--mobile-chat-fab-bottom\)\]{bottom:var(--mobile-chat-fab-bottom)}.bottom-\[var\(--mobile-chat-sheet-bottom\)\]{bottom:var(--mobile-chat-sheet-bottom)}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-\[76px\]{top:76px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[64\]{z-index:64}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[81\]{z-index:81}.-order-1{order:-1}.-order-2{order:-2}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-2{grid-column:span 2/span 2}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-\[14px\]{margin-top:14px}.mt-\[2px\]{margin-top:2px}.mt-\[42px\]{margin-top:42px}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[5\/4\]{aspect-ratio:5/4}.aspect-square{aspect-ratio:1/1}.size-4{width:1rem;height:1rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[0\.72em\]{height:.72em}.h-\[0\.84em\]{height:.84em}.h-\[0\.92em\]{height:.92em}.h-\[0\.95em\]{height:.95em}.h-\[0\.98em\]{height:.98em}.h-\[1\.02em\]{height:1.02em}.h-\[1\.05em\]{height:1.05em}.h-\[1\.08em\]{height:1.08em}.h-\[1\.12em\]{height:1.12em}.h-\[1\.224em\]{height:1.224em}.h-\[1\.404em\]{height:1.404em}.h-\[11px\]{height:11px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[220px\]{height:220px}.h-\[22px\]{height:22px}.h-\[260px\]{height:260px}.h-\[28px\]{height:28px}.h-\[4\.75rem\]{height:4.75rem}.h-\[40px\]{height:40px}.h-\[42px\]{height:42px}.h-\[52px\]{height:52px}.h-\[62px\]{height:62px}.h-\[70px\]{height:70px}.h-\[72px\]{height:72px}.h-\[87px\]{height:87px}.h-\[var\(--mobile-chat-sheet-height\)\]{height:var(--mobile-chat-sheet-height)}.h-auto{height:auto}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-56{max-height:14rem}.max-h-72{max-height:18rem}.max-h-\[42vh\]{max-height:42vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[var\(--mobile-dialog-max-height\)\]{max-height:var(--mobile-dialog-max-height)}.min-h-0{min-height:0}.min-h-11{min-height:2.75rem}.min-h-14{min-height:3.5rem}.min-h-20{min-height:5rem}.min-h-40{min-height:10rem}.min-h-\[110px\]{min-height:110px}.min-h-\[122px\]{min-height:122px}.min-h-\[136px\]{min-height:136px}.min-h-\[140px\]{min-height:140px}.min-h-\[168px\]{min-height:168px}.min-h-\[180px\]{min-height:180px}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[20px\]{min-height:20px}.min-h-\[36px\]{min-height:36px}.min-h-\[38px\]{min-height:38px}.min-h-\[42px\]{min-height:42px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[56px\]{min-height:56px}.min-h-\[64px\]{min-height:64px}.min-h-\[70vh\]{min-height:70vh}.min-h-\[72px\]{min-height:72px}.min-h-\[78px\]{min-height:78px}.min-h-\[84px\]{min-height:84px}.min-h-\[calc\(100vh-80px\)\]{min-height:calc(100vh - 80px)}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[0\.72em\]{width:.72em}.w-\[0\.84em\]{width:.84em}.w-\[0\.92em\]{width:.92em}.w-\[0\.95em\]{width:.95em}.w-\[0\.98em\]{width:.98em}.w-\[1\.02em\]{width:1.02em}.w-\[1\.05em\]{width:1.05em}.w-\[1\.08em\]{width:1.08em}.w-\[1\.12em\]{width:1.12em}.w-\[1\.224em\]{width:1.224em}.w-\[1\.404em\]{width:1.404em}.w-\[111px\]{width:111px}.w-\[128px\]{width:128px}.w-\[18px\]{width:18px}.w-\[19px\]{width:19px}.w-\[20px\]{width:20px}.w-\[22px\]{width:22px}.w-\[38px\]{width:38px}.w-\[4\.75rem\]{width:4.75rem}.w-\[40px\]{width:40px}.w-\[42px\]{width:42px}.w-\[52px\]{width:52px}.w-\[56px\]{width:56px}.w-\[59px\]{width:59px}.w-\[70px\]{width:70px}.w-\[72px\]{width:72px}.w-\[79px\]{width:79px}.w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(92vw\2c 520px\)\]{width:min(92vw,520px)}.w-\[min\(92vw\2c 720px\)\]{width:min(92vw,720px)}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-11{min-width:2.75rem}.min-w-14{min-width:3.5rem}.min-w-20{min-width:5rem}.min-w-32{min-width:8rem}.min-w-4{min-width:1rem}.min-w-40{min-width:10rem}.min-w-5{min-width:1.25rem}.min-w-\[1\.35rem\]{min-width:1.35rem}.min-w-\[1\.5rem\]{min-width:1.5rem}.min-w-\[150px\]{min-width:150px}.min-w-\[170px\]{min-width:170px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[72px\]{min-width:72px}.min-w-\[88px\]{min-width:88px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1380px\]{max-width:1380px}.max-w-\[180px\]{max-width:180px}.max-w-\[220px\]{max-width:220px}.max-w-\[453px\]{max-width:453px}.max-w-\[80\%\]{max-width:80%}.max-w-\[85\%\]{max-width:85%}.max-w-\[92\%\]{max-width:92%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{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))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-1\/2{--tw-translate-y:50%}.translate-y-1\/2,.translate-y-\[0\.02em\]{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))}.translate-y-\[0\.02em\]{--tw-translate-y:0.02em}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-180{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))}.rotate-180{--tw-rotate:180deg}.rotate-\[11deg\]{--tw-rotate:11deg}.rotate-\[11deg\],.scale-100{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))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-\[0\.66\]{--tw-scale-x:0.66;--tw-scale-y:0.66}.scale-\[0\.66\],.scale-\[0\.72\]{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))}.scale-\[0\.72\]{--tw-scale-x:0.72;--tw-scale-y:0.72}.scale-\[0\.7692\]{--tw-scale-x:0.7692;--tw-scale-y:0.7692}.scale-\[0\.7692\],.scale-\[0\.8333\]{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))}.scale-\[0\.8333\]{--tw-scale-x:0.8333;--tw-scale-y:0.8333}.scale-\[0\.84\]{--tw-scale-x:0.84;--tw-scale-y:0.84}.scale-\[0\.84\],.scale-\[0\.86\]{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))}.scale-\[0\.86\]{--tw-scale-x:0.86;--tw-scale-y:0.86}.scale-\[0\.87\]{--tw-scale-x:0.87;--tw-scale-y:0.87}.scale-\[0\.87\],.scale-\[0\.8\]{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))}.scale-\[0\.8\]{--tw-scale-x:0.8;--tw-scale-y:0.8}.scale-\[0\.92\]{--tw-scale-x:0.92;--tw-scale-y:0.92}.scale-\[0\.92\],.scale-\[0\.9\]{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))}.scale-\[0\.9\]{--tw-scale-x:0.9;--tw-scale-y:0.9}.scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04}.scale-\[1\.04\],.scale-\[1\.08\]{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))}.scale-\[1\.08\]{--tw-scale-x:1.08;--tw-scale-y:1.08}.scale-\[1\.12\]{--tw-scale-x:1.12;--tw-scale-y:1.12}.scale-\[1\.12\],.scale-\[1\.18\]{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))}.scale-\[1\.18\]{--tw-scale-x:1.18;--tw-scale-y:1.18}.scale-\[1\.25\]{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-\[1\.25\],.scale-\[1\.68\]{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))}.scale-\[1\.68\]{--tw-scale-x:1.68;--tw-scale-y:1.68}.scale-\[1\.77\]{--tw-scale-x:1.77;--tw-scale-y:1.77}.scale-\[1\.77\],.scale-\[1\.875\]{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))}.scale-\[1\.875\]{--tw-scale-x:1.875;--tw-scale-y:1.875}.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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.scroll-mt-28{scroll-margin-top:7rem}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[44px\2c minmax\(0\2c 1fr\)\]{grid-template-columns:44px minmax(0,1fr)}.grid-cols-\[minmax\(0\2c 1fr\)\2c 48px\2c 48px\2c 48px\2c 64px\2c auto\]{grid-template-columns:minmax(0,1fr) 48px 48px 48px 64px auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[0\.22em\]{gap:.22em}.gap-\[5px\]{gap:5px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(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 * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(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 * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-white\/10>:not([hidden])~:not([hidden]){border-color:rgb(255 255 255/.1)}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[13px\]{border-radius:13px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[32px\]{border-radius:32px}.rounded-\[8px\]{border-radius:8px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-\[24px\]{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#5865f2\]\/25{border-color:rgb(88 101 242/.25)}.border-\[\#c97125\]\/35{border-color:rgb(201 113 37/.35)}.border-\[\#c97125\]\/80{border-color:rgb(201 113 37/.8)}.border-\[\#ead3c4\]\/70{border-color:rgb(234 211 196/.7)}.border-accent{--tw-border-opacity:1;border-color:rgb(255 107 0/var(--tw-border-opacity,1))}.border-accent\/15{border-color:rgb(255 107 0/.15)}.border-accent\/20{border-color:rgb(255 107 0/.2)}.border-accent\/25{border-color:rgb(255 107 0/.25)}.border-accent\/30{border-color:rgb(255 107 0/.3)}.border-accent\/35{border-color:rgb(255 107 0/.35)}.border-accent\/40{border-color:rgb(255 107 0/.4)}.border-accent\/50{border-color:rgb(255 107 0/.5)}.border-amber-400\/15{border-color:rgb(251 191 36/.15)}.border-amber-400\/20{border-color:rgb(251 191 36/.2)}.border-amber-400\/25{border-color:rgb(251 191 36/.25)}.border-amber-400\/30{border-color:rgb(251 191 36/.3)}.border-amber-500\/15{border-color:rgb(245 158 11/.15)}.border-amber-500\/20{border-color:rgb(245 158 11/.2)}.border-amber-500\/30{border-color:rgb(245 158 11/.3)}.border-black\/30{border-color:rgb(0 0 0/.3)}.border-blue-400\/30{border-color:rgb(96 165 250/.3)}.border-cyan-400\/20{border-color:rgb(34 211 238/.2)}.border-cyan-400\/25{border-color:rgb(34 211 238/.25)}.border-cyan-400\/30{border-color:rgb(34 211 238/.3)}.border-cyan-400\/35{border-color:rgb(34 211 238/.35)}.border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.border-emerald-400\/20{border-color:rgb(52 211 153/.2)}.border-emerald-400\/25{border-color:rgb(52 211 153/.25)}.border-emerald-400\/30{border-color:rgb(52 211 153/.3)}.border-emerald-500\/20{border-color:rgb(16 185 129/.2)}.border-emerald-500\/25{border-color:rgb(16 185 129/.25)}.border-emerald-500\/30{border-color:rgb(16 185 129/.3)}.border-fuchsia-400\/30{border-color:rgb(232 121 249/.3)}.border-indigo-400\/30{border-color:rgb(129 140 248/.3)}.border-lime-400\/30{border-color:rgb(163 230 53/.3)}.border-orange-300\/50{border-color:rgb(253 186 116/.5)}.border-orange-400\/20{border-color:rgb(251 146 60/.2)}.border-orange-400\/25{border-color:rgb(251 146 60/.25)}.border-orange-400\/30{border-color:rgb(251 146 60/.3)}.border-orange-500\/20{border-color:rgb(249 115 22/.2)}.border-red-400\/40{border-color:rgb(248 113 113/.4)}.border-red-400\/60{border-color:rgb(248 113 113/.6)}.border-red-400\/70{border-color:rgb(248 113 113/.7)}.border-red-500\/15{border-color:rgb(239 68 68/.15)}.border-red-500\/20{border-color:rgb(239 68 68/.2)}.border-red-500\/25{border-color:rgb(239 68 68/.25)}.border-red-500\/30{border-color:rgb(239 68 68/.3)}.border-red-500\/35{border-color:rgb(239 68 68/.35)}.border-rose-400\/20{border-color:rgb(251 113 133/.2)}.border-rose-400\/30{border-color:rgb(251 113 133/.3)}.border-rose-500\/20{border-color:rgb(244 63 94/.2)}.border-rose-500\/25{border-color:rgb(244 63 94/.25)}.border-rose-500\/30{border-color:rgb(244 63 94/.3)}.border-sky-400\/20{border-color:rgb(56 189 248/.2)}.border-sky-400\/25{border-color:rgb(56 189 248/.25)}.border-sky-400\/30{border-color:rgb(56 189 248/.3)}.border-sky-400\/40{border-color:rgb(56 189 248/.4)}.border-sky-500\/20{border-color:rgb(14 165 233/.2)}.border-sky-500\/30{border-color:rgb(14 165 233/.3)}.border-violet-400\/30{border-color:rgb(167 139 250/.3)}.border-white\/10{border-color:rgb(255 255 255/.1)}.border-white\/15{border-color:rgb(255 255 255/.15)}.border-white\/5{border-color:rgb(255 255 255/.05)}.border-yellow-400\/40{border-color:rgb(250 204 21/.4)}.border-zinc-500\/20{border-color:rgb(113 113 122/.2)}.border-zinc-600\/70{border-color:rgb(82 82 91/.7)}.border-zinc-700\/70{border-color:rgb(63 63 70/.7)}.bg-\[\#08080c\]{--tw-bg-opacity:1;background-color:rgb(8 8 12/var(--tw-bg-opacity,1))}.bg-\[\#08090c\]\/95{background-color:rgb(8 9 12/.95)}.bg-\[\#090909\]{--tw-bg-opacity:1;background-color:rgb(9 9 9/var(--tw-bg-opacity,1))}.bg-\[\#09090b\]{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.bg-\[\#111111\]{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.bg-\[\#111116\]{--tw-bg-opacity:1;background-color:rgb(17 17 22/var(--tw-bg-opacity,1))}.bg-\[\#111214\]{--tw-bg-opacity:1;background-color:rgb(17 18 20/var(--tw-bg-opacity,1))}.bg-\[\#121212\]{--tw-bg-opacity:1;background-color:rgb(18 18 18/var(--tw-bg-opacity,1))}.bg-\[\#151515\]{--tw-bg-opacity:1;background-color:rgb(21 21 21/var(--tw-bg-opacity,1))}.bg-\[\#15181c\]\/95{background-color:rgb(21 24 28/.95)}.bg-\[\#161616\]{--tw-bg-opacity:1;background-color:rgb(22 22 22/var(--tw-bg-opacity,1))}.bg-\[\#171717\]{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.bg-\[\#f6efe7\]{--tw-bg-opacity:1;background-color:rgb(246 239 231/var(--tw-bg-opacity,1))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(255 107 0/var(--tw-bg-opacity,1))}.bg-accent\/10{background-color:rgb(255 107 0/.1)}.bg-accent\/15{background-color:rgb(255 107 0/.15)}.bg-accent\/5{background-color:rgb(255 107 0/.05)}.bg-amber-400\/10{background-color:rgb(251 191 36/.1)}.bg-amber-500\/10{background-color:rgb(245 158 11/.1)}.bg-amber-500\/5{background-color:rgb(245 158 11/.05)}.bg-black\/10{background-color:rgb(0 0 0/.1)}.bg-black\/15{background-color:rgb(0 0 0/.15)}.bg-black\/20{background-color:rgb(0 0 0/.2)}.bg-black\/25{background-color:rgb(0 0 0/.25)}.bg-black\/30{background-color:rgb(0 0 0/.3)}.bg-black\/40{background-color:rgb(0 0 0/.4)}.bg-black\/50{background-color:rgb(0 0 0/.5)}.bg-black\/60{background-color:rgb(0 0 0/.6)}.bg-black\/70{background-color:rgb(0 0 0/.7)}.bg-black\/75{background-color:rgb(0 0 0/.75)}.bg-blue-500\/10{background-color:rgb(59 130 246/.1)}.bg-card\/80{background-color:rgb(16 16 20/.8)}.bg-card\/90{background-color:rgb(16 16 20/.9)}.bg-cyan-400\/10{background-color:rgb(34 211 238/.1)}.bg-cyan-500\/10{background-color:rgb(6 182 212/.1)}.bg-cyan-500\/5{background-color:rgb(6 182 212/.05)}.bg-danger{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-emerald-400\/10{background-color:rgb(52 211 153/.1)}.bg-emerald-400\/15{background-color:rgb(52 211 153/.15)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:rgb(16 185 129/.1)}.bg-emerald-500\/5{background-color:rgb(16 185 129/.05)}.bg-fuchsia-500\/10{background-color:rgb(217 70 239/.1)}.bg-indigo-400\/10{background-color:rgb(129 140 248/.1)}.bg-indigo-500\/10{background-color:rgb(99 102 241/.1)}.bg-lime-400{--tw-bg-opacity:1;background-color:rgb(163 230 53/var(--tw-bg-opacity,1))}.bg-lime-500\/10{background-color:rgb(132 204 22/.1)}.bg-lime-500\/20{background-color:rgb(132 204 22/.2)}.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.bg-orange-400\/10{background-color:rgb(251 146 60/.1)}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-500\/10{background-color:rgb(249 115 22/.1)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:rgb(239 68 68/.1)}.bg-red-500\/15{background-color:rgb(239 68 68/.15)}.bg-red-500\/5{background-color:rgb(239 68 68/.05)}.bg-rose-400\/10{background-color:rgb(251 113 133/.1)}.bg-rose-400\/15{background-color:rgb(251 113 133/.15)}.bg-rose-500\/10{background-color:rgb(244 63 94/.1)}.bg-rose-500\/20{background-color:rgb(244 63 94/.2)}.bg-rose-500\/5{background-color:rgb(244 63 94/.05)}.bg-sky-400\/10{background-color:rgb(56 189 248/.1)}.bg-sky-500\/10{background-color:rgb(14 165 233/.1)}.bg-transparent{background-color:transparent}.bg-violet-400\/10{background-color:rgb(167 139 250/.1)}.bg-violet-500\/10{background-color:rgb(139 92 246/.1)}.bg-white\/10{background-color:rgb(255 255 255/.1)}.bg-white\/15{background-color:rgb(255 255 255/.15)}.bg-white\/5{background-color:rgb(255 255 255/.05)}.bg-white\/\[0\.02\]{background-color:rgb(255 255 255/.02)}.bg-white\/\[0\.03\]{background-color:rgb(255 255 255/.03)}.bg-white\/\[0\.04\]{background-color:rgb(255 255 255/.04)}.bg-white\/\[0\.06\]{background-color:rgb(255 255 255/.06)}.bg-zinc-500\/10{background-color:rgb(113 113 122/.1)}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-zinc-900\/50{background-color:rgb(24 24 27/.5)}.bg-zinc-900\/60{background-color:rgb(24 24 27/.6)}.bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.bg-\[linear-gradient\(135deg\2c rgba\(127\2c 29\2c 29\2c 0\.95\)\2c rgba\(220\2c 38\2c 38\2c 0\.26\)\2c rgba\(254\2c 202\2c 202\2c 0\.08\)\)\]{background-image:linear-gradient(135deg,rgba(127,29,29,.95),rgba(220,38,38,.26),rgba(254,202,202,.08))}.bg-\[linear-gradient\(135deg\2c rgba\(250\2c 204\2c 21\2c 0\.22\)\2c rgba\(250\2c 204\2c 21\2c 0\.08\)\)\]{background-image:linear-gradient(135deg,rgba(250,204,21,.22),rgba(250,204,21,.08))}.bg-\[linear-gradient\(135deg\2c rgba\(56\2c 189\2c 248\2c 0\.22\)\2c rgba\(59\2c 130\2c 246\2c 0\.08\)\)\]{background-image:linear-gradient(135deg,rgba(56,189,248,.22),rgba(59,130,246,.08))}.bg-\[linear-gradient\(145deg\2c rgba\(88\2c 101\2c 242\2c 0\.16\)\2c rgba\(10\2c 12\2c 18\2c 0\.88\)\)\]{background-image:linear-gradient(145deg,rgba(88,101,242,.16),rgba(10,12,18,.88))}.bg-\[linear-gradient\(180deg\2c \#ffd56b\2c \#ffa227_58\%\2c \#db7000\)\]{background-image:linear-gradient(180deg,#ffd56b,#ffa227 58%,#db7000)}.bg-\[linear-gradient\(180deg\2c rgba\(255\2c 255\2c 255\2c 0\.015\)\2c rgba\(0\2c 0\2c 0\2c 0\.08\)\)\]{background-image:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.08))}.bg-\[linear-gradient\(180deg\2c rgba\(31\2c 16\2c 10\2c 0\.97\)\2c rgba\(21\2c 10\2c 7\2c 0\.98\)\)\]{background-image:linear-gradient(180deg,rgba(31,16,10,.97),rgba(21,10,7,.98))}.bg-\[linear-gradient\(90deg\2c rgba\(226\2c 232\2c 240\2c 0\.1\)\2c rgba\(226\2c 232\2c 240\2c 0\.02\)\)\]{background-image:linear-gradient(90deg,rgba(226,232,240,.1),rgba(226,232,240,.02))}.bg-\[linear-gradient\(90deg\2c rgba\(245\2c 158\2c 11\2c 0\.12\)\2c rgba\(245\2c 158\2c 11\2c 0\.02\)\)\]{background-image:linear-gradient(90deg,rgba(245,158,11,.12),rgba(245,158,11,.02))}.bg-\[linear-gradient\(90deg\2c rgba\(249\2c 115\2c 22\2c 0\.12\)\2c rgba\(249\2c 115\2c 22\2c 0\.02\)\)\]{background-image:linear-gradient(90deg,rgba(249,115,22,.12),rgba(249,115,22,.02))}.bg-\[radial-gradient\(circle_at_30\%_30\%\2c rgba\(216\2c 255\2c 79\2c 0\.22\)\2c rgba\(14\2c 16\2c 18\2c 0\.96\)_65\%\)\]{background-image:radial-gradient(circle at 30% 30%,rgba(216,255,79,.22),rgba(14,16,18,.96) 65%)}.bg-\[radial-gradient\(circle_at_30\%_30\%\2c rgba\(255\2c 90\2c 90\2c 0\.3\)\2c rgba\(24\2c 10\2c 10\2c 0\.92\)_70\%\)\]{background-image:radial-gradient(circle at 30% 30%,rgba(255,90,90,.3),rgba(24,10,10,.92) 70%)}.bg-\[radial-gradient\(circle_at_top\2c _rgba\(255\2c 255\2c 255\2c 0\.06\)\2c _transparent_60\%\)\]{background-image:radial-gradient(circle at top,rgba(255,255,255,.06),transparent 60%)}.bg-\[radial-gradient\(circle_at_top\2c rgba\(255\2c 107\2c 0\2c 0\.18\)\2c transparent_30\%\)\2c linear-gradient\(180deg\2c rgba\(255\2c 255\2c 255\2c 0\.03\)\2c rgba\(255\2c 255\2c 255\2c 0\)\)\]{background-image:radial-gradient(circle at top,rgba(255,107,0,.18),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))}.bg-\[radial-gradient\(circle_at_top\2c rgba\(255\2c 201\2c 128\2c 0\.55\)\2c transparent_46\%\)\2c linear-gradient\(180deg\2c \#fff6ee\2c \#ecd8c1\)\]{background-image:radial-gradient(circle at top,rgba(255,201,128,.55),transparent 46%),linear-gradient(180deg,#fff6ee,#ecd8c1)}.bg-\[radial-gradient\(circle_at_top_left\2c rgba\(255\2c 138\2c 42\2c 0\.12\)\2c transparent_38\%\)\]{background-image:radial-gradient(circle at top left,rgba(255,138,42,.12),transparent 38%)}.bg-\[radial-gradient\(circle_at_top_left\2c rgba\(255\2c 146\2c 52\2c 0\.11\)\2c transparent_24\%\)\2c radial-gradient\(circle_at_bottom_right\2c rgba\(255\2c 130\2c 32\2c 0\.08\)\2c transparent_32\%\)\]{background-image:radial-gradient(circle at top left,rgba(255,146,52,.11),transparent 24%),radial-gradient(circle at bottom right,rgba(255,130,32,.08),transparent 32%)}.bg-\[radial-gradient\(circle_at_top_right\2c rgba\(255\2c 138\2c 42\2c 0\.12\)\2c transparent_38\%\)\]{background-image:radial-gradient(circle at top right,rgba(255,138,42,.12),transparent 38%)}.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))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-accent{--tw-gradient-from:#ff6b00 var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 107 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/10{--tw-gradient-from:rgb(255 107 0/0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 107 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-accent\/20{--tw-gradient-from:rgb(255 107 0/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 107 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-200{--tw-gradient-from:#fde68a var(--tw-gradient-from-position);--tw-gradient-to:rgb(253 230 138/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-300{--tw-gradient-from:#fcd34d var(--tw-gradient-from-position);--tw-gradient-to:rgb(252 211 77/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-500\/25{--tw-gradient-from:rgb(245 158 11/0.25) var(--tw-gradient-from-position);--tw-gradient-to:rgb(245 158 11/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from:rgb(0 0 0/0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/20{--tw-gradient-from:rgb(59 130 246/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/30{--tw-gradient-from:rgb(59 130 246/0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-200{--tw-gradient-from:#a5f3fc var(--tw-gradient-from-position);--tw-gradient-to:rgb(165 243 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-300{--tw-gradient-from:#67e8f9 var(--tw-gradient-from-position);--tw-gradient-to:rgb(103 232 249/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500\/25{--tw-gradient-from:rgb(6 182 212/0.25) var(--tw-gradient-from-position);--tw-gradient-to:rgb(6 182 212/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500\/20{--tw-gradient-from:rgb(16 185 129/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(16 185 129/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-fuchsia-400{--tw-gradient-from:#e879f9 var(--tw-gradient-from-position);--tw-gradient-to:rgb(232 121 249/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-300{--tw-gradient-from:#a5b4fc var(--tw-gradient-from-position);--tw-gradient-to:rgb(165 180 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500\/30{--tw-gradient-from:rgb(99 102 241/0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(99 102 241/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-lime-300{--tw-gradient-from:#bef264 var(--tw-gradient-from-position);--tw-gradient-to:rgb(190 242 100/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-300{--tw-gradient-from:#fdba74 var(--tw-gradient-from-position);--tw-gradient-to:rgb(253 186 116/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500\/15{--tw-gradient-from:rgb(249 115 22/0.15) var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 115 22/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500\/30{--tw-gradient-from:rgb(249 115 22/0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 115 22/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-600\/25{--tw-gradient-from:rgb(234 88 12/0.25) var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 88 12/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500\/10{--tw-gradient-from:rgb(239 68 68/0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 68 68/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500\/30{--tw-gradient-from:rgb(239 68 68/0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 68 68/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from:#f43f5e var(--tw-gradient-from-position);--tw-gradient-to:rgb(244 63 94/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-500\/20{--tw-gradient-from:rgb(244 63 94/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(244 63 94/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-300{--tw-gradient-from:#7dd3fc var(--tw-gradient-from-position);--tw-gradient-to:rgb(125 211 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-200{--tw-gradient-from:#e2e8f0 var(--tw-gradient-from-position);--tw-gradient-to:rgb(226 232 240/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/10{--tw-gradient-from:rgb(255 255 255/0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/\[0\.06\]{--tw-gradient-from:rgb(255 255 255/0.06) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-200{--tw-gradient-from:#fef08a var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 240 138/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-400\/20{--tw-gradient-from:rgb(250 204 21/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 204 21/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-amber-300{--tw-gradient-to:rgb(252 211 77/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fcd34d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-400{--tw-gradient-to:rgb(251 191 36/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fbbf24 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-500\/10{--tw-gradient-to:rgb(245 158 11/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(245 158 11/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(0 0 0/0.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-black\/40{--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(0 0 0/0.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-400{--tw-gradient-to:rgb(96 165 250/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#60a5fa var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-500\/10{--tw-gradient-to:rgb(59 130 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(59 130 246/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-cyan-200{--tw-gradient-to:rgb(165 243 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a5f3fc var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-cyan-300{--tw-gradient-to:rgb(103 232 249/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#67e8f9 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-emerald-400{--tw-gradient-to:rgb(52 211 153/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#34d399 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-fuchsia-400{--tw-gradient-to:rgb(232 121 249/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#e879f9 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-green-500\/10{--tw-gradient-to:rgb(34 197 94/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(34 197 94/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-indigo-500\/10{--tw-gradient-to:rgb(99 102 241/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(99 102 241/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-orange-400{--tw-gradient-to:rgb(251 146 60/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fb923c var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-orange-400\/10{--tw-gradient-to:rgb(251 146 60/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(251 146 60/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-orange-500{--tw-gradient-to:rgb(249 115 22/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f97316 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-orange-500\/10{--tw-gradient-to:rgb(249 115 22/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(249 115 22/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-orange-500\/5{--tw-gradient-to:rgb(249 115 22/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(249 115 22/0.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-500\/10{--tw-gradient-to:rgb(236 72 153/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(236 72 153/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-red-500\/10{--tw-gradient-to:rgb(239 68 68/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(239 68 68/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-red-600{--tw-gradient-to:rgb(220 38 38/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#dc2626 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sky-300{--tw-gradient-to:rgb(125 211 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#7dd3fc var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sky-400{--tw-gradient-to:rgb(56 189 248/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#38bdf8 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sky-500\/10{--tw-gradient-to:rgb(14 165 233/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(14 165 233/0.1) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-900\/15{--tw-gradient-to:rgb(15 23 42/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(15 23 42/0.15) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-violet-400{--tw-gradient-to:rgb(167 139 250/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a78bfa var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/\[0\.03\]{--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(255 255 255/0.03) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-accent\/10{--tw-gradient-to:rgb(255 107 0/0.1) var(--tw-gradient-to-position)}.to-accentSoft{--tw-gradient-to:#ff9d4d var(--tw-gradient-to-position)}.to-amber-300{--tw-gradient-to:#fcd34d var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.to-sky-300{--tw-gradient-to:#7dd3fc var(--tw-gradient-to-position)}.to-sky-400{--tw-gradient-to:#38bdf8 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-violet-400{--tw-gradient-to:#a78bfa var(--tw-gradient-to-position)}.to-zinc-300{--tw-gradient-to:#d4d4d8 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[3px\]{padding:3px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.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-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[0\.8rem\]{padding-top:.8rem;padding-bottom:.8rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-\[22px\]{padding-bottom:22px}.pb-\[calc\(env\(safe-area-inset-bottom\)\+0\.75rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + .75rem)}.pb-\[calc\(var\(--mobile-safe-bottom\)\+1\.25rem\)\]{padding-bottom:calc(var(--mobile-safe-bottom) + 1.25rem)}.pb-\[var\(--mobile-main-bottom-padding\)\]{padding-bottom:var(--mobile-main-bottom-padding)}.pl-5{padding-left:1.25rem}.pl-9{padding-left:2.25rem}.pl-\[1px\]{padding-left:1px}.pr-1{padding-right:.25rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-\[1px\]{padding-top:1px}.pt-\[2px\]{padding-top:2px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.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-\[0\.98rem\]{font-size:.98rem}.text-\[1\.02rem\]{font-size:1.02rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[1rem\]{font-size:1rem}.text-\[2\.05rem\]{font-size:2.05rem}.text-\[2rem\]{font-size:2rem}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.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-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.12\]{line-height:1.12}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\],.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[0\.03em\]{letter-spacing:.03em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.24em\]{letter-spacing:.24em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.32em\]{letter-spacing:.32em}.tracking-\[0\.35em\]{letter-spacing:.35em}.tracking-\[0\.3em\]{letter-spacing:.3em}.text-\[\#17e16a\]{--tw-text-opacity:1;color:rgb(23 225 106/var(--tw-text-opacity,1))}.text-\[\#a75d20\]{--tw-text-opacity:1;color:rgb(167 93 32/var(--tw-text-opacity,1))}.text-\[\#c7d2fe\]{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity,1))}.text-\[\#ff4b45\]{--tw-text-opacity:1;color:rgb(255 75 69/var(--tw-text-opacity,1))}.text-accent{--tw-text-opacity:1;color:rgb(255 107 0/var(--tw-text-opacity,1))}.text-accent\/80{color:rgb(255 107 0/.8)}.text-accent\/90{color:rgb(255 107 0/.9)}.text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.text-amber-100\/90{color:rgb(254 243 199/.9)}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-200\/70{color:rgb(253 230 138/.7)}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-50{--tw-text-opacity:1;color:rgb(255 251 235/var(--tw-text-opacity,1))}.text-amber-50\/80{color:rgb(255 251 235/.8)}.text-amber-50\/90{color:rgb(255 251 235/.9)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-black\/70{color:rgb(0 0 0/.7)}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-cyan-100{--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity,1))}.text-cyan-200{--tw-text-opacity:1;color:rgb(165 243 252/var(--tw-text-opacity,1))}.text-cyan-50{--tw-text-opacity:1;color:rgb(236 254 255/var(--tw-text-opacity,1))}.text-danger{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-emerald-100{--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity,1))}.text-emerald-100\/75{color:rgb(209 250 229/.75)}.text-emerald-200{--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity,1))}.text-emerald-200\/80{color:rgb(167 243 208/.8)}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-fuchsia-100{--tw-text-opacity:1;color:rgb(250 232 255/var(--tw-text-opacity,1))}.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity,1))}.text-lime-100{--tw-text-opacity:1;color:rgb(236 252 203/var(--tw-text-opacity,1))}.text-lime-300{--tw-text-opacity:1;color:rgb(190 242 100/var(--tw-text-opacity,1))}.text-orange-100{--tw-text-opacity:1;color:rgb(255 237 213/var(--tw-text-opacity,1))}.text-orange-100\/70{color:rgb(255 237 213/.7)}.text-orange-100\/85{color:rgb(255 237 213/.85)}.text-orange-200{--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity,1))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-50{--tw-text-opacity:1;color:rgb(255 247 237/var(--tw-text-opacity,1))}.text-red-100{--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity,1))}.text-red-100\/80{color:rgb(254 226 226/.8)}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-200\/90{color:rgb(254 202 202/.9)}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-50{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity,1))}.text-rose-100{--tw-text-opacity:1;color:rgb(255 228 230/var(--tw-text-opacity,1))}.text-rose-200{--tw-text-opacity:1;color:rgb(254 205 211/var(--tw-text-opacity,1))}.text-rose-200\/80{color:rgb(254 205 211/.8)}.text-rose-300{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-50{--tw-text-opacity:1;color:rgb(255 241 242/var(--tw-text-opacity,1))}.text-sky-100{--tw-text-opacity:1;color:rgb(224 242 254/var(--tw-text-opacity,1))}.text-sky-200{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity,1))}.text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.text-violet-100{--tw-text-opacity:1;color:rgb(237 233 254/var(--tw-text-opacity,1))}.text-violet-200{--tw-text-opacity:1;color:rgb(221 214 254/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-100{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity,1))}.text-zinc-100{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.accent-orange-400{accent-color:#fb923c}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.opacity-\[0\.07\]{opacity:.07}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_-16px_40px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_-16px_40px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{--tw-shadow:0 -16px 40px rgba(0,0,0,0.45);--tw-shadow-colored:0 -16px 40px var(--tw-shadow-color)}.shadow-\[0_0_0_1px_rgba\(248\2c 113\2c 113\2c 0\.18\)\]{--tw-shadow:0 0 0 1px rgba(248,113,113,0.18);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(255\2c 153\2c 0\2c 0\.08\)\]{--tw-shadow:0 0 0 1px rgba(255,153,0,0.08);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.05\)\]{--tw-shadow:0 0 0 1px rgba(255,255,255,0.05);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(74\2c 222\2c 128\2c 0\.25\)\2c 0_0_18px_rgba\(74\2c 222\2c 128\2c 0\.35\)\]{--tw-shadow:0 0 0 2px rgba(74,222,128,0.25),0 0 18px rgba(74,222,128,0.35);--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color),0 0 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_14px_rgba\(100\2c 255\2c 180\2c 0\.9\)\]{--tw-shadow:0 0 14px rgba(100,255,180,0.9);--tw-shadow-colored:0 0 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_24px_rgba\(226\2c 232\2c 240\2c 0\.14\)\]{--tw-shadow:0 0 24px rgba(226,232,240,0.14);--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)}.shadow-\[0_0_24px_rgba\(251\2c 146\2c 60\2c 0\.16\)\]{--tw-shadow:0 0 24px rgba(251,146,60,0.16);--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)}.shadow-\[0_0_28px_rgba\(239\2c 68\2c 68\2c 0\.18\)\]{--tw-shadow:0 0 28px rgba(239,68,68,0.18);--tw-shadow-colored:0 0 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_28px_rgba\(250\2c 204\2c 21\2c 0\.2\)\]{--tw-shadow:0 0 28px rgba(250,204,21,0.2);--tw-shadow-colored:0 0 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_28px_rgba\(56\2c 189\2c 248\2c 0\.18\)\]{--tw-shadow:0 0 28px rgba(56,189,248,0.18);--tw-shadow-colored:0 0 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(251\2c 191\2c 36\2c 0\.18\)\]{--tw-shadow:0 0 30px rgba(251,191,36,0.18);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(100\2c 255\2c 180\2c 0\.08\)\]{--tw-shadow:0 0 40px rgba(100,255,180,0.08);--tw-shadow-colored:0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_24px_rgba\(0\2c 0\2c 0\2c 0\.32\)\]{--tw-shadow:0 10px 24px rgba(0,0,0,0.32);--tw-shadow-colored:0 10px 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)}.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{--tw-shadow:0 10px 30px rgba(0,0,0,0.18);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.22\)\]{--tw-shadow:0 10px 30px rgba(0,0,0,0.22);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{--tw-shadow:0 10px 30px rgba(0,0,0,0.35);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_14px_40px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{--tw-shadow:0 14px 40px rgba(0,0,0,0.45);--tw-shadow-colored:0 14px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_36px_rgba\(0\2c 0\2c 0\2c 0\.42\)\]{--tw-shadow:0 16px 36px rgba(0,0,0,0.42);--tw-shadow-colored:0 16px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_40px_rgba\(0\2c 0\2c 0\2c 0\.22\)\]{--tw-shadow:0 16px 40px rgba(0,0,0,0.22);--tw-shadow-colored:0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(0\2c 0\2c 0\2c 0\.24\)\]{--tw-shadow:0 18px 50px rgba(0,0,0,0.24);--tw-shadow-colored:0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_18px_50px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{--tw-shadow:0 18px 50px rgba(0,0,0,0.45);--tw-shadow-colored:0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{--tw-shadow:0 24px 80px rgba(0,0,0,0.35);--tw-shadow-colored:0 24px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 24px 80px rgba(0,0,0,0.5);--tw-shadow-colored:0 24px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]{--tw-shadow:0 24px 80px rgba(0,0,0,0.55);--tw-shadow-colored:0 24px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_16px_rgba\(255\2c 145\2c 32\2c 0\.26\)\]{--tw-shadow:0 8px 16px rgba(255,145,32,0.26);--tw-shadow-colored:0 8px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{--tw-shadow:0 8px 20px rgba(0,0,0,0.35);--tw-shadow-colored:0 8px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.025\)\]{--tw-shadow:inset 0 1px 0 rgba(255,255,255,0.025);--tw-shadow-colored:inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color:rgb(0 0 0/0.2);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/40{--tw-shadow-color:rgb(0 0 0/0.4);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/50{--tw-shadow-color:rgb(0 0 0/0.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/60{--tw-shadow-color:rgb(0 0 0/0.6);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur-xl{--tw-blur:blur(24px)}.blur-xl,.drop-shadow-\[0_0_10px_rgba\(255\2c 138\2c 42\2c 0\.22\)\]{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)}.drop-shadow-\[0_0_10px_rgba\(255\2c 138\2c 42\2c 0\.22\)\]{--tw-drop-shadow:drop-shadow(0 0 10px rgba(255,138,42,0.22))}.drop-shadow-\[0_18px_40px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{--tw-drop-shadow:drop-shadow(0 18px 40px rgba(0,0,0,0.45))}.drop-shadow-\[0_18px_40px_rgba\(0\2c 0\2c 0\2c 0\.45\)\],.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.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-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{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-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.\[background-image\:linear-gradient\(rgba\(255\2c 166\2c 94\2c 0\.9\)_1px\2c transparent_1px\)\2c linear-gradient\(90deg\2c rgba\(255\2c 166\2c 94\2c 0\.9\)_1px\2c transparent_1px\)\]{background-image:linear-gradient(rgba(255,166,94,.9) 1px,transparent 0),linear-gradient(90deg,rgba(255,166,94,.9) 1px,transparent 0)}.\[background-size\:6px_6px\]{background-size:6px 6px}@font-face{font-family:Play Numeric;src:url(/fonts/play/Play-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap;unicode-range:u+0023,u+0025,U+002B-U+002E,U+0030-U+003A,u+221e}@font-face{font-family:Play Landing;src:url(/fonts/play/Play-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{color-scheme:dark;--font-sans:"Play Numeric","Space Grotesk","Segoe UI",sans-serif;--font-display:"Play Numeric","Rajdhani","Arial Narrow",sans-serif;--font-landing:"Play Landing","Play Numeric","Rajdhani","Arial Narrow",sans-serif;--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-fixed-bottom-offset:calc(var(--mobile-safe-bottom) + 12px);--mobile-main-bottom-padding:calc(var(--mobile-safe-bottom) + 8.5rem);--mobile-chat-fab-bottom:calc(var(--mobile-safe-bottom) + 11rem);--mobile-chat-sheet-bottom:calc(var(--mobile-safe-bottom) + 3rem);--mobile-dialog-max-height:calc(100svh - 1.5rem);--mobile-chat-sheet-height:min(72svh,calc(100svh - 10rem));scroll-padding-top:96px}html{min-height:100%}body{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:none;background-size:auto;min-height:100svh;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:contain}color:rgb(244 244 245/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at top,rgba(255,107,0,.15),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(rgba(255,255,255,.03) 1px,transparent 0);background-size:auto,auto,32px 32px,32px 32px;min-height:100svh;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:contain}*{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}[role=button],a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}[role=button],button{-webkit-touch-callout:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#27272a;border-radius:999px}@keyframes frame-aurora-slow{0%{transform:rotate(0deg) scale(1);filter:saturate(1)}50%{transform:rotate(180deg) scale(1.02);filter:saturate(1.15)}to{transform:rotate(1turn) scale(1);filter:saturate(1)}}@keyframes frame-aurora-fast{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.03)}to{transform:rotate(1turn) scale(1)}}@keyframes frame-spin-energy{0%{transform:rotate(0deg);filter:hue-rotate(0deg) brightness(1)}50%{transform:rotate(180deg);filter:hue-rotate(12deg) brightness(1.12)}to{transform:rotate(1turn);filter:hue-rotate(0deg) brightness(1)}}@keyframes frame-pulse-frost{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:.95}}.frame-aurora-slow{animation:frame-aurora-slow 9s linear infinite}.frame-aurora-fast{animation:frame-aurora-fast 5.5s linear infinite}.frame-spin-energy{animation:frame-spin-energy 4s linear infinite}.frame-pulse-frost{animation:frame-pulse-frost 3.8s ease-in-out infinite}.font-landing{font-family:var(--font-landing)}.mobile-fixed-stable{backface-visibility:hidden;will-change:transform}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded-full::file-selector-button{border-radius:9999px}.file\:rounded-lg::file-selector-button{border-radius:.5rem}.file\:rounded-xl::file-selector-button{border-radius:.75rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-accent::file-selector-button{--tw-bg-opacity:1;background-color:rgb(255 107 0/var(--tw-bg-opacity,1))}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:font-semibold::file-selector-button{font-weight:600}.file\:text-black::file-selector-button{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.placeholder\:text-zinc-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.placeholder\:text-zinc-500::placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03;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-accent\/40:hover{border-color:rgb(255 107 0/.4)}.hover\:border-accent\/50:hover{border-color:rgb(255 107 0/.5)}.hover\:border-amber-300\/35:hover{border-color:rgb(252 211 77/.35)}.hover\:border-amber-400\/50:hover{border-color:rgb(251 191 36/.5)}.hover\:border-emerald-400\/40:hover{border-color:rgb(52 211 153/.4)}.hover\:border-emerald-400\/45:hover{border-color:rgb(52 211 153/.45)}.hover\:border-red-400\/40:hover{border-color:rgb(248 113 113/.4)}.hover\:border-rose-400\/45:hover{border-color:rgb(251 113 133/.45)}.hover\:border-white\/10:hover{border-color:rgb(255 255 255/.1)}.hover\:border-white\/15:hover{border-color:rgb(255 255 255/.15)}.hover\:border-white\/20:hover{border-color:rgb(255 255 255/.2)}.hover\:border-zinc-400\/70:hover{border-color:rgb(161 161 170/.7)}.hover\:border-zinc-500\/70:hover{border-color:rgb(113 113 122/.7)}.hover\:bg-\[\#17181b\]:hover{--tw-bg-opacity:1;background-color:rgb(23 24 27/var(--tw-bg-opacity,1))}.hover\:bg-accent\/10:hover{background-color:rgb(255 107 0/.1)}.hover\:bg-accent\/15:hover{background-color:rgb(255 107 0/.15)}.hover\:bg-accent\/90:hover{background-color:rgb(255 107 0/.9)}.hover\:bg-accentSoft:hover{--tw-bg-opacity:1;background-color:rgb(255 157 77/var(--tw-bg-opacity,1))}.hover\:bg-amber-400\/15:hover{background-color:rgb(251 191 36/.15)}.hover\:bg-black\/30:hover{background-color:rgb(0 0 0/.3)}.hover\:bg-black\/35:hover{background-color:rgb(0 0 0/.35)}.hover\:bg-emerald-400:hover{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.hover\:bg-emerald-500\/10:hover{background-color:rgb(16 185 129/.1)}.hover\:bg-emerald-500\/15:hover{background-color:rgb(16 185 129/.15)}.hover\:bg-emerald-500\/20:hover{background-color:rgb(16 185 129/.2)}.hover\:bg-orange-400:hover{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/10:hover{background-color:rgb(239 68 68/.1)}.hover\:bg-red-500\/15:hover{background-color:rgb(239 68 68/.15)}.hover\:bg-red-500\/20:hover{background-color:rgb(239 68 68/.2)}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255/.1)}.hover\:bg-white\/5:hover{background-color:rgb(255 255 255/.05)}.hover\:bg-white\/\[0\.025\]:hover{background-color:rgb(255 255 255/.025)}.hover\:bg-white\/\[0\.04\]:hover{background-color:rgb(255 255 255/.04)}.hover\:bg-white\/\[0\.06\]:hover{background-color:rgb(255 255 255/.06)}.hover\:bg-white\/\[0\.08\]:hover{background-color:rgb(255 255 255/.08)}.hover\:text-accent:hover{--tw-text-opacity:1;color:rgb(255 107 0/var(--tw-text-opacity,1))}.hover\:text-accent\/80:hover{color:rgb(255 107 0/.8)}.hover\:text-accentSoft:hover{--tw-text-opacity:1;color:rgb(255 157 77/var(--tw-text-opacity,1))}.hover\:text-amber-100:hover{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.hover\:text-orange-300:hover{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.hover\:text-red-200:hover{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.hover\:text-rose-100:hover{--tw-text-opacity:1;color:rgb(255 228 230/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-zinc-300:hover{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.hover\:opacity-90:hover{opacity:.9}.hover\:file\:opacity-90::file-selector-button:hover{opacity:.9}.focus\:border-accent:focus{--tw-border-opacity:1;border-color:rgb(255 107 0/var(--tw-border-opacity,1))}.focus\:border-accent\/40:focus{border-color:rgb(255 107 0/.4)}.focus\:border-accent\/50:focus{border-color:rgb(255 107 0/.5)}.focus\:border-accent\/60:focus{border-color:rgb(255 107 0/.6)}.focus\:border-orange-400\/50:focus{border-color:rgb(251 146 60/.5)}.focus\:border-orange-400\/60:focus{border-color:rgb(251 146 60/.6)}.focus\:bg-black\/40:focus{background-color:rgb(0 0 0/.4)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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)}.focus\:ring-accent\/40:focus{--tw-ring-color:rgb(255 107 0/0.4)}.focus\:ring-orange-500\/20:focus{--tw-ring-color:rgb(249 115 22/0.2)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-accent:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 107 0/var(--tw-ring-opacity,1))}.active\:scale-\[0\.99\]:active{--tw-scale-x:0.99;--tw-scale-y:0.99;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))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group[open] .group-open\:rotate-180{--tw-rotate:180deg}.group:hover .group-hover\:scale-\[1\.02\],.group[open] .group-open\:rotate-180{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))}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}@media (min-width:640px){.sm\:bottom-auto{bottom:auto}.sm\:left-1\/2{left:50%}.sm\:top-1\/2{top:50%}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-28{height:7rem}.sm\:h-32{height:8rem}.sm\:h-\[420px\]{height:420px}.sm\:max-h-\[85vh\]{max-height:85vh}.sm\:min-h-\[142px\]{min-height:142px}.sm\:min-h-\[196px\]{min-height:196px}.sm\:min-h-\[200px\]{min-height:200px}.sm\:min-h-\[48px\]{min-height:48px}.sm\:w-32{width:8rem}.sm\:w-\[148px\]{width:148px}.sm\:w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.sm\:w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.sm\:w-auto{width:auto}.sm\:min-w-\[180px\]{min-width:180px}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-\[80\%\]{max-width:80%}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-xs{max-width:20rem}.sm\:flex-1{flex:1 1 0%}.sm\:shrink-0{flex-shrink:0}.sm\:-translate-x-1\/2{--tw-translate-x:-50%}.sm\:-translate-x-1\/2,.sm\:-translate-y-1\/2{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))}.sm\:-translate-y-1\/2{--tw-translate-y:-50%}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.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\:grid-cols-\[1\.2fr\2c 1fr\2c auto\]{grid-template-columns:1.2fr 1fr auto}.sm\:grid-cols-\[1\.4fr\2c 0\.8fr\2c 0\.8fr\2c 0\.8fr\]{grid-template-columns:1.4fr .8fr .8fr .8fr}.sm\:grid-cols-\[1fr\2c 180px\]{grid-template-columns:1fr 180px}.sm\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.sm\:self-auto{align-self:auto}.sm\:rounded-\[28px\]{border-radius:28px}.sm\:p-10{padding:2.5rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-4{padding-bottom:1rem}.sm\:pb-5{padding-bottom:1.25rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pl-2{padding-left:.5rem}.sm\:pt-3{padding-top:.75rem}.sm\:pt-4{padding-top:1rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-\[1\.45rem\]{font-size:1.45rem}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[2rem\]{font-size:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:leading-6{line-height:1.5rem}.sm\:leading-\[1\.08\]{line-height:1.08}.sm\:tracking-\[0\.05em\]{letter-spacing:.05em}.sm\:tracking-\[0\.28em\]{letter-spacing:.28em}}@media (min-width:768px){.md\:inset-x-auto{left:auto;right:auto}.md\:bottom-24{bottom:6rem}.md\:bottom-5{bottom:1.25rem}.md\:left-auto{left:auto}.md\:right-5{right:1.25rem}.md\:z-40{z-index:40}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-32{height:8rem}.md\:h-\[min\(30rem\2c calc\(100vh-8rem\)\)\]{height:min(30rem,calc(100vh - 8rem))}.md\:w-\[168px\]{width:168px}.md\:w-\[min\(24rem\2c calc\(100vw-2\.5rem\)\)\]{width:min(24rem,calc(100vw - 2.5rem))}.md\:w-auto{width:auto}.md\:min-w-\[220px\]{min-width:220px}.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-\[70px\2c minmax\(260px\2c 1fr\)\2c 88px\2c 110px\2c 140px\]{grid-template-columns:70px minmax(260px,1fr) 88px 110px 140px}.md\:grid-cols-\[70px\2c minmax\(260px\2c 1fr\)\2c 88px\2c 140px\]{grid-template-columns:70px minmax(260px,1fr) 88px 140px}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:rounded-\[24px\]{border-radius:24px}.md\:border-b{border-bottom-width:1px}.md\:pb-0{padding-bottom:0}.md\:pb-3{padding-bottom:.75rem}}@media (min-width:1024px){.lg\:max-w-\[420px\]{max-width:420px}.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))}.lg\:grid-cols-\[0\.92fr\2c 1\.08fr\]{grid-template-columns:.92fr 1.08fr}.lg\:grid-cols-\[0\.95fr\2c 1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.15fr\2c 0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1\.1fr\2c 0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1\.2fr\2c 0\.8fr\]{grid-template-columns:1.2fr .8fr}.lg\:grid-cols-\[1\.4fr\2c 0\.9fr\]{grid-template-columns:1.4fr .9fr}.lg\:grid-cols-\[1fr\2c 1fr\2c auto\]{grid-template-columns:1fr 1fr auto}.lg\:grid-cols-\[1fr\2c 1fr\]{grid-template-columns:1fr 1fr}.lg\:grid-cols-\[280px\2c 1fr\]{grid-template-columns:280px 1fr}.lg\:grid-cols-\[360px_minmax\(0\2c 1fr\)\]{grid-template-columns:360px minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\2c 1fr\)\2c 196px\]{grid-template-columns:minmax(0,1fr) 196px}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[0\.96fr\2c 1\.08fr\2c 0\.96fr\]{grid-template-columns:.96fr 1.08fr .96fr}.xl\:grid-cols-\[1\.05fr\2c 0\.95fr\]{grid-template-columns:1.05fr .95fr}.xl\:gap-6{gap:1.5rem}}
/* =========================================================
   Lumo-compatible semantic layer
   The original Tailwind build above is kept intact; these
   selectors map the local SPA markup onto the same visual system.
   ========================================================= */
:root{--accent:#ff6b00;--accentSoft:#ff9d4d;--card:#101014}
body{font-family:var(--font-sans);color:#f4f4f5;}

/* shell */
.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.70);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.topbar-inner{margin:0 auto;display:flex;max-width:80rem;align-items:center;justify-content:space-between;padding:1rem 1rem}
.logo{position:relative;display:flex;height:2.5rem;width:128px;flex-shrink:0;align-items:center;overflow:visible;border-radius:.375rem;transition:opacity .2s}
.logo img{position:absolute;left:0;top:50%;display:block;height:6rem;width:auto;max-width:none;transform:translateY(-50%);object-fit:contain}
.logo:hover{opacity:.9}
.main-nav{display:none;align-items:center;gap:1.5rem;font-size:.875rem;color:#d4d4d8}
.nav-item{transition:color .2s;text-decoration:none;color:#d4d4d8;cursor:pointer}
.nav-item:hover,.nav-item.active{color:#fff}
.topbar-right{display:flex;align-items:center;gap:.75rem}
.btn-login,.btn-primary,.btn-queue{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.625rem 1rem;border-radius:18px;background:#ff6b00;color:#fff;font-weight:500;border:0;cursor:pointer;transition:all .2s;box-shadow:none}
.btn-login:hover,.btn-primary:hover,.btn-queue:hover{background:#ff9d4d}
.btn-login:active,.btn-primary:active,.btn-queue:active{transform:scale(.99)}
.user-badge{display:flex;align-items:center;gap:.65rem}
.profile-link{display:flex;align-items:center;gap:.65rem;background:transparent;border:0;color:#fff;cursor:pointer;text-align:left}
.user-badge-avatar{width:38px;height:38px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#18181b;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700}
.user-badge-avatar img{width:100%;height:100%;object-fit:cover}
.user-badge-name{font-size:.875rem;font-weight:500;color:#fff}.user-badge-elo{font-size:.75rem;color:#71717a}
.btn-logout-small{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#d4d4d8;border-radius:14px;padding:.45rem .7rem;cursor:pointer;font-size:.75rem}.btn-logout-small:hover{background:rgba(255,255,255,.1);color:#fff}

.content{min-height:calc(100vh - 80px)}
.page{display:none;margin:0 auto;max-width:80rem;padding:2.5rem 1rem 5rem}.page.active{display:block}
.page-title{font-family:var(--font-display);font-size:2.25rem;line-height:1.05;font-weight:700;color:#fff;margin:0 0 1.5rem}.page-title.compact{margin-bottom:.25rem}
.section-title{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin:2rem 0 1rem}

/* original home composition */
#page-home{max-width:none;padding:0;font-family:var(--font-landing)}
.home-wrap{margin:0 auto;max-width:80rem;padding:2.5rem 1rem}
.home-hero{display:grid;gap:2rem}
.home-copy{display:flex;flex-direction:column;gap:1.5rem}
.home-kicker{display:inline-flex;align-items:center;width:max-content;border-radius:999px;border:1px solid rgba(255,107,0,.3);background:rgba(255,107,0,.1);padding:.25rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#ff6b00}
.home-title{max-width:56rem;margin:0;font-size:2.25rem;line-height:1;font-weight:700;color:#fff}
.home-subtitle{margin:.75rem 0 0;max-width:42rem;font-family:var(--font-sans);font-size:1rem;color:#a1a1aa}
.prize-card{max-width:48rem;overflow:hidden;border:1px solid rgba(255,107,0,.2);border-radius:1.5rem;background:linear-gradient(135deg,rgba(255,107,0,.1),rgba(255,255,255,.03),transparent);padding:1rem;box-shadow:0 0 40px rgba(100,255,180,.08);backdrop-filter:blur(4px)}
.prize-label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:#ff6b00}.prize-dot{width:.5rem;height:.5rem;border-radius:999px;background:#ff6b00;box-shadow:0 0 14px rgba(255,107,0,.9)}
.prize-image{margin-top:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(0,0,0,.5)}.prize-image img{display:block;width:100%;height:auto;object-fit:cover}
.home-actions{display:flex;flex-wrap:wrap;gap:.75rem;font-family:var(--font-display)}
.home-actions button{height:52px;min-width:200px;padding:0 1.5rem;border-radius:18px;font-size:1rem;border:0;cursor:pointer}.home-actions .primary{background:#ff6b00;color:#fff}.home-actions .primary:hover{background:#ff9d4d}.home-actions .secondary{background:rgba(255,255,255,.05);color:#fff}.home-actions .secondary:hover{background:rgba(255,255,255,.1)}
.home-side{display:grid;gap:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(16,16,20,.9);padding:1.25rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.home-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.home-stat{border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(16,16,20,.9);padding:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.home-stat-label{font-family:var(--font-sans);color:#71717a;font-size:.875rem}.home-stat-value{margin-top:.5rem;font-family:var(--font-display);font-size:2.25rem;color:#fff}
.top-heading{font-family:var(--font-sans);font-size:.875rem;text-transform:uppercase;letter-spacing:.3em;color:#71717a}.top-list{margin-top:1rem;display:grid;gap:.75rem}
.top-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);border-radius:1rem;padding:.75rem 1rem;min-width:0}.top-rank{font-family:var(--font-display);font-size:1.5rem;color:#fff;min-width:2.4rem}.top-player{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.top-avatar{width:40px;height:40px;border-radius:999px;overflow:hidden;object-fit:cover;flex:none;background:#18181b;border:1px solid rgba(255,255,255,.08)}.top-nick{font-family:var(--font-sans);font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-elo{font-family:var(--font-display);font-size:1rem;color:#a1a1aa;white-space:nowrap}.top-level{display:inline-flex;height:87px;width:79px;flex:none;align-items:center;justify-content:center}.top-level img{display:block;height:100%;width:100%;transform:scale(.7692);object-fit:contain}
.top-item:nth-child(1){box-shadow:0 0 30px rgba(251,191,36,.18)}.top-item:nth-child(2){box-shadow:0 0 24px rgba(226,232,240,.14)}.top-item:nth-child(3){box-shadow:0 0 24px rgba(251,146,60,.16)}
.result-section{margin-top:2.5rem;display:grid;gap:1.5rem}.result-button{min-height:56px;width:100%;border:0;border-radius:1rem;background:#ff6b00;color:#fff;font-family:var(--font-display);font-size:1rem;cursor:pointer}.result-button:hover{background:#ff9d4d}.result-panel{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,0,0,.4),rgba(255,107,0,.1));padding:0}.result-panel-head{border-bottom:1px solid rgba(255,255,255,.1);padding:1.25rem}.result-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,107,0,.3);background:rgba(255,107,0,.1);padding:.25rem .75rem;font-family:var(--font-sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#ff6b00}.tag.secondary{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#d4d4d8}.result-title{margin:1rem 0 0;font-family:var(--font-display);font-size:1.875rem;color:#fff}.result-text{margin:.75rem 0 0;max-width:42rem;font-family:var(--font-sans);font-size:.875rem;line-height:1.5rem;color:#d4d4d8}

/* existing SPA pages, using original palette */
.stats-grid,.missions-grid,.shop-grid{display:grid;gap:1rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.mission-card,.shop-card,.profile-card,.legal-box,.queue-box,.unavailable-box,.friends-add,.friend-card,.messages-wrap,.rating-head,.leaderboard-wrap{border:1px solid rgba(255,255,255,.1);background:rgba(16,16,20,.9);border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.18)}.stat-card{padding:1.25rem}.stat-label{color:#71717a;font-size:.875rem}.stat-value{margin-top:.5rem;font-family:var(--font-display);font-size:2.25rem;color:#fff}.queue-box,.friends-add,.legal-box,.profile-card,.unavailable-box{padding:1.5rem}.queue-info{display:flex;gap:2rem;flex-wrap:wrap;color:#a1a1aa}.queue-info strong{color:#fff;font-family:var(--font-display)}.btn-queue{margin-top:1.5rem;min-height:52px}.btn-queue.in-queue{background:#dc2626}.queue-note,.loading{color:#71717a}.friends-add{display:flex;gap:.75rem}.friends-add input,.chat-form input,.auth-form input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.1);background:#09090b;color:#fff;border-radius:14px;padding:.8rem 1rem;outline:none}.friends-add input:focus,.chat-form input:focus,.auth-form input:focus{border-color:rgba(255,107,0,.45);box-shadow:0 0 0 2px rgba(255,107,0,.12)}
.friend-card{display:flex;align-items:center;gap:.75rem;padding:1rem;margin:.6rem 0}.friend-avatar{width:44px;height:44px;border-radius:999px;background:#18181b;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700}.friend-info{flex:1}.friend-name{font-weight:600;color:#fff}.friend-elo{font-size:.8rem;color:#71717a}.btn-small{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;border-radius:12px;padding:.5rem .75rem;cursor:pointer}.btn-small:hover{background:rgba(255,255,255,.1)}
.rating-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.25rem;margin-bottom:1rem}.rating-season{margin:0;color:#71717a}.rating-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.rating-tab{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#a1a1aa;border-radius:999px;padding:.6rem .85rem;font-size:.72rem;letter-spacing:.12em;cursor:pointer}.rating-tab.active{border-color:rgba(255,107,0,.35);background:rgba(255,107,0,.1);color:#ff9d4d}.leaderboard-wrap{overflow:hidden}.leaderboard-header,.lb-row{display:grid;grid-template-columns:minmax(260px,1.4fr) 110px 150px 100px;align-items:center}.leaderboard-header{padding:.8rem 1rem;color:#71717a;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;background:rgba(255,255,255,.02)}.lb-row{min-height:78px;padding:.5rem 1rem;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.015)}.lb-row:hover{background:rgba(255,255,255,.03)}.lb-player{display:flex;align-items:center;gap:.75rem;min-width:0}.lb-rank{width:45px;font-family:var(--font-display);font-size:1.25rem;color:#fff}.lb-avatar{width:42px;height:42px;border-radius:999px;object-fit:cover;background:#18181b;border:1px solid rgba(255,255,255,.08);flex:none}.avatar-fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700}.lb-player-info{min-width:0}.lb-nick{color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-id{font-size:.7rem;color:#71717a;margin-top:2px}.premium-dot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:#ff6b00;color:#fff;font-size:9px;margin-left:4px}.lb-level{display:flex;align-items:center;justify-content:center;height:72px}.lb-level img{width:72px;height:72px;object-fit:contain;transform:scale(.9)}.lb-rating{display:flex;align-items:center;gap:.5rem}.lb-rating strong{font-family:var(--font-display);font-size:1.3rem;color:#fff}.top-badge{font-size:.62rem;border:1px solid rgba(255,107,0,.2);background:rgba(255,107,0,.08);color:#ff9d4d;border-radius:999px;padding:.25rem .45rem}.lb-matches{font-family:var(--font-display);color:#d4d4d8}.rank-1{background:linear-gradient(90deg,rgba(251,191,36,.06),rgba(255,255,255,.015))}.rank-2{background:linear-gradient(90deg,rgba(226,232,240,.05),rgba(255,255,255,.015))}.rank-3{background:linear-gradient(90deg,rgba(251,146,60,.05),rgba(255,255,255,.015))}
.missions-grid,.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mission-card,.shop-card{padding:1.25rem}.mission-card.completed{border-color:rgba(52,211,153,.25)}.mission-type{display:inline-block;border-radius:999px;padding:.25rem .5rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;background:rgba(255,107,0,.1);color:#ff9d4d}.mission-title{margin-top:.8rem;font-family:var(--font-display);font-size:1.35rem;color:#fff}.mission-desc{margin-top:.4rem;color:#a1a1aa;font-size:.875rem}.mission-progress-bar{height:7px;border-radius:999px;background:#18181b;overflow:hidden;margin-top:1rem}.mission-progress-fill{height:100%;background:#ff6b00;border-radius:inherit}.mission-rewards{display:flex;justify-content:space-between;gap:.5rem;margin-top:.75rem;font-size:.72rem;color:#71717a}.shop-balance{margin-bottom:1rem;color:#a1a1aa}.shop-balance strong{color:#ff9d4d;font-family:var(--font-display)}
.messages-wrap{display:grid;grid-template-columns:260px 1fr;min-height:500px;overflow:hidden}.messages-sidebar{border-right:1px solid rgba(255,255,255,.08);padding:1rem}.messages-chat{display:flex;flex-direction:column;min-width:0}.chat-messages{flex:1;padding:1rem;overflow:auto}.chat-form{display:flex;gap:.75rem;padding:1rem;border-top:1px solid rgba(255,255,255,.08)}
.legal-box{color:#a1a1aa;line-height:1.65}.legal-box h2{font-family:var(--font-display);color:#fff;margin:1.5rem 0 .5rem}.profile-card{min-height:240px}

/* auth */
.modal-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.72);backdrop-filter:blur(14px)}.modal-overlay.hidden,.hidden{display:none!important}.modal-card{position:relative;width:min(92vw,520px);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;background:#101014;box-shadow:0 24px 80px rgba(0,0,0,.5);padding:1.5rem}.modal-close{position:absolute;right:1rem;top:.8rem;border:0;background:transparent;color:#71717a;font-size:1.8rem;cursor:pointer}.modal-close:hover{color:#fff}.modal-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.25rem}.modal-logo span{color:#ff6b00}.modal-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.tab-btn{flex:1;border:0;background:transparent;color:#71717a;padding:.75rem;cursor:pointer}.tab-btn.active{color:#fff;border-bottom:2px solid #ff6b00}.auth-form{display:flex;flex-direction:column;gap:.75rem}.avatar-upload{display:flex;flex-direction:column;gap:.5rem;color:#a1a1aa;font-size:.8rem;border:1px dashed rgba(255,255,255,.14);border-radius:14px;padding:.8rem}.avatar-upload input{color:#a1a1aa}.form-error{min-height:1.2rem;color:#f87171;font-size:.8rem}.modal-note{margin-top:1rem;color:#52525b;font-size:.72rem;text-align:center}

/* footer / mobile */
.site-footer{border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.4);color:#71717a;font-size:.75rem}.site-footer-inner{margin:0 auto;max-width:80rem;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1rem}.mobile-nav{display:none}
@media (min-width:640px){.topbar-inner,.home-wrap,.page,.site-footer-inner{padding-left:1.5rem;padding-right:1.5rem}.logo{width:148px}.logo img{height:7rem}.home-title{font-size:3rem}}
@media (min-width:768px){.main-nav{display:flex}.home-wrap{padding-top:2.5rem;padding-bottom:2.5rem}.home-hero{grid-template-columns:1.4fr .9fr;align-items:center}.home-title{font-size:3.75rem}.page{padding-bottom:4rem}}
@media (min-width:1024px){.topbar-inner,.home-wrap,.page,.site-footer-inner{padding-left:2rem;padding-right:2rem}.result-section{grid-template-columns:1.15fr .85fr}.result-panel{display:block}.result-button{width:auto}.site-footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}
@media (max-width:767px){.topbar-inner{padding:.9rem 1rem}.main-nav{display:none}.user-badge-info,.btn-logout-small{display:none}.home-wrap{padding:2rem 1rem 6rem}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:1fr}.missions-grid,.shop-grid{grid-template-columns:1fr}.rating-head{align-items:flex-start;flex-direction:column}.leaderboard-header{display:none}.lb-row{grid-template-columns:1fr auto;gap:.25rem;padding:.75rem}.lb-level{grid-row:1 / span 2;grid-column:2}.lb-rating{grid-column:1}.lb-matches{grid-column:1}.messages-wrap{grid-template-columns:1fr}.messages-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);max-height:180px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:block;padding:0 .75rem calc(env(safe-area-inset-bottom,0px) + 12px)}.mobile-nav-inner{margin:0 auto;max-width:28rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(8,9,12,.95);padding:.5rem;box-shadow:0 -16px 40px rgba(0,0,0,.45);backdrop-filter:blur(20px)}.mobile-nav button{min-height:64px;border:0;border-radius:1rem;background:transparent;color:#a1a1aa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:11px;cursor:pointer}.mobile-nav button:hover,.mobile-nav button.active{background:rgba(255,255,255,.05);color:#fff}.mobile-nav img{width:20px;height:20px;object-fit:contain;opacity:.8}.home-actions button{min-width:0;flex:1}.top-item{padding:.65rem .75rem}.top-level{height:72px;width:66px}}

/* ============================================================
   MATCH RESULT / SCOREBOARD OCR
   ============================================================ */
.result-open-btn{margin-left:.5rem}
.result-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.result-status{border:1px solid rgba(255,107,0,.25);background:rgba(255,107,0,.08);color:#ff9d4d;border-radius:999px;padding:.55rem .8rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.match-result-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:1rem}
.match-card,.upload-card,.parsed-result-card{border:1px solid rgba(255,255,255,.09);background:rgba(16,16,20,.82);box-shadow:0 24px 70px rgba(0,0,0,.25);border-radius:1.25rem;padding:1.2rem}
.match-card-title,.upload-card-title{font-size:1.1rem;font-weight:700;color:#fff}
.match-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}
.match-meta-item{padding:.9rem;border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:rgba(255,255,255,.025)}
.match-meta-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#71717a}.match-meta-value{margin-top:.25rem;color:#fff;font-weight:700}
.match-player-list{display:grid;gap:.5rem;margin-top:1rem}.match-player{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-radius:.8rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.match-player-team{font-size:.68rem;color:#8a8a92;text-transform:uppercase}.match-player-name{color:#e4e4e7}.match-player-name strong{color:#ff9d4d}
.result-dropzone{margin-top:1rem;min-height:190px;border:1px dashed rgba(255,107,0,.45);background:radial-gradient(circle at 50% 0,rgba(255,107,0,.10),transparent 55%),rgba(0,0,0,.18);border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;text-align:center}.result-dropzone input{display:none}.result-dropzone.dragover{border-color:#ff6b00;background:rgba(255,107,0,.12)}.drop-icon{font-size:2rem;color:#ff9d4d}.result-dropzone strong{color:#fff}.result-dropzone small{color:#71717a}.result-upload-btn{width:100%;margin-top:.85rem}.result-progress{margin-top:.85rem;color:#a1a1aa;font-size:.82rem}.result-preview{margin-top:.85rem;max-height:180px;overflow:hidden;border-radius:.8rem}.result-preview img{display:block;width:100%;max-height:180px;object-fit:contain;background:#09090b}
.parsed-result-card{margin-top:1rem}.parsed-result-card.hidden{display:none}.parsed-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.parsed-score{font-size:2rem;font-weight:800;color:#ff9d4d;white-space:nowrap}.parsed-players{display:grid;gap:.5rem;margin-top:1rem}.parsed-player{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:center;padding:.7rem .8rem;border-radius:.8rem;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.parsed-player.missing{opacity:.72}.parsed-player-name{min-width:0;color:#fff}.parsed-player-name small{display:block;color:#71717a;margin-top:.15rem}.parsed-stats{font-variant-numeric:tabular-nums;color:#d4d4d8}.parsed-stats strong{color:#fff}.parsed-state{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#86efac}.parsed-state.missing{color:#f59e0b}
@media(max-width:850px){.match-result-grid{grid-template-columns:1fr}.result-page-head{align-items:flex-start;flex-direction:column}.result-open-btn{margin-left:0;margin-top:.5rem}.match-meta{grid-template-columns:1fr}.parsed-player{grid-template-columns:1fr}.parsed-score{font-size:1.5rem}}

/* ============================================================
   ОБНОВЛЕНИЯ: шрифты, профиль, топ, друзья, магазин
   ============================================================ */

:root {
    --font-sans: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-display: 'Rajdhani', 'Arial Narrow', sans-serif;
}

body { font-family: var(--font-sans); }
.page-title, .home-title, .section-title, .friends-title, .stat-box-value,
.rating-elo, .rating-rank, .home-stat-value, .counter-value,
.shop-price, .rating-nick {
    font-family: var(--font-display);
}

/* ---------- ПРОФИЛЬ ---------- */
.profile-header {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 1.5rem;
    padding: 1.5rem;
    background: rgba(16,16,20,.9);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 1.25rem;
    margin-bottom: 1.5rem;
}
.profile-avatar-block {
    display: flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 1rem;
    min-height: 220px;
}
.profile-avatar-img {
    width: 140px; height: 140px; border-radius: 24px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    font-family: var(--font-display); font-size: 56px; font-weight: 700; color: #a1a1aa;
    overflow: hidden;
}
.profile-avatar-img img { width: 100%; height: 100%; object-fit: cover; }
.profile-top { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.profile-badge {
    display: inline-block; font-size: .68rem; letter-spacing: .18em;
    color: #a1a1aa; text-transform: uppercase; margin-bottom: .5rem;
}
.profile-nick { font-size: 2rem; font-weight: 700; margin: 0 0 .35rem; color: #fff; }
.profile-id { color: #71717a; font-size: .85rem; }
.profile-top-right { display: flex; gap: .5rem; flex-wrap: wrap; }
.btn-outline {
    background: transparent; color: #e4e4e7; border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px; padding: .5rem .85rem; cursor: pointer; font-size: .85rem;
}
.btn-outline:hover { background: rgba(255,255,255,.06); }
.btn-icon {
    background: transparent; color: #e4e4e7; border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px; width: 38px; height: 38px; cursor: pointer;
}
.btn-icon:hover { background: rgba(255,255,255,.06); }

.calibration-card {
    margin-top: 1rem;
    display: flex; align-items: center; justify-content: space-between;
    border: 1px solid rgba(255,107,0,.35);
    background: linear-gradient(90deg, rgba(255,107,0,.08), transparent 70%);
    border-radius: 1rem; padding: 1.2rem 1.5rem;
}
.calibration-label { font-size: .68rem; color: #ff9d4d; letter-spacing: .18em; text-transform: uppercase; }
.calibration-title { font-family: var(--font-display); font-size: 1.35rem; color: #fff; margin: .25rem 0; }
.calibration-sub { color: #71717a; font-size: .85rem; }
.calibration-icon {
    width: 70px; height: 70px; border-radius: 16px;
    background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-display); font-size: 32px; color: #a1a1aa;
}

.stats-row, .league-grid { display: grid; gap: .75rem; margin-top: 1rem; }
.stats-row { grid-template-columns: repeat(4, 1fr); }
.league-grid { grid-template-columns: repeat(4, 1fr); }
.league-grid .stat-wide { grid-column: span 4; }
.stat-box {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;
    padding: .85rem 1rem;
}
.stat-box-label { color: #71717a; font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; }
.stat-box-value { font-family: var(--font-display); color: #fff; font-size: 1.6rem; margin-top: .35rem; }

.profile-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.profile-league, .profile-matches {
    padding: 1.25rem;
    background: rgba(16,16,20,.9);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 1.25rem;
}
.empty-matches { color: #71717a; padding: 2rem; text-align: center; border: 1px dashed rgba(255,255,255,.08); border-radius: 12px; }
.match-row { display: flex; justify-content: space-between; padding: .6rem .8rem; border-radius: 10px; }
.match-row.win { background: rgba(52,211,153,.08); border: 1px solid rgba(52,211,153,.2); }
.match-row.loss { background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.2); }

/* ---------- РЕЙТИНГ (ТОП) ---------- */
.top-meta { display: flex; gap: .75rem; align-items: center; margin-bottom: 1rem; }
.top-season { border: 1px solid rgba(255,107,0,.3); background: rgba(255,107,0,.08); color: #ff9d4d;
    padding: .35rem .75rem; border-radius: 999px; font-size: .72rem; letter-spacing: .12em; }
.top-league-btn { background: #ff6b00; color: #fff; border: 0; padding: .5rem 1rem;
    border-radius: 12px; font-size: .78rem; cursor: pointer; letter-spacing: .08em; font-weight: 600; }

.rating-table {
    background: rgba(16,16,20,.9);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 1.25rem;
    overflow: hidden;
}
.rating-header, .rating-row {
    display: grid;
    grid-template-columns: 80px 1fr 80px 100px 100px;
    align-items: center;
    padding: .85rem 1.25rem;
    gap: .75rem;
}
.rating-header {
    background: rgba(255,255,255,.02);
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: #71717a; font-size: .7rem; letter-spacing: .16em; text-transform: uppercase;
}
.rating-row {
    border-bottom: 1px solid rgba(255,255,255,.05);
    text-decoration: none; color: inherit;
    transition: background .15s;
}
.rating-row:hover { background: rgba(255,255,255,.03); }
.rating-row:last-child { border-bottom: 0; }
.rating-row.rank-gold   { background: linear-gradient(90deg, rgba(251,191,36,.06), transparent); }
.rating-row.rank-silver { background: linear-gradient(90deg, rgba(226,232,240,.05), transparent); }
.rating-row.rank-bronze { background: linear-gradient(90deg, rgba(251,146,60,.05), transparent); }
.rating-rank { font-family: var(--font-display); font-size: 1.4rem; color: #fff; }
.rating-player { display: flex; align-items: center; gap: .9rem; min-width: 0; }
.rating-avatar {
    width: 46px; height: 46px; border-radius: 50%;
    object-fit: cover; background: #18181b;
    border: 1px solid rgba(255,255,255,.08);
    cursor: pointer; flex: none;
}
.rating-player-info { min-width: 0; }
.rating-nick { color: #fff; font-weight: 600; font-family: var(--font-display); font-size: 1.05rem;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rating-id { color: #71717a; font-size: .72rem; margin-top: 2px; }
.rating-lvl img { width: 42px; height: 42px; }
.rating-top { display: flex; }
.top-pill {
    font-size: .68rem; border: 1px solid rgba(255,107,0,.3); background: rgba(255,107,0,.08);
    color: #ff9d4d; padding: .25rem .6rem; border-radius: 999px;
}
.rating-elo { font-family: var(--font-display); font-size: 1.4rem; color: #fff; text-align: right; }

/* ---------- ДРУЗЬЯ ---------- */
.friends-head {
    display: flex; justify-content: space-between; gap: 1.5rem;
    align-items: flex-start; flex-wrap: wrap; margin-bottom: 1.5rem;
}
.friends-tab-label { font-size: .68rem; letter-spacing: .2em; color: #a1a1aa; text-transform: uppercase; }
.friends-title { font-size: 2rem; font-weight: 700; margin: .35rem 0 .5rem; color: #fff; }
.friends-sub { color: #a1a1aa; font-size: .9rem; max-width: 480px; }
.friends-counters { display: flex; gap: .75rem; }
.counter-box {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px; padding: .85rem 1.25rem; min-width: 90px; text-align: center;
}
.counter-label { color: #71717a; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; }
.counter-value { font-family: var(--font-display); font-size: 1.75rem; color: #fff; margin-top: .25rem; }

.friends-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.friends-col { display: grid; gap: 1rem; align-content: start; }
.friends-card {
    background: rgba(16,16,20,.9);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 1.25rem; padding: 1.25rem;
}
.friends-card-title { font-family: var(--font-display); font-size: 1.15rem; color: #fff; margin: 0 0 .35rem;
    display: flex; align-items: center; gap: .5rem; }
.friends-card-sub { color: #71717a; font-size: .82rem; margin-bottom: 1rem; }
.badge-count {
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(255,107,0,.15); color: #ff9d4d;
    min-width: 22px; height: 22px; border-radius: 999px; font-size: .72rem; padding: 0 .35rem;
}
.friends-search { display: flex; gap: .5rem; margin-bottom: 1rem; }
.friends-search input {
    flex: 1; min-width: 0; padding: .7rem 1rem;
    background: rgba(0,0,0,.3); border: 1px solid rgba(255,255,255,.1);
    color: #fff; border-radius: 12px; outline: none;
}
.friends-search input:focus { border-color: rgba(255,107,0,.5); }
.friends-result, .friends-list { display: grid; gap: .5rem; }
.empty-state {
    padding: 1.5rem; text-align: center; color: #52525b; font-size: .85rem;
    border: 1px dashed rgba(255,255,255,.08); border-radius: 12px;
}
.friend-row {
    display: flex; align-items: center; gap: .75rem;
    padding: .6rem .75rem;
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
}
.btn-accept {
    background: rgba(52,211,153,.15); color: #6ee7b7;
    border: 1px solid rgba(52,211,153,.3);
    padding: .4rem .8rem; border-radius: 10px; cursor: pointer; font-size: .8rem;
}
.friend-status { color: #71717a; font-size: .78rem; }

/* ---------- МАГАЗИН ---------- */
.shop-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }
.shop-card {
    background: rgba(16,16,20,.9);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 1.25rem; overflow: hidden;
    display: flex; flex-direction: column;
    transition: transform .2s, border-color .2s;
}
.shop-card:hover { transform: translateY(-3px); border-color: rgba(255,107,0,.35); }
.shop-card-img {
    min-height: 150px;
    background: linear-gradient(135deg, rgba(255,107,0,.15), rgba(0,0,0,.5));
    display: flex; align-items: center; justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,.05);
}
.shop-card-img img { max-width: 80%; max-height: 130px; object-fit: contain; }
.shop-card-body { padding: 1.1rem; display: flex; flex-direction: column; flex: 1; }
.shop-cat { font-size: .68rem; letter-spacing: .18em; color: #ff9d4d; text-transform: uppercase; margin-bottom: .35rem; }
.shop-name { font-family: var(--font-display); font-size: 1.35rem; color: #fff; margin-bottom: .35rem; }
.shop-desc { color: #71717a; font-size: .82rem; margin-bottom: 1rem; }
.shop-price { font-family: var(--font-display); color: #fff; font-size: 1.25rem; margin-bottom: .75rem; }
.shop-price span { color: #71717a; font-size: .85rem; font-family: var(--font-sans); }
.shop-perks { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: .35rem; flex: 1; }
.shop-perks li { color: #a1a1aa; font-size: .78rem; padding-left: 1rem; position: relative; }
.shop-perks li::before {
    content: ''; position: absolute; left: 0; top: .5em;
    width: 4px; height: 4px; border-radius: 50%; background: #ff6b00;
}
.shop-buy { width: 100%; }
.btn-sm { padding: .45rem .8rem; font-size: .8rem; }

/* ---------- АДАПТИВ ---------- */
@media (max-width: 900px) {
    .profile-header { grid-template-columns: 1fr; }
    .profile-avatar-block { min-height: 160px; }
    .stats-row { grid-template-columns: repeat(2, 1fr); }
    .league-grid { grid-template-columns: repeat(2, 1fr); }
    .league-grid .stat-wide { grid-column: span 2; }
    .profile-bottom { grid-template-columns: 1fr; }
    .friends-grid { grid-template-columns: 1fr; }
    .rating-header, .rating-row { grid-template-columns: 60px 1fr 60px 90px; }
    .rating-top { display: none; }
    .rating-elo { font-size: 1.15rem; }
    .rating-header span:nth-child(4) { display: none; }
}
@media (max-width: 600px) {
    .rating-header { display: none; }
    .rating-row { grid-template-columns: 40px 1fr auto; padding: .75rem; gap: .5rem; }
    .rating-lvl { display: none; }
    .rating-elo { font-size: 1rem; }
    .friends-counters { width: 100%; }
    .counter-box { flex: 1; min-width: 0; padding: .65rem .5rem; }
    .counter-value { font-size: 1.4rem; }
    .home-title { font-size: 1.75rem; }
    .home-actions button { width: 100%; }
}

/* ============================================================
   РЕЙТИНГ — точная копия дизайна LUMO
   ============================================================ */

.rating-title {
    font-family: var(--font-display);
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 14px;
    letter-spacing: -0.01em;
    line-height: 1;
}

.rating-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 22px;
}

.rating-season-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: #ff8a3c;
    border: 1px solid rgba(255,138,60,.55);
    background: rgba(255,138,60,.06);
    padding: 5px 12px;
    border-radius: 8px;
    font-family: var(--font-sans);
}

.rating-league-btn {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    color: #0b0b0b;
    background: #ff7a18;
    border: 0;
    padding: 9px 20px;
    border-radius: 22px;
    cursor: pointer;
    font-family: var(--font-sans);
    box-shadow: 0 0 24px rgba(255,122,24,.35);
}

/* Таблица */
.rating-table {
    background: #0d0d0f;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 4px;
    overflow: hidden;
    font-family: var(--font-sans);
}

.rating-header {
    display: grid;
    grid-template-columns: 110px 1fr 110px 110px 140px;
    align-items: center;
    padding: 16px 28px;
    background: #0d0d0f;
    border-bottom: 1px solid rgba(255,255,255,.05);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #5c5c62;
}
.rating-header span:nth-child(3),
.rating-header span:nth-child(4) { text-align: center; }
.rating-header span:nth-child(5) { text-align: right; }

/* Строки */
.rating-row {
    display: grid;
    grid-template-columns: 110px 1fr 110px 110px 140px;
    align-items: center;
    padding: 16px 28px;
    background: #131315;
    border-bottom: 1px solid rgba(255,255,255,.035);
    text-decoration: none;
    color: inherit;
    transition: background .15s;
    min-height: 90px;
}
.rating-row:hover { background: #17171a; }
.rating-row:last-child { border-bottom: 0; }

/* Тонирование топ-3 */
.rating-row.row-rank-1 { background: linear-gradient(90deg, rgba(120,90,10,.16), rgba(19,19,21,.0) 55%), #131315; }
.rating-row.row-rank-2 { background: linear-gradient(90deg, rgba(120,120,125,.14), rgba(19,19,21,.0) 55%), #131315; }
.rating-row.row-rank-3 { background: linear-gradient(90deg, rgba(120,60,10,.13), rgba(19,19,21,.0) 55%), #131315; }

/* Место */
.rating-rank {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.01em;
}

/* Игрок */
.rating-player {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.rating-avatar {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    overflow: hidden;
    background: #1d1d20;
    border: 1px solid rgba(255,255,255,.08);
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s, border-color .15s;
}
.rating-avatar:hover { transform: scale(1.05); border-color: rgba(255,138,60,.5); }
.rating-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }

.rating-avatar-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background: #232327;
}

.rating-player-info { min-width: 0; }

.rating-nick {
    font-family: var(--font-display);
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.01em;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rating-id {
    font-size: 12px;
    color: #6c6c72;
    margin-top: 3px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* Уровень */
.rating-lvl {
    display: flex;
    align-items: center;
    justify-content: center;
}
.rating-lvl img {
    width: 46px;
    height: 46px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.5));
}
.lvl-fallback {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #c8261d;
    color: #fff;
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #7a1109;
    box-shadow: inset 0 -8px 12px rgba(0,0,0,.35);
}

/* TOP-бейдж */
.rating-top {
    display: flex;
    justify-content: center;
}

.top-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 4px 0 10px;
    border-radius: 999px;
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    position: relative;
    min-width: 62px;
    justify-content: space-between;
}

.top-pill .top-pill-shield {
    display: inline-flex;
    width: 18px;
    height: 18px;
    color: rgba(0,0,0,.85);
}
.top-pill .top-pill-shield svg { width: 100%; height: 100%; }

.top-pill.top-gold    { background: linear-gradient(180deg, #ffd66b, #f0a91c); color: #2a1a00; box-shadow: 0 0 12px rgba(255,200,60,.35); }
.top-pill.top-silver  { background: linear-gradient(180deg, #eef0f3, #b9bcc3); color: #1a1a1c; box-shadow: 0 0 12px rgba(200,200,210,.28); }
.top-pill.top-bronze  { background: linear-gradient(180deg, #ffb271, #d97423); color: #2a1500; box-shadow: 0 0 12px rgba(220,120,30,.3); }
.top-pill.top-default { background: linear-gradient(180deg, #ff8a3c, #e35d05); color: #2a1500; box-shadow: 0 0 10px rgba(255,120,30,.25); }

/* ELO */
.rating-elo {
    font-family: var(--font-display);
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    text-align: right;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
}

/* ---------- Адаптив рейтинга ---------- */
@media (max-width: 1100px) {
    .rating-header,
    .rating-row {
        grid-template-columns: 80px 1fr 90px 90px 110px;
        padding: 14px 20px;
    }
    .rating-elo { font-size: 22px; }
    .rating-nick { font-size: 17px; }
    .rating-rank { font-size: 20px; }
}
@media (max-width: 780px) {
    .rating-title { font-size: 32px; }
    .rating-header { display: none; }
    .rating-row {
        grid-template-columns: 40px 1fr auto;
        gap: 12px;
        padding: 12px 16px;
        min-height: 78px;
    }
    .rating-lvl { display: none; }
    .rating-top { display: none; }
    .rating-avatar { width: 46px; height: 46px; }
    .rating-nick { font-size: 16px; }
    .rating-id { font-size: 11px; }
    .rating-elo { font-size: 20px; }
}
/* ============================================================
   БЕЗОПАСНЫЙ АНИМИРОВАННЫЙ ФОН
   ============================================================ */

html {
    overflow-x: hidden;      /* не даёт горизонтального скролла */
    background-color: #06060a;
}

body {
    background-color: transparent;  /* фон рисуем на слое снизу */
    position: static;               /* ВАЖНО: НЕ relative */
    /* Никакого overflow: hidden! */
}

/* Декоративный слой — все анимации тут */
.bg-layer {
    position: fixed;
    inset: 0;
    z-index: -1;                    /* под всем контентом */
    pointer-events: none;           /* не перехватывает клики */
    overflow: hidden;               /* обрезаем, чтобы не было скролла от фона */
    will-change: transform, opacity;
}

/* Уважение к настройкам пользователя */
@media (prefers-reduced-motion: reduce) {
    .bg-layer *,
    .bg-layer::before,
    .bg-layer::after {
        animation: none !important;
    }
}

/* ============================================================
   ТЁПЛЫЙ ГОРИЗОНТ
   ============================================================ */

html {
    overflow-x: hidden;
    background-color: #09050a;
}

.bg-layer {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.bg-layer::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 100% 55% at 50% -10%, rgba(255,107,0,.35), transparent 65%),
        radial-gradient(ellipse 80% 60% at 50% 110%, rgba(160,50,0,.28), transparent 65%),
        linear-gradient(180deg, #0b0605 0%, #040202 100%);
}

.bg-layer::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(1px 1px at 5% 8%, #fff, transparent 100%),
        radial-gradient(1.5px 1.5px at 14% 22%, rgba(255,240,220,.95), transparent 100%),
        radial-gradient(1px 1px at 22% 45%, rgba(255,220,180,.85), transparent 100%),
        radial-gradient(1px 1px at 31% 12%, #fff, transparent 100%),
        radial-gradient(1.5px 1.5px at 38% 68%, rgba(255,240,220,.9), transparent 100%),
        radial-gradient(1px 1px at 47% 32%, rgba(255,220,180,.85), transparent 100%),
        radial-gradient(1px 1px at 55% 78%, #fff, transparent 100%),
        radial-gradient(1.5px 1.5px at 63% 18%, rgba(255,240,220,.95), transparent 100%),
        radial-gradient(1px 1px at 71% 55%, rgba(255,220,180,.8), transparent 100%),
        radial-gradient(1.5px 1.5px at 79% 82%, #fff, transparent 100%),
        radial-gradient(1px 1px at 87% 25%, rgba(255,240,220,.9), transparent 100%),
        radial-gradient(1px 1px at 94% 62%, rgba(255,220,180,.85), transparent 100%),
        radial-gradient(1.5px 1.5px at 8% 82%, #fff, transparent 100%),
        radial-gradient(1px 1px at 18% 65%, rgba(255,240,220,.85), transparent 100%),
        radial-gradient(1px 1px at 42% 92%, #fff, transparent 100%),
        radial-gradient(1.5px 1.5px at 58% 8%, rgba(255,240,220,.95), transparent 100%),
        radial-gradient(1px 1px at 68% 92%, #fff, transparent 100%),
        radial-gradient(1px 1px at 82% 48%, rgba(255,220,180,.8), transparent 100%),
        radial-gradient(1.5px 1.5px at 92% 88%, #fff, transparent 100%),
        radial-gradient(1px 1px at 28% 88%, rgba(255,240,220,.9), transparent 100%);
    background-size: 900px 900px;
    background-repeat: repeat;
    opacity: .95;
}

/* ============================================================
   МАГАЗИН — LUMO STYLE
   ============================================================ */

.shop-wrap {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 1rem;
}

.shop-section {
    margin: 0 auto 2.5rem;
}

.shop-section-title {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 .35rem;
    letter-spacing: .02em;
}

.shop-section-sub {
    color: #71717a;
    font-size: .85rem;
    margin: 0 0 1rem;
}

/* Grid */
.shop-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

/* Карточка */
.shop-card {
    background: #131316;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .18s ease, border-color .18s ease;
}
.shop-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255,107,0,.35);
}

/* Верхняя картинка — квадрат, contain, с полями */
.shop-card-img {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #0d0d10;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.05);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    box-sizing: border-box;
}
.shop-card-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    border-radius: 12px;
}
.shop-card-img--empty {
    background: linear-gradient(160deg, rgba(255,107,0,.18), rgba(0,0,0,.4));
}

/* Тело карточки */
.shop-card-body {
    padding: 1rem 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.shop-cat {
    font-size: .66rem;
    letter-spacing: .18em;
    color: #6c6c72;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.shop-name {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
    margin-bottom: .15rem;
    display: flex;
    align-items: center;
    gap: .45rem;
}
.shop-name-icon { color: #ff9d4d; font-size: 1rem; }

.shop-sub {
    color: #71717a;
    font-size: .78rem;
    margin-bottom: .7rem;
}

.shop-price {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: .35rem;
}

.shop-highlight {
    color: #ff8a3c;
    font-size: .78rem;
    font-weight: 600;
    margin-bottom: .75rem;
}

.shop-note, .shop-extra {
    color: #a1a1aa;
    font-size: .8rem;
    line-height: 1.4;
    margin-bottom: .5rem;
}
.shop-extra strong { color: #fff; font-weight: 600; }

.warn-bars { display: flex; gap: 6px; margin: .5rem 0 .75rem; }
.warn-bar { flex: 1; height: 4px; background: #2a2a2e; border-radius: 999px; }

.shop-perks {
    list-style: none;
    padding: 0;
    margin: .5rem 0 1rem;
    display: grid;
    gap: .4rem;
    flex: 1;
}
.shop-perks li {
    color: #d4d4d8;
    font-size: .8rem;
    line-height: 1.35;
    padding-left: 1rem;
    position: relative;
}
.shop-perks li::before {
    content: '';
    position: absolute;
    left: 0; top: .5em;
    width: 5px; height: 5px;
    border-radius: 50%;
    background: #ff6b00;
    box-shadow: 0 0 6px rgba(255,107,0,.6);
}

.shop-buy {
    margin-top: auto;
    display: block;
    width: 100%;
    padding: .85rem 1rem;
    border: 0;
    border-radius: 12px;
    background: #ff6b00;
    color: #fff;
    font-family: var(--font-display);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .18s ease, box-shadow .18s ease, transform .12s ease;
    box-shadow: 0 8px 22px rgba(255,107,0,.25);
}
.shop-buy:hover:not(:disabled) {
    background: #ff9d4d;
    box-shadow: 0 10px 28px rgba(255,157,77,.35);
    transform: translateY(-1px);
}
.shop-buy--disabled, .shop-buy:disabled {
    background: rgba(255,255,255,.06);
    color: #52525b;
    cursor: not-allowed;
    box-shadow: none;
}

/* Адаптив */
@media (max-width: 900px) {
    .shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .shop-grid { grid-template-columns: 1fr; }
    .shop-wrap { padding: 0 .5rem; }
}

/* ============================================================
   СКЕЛЕТОН (мгновенный рендер рейтинга)
   ============================================================ */
.rating-row--skeleton {
    pointer-events: none;
    cursor: default;
}

.skel {
    display: inline-block;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,.04) 0%,
        rgba(255,255,255,.09) 50%,
        rgba(255,255,255,.04) 100%
    );
    background-size: 200% 100%;
    animation: skel-shimmer 1.4s ease-in-out infinite;
    border-radius: 6px;
    border: 0 !important;
}

@keyframes skel-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.skel--rank { width: 40px; height: 22px; }
.skel--nick { width: 140px; height: 16px; margin-bottom: 6px; }
.skel--id   { width: 90px;  height: 11px; }
.skel--lvl  { width: 44px;  height: 44px; border-radius: 50%; }
.skel--pill { width: 62px;  height: 22px; border-radius: 999px; }
.skel--elo  { width: 70px;  height: 22px; }

/* Убираем пульсацию стрелки на hover в скелетоне */
.rating-row--skeleton:hover {
    background: #131315 !important;
}

/* Fallback-кружок для уровня до загрузки картинки */
.rating-lvl .lvl-fallback {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(180deg, #c8261d, #7a1109);
    color: #fff;
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #5a0c06;
    box-shadow: inset 0 -6px 10px rgba(0,0,0,.4);
}
/* ============================================================
   КНОПКА "НАЗАД" В ЧУЖОМ ПРОФИЛЕ
   ============================================================ */
.profile-back {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
    color: #d4d4d8;
    border-radius: 10px;
    font-size: .85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .18s;
}
.profile-back:hover {
    background: rgba(255,107,0,.10);
    border-color: rgba(255,107,0,.35);
    color: #fff;
}
.profile-back.hidden { display: none; }

/* ============================================================
   ПРОФИЛЬ — LUMO STYLE
   ============================================================ */

.lumo-profile {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 1.5rem;
    padding: 1.75rem;
    background: #101014;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 20px;
    margin-bottom: 1.25rem;
}

.lumo-profile-avatar-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.lumo-avatar {
    width: 160px;
    height: 160px;
    border-radius: 20px;
    background: linear-gradient(160deg, #1a1a20, #0e0e12);
    border: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 64px;
    font-weight: 700;
    color: #d4d4d8;
    overflow: hidden;
    box-shadow: inset 0 0 40px rgba(0,0,0,.5);
}
.lumo-avatar img { width: 100%; height: 100%; object-fit: cover; }

.lumo-avatar-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    width: 100%;
}

.lumo-avatar-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .3rem 1rem;
    background: linear-gradient(180deg, #ffd66b, #f0a91c);
    color: #2a1a00;
    font-family: var(--font-display);
    font-size: .85rem;
    font-weight: 800;
    border-radius: 999px;
    box-shadow: 0 0 16px rgba(255,200,60,.3);
}
.lumo-avatar-rank.hidden { display: none; }

.lumo-avatar-premium {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem .75rem;
    background: linear-gradient(180deg, #ffb15c, #ff6b00);
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .14em;
    border-radius: 999px;
}
.lumo-avatar-premium.hidden { display: none; }

/* Правая колонка */
.lumo-profile-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lumo-profile-badge {
    font-size: .66rem;
    letter-spacing: .22em;
    color: #6c6c72;
    text-transform: uppercase;
    margin-bottom: .35rem;
}

.lumo-profile-nick {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 .25rem;
    line-height: 1.1;
    letter-spacing: .01em;
}

.lumo-profile-id {
    font-size: .8rem;
    color: #71717a;
    margin-bottom: .9rem;
}

.lumo-profile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: 1rem;
}

.lumo-tag {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .25rem .65rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
    border-radius: 6px;
    text-transform: uppercase;
}
.lumo-tag.hidden { display: none; }

.lumo-tag--online {
    background: rgba(52,211,153,.12);
    color: #34d399;
    border: 1px solid rgba(52,211,153,.3);
}
.lumo-tag--premium {
    background: linear-gradient(180deg, #ffb15c, #ff6b00);
    color: #fff;
}
.lumo-tag--rpo {
    background: linear-gradient(180deg, #e11d1d, #8a0c0c);
    color: #fff;
    box-shadow: 0 0 14px rgba(225,29,29,.4);
}
.lumo-tag--rpo svg { width: 10px; height: 12px; }

.lumo-profile-actions,
.lumo-profile-actions-other {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1.1rem;
}
.lumo-profile-actions.hidden,
.lumo-profile-actions-other.hidden { display: none; }

.lumo-btn-ghost {
    padding: .5rem .9rem;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.1);
    color: #d4d4d8;
    font-size: .8rem;
    border-radius: 10px;
    cursor: pointer;
    transition: all .18s;
}
.lumo-btn-ghost:hover {
    background: rgba(255,107,0,.10);
    border-color: rgba(255,107,0,.35);
    color: #fff;
}

.lumo-btn-primary {
    padding: .55rem 1.1rem;
    background: #ff6b00;
    color: #fff;
    border: 0;
    border-radius: 10px;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    letter-spacing: .06em;
    transition: background .18s;
    box-shadow: 0 6px 18px rgba(255,107,0,.25);
}
.lumo-btn-primary:hover { background: #ff9d4d; }

.lumo-league-pill {
    display: inline-block;
    width: max-content;
    padding: .4rem 1rem;
    background: #ff6b00;
    color: #fff;
    font-family: var(--font-display);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    border-radius: 999px;
    border: 0;
    cursor: pointer;
    margin-bottom: 1rem;
    box-shadow: 0 0 20px rgba(255,107,0,.25);
}

/* 4 карточки */
.lumo-profile-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .75rem;
    margin-top: auto;
}

.lumo-stat-card {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    padding: 1rem 1.1rem;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lumo-stat-label {
    font-size: .68rem;
    letter-spacing: .16em;
    color: #6c6c72;
    text-transform: uppercase;
    margin-bottom: .35rem;
}

.lumo-stat-value {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
}
.lumo-stat-value--text {
    font-size: 1.05rem;
    font-family: var(--font-sans);
    font-weight: 600;
    line-height: 1.25;
}

.lumo-stat-sub {
    font-size: .72rem;
    color: #ff9d4d;
    margin-top: .2rem;
}
.lumo-stat-sub.hidden { display: none; }

.lumo-stat-level {
    display: flex;
    align-items: center;
    gap: .5rem;
    height: 56px;
}
.lumo-stat-level img {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    object-fit: contain;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.5));
}

/* Нижний блок */
.lumo-profile-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.lumo-panel {
    background: #101014;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 20px;
    padding: 1.4rem;
}

.lumo-panel-title {
    font-family: var(--font-display);
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1rem;
    letter-spacing: .01em;
}

.lumo-panel-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .6rem;
}

.lumo-panel-cell {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 12px;
    padding: .8rem 1rem;
}

.lumo-cell-label {
    font-size: .68rem;
    letter-spacing: .14em;
    color: #6c6c72;
    text-transform: uppercase;
    margin-bottom: .3rem;
}

.lumo-cell-value {
    font-family: var(--font-display);
    font-size: 1.45rem;
    font-weight: 700;
    color: #fff;
}

/* Последние матчи */
.lumo-results {
    display: grid;
    gap: .5rem;
}

.lumo-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1.1rem;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.02);
    transition: transform .15s;
}
.lumo-result:hover { transform: translateX(3px); }

.lumo-result--win {
    background: linear-gradient(90deg, rgba(52,211,153,.10), rgba(52,211,153,.02));
    border-color: rgba(52,211,153,.25);
}
.lumo-result--loss {
    background: linear-gradient(90deg, rgba(239,68,68,.10), rgba(239,68,68,.02));
    border-color: rgba(239,68,68,.25);
}

.lumo-result-map {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
}

.lumo-result-stats {
    font-size: .75rem;
    color: #71717a;
    margin-top: .15rem;
    font-variant-numeric: tabular-nums;
}

.lumo-result-right { text-align: right; }

.lumo-result-delta {
    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 700;
}
.lumo-result--win .lumo-result-delta { color: #34d399; }
.lumo-result--loss .lumo-result-delta { color: #ef4444; }

.lumo-result-status {
    font-size: .7rem;
    color: #71717a;
    margin-top: .1rem;
}

.lumo-empty {
    padding: 2rem 1rem;
    text-align: center;
    color: #52525b;
    font-size: .85rem;
    border: 1px dashed rgba(255,255,255,.08);
    border-radius: 12px;
}

/* ============================================================
   БЛОК ДИНАМИКИ ELO
   ============================================================ */

.lumo-elo-block {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.lumo-elo-chart-wrap {
    background: #101014;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 20px;
    padding: 1.4rem;
    min-width: 0;
}

.lumo-elo-chart-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .35rem;
}

.lumo-elo-chart-kicker {
    font-size: .66rem;
    letter-spacing: .22em;
    color: #6c6c72;
    text-transform: uppercase;
}

.lumo-elo-chart-delta {
    font-family: var(--font-display);
    font-size: .82rem;
    font-weight: 700;
    color: #34d399;
    background: rgba(52,211,153,.12);
    border: 1px solid rgba(52,211,153,.3);
    padding: .2rem .65rem;
    border-radius: 999px;
}
.lumo-elo-chart-delta--neg {
    color: #ef4444;
    background: rgba(239,68,68,.12);
    border-color: rgba(239,68,68,.3);
}
.lumo-elo-chart-delta.hidden { display: none; }

.lumo-elo-chart-title {
    font-family: var(--font-display);
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1rem;
    letter-spacing: .01em;
}

.lumo-elo-chart {
    position: relative;
    width: 100%;
    min-height: 260px;
    border-radius: 12px;
    overflow: hidden;
}

.lumo-elo-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    color: #52525b;
    font-size: .85rem;
    border: 1px dashed rgba(255,255,255,.06);
    border-radius: 12px;
}

.lumo-elo-svg {
    display: block;
    width: 100%;
    height: 260px;
    overflow: visible;
}

.lumo-elo-y-labels {
    position: absolute;
    top: 20px;
    left: 0;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    pointer-events: none;
    font-size: 10px;
    color: #52525b;
    font-family: var(--font-display);
    font-weight: 600;
    padding-left: 6px;
    opacity: .7;
}

.lumo-elo-stripes {
    display: flex;
    gap: 4px;
    margin-top: 12px;
    padding: 0 4px;
}

.lumo-stripe {
    flex: 1;
    height: 4px;
    border-radius: 999px;
    background: #2a2a2e;
}
.lumo-stripe--win  { background: #a3e635; box-shadow: 0 0 6px rgba(163,230,53,.5); }
.lumo-stripe--loss { background: #ef4444; box-shadow: 0 0 6px rgba(239,68,68,.5); }

.lumo-elo-side {
    background: #101014;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 20px;
    padding: 1.4rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lumo-elo-side-row {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(255,255,255,.05);
}
.lumo-elo-side-row:last-child { border-bottom: 0; padding-bottom: 0; }

.lumo-elo-side-label {
    font-size: .68rem;
    letter-spacing: .14em;
    color: #6c6c72;
    text-transform: uppercase;
}

.lumo-elo-side-value {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    font-variant-numeric: tabular-nums;
}
.lumo-elo-side-value--delta { color: #d4d4d8; }
.lumo-elo-side-value--pos   { color: #34d399; }
.lumo-elo-side-value--neg   { color: #ef4444; }

/* Кнопка назад */
.profile-back {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
    color: #d4d4d8;
    border-radius: 10px;
    font-size: .85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .18s;
}
.profile-back:hover {
    background: rgba(255,107,0,.10);
    border-color: rgba(255,107,0,.35);
    color: #fff;
}
.profile-back.hidden { display: none; }

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media (max-width: 900px) {
    .lumo-profile { grid-template-columns: 1fr; }
    .lumo-profile-avatar-col {
        flex-direction: row;
        justify-content: flex-start;
        gap: 1rem;
    }
    .lumo-avatar { width: 110px; height: 110px; font-size: 44px; }
    .lumo-profile-stats { grid-template-columns: repeat(2, 1fr); }
    .lumo-profile-bottom { grid-template-columns: 1fr; }
    .lumo-elo-block { grid-template-columns: 1fr; }
    .lumo-elo-side { flex-direction: row; flex-wrap: wrap; gap: .75rem; }
    .lumo-elo-side-row {
        flex: 1 1 calc(50% - .4rem);
        padding-bottom: 0;
        border-bottom: 0;
    }
}

@media (max-width: 520px) {
    .lumo-profile { padding: 1.1rem; }
    .lumo-profile-nick { font-size: 1.5rem; }
    .lumo-stat-value { font-size: 1.35rem; }
    .lumo-stat-value--text { font-size: .95rem; }
    .lumo-avatar { width: 90px; height: 90px; font-size: 36px; }
    .lumo-panel { padding: 1.1rem; }
    .lumo-elo-side-row { flex: 1 1 100%; }
    .lumo-elo-chart { min-height: 180px; }
    .lumo-elo-svg { height: 180px; }
    .lumo-elo-empty { min-height: 180px; }
}

/* ============================================================
   READY-CHECK МОДАЛКА
   ============================================================ */
.rc-overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(0,0,0,.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.rc-overlay.hidden { display: none; }

.rc-card {
    width: min(640px, 100%);
    background: #131316;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    padding: 1.6rem 1.8rem 1.5rem;
    box-shadow: 0 30px 80px rgba(0,0,0,.6);
    position: relative;
    overflow: hidden;
}

.rc-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: .6rem;
}

.rc-title {
    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.rc-timer {
    text-align: right;
    background: rgba(255,107,0,.10);
    border: 1px solid rgba(255,107,0,.35);
    padding: .5rem 1rem;
    border-radius: 12px;
    min-width: 90px;
}
.rc-timer-label {
    font-size: .58rem;
    letter-spacing: .18em;
    color: #ff9d4d;
    margin-bottom: .15rem;
}
.rc-timer-value {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.rc-sub {
    color: #a1a1aa;
    font-size: .85rem;
    margin: 0 0 1.2rem;
    line-height: 1.5;
    max-width: 480px;
}

.rc-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    padding: .9rem 1.1rem;
    margin-bottom: 1rem;
}

.rc-status-title {
    color: #d4d4d8;
    font-size: .95rem;
    font-weight: 600;
    margin-bottom: .15rem;
}
.rc-status-sub {
    color: #71717a;
    font-size: .78rem;
}

.rc-status-badge {
    font-size: .7rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #a1a1aa;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
    padding: .35rem .75rem;
    border-radius: 999px;
    font-weight: 700;
}

.rc-avatars {
    display: flex;
    justify-content: center;
    gap: .6rem;
    margin-bottom: 1.3rem;
}

.rc-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #0d0d10;
    border: 2px solid rgba(255,255,255,.06);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s;
}

.rc-avatar--ready {
    border-color: rgba(52,211,153,.6);
    background: rgba(52,211,153,.10);
    box-shadow: 0 0 16px rgba(52,211,153,.35);
}

.rc-avatar-inner {
    font-size: 1.2rem;
    opacity: .35;
    color: #fff;
}
.rc-avatar--ready .rc-avatar-inner { opacity: .95; color: #34d399; }

.rc-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.rc-accept {
    flex: 1;
    padding: 1rem 1.5rem;
    background: #ff6b00;
    color: #fff;
    border: 0;
    border-radius: 14px;
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background .18s, box-shadow .18s;
    box-shadow: 0 10px 30px rgba(255,107,0,.35);
}
.rc-accept:hover { background: #ff9d4d; box-shadow: 0 12px 36px rgba(255,157,77,.45); }

.rc-note {
    color: #52525b;
    font-size: .72rem;
    line-height: 1.4;
    max-width: 200px;
}

/* ============================================================
   СТРАНИЦА МАТЧА
   ============================================================ */
.match-loading {
    text-align: center;
    padding: 4rem 1rem;
    color: #71717a;
}

.match-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #101014;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.match-topbar-left {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.match-id {
    font-family: var(--font-display);
    font-size: 1rem;
    color: #d4d4d8;
    letter-spacing: .06em;
    padding: .35rem .75rem;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;
}

.match-status {
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #34d399;
    font-weight: 700;
}

.match-topbar-right {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.match-meta-block {
    text-align: center;
    padding: .4rem .9rem;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    background: rgba(255,255,255,.02);
}
.match-meta-label {
    font-size: .58rem;
    letter-spacing: .16em;
    color: #6c6c72;
    text-transform: uppercase;
}
.match-meta-value {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin-top: .15rem;
}
.match-x { color: #ef4444; }

.match-cancel-block {
    font-size: .72rem;
    color: #71717a;
    text-align: right;
}
.match-cancel-title { color: #d4d4d8; font-weight: 600; }
.match-cancel-sub { font-size: .68rem; color: #6c6c72; margin-top: .15rem; }

.match-cancel-btn {
    padding: .65rem 1.1rem;
    background: rgba(255,107,0,.10);
    border: 1px solid rgba(255,107,0,.35);
    color: #ff9d4d;
    border-radius: 10px;
    font-size: .82rem;
    font-weight: 700;
    cursor: not-allowed;
    opacity: .6;
}

.match-map-title {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 1rem .35rem;
    letter-spacing: .01em;
}

/* Сетка 3 колонки */
.match-grid {
    display: grid;
    grid-template-columns: 1fr 360px 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Команды */
.mp-team {
    background: #101014;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    padding: 1.1rem;
}

.mp-team-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .35rem;
}
.mp-team-label {
    font-size: .68rem;
    letter-spacing: .16em;
    font-weight: 700;
}
.mp-team--t .mp-team-label { color: #ff9d4d; }
.mp-team--ct .mp-team-label { color: #56b6ff; }

.mp-team-avg { text-align: right; }
.mp-team-avg-label {
    font-size: .58rem;
    letter-spacing: .14em;
    color: #6c6c72;
}
.mp-team-avg-value {
    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
}

.mp-team-name {
    font-size: .78rem;
    color: #71717a;
    margin-bottom: .9rem;
}

.mp-team-players {
    display: grid;
    gap: .5rem;
}

/* Карточка игрока */
.mp-player {
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 12px;
    padding: .7rem .85rem;
}
.mp-player--me {
    border-color: rgba(255,107,0,.4);
    background: rgba(255,107,0,.06);
}

.mp-player-head {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .55rem;
}

.mp-player-avatar {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    overflow: hidden;
    background: #1a1a20;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.mp-player-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mp-avatar-fallback {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    color: #d4d4d8;
}

.mp-player-info { flex: 1; min-width: 0; }
.mp-player-name {
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mp-cap {
    display: inline-block;
    background: #ff6b00;
    color: #fff;
    font-size: .55rem;
    padding: .08rem .32rem;
    border-radius: 4px;
    margin-left: .25rem;
    font-weight: 700;
}
.mp-me {
    display: inline-block;
    background: rgba(52,211,153,.15);
    color: #34d399;
    font-size: .55rem;
    padding: .08rem .32rem;
    border-radius: 4px;
    margin-left: .25rem;
    font-weight: 700;
}
.mp-player-id {
    font-size: .66rem;
    color: #6c6c72;
    margin-top: .1rem;
}

.mp-player-level {
    text-align: right;
    flex-shrink: 0;
}
.mp-level-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #1a1a20;
    border: 1px solid rgba(255,255,255,.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    color: #a1a1aa;
}
.mp-level-progress {
    font-size: .6rem;
    color: #6c6c72;
    margin-top: .15rem;
}

.mp-player-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .35rem;
}
.mp-stat {
    background: rgba(255,255,255,.02);
    border-radius: 6px;
    padding: .35rem .3rem;
    text-align: center;
}
.mp-stat-value {
    font-family: var(--font-display);
    font-size: .92rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.mp-stat-label {
    font-size: .55rem;
    color: #6c6c72;
    margin-top: .15rem;
    letter-spacing: .06em;
}

/* Центральная колонка */
.mp-center {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.mp-center-card {
    background: #101014;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    padding: 1rem 1.15rem;
}

.mp-center-label {
    font-size: .62rem;
    letter-spacing: .18em;
    color: #6c6c72;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.mp-region {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
}
.mp-region-flag {
    height: 70px;
    background: linear-gradient(180deg, #fff 33.3%, #0039a6 33.3% 66.6%, #d52b1e 66.6%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}
.mp-region-name {
    background: #1a1a20;
    padding: .5rem .75rem;
    font-size: .85rem;
    color: #d4d4d8;
}

.mp-format {
    font-family: var(--font-display);
    font-size: 1.35rem;
    color: #fff;
    font-weight: 700;
}

.mp-map-image {
    height: 90px;
    background: linear-gradient(135deg, #2a2a30, #15151a);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 1.1rem;
    color: #a1a1aa;
    letter-spacing: .05em;
}

.mp-host { display: flex; flex-direction: column; gap: .3rem; }
.mp-host-name {
    font-family: var(--font-display);
    font-size: 1.1rem;
    color: #fff;
    font-weight: 700;
}
.mp-host-meta { font-size: .72rem; color: #71717a; }
.mp-host-copy {
    align-self: flex-start;
    margin-top: .4rem;
    padding: .35rem .75rem;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.1);
    color: #d4d4d8;
    border-radius: 8px;
    font-size: .72rem;
    cursor: pointer;
}
.mp-host-copy:hover { background: rgba(255,107,0,.1); border-color: rgba(255,107,0,.35); color: #fff; }

.mp-center-card--info {
    background: rgba(255,107,0,.06);
    border-color: rgba(255,107,0,.2);
    color: #d4d4d8;
    font-size: .78rem;
    line-height: 1.5;
}
.mp-center-card--info p { margin: 0 0 .5rem; }
.mp-center-info-title { color: #fff; font-weight: 600; margin-top: .5rem !important; }
.mp-center-card--info ul {
    margin: 0;
    padding-left: 1rem;
    color: #a1a1aa;
}
.mp-center-card--info li { margin-bottom: .15rem; }

/* Загрузка результатов */
.match-upload {
    background: #101014;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    padding: 1.25rem 1.4rem;
}

.match-upload-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}
.match-upload-title {
    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: .25rem;
}
.match-upload-sub {
    font-size: .78rem;
    color: #71717a;
    max-width: 600px;
    line-height: 1.4;
}
.match-upload-status {
    font-size: .68rem;
    letter-spacing: .14em;
    color: #a1a1aa;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
    padding: .35rem .8rem;
    border-radius: 999px;
    white-space: nowrap;
}

.match-upload-row {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.match-upload-file {
    flex: 1;
    min-width: 260px;
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .8rem 1rem;
    background: rgba(255,255,255,.02);
    border: 1px dashed rgba(255,255,255,.12);
    border-radius: 10px;
}
.match-upload-pick {
    padding: .45rem .9rem;
    background: #ff6b00;
    color: #fff;
    border: 0;
    border-radius: 8px;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}
.match-upload-pick:hover { background: #ff9d4d; }
.match-upload-filename {
    font-size: .78rem;
    color: #71717a;
}

.match-upload-submit {
    padding: .85rem 1.4rem;
    background: rgba(255,107,0,.35);
    color: #fff;
    border: 0;
    border-radius: 12px;
    font-family: var(--font-display);
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: .06em;
    cursor: not-allowed;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    opacity: .7;
}
.match-upload-icon { font-size: 1rem; }

.match-upload-note {
    font-size: .72rem;
    color: #6c6c72;
    margin-top: .8rem;
}

/* Адаптив */
@media (max-width: 1100px) {
    .match-grid { grid-template-columns: 1fr; }
    .mp-center { order: -1; }
}
@media (max-width: 700px) {
    .match-topbar { flex-direction: column; align-items: stretch; }
    .match-topbar-right { justify-content: space-between; }
    .match-map-title { font-size: 1.5rem; }
    .rc-avatars { gap: .35rem; }
    .rc-avatar { width: 36px; height: 36px; }
    .rc-actions { flex-direction: column; }
    .rc-note { max-width: none; text-align: center; }
}

/* ============================================================
   КНОПКА ОТМЕНЫ + МОДАЛКА ОТМЕНЫ
   ============================================================ */

.match-cancel-btn {
    cursor: pointer !important;
    transition: all .18s;
}
.match-cancel-btn:not(:disabled):hover {
    background: rgba(255,107,0,.2);
    border-color: rgba(255,107,0,.5);
    transform: translateY(-1px);
}

.cancel-bars {
    display: flex;
    gap: 6px;
    margin: 1rem 0;
}
.cancel-bar {
    flex: 1;
    height: 6px;
    border-radius: 999px;
    background: #2a2a2e;
    transition: background .25s;
}
.cancel-bar--filled {
    background: linear-gradient(90deg, #ef4444, #b91c1c);
    box-shadow: 0 0 8px rgba(239,68,68,.6);
}

/* ============================================================
   ПРОГРЕСС ЗАГРУЗКИ СКРИНШОТА
   ============================================================ */
.match-upload-progress {
    margin-top: 1rem;
    padding: .9rem 1.1rem;
    background: rgba(255,107,0,.08);
    border: 1px solid rgba(255,107,0,.25);
    border-radius: 12px;
    color: #ff9d4d;
    font-size: .85rem;
    line-height: 1.4;
}
.match-upload-progress.hidden { display: none; }

.match-upload-submit:not(:disabled) {
    cursor: pointer;
    opacity: 1 !important;
    background: #ff6b00 !important;
}
.match-upload-submit:not(:disabled):hover {
    background: #ff9d4d !important;
    box-shadow: 0 10px 30px rgba(255,107,0,.35);
}

/* ============================================================
   КАРТОЧКА ИГРОКА — новый вид (Elo + уровень + ник + аватар)
   ============================================================ */

.mp-player-head {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: .65rem;
}

/* Elo + иконка уровня слева */
.mp-player-elo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem;
    flex-shrink: 0;
    min-width: 48px;
}
.mp-elo-value {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    letter-spacing: .01em;
}
.mp-elo-level img {
    width: 26px !important;
    height: 26px !important;
    max-width: 26px;
    max-height: 26px;
    object-fit: contain;
    display: block;
}
.mp-lvl-fallback {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #c8261d;
    color: #fff;
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #7a1109;
}

/* Ник по центру */
.mp-player-info {
    flex: 1;
    min-width: 0;
    text-align: center;
}
.mp-player-name {
    color: #fff;
    font-size: .95rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}
.mp-player-id {
    font-size: .7rem;
    color: #6c6c72;
    margin-top: .15rem;
    text-align: center;
}

/* Аватар справа */
.mp-player-avatar {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    overflow: hidden;
    background: #1a1a20;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,.08);
}
.mp-player-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mp-avatar-fallback {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    color: #d4d4d8;
}

/* CAP-иконка (корона) */
.mp-cap-icon {
    font-size: 1rem;
    color: #f0a91c;
    text-shadow: 0 0 8px rgba(240,169,28,.6);
    line-height: 1;
}

/* Бейдж "ВЫ" */
.mp-me {
    background: rgba(52,211,153,.15);
    color: #34d399;
    font-size: .6rem;
    padding: .08rem .38rem;
    border-radius: 4px;
    font-weight: 700;
    letter-spacing: .04em;
}

/* Стата внизу */
.mp-player-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .4rem;
}
.mp-stat {
    background: rgba(255,255,255,.02);
    border-radius: 8px;
    padding: .4rem .3rem;
    text-align: center;
}
.mp-stat-value {
    font-family: var(--font-display);
    font-size: .9rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.mp-stat-value--accent {
    color: #ff8a3c !important;
    text-shadow: 0 0 10px rgba(255,138,60,.3);
}
.mp-stat-label {
    font-size: .55rem;
    color: #6c6c72;
    margin-top: .2rem;
    letter-spacing: .08em;
}

/* Скрываем остатки старой позиции, если остались */
.mp-player-position { display: none !important; }
.mp-position-letter { display: none !important; }
.mp-stat-suffix { display: none !important; }

/* ============================================================
   МОДАЛКА РЕЗУЛЬТАТА
   ============================================================ */
.result-players {
    display: grid;
    gap: .35rem;
    margin: 1rem 0;
    max-height: 40vh;
    overflow-y: auto;
}
.result-row {
    display: grid;
    grid-template-columns: 40px 1fr auto;
    align-items: center;
    gap: .75rem;
    padding: .6rem .85rem;
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 10px;
    font-size: .85rem;
}
.result-team {
    font-family: var(--font-display);
    font-weight: 700;
    color: #ff9d4d;
    text-align: center;
}
.result-nick { color: #fff; }
.result-stats {
    font-family: var(--font-display);
    color: #d4d4d8;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}
.result-row--miss {
    opacity: .6;
    border-color: rgba(239,68,68,.3);
}
.result-ok {
    color: #34d399;
    font-weight: 700;
    margin-left: .35rem;
}
.result-miss {
    color: #ef4444;
    font-weight: 700;
    margin-left: .35rem;
}
/* ============================================================
   КНОПКА "ВЫЙТИ ИЗ МАТЧА"
   ============================================================ */
.match-leave-btn {
    padding: .65rem 1.1rem;
    background: rgba(239,68,68,.10);
    border: 1px solid rgba(239,68,68,.35);
    color: #f87171;
    border-radius: 10px;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .18s;
    white-space: nowrap;
}
.match-leave-btn:hover {
    background: rgba(239,68,68,.25);
    border-color: rgba(239,68,68,.6);
    color: #fff;
}
/* ============================================================
   КНОПКА "ПОКАЗАТЬ ОБЛАСТИ OCR"
   ============================================================ */
.match-roi-btn {
    padding: .85rem 1.1rem;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.15);
    color: #d4d4d8;
    border-radius: 12px;
    font-size: .78rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all .18s;
}
.match-roi-btn:hover:not(:disabled) {
    background: rgba(255,107,0,.10);
    border-color: rgba(255,107,0,.35);
    color: #fff;
}
.match-roi-btn:disabled {
    opacity: .4;
    cursor: not-allowed;
}
/* ============================================================
   КАСТОМНЫЙ ПИКЕР АВАТАРА
   ============================================================ */
.avatar-picker {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: var(--bg-2);
    border: 1px dashed rgba(255,107,0,.4);
    border-radius: 12px;
    cursor: pointer;
    transition: all .2s ease;
    position: relative;
    overflow: hidden;
}
.avatar-picker:hover {
    border-color: #ff6b00;
    background: rgba(255,107,0,.06);
}
.avatar-picker--filled {
    border-style: solid;
    border-color: #ff6b00;
    background: rgba(255,107,0,.10);
}
.avatar-picker input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.avatar-picker-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(160deg, rgba(255,107,0,.22), rgba(255,107,0,.08));
    border: 1px solid rgba(255,107,0,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
    transition: all .2s ease;
}
.avatar-picker--filled .avatar-picker-icon {
    background: linear-gradient(160deg, #ff9d4d, #ff6b00);
    color: #fff;
    border-color: #ff6b00;
    box-shadow: 0 0 14px rgba(255,107,0,.45);
}

.avatar-picker-content { flex: 1; min-width: 0; }
.avatar-picker-title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2px;
}
.avatar-picker-sub {
    font-size: 12px;
    color: #71717a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.avatar-picker--filled .avatar-picker-sub {
    color: #ff9d4d;
    font-weight: 600;
}
/* Аватар из uploads — фиксируем размер */
.profile-avatar-img img,
.user-badge-avatar img,
.top-avatar,
.lb-avatar,
.mp-player-avatar img,
.friend-avatar img,
.rating-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Иконка уровня в блоке Elo */
.calibration-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.calibration-icon-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(180deg, #c8261d, #7a1109);
    border-radius: 16px;
    border: 2px solid #5a0c06;
}

/* ============================================================
   ТЕГИ В ПРОФИЛЕ (PRO PLAYER / PREMIUM / В СЕТИ)
   ============================================================ */
.profile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .85rem;
}

.profile-tag {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .7rem;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    border-radius: 6px;
    line-height: 1;
    white-space: nowrap;
}
.profile-tag.hidden { display: none; }

.profile-tag--rpo {
    background: linear-gradient(180deg, #e11d1d, #8a0c0c);
    color: #fff;
    box-shadow: 0 0 14px rgba(225,29,29,.45);
    border: 1px solid rgba(255,80,80,.4);
}
.profile-tag--rpo svg {
    width: 10px;
    height: 12px;
    flex-shrink: 0;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.4));
}

.profile-tag--premium {
    background: linear-gradient(180deg, #ffb15c, #ff6b00);
    color: #fff;
    box-shadow: 0 0 12px rgba(255,107,0,.35);
    border: 1px solid rgba(255,157,77,.5);
}

.profile-tag--online {
    background: rgba(52,211,153,.12);
    color: #34d399;
    border: 1px solid rgba(52,211,153,.3);
}