@charset "UTF-8";html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}:root{--color-primary-1: #184262;--color-primary-2: #1D4D72;--color-primary-3: #215883;--color-primary-4: #256292;--color-primary-5: #296EA3;--color-secondary-1: #EBFEFE;--color-secondary-2: #D8FEFE;--color-secondary-3: #C4FDFD;--color-secondary-4: #A6FCFC;--color-secondary-5: #9DFBFB;--color-success-1: #EBF9C8;--color-success-2: #E4F6B6;--color-success-3: #DDF4A4;--color-success-4: #D7F291;--color-success-5: #D0F07F;--color-error-1: #F8C9C9;--color-error-2: #F6B6B6;--color-error-3: #F4A4A4;--color-error-4: #F29191;--color-error-5: #F07F7F;--color-warning-1: #F8E2C9;--color-warning-2: #F6D8B6;--color-warning-3: #F4CFA4;--color-warning-4: #F2C591;--color-warning-5: #F0BB7F;--color-info-1: #C9DAF8;--color-info-2: #B6CDF6;--color-info-3: #A4C0F4;--color-info-4: #91B3F2;--color-info-5: #7FA7F0;--light-color-1: #FFFFFF;--light-color-2: #F5F5F5;--light-color-3: #EBEBEB;--light-color-4: #E0E0E0;--light-color-5: #D6D6D6;--dark-color-1: #141414;--dark-color-2: #1F1F1F;--dark-color-3: #292929;--dark-color-4: #333333;--dark-color-5: #3D3D3D;--card-opacity-light: rgba(255, 255, 255, .5);--card-opacity-dark: rgba(41, 41, 41, .5);--font-primary: ClashRoyaleRegularFont;--font-secondary: ClashRoyaleBoldFont;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5625rem;--font-size-2xl: 1.953125rem;--font-size-3xl: 2.44140625rem;--font-size-4xl: 3.0517578125rem;--font-size-5xl: 3.8146972656rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-13: 3.25rem;--spacing-14: 3.5rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-17: 4.25rem;--spacing-18: 4.5rem;--spacing-19: 4.75rem;--spacing-20: 5rem;--spacing-21: 5.25rem;--spacing-22: 5.5rem;--spacing-23: 5.75rem;--spacing-24: 6rem;--break-sm: 40rem;--break-md: 48rem;--break-lg: 64rem;--break-xl: 80rem;--shadow-sm: 0 .0625rem .125rem rgba(15, 23, 36, .06);--shadow-md: 0 .25rem .5rem rgba(15, 23, 36, .08);--shadow-lg: 0 .625rem 1.25rem rgba(15, 23, 36, .12);--shadow-xl: 0 1.25rem 2.5rem rgba(15, 23, 36, .16);--border-thin: .0625rem;--border-medium: .125rem;--border-thick: .25rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 50%;--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--tray-offset-x: 4rem;--tray-gap: .5rem;--sidebar-closed-width: 5.5rem;--sidebar-open-width: 20rem;--sidebar-toggle-width: 2.75rem;--first-background-color: var(--color-primary-5);--second-background-color: var(--color-primary-4);--elements-color: var(--light-color-1);--components-color: var(--color-primary-1);--components-color-on-hover: var(--color-primary-2);--components-color-two: var(--color-primary-3)}.dark-mode{--first-background-color: var(--dark-color-5);--second-background-color: var(--dark-color-4);--elements-color: var(--color-secondary-1);--components-color: var(--dark-color-1);--components-color-on-hover: var(--dark-color-3);--components-color-two: var(--dark-color-2)}@font-face{font-family:ClashRoyaleRegularFont;src:url(/assets/fonts/Clash_Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ClashRoyaleBoldFont;src:url(/assets/fonts/Clash_Bold.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{background-color:var(--first-background-color);font-family:var(--font-primary),sans-serif;background-image:linear-gradient(45deg,var(--second-background-color) 25%,transparent 25%),linear-gradient(-45deg,var(--second-background-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--second-background-color) 75%),linear-gradient(-45deg,transparent 75%,var(--second-background-color) 75%);background-size:2.9875rem 2.9875rem;line-height:1.125;scroll-snap-type:y proximity;scroll-padding-top:6rem;color:var(--elements-color)}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}ul,ol{list-style:none}a{text-decoration:none;color:inherit}html{scroll-behavior:smooth}header,footer{display:flex;flex-direction:row;min-width:100%;min-height:4rem;background-color:var(--components-color);font-family:var(--font-primary),sans-serif;box-shadow:0 .25rem .375rem #0000001a,0 .0625rem .1875rem #0000000f;align-content:center;align-items:center;justify-content:space-between}header svg circle,header .icon-background,footer svg circle,footer .icon-background,aside svg circle,aside .icon-background{fill:var(--elements-color)}header svg,footer svg{width:2.5rem}header .icon-letters,footer .icon-letters{fill:var(--components-color)}.controls{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;margin:.75rem 0}.controls{align-items:center}.controls>app-searcher,.controls>.search{flex:1 1 auto;min-width:0}.controls>*:not(app-searcher):not(.search){flex:0 0 auto}.no-items{background:none;font-size:2rem;color:var(--elements-color);text-align:center;padding:2rem 0}.visually-hidden{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(.0625rem,.0625rem,.0625rem,.0625rem);white-space:nowrap;border:0}header{border-radius:0 0 .5rem .5rem;position:sticky;top:0;z-index:100;transition:box-shadow .3s ease,background-color .3s ease}header.landing-header{position:fixed;left:0;top:0;padding-left:2rem;padding-right:2rem}header.scrolled{box-shadow:0 .25rem 1rem #00000040}header svg{margin:0 1rem}header .logo{width:3.5rem;height:auto;cursor:pointer}header ul{display:flex;flex-direction:row;align-items:center;list-style:none;margin:0;padding:0}.hamburger{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem}.hamburger-box{width:1.5rem;height:1rem;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:1.5rem;height:.125rem;background-color:var(--elements-color);display:block;position:absolute;transition:transform .25s ease,opacity .2s ease}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before{content:"";top:-.5rem}.hamburger-inner:after{content:"";top:.5rem}.nav-links{display:block}.nav-links ul{display:flex;flex-direction:row;gap:.5rem;align-items:center}header ul li{margin:0;padding:0}header ul li a{font-size:.95rem;font-weight:500;color:var(--elements-color);padding:.45rem .8rem;display:inline-block;text-decoration:none;opacity:.85;border-bottom:2px solid transparent;transition:opacity .2s ease,border-color .2s ease}header ul li a:hover{opacity:1;border-bottom-color:var(--elements-color)}header app-common-button:not(.hamburger){display:inline-block;border-radius:.5rem;transition:background .15s ease-in-out}header app-common-button:not(.hamburger) button{padding:.65rem 1.5rem;border:.0625rem solid rgba(255,255,255,.18);border-radius:.5rem;color:var(--elements-color);background-color:#ffffff14;background-image:linear-gradient(180deg,#ffffff14,#ffffff05 50%);font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,backdrop-filter .2s ease;box-shadow:0 .5rem 1rem #020c1e80,inset 0 -.25rem .5rem #ffffff08;text-shadow:0 .0625rem 0 rgba(0,0,0,.3);-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem)}header app-common-button:not(.hamburger) button:hover{transform:translateY(-.125rem);box-shadow:0 .75rem 1.5rem #020c1e8c;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}header app-language-selector{display:inline-flex;align-items:center;position:relative}header app-language-selector .language-selector{font-size:.9rem;font-weight:500;padding:.5rem 2rem .5rem .75rem;border:1px solid rgba(255,255,255,.25);border-radius:.5rem;color:var(--elements-color);background:var(--components-color);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='white' stroke-width='1.5' stroke-linecap='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.65rem;min-width:5rem}header app-language-selector .language-selector option{color:var(--elements-color);background:var(--components-color)}header app-language-selector .language-selector__flag{margin-right:.35rem;vertical-align:middle}header app-language-selector:after{display:none}header app-dark-mode-button button{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.4rem;transition:background .2s ease,border-color .2s ease}header app-dark-mode-button button:hover{background:#ffffff1a;border-color:#fff6}header app-dark-mode-button button svg{width:100%;height:100%;margin:0}.mobile-drawer-close{display:none;position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--elements-color);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;z-index:10}@media(max-width:64rem){header{padding:.6rem 1rem}header .logo{width:3rem}header ul li a{font-size:.9rem;padding:.35rem .6rem}header app-common-button:not(.hamburger) button{padding:.55rem 1.2rem;font-size:.9rem}header app-language-selector .language-selector{font-size:.85rem;padding:.4rem 1.8rem .4rem .6rem}header app-dark-mode-button button{width:2rem;height:2rem}}@media(max-width:45rem){header{padding:.5rem .75rem;min-height:3.5rem}header .logo{width:2.5rem}header svg{margin:0 .5rem}header ul{display:none}.hamburger{display:inline-block}.mobile-drawer-close{display:block}.nav-links{position:fixed;top:0;right:0;height:100vh;width:80%;max-width:20rem;background:var(--components-color);box-shadow:-.375rem 0 1.5rem #0009;transform:translate(100%);transition:transform .3s ease;z-index:1200;padding:3.5rem 1.5rem 1rem;overflow-y:auto}.nav-links.open{transform:translate(0)}.nav-links ul{display:flex;flex-direction:column;gap:.75rem}.nav-links ul li{padding:0;margin:0}.nav-links ul li a{font-size:1.1rem;display:block;padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links ul li a:hover{border-bottom-color:var(--elements-color)}.nav-links ul li app-common-button button{width:100%;padding:.75rem 1rem;font-size:1rem}.nav-links ul li app-language-selector{width:100%}.nav-links ul li app-language-selector .language-selector{width:100%;padding:.75rem 2rem .75rem .75rem}.nav-links ul li app-dark-mode-button{display:flex;justify-content:center;padding:.5rem 0}.nav-links ul li app-dark-mode-button button{width:2.5rem;height:2.5rem}}@media(max-width:30rem){header{padding:.4rem .5rem;min-height:3rem}header .logo{width:2rem}header svg{margin:0 .25rem}.nav-links{max-width:100%;width:85%}}.page-transition-container{opacity:1}body.has-sidebar main{padding:3rem}@media(min-width:48.0625rem){body.has-sidebar.sidebar-open main,body.sidebar-open main{margin-left:var(--sidebar-open-width)}header.sidebar-open-header,body.sidebar-open header{margin-left:var(--sidebar-open-width);min-width:80%;box-sizing:border-box}}footer{display:flex;flex-direction:row;flex-wrap:wrap;color:var(--elements-color);border-radius:.5rem .5rem 0 0;padding:2.5rem 3rem;gap:2rem;justify-content:space-between;align-items:flex-start}footer .app{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;flex:1 1 14rem}footer .app .app__title{font-size:1.5rem;font-weight:700;margin:0;padding:0}footer .footer-links{display:flex;flex:3 1 36rem;gap:2rem;flex-wrap:wrap}footer .logo{width:5rem;height:auto;cursor:pointer}.copyright{display:flex;flex-direction:row}footer .app svg:last-child{width:1.2rem;height:1.2rem;opacity:.6}footer article{flex:1 1 12rem}footer h3,footer article>span:not([class]){font-size:1.1rem;font-weight:700;margin:0 0 .75rem;padding:0;color:var(--elements-color);opacity:.9}footer ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:.35rem}footer ul li{padding:0}footer ul li a{font-size:.9rem;font-weight:500;color:var(--elements-color);padding:.3rem 0;display:inline-block;text-decoration:none;opacity:.7;transition:opacity .2s ease}footer ul li a:hover{opacity:1;text-decoration:underline}footer .social-media{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap}footer .social-media li{display:inline-flex}footer .social-media li svg{width:1.8rem;height:1.8rem;cursor:pointer;opacity:.7;transition:opacity .2s ease,transform .2s ease}footer .social-media li svg:hover{opacity:1;transform:scale(1.1)}footer svg circle,footer .icon-background{fill:var(--elements-color)}@media(max-width:64rem){footer{padding:2rem 1.5rem;gap:1.5rem}footer .app{flex:1 1 100%}footer article{flex:1 1 10rem}footer h3,footer article>span:not([class]){font-size:1rem}}@media(max-width:48rem){footer{flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;gap:1.5rem}footer .app{align-items:center}footer .footer-links{flex-direction:column;align-items:center;width:100%}footer article{width:100%;display:flex;flex-direction:column;align-items:center}footer ul{align-items:center}footer .social-media{justify-content:center}footer h3,footer article>span:not([class]){margin-bottom:.5rem}}@media(max-width:30rem){footer{padding:1.5rem 1rem;gap:1.25rem}footer h3,footer article>span:not([class]){font-size:.95rem}footer ul li a{font-size:.85rem}footer .logo{width:4rem}footer .social-media li svg{width:1.5rem;height:1.5rem}footer .app .app__title{font-size:1.25rem}}aside{background:var(--components-color)}:host{display:block}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:199;opacity:0;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1}aside{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-open-width);background:var(--components-color);color:var(--elements-color);box-shadow:.125rem 0 .5rem #0000001f;overflow:hidden;z-index:200;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem .5rem;transform:translate(-100%);visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0ms .3s}aside.open{width:var(--sidebar-open-width);transform:translate(0);visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0ms 0ms}aside ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}aside ul li{display:block}aside ul li a{display:flex;align-items:center;gap:1rem;color:inherit;text-decoration:none;padding:.625rem .5rem;border-radius:.5rem;transition:background-color .16s,color .16s,transform .16s}aside ul li a svg{width:2.25rem;height:2.25rem;flex:0 0 2.25rem;color:inherit}aside ul li a svg path,aside ul li a svg g,aside ul li a svg circle,aside ul li a svg rect,aside ul li a svg line,aside ul li a svg polygon,aside ul li a svg polyline{fill:var(--elements-color);stroke:var(--elements-color)}aside ul li a span{white-space:nowrap;font-weight:600;font-size:.875rem;opacity:0;transform:translate(-.5rem);transition:opacity .22s ease-in-out,transform .22s ease-in-out;transition-delay:0ms;color:inherit}aside.open ul li a span{opacity:1;transform:translate(0);transition-delay:.12s}aside ul li a:hover{background:#ffffff0d}aside ul li.buttons{margin-top:.75rem;display:flex;gap:.5rem;align-items:center;justify-content:flex-start;padding-left:.375rem}aside ul li.buttons app-language-selector,aside ul li.buttons app-dark-mode-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.125rem}aside app-language-selector{display:inline-flex;align-items:center;position:relative}aside app-language-selector .language-selector{padding:.5rem 2rem .5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:var(--elements-color);background:var(--components-color);font-size:.85rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='white' stroke-width='1.5' stroke-linecap='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.65rem}aside app-language-selector .language-selector option{color:var(--elements-color);background:var(--components-color)}aside .language-selector__flag{width:1.4rem;height:1.4rem;margin-right:.35rem;vertical-align:middle}aside ul li.buttons app-language-selector select,aside ul li.buttons app-language-selector button{font-size:.8125rem;padding:.25rem .5rem}aside ul li.buttons app-dark-mode-button button,aside ul li.buttons app-dark-mode-button{width:2.25rem;height:2.25rem;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;background:var(--components-color);border:none;cursor:pointer}aside ul li.buttons app-dark-mode-button{margin-left:.25rem}aside app-common-button{width:calc(100% - 1rem);margin:.75rem .5rem 0;align-self:center}aside app-common-button,aside app-common-button button{display:block;width:calc(100% - 1rem)}aside app-common-button button{background:var(--components-color);color:var(--elements-color);padding:.65rem .875rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:.75rem;justify-content:flex-start;cursor:pointer;transition:background .2s ease}aside app-common-button button:hover{background:#ffffff0d}app-common-button button svg{width:2rem;height:2rem;flex:0 0 2rem}button.sidebar-toggle{position:fixed;left:0;top:50%;transform:translateY(-50%) translate(0);width:var(--sidebar-toggle-width);height:4rem;border-top-right-radius:.75rem;border-bottom-right-radius:.75rem;background:var(--components-color);border:none;display:flex;align-items:center;justify-content:center;padding:.375rem;cursor:pointer;z-index:210;transition:transform .3s cubic-bezier(.4,0,.2,1)}button.sidebar-toggle.open{transform:translateY(-50%) translate(var(--sidebar-open-width))}button.sidebar-toggle svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}button.sidebar-toggle.open svg{transform:rotate(180deg)}button.sidebar-toggle svg path,button.sidebar-toggle svg line{stroke:var(--elements-color);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.sidebar-close-btn{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--elements-color);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1;opacity:.7;transition:opacity .2s ease;z-index:10}.sidebar-close-btn:hover{opacity:1}@media(max-width:48rem){.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.open{pointer-events:auto}aside{inset:auto 0 0;width:100%;height:85vh;transform:translateY(100%);visibility:visible;border-radius:1rem 1rem 0 0;padding:1.5rem 1rem 1rem;box-shadow:0 -.375rem 1.5rem #0000004d;overflow-y:auto}aside.open{width:100%;transform:translateY(0)}aside ul{gap:.25rem}aside ul li a span{opacity:1;transform:none;transition:none}aside ul li.buttons{justify-content:center;padding:.5rem 0;gap:.75rem}button.sidebar-toggle{top:auto;bottom:0;left:50%;transform:translate(-50%) translateY(0);z-index:210;border-radius:.75rem .75rem 0 0;width:4rem;height:2.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}button.sidebar-toggle svg{transform:rotate(-90deg);transition:transform .3s cubic-bezier(.4,0,.2,1)}button.sidebar-toggle.open{transform:translate(-50%) translateY(-85vh);z-index:211}button.sidebar-toggle.open svg{transform:rotate(90deg)}}@media(max-width:30rem){.sidebar-overlay{display:none}aside{height:85vh;padding:1.25rem .75rem .75rem}button.sidebar-toggle{bottom:0;z-index:210;width:3.5rem;height:2.5rem}button.sidebar-toggle.open{z-index:211}}.checkbox{display:flex;flex-direction:row;flex-wrap:nowrap}.select select{padding:1rem;border:none;border-radius:.5rem;color:var(--elements-color);background:var(--components-color)}.search{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1 1 auto;min-width:0}.search input{flex:1 1 auto;min-width:0;border:none;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;color:var(--elements-color);background:var(--components-color);padding-left:.75rem}.search svg{width:3rem;height:3rem;padding:.5rem;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;background:var(--components-color-two)}.search svg path{stroke:var(--elements-color)}.search input::placeholder{color:var(--elements-color);opacity:.45}.language-selector__flag{width:1.4rem;height:1.4rem;object-fit:cover;vertical-align:middle;display:inline-block;border-radius:.125rem;margin-right:.35rem}.language-selector{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.language-selector:hover{border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.language-selector:focus-visible{outline:2px solid var(--elements-color);outline-offset:2px}app-graph{display:block;position:relative;overflow:hidden}app-graph canvas{display:block;width:100%;height:100%}.refresh-button{border:none;border-radius:.5rem;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.refresh-button:hover{transform:translateY(-.125rem);box-shadow:0 .75rem 1.625rem #0000002e}.refresh-button:active{transform:translateY(0)}header .refresh-button{padding:1rem;background:var(--elements-color);border:none}header .refresh-button svg path{stroke:var(--components-color)}header .refresh-button svg{max-width:2rem;max-height:2rem}main .refresh-button{padding:.75rem;background:var(--components-color)}main .refresh-button svg{max-width:1.5rem;max-height:1.5rem}main .refresh-button svg path{stroke:var(--elements-color)}.refresh-button.loading svg{animation:refresh-rotate 1s linear infinite;transform-origin:center center}@keyframes refresh-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main .common-button{padding:1rem;border:none;border-radius:.5rem;color:var(--elements-color);background:var(--components-color);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}main .common-button:hover{transform:translateY(-.125rem);box-shadow:0 .75rem 1.625rem #0000002e}main .common-button:active{transform:translateY(0)}main .common-button svg path{stroke:var(--elements-color)}.toast-container{position:fixed;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:10000;max-width:22.5rem;pointer-events:none}.toast{pointer-events:auto;background:#fff;border-radius:.625rem;box-shadow:0 .375rem 1.125rem #1414141f;padding:.25rem .35rem;overflow:hidden;display:flex;align-items:center;animation:toast-slide-in .28s ease;border-left:.25rem solid transparent}.toast-body{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .5rem .5rem .6rem}.toast-message{flex:1 1 auto;color:#1e293b;font-size:.95rem;line-height:1.2;word-break:break-word}.toast-close{background:transparent;border:none;font-size:1.1rem;padding:.25rem .4rem;cursor:pointer;color:#475569;border-radius:.375rem}.toast-close:hover,.toast-close:focus{background:#0000000a;outline:none}.toast[data-type=success]{border-left-color:#16a34a;background:linear-gradient(90deg,#f5fffacc,#fff)}.toast[data-type=error]{border-left-color:#dc2626;background:linear-gradient(90deg,#fff5f5e6,#fff)}.toast[data-type=info]{border-left-color:#2563eb;background:linear-gradient(90deg,#f0f9ffe6,#fff)}.toast[data-type=warning]{border-left-color:#d97706;background:linear-gradient(90deg,#fffaf0e6,#fff)}@keyframes toast-slide-in{0%{transform:translate(20%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:30rem){.toast-container{left:1rem;right:1rem;bottom:1rem;max-width:calc(100% - 2rem)}}.pagination{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;align-items:center;justify-content:center;margin:.75rem}:root{--modal-overlay-bg: rgba(0, 0, 0, .55);--modal-bg: var(--components-color);--modal-radius: .75rem;--modal-max-width: 45rem;--modal-padding: 1.25rem;--modal-header-padding: .75rem 1rem;--modal-z: 1000;--modal-transition: .2s ease;--modal-shadow: 0 .625rem 1.875rem rgba(0,0,0,.25)}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--modal-z);padding:1.5rem;box-sizing:border-box;overflow:auto}.modal__overlay{position:absolute;inset:0;background:var(--modal-overlay-bg);opacity:0;transition:opacity var(--modal-transition)}.modal-open .modal__overlay,.modal .modal__overlay{opacity:1}.modal__container{position:relative;background:var(--modal-bg);border-radius:var(--modal-radius);max-width:var(--modal-max-width);width:calc(100% - 2rem);box-shadow:var(--modal-shadow);transform:translateY(.5rem) scale(.995);opacity:0;transition:transform var(--modal-transition),opacity var(--modal-transition);z-index:calc(var(--modal-z) + 1);padding:var(--modal-padding);max-height:calc(100vh - 3rem);overflow:auto;box-sizing:border-box}.modal .modal__container:focus{outline:none}.modal-open .modal__container,.modal .modal__container{transform:translateY(0) scale(1);opacity:1}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--modal-header-padding);border-bottom:.0625rem solid rgba(0,0,0,.06)}.modal__title{margin:0;font-size:1.125rem;font-weight:600}.modal__close{background:transparent;border:none;font-size:1.125rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.modal__body{padding:1rem 0 0;max-height:none;overflow:visible}.modal__actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem}.modal--small .modal__container{max-width:22.5rem}.modal--medium .modal__container{max-width:40rem}.modal--large .modal__container{max-width:61.25rem}body.modal-open{overflow:hidden}.modal__container .flex{display:flex;gap:1rem;align-items:flex-start}.modal__container .flex app-form-input[type=date],.modal__container .flex app-form-input[type=number]{flex:0 0 48%;min-width:11.25rem}.modal__container .flex app-form-input:not([type=date]),.modal__container .flex app-form-input:not([type=number]){flex:1 1 auto}@media(max-width:40rem){.modal__container .flex{flex-direction:column}.modal__container .flex app-form-input[type=date]{flex:1 1 auto;min-width:0}}.importing-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000}.importing-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--elements-color, #fff);font-size:1.125rem}.importing-spinner .spinner{width:3rem;height:3rem;border:4px solid var(--elements-color, #fff);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:64rem){header{padding:.75rem 1.125rem}.chart-container{padding:.75rem}.sidebar{width:5rem}.common-button{padding:.5rem .75rem;font-size:.95rem}.form-input{max-width:100%}.summary-grid{grid-template-columns:repeat(4,1fr)}.problematic-cards{grid-template-columns:repeat(3,1fr)}.player-profile__cards-grid{grid-template-columns:repeat(4,1fr)}.chart-container{height:22.5rem}.chart-small{padding:.4rem}}@media(max-width:45rem){header{padding:.625rem .875rem}h1{font-size:2.25rem}.sidebar{width:4rem}.common-button{display:block;width:100%;box-sizing:border-box}.form-input{width:100%}.summary-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.problematic-cards{grid-template-columns:repeat(2,1fr)}.player-profile__cards-grid{grid-template-columns:repeat(3,1fr)}.chart-container{height:20rem;padding:.6rem}.chart-small{flex-direction:row;gap:.6rem;padding:.4rem}.modal{width:92%;left:4%;right:4%}footer{align-items:center;justify-content:center;text-align:center}}@media(max-width:30rem){header{padding:.5rem .625rem}h1{font-size:1.75rem}.sidebar{display:none}.chart-wrapper{padding:.6rem}.summary-grid{grid-template-columns:1fr;gap:.5rem}.problematic-cards{grid-template-columns:1fr}.player-profile__cards-grid{grid-template-columns:repeat(2,1fr)}.chart-container{height:16.25rem;padding:.4rem}.chart-small{padding:.3rem}.problematic-card img{width:6rem;height:6rem}.stat-card .label{font-size:.68rem}.stat-card .value{font-size:.95rem}}.notFound{align-items:center;color:var(--color-error-1);display:flex;flex-direction:column;justify-content:center;text-align:center;gap:1rem;min-height:100vh}.notFound__number{color:var(--color-error-1);font-size:12rem;font-weight:700}.notFound__text{color:var(--color-error-1);font-size:3rem;font-weight:400}.notFound__link{color:var(--color-error-1);text-decoration:underline;cursor:pointer;transition:color .3s ease-in-out}.notFound__link:hover,.notFound__link:focus{color:var(--color-primary-1)}.login-and-register{display:flex;flex-direction:row;position:relative;width:100%;min-height:100vh;overflow:visible;gap:1.25rem}.image-box{flex:0 0 58%;width:58%;position:relative;background:url(/assets/img/wallpaper.jpg) no-repeat center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2.5rem;color:var(--elements-color);align-self:stretch;min-height:inherit;max-height:none}.image-box:before{position:absolute;content:"";inset:0;background:#14141473}.image-box,.image-box:before{border-right:.0625rem solid rgba(0,0,0,.08);box-shadow:-1.875rem 0 3.75rem #00000040 inset,0 .0625rem 3.75rem #00000040}.image-box h1,.image-box h2,.image-box p{padding:.25rem 1rem;z-index:1}.image-box h1{font-size:4rem;font-family:var(--font-secondary),sans-serif;letter-spacing:.02em;line-height:1.03;font-weight:300;margin:0 auto 1rem;max-width:60ch;text-shadow:0 .375rem 1.125rem rgba(0,0,0,.6);color:var(--elements-color);z-index:1}.image-box h2{font-size:1.25rem;margin:.75rem 0 .6rem;line-height:1.4;font-weight:400;max-width:58ch;z-index:1;text-shadow:0 .375rem 1.125rem rgba(0,0,0,.6)}.image-box p{padding:.25rem 1rem;z-index:1;margin-top:.75rem;font-size:1.05rem;max-width:56ch;line-height:1.5;text-shadow:0 .375rem 1.125rem rgba(0,0,0,.6)}.login-and-register fieldset{flex:0 0 40%;width:40%;min-height:auto;height:auto;padding:3.5rem 4rem;border:none;color:var(--elements-color);display:flex;flex-direction:column;gap:1.25rem;position:relative;margin:0 0 0 .5rem;overflow-y:auto;align-self:stretch}.login-and-register fieldset{position:relative}.form__legend{font-family:var(--font-secondary),sans-serif;font-size:3rem;color:var(--elements-color);margin-bottom:1.5rem}app-form-input.glass-input,app-form-input.grid{display:block;margin-bottom:1rem;position:relative}app-form-input.glass-input label,app-form-input.grid label{display:block;color:var(--elements-color);font-size:.95rem;margin-bottom:.5rem}app-form-input.glass-input input[type=checkbox],app-form-input.grid input[type=checkbox]{display:inline-block;width:auto;margin:0 .6rem 0 0;vertical-align:middle}app-form-input.glass-input input[type=checkbox]+label,app-form-input.grid input[type=checkbox]+label{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:0;color:var(--elements-color);font-size:.95rem}app-form-input.glass-input input[type=checkbox]+label a,app-form-input.grid input[type=checkbox]+label a{color:var(--elements-color);text-decoration:underline}app-form-input.glass-input input:not([type=checkbox]),app-form-input.grid input:not([type=checkbox]),app-form-input.glass-input textarea{width:100%;background:#ffffff0f;border:.0625rem solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-clip:padding-box;border-radius:.6rem;padding:.85rem 1rem;color:var(--elements-color);box-shadow:inset 0 .375rem 1.125rem #00000073,0 .125rem #ffffff05 inset;outline:none;transition:box-shadow .16s ease,transform .16s ease}app-form-input.glass-input input::placeholder,app-form-input.grid input::placeholder,app-form-input.glass-input textarea::placeholder{color:var(--elements-color);opacity:.45}app-form-input.glass-input input:not([type=checkbox]):focus,app-form-input.grid input:not([type=checkbox]):focus,app-form-input.glass-input textarea:focus{box-shadow:inset 0 .5rem 1.5rem #0000008c,0 .375rem 1.125rem #0003;transform:translateY(-.0625rem);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem)}.login-and-register section.flex{display:flex;gap:1rem;align-items:stretch}.login-and-register section.flex>article{flex:1 1 50%}.fieldset app-common-button button{width:100%;background:var(--elements-color);color:var(--components-color);font-family:var(--font-secondary),sans-serif;font-size:1.35rem;font-weight:700;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.fieldset app-common-button button:hover{transform:translateY(-.125rem);box-shadow:0 .75rem 1.625rem #00000038}.fieldset app-common-button button:active{transform:translateY(0)}.fieldset a{color:var(--elements-color);font-size:.9rem;margin:0}.error{color:var(--color-error-1)}app-form-input .error,app-form-input.glass-input .error,app-form-input.grid .error{position:absolute;top:.6rem;right:.6rem;transform:translateY(-50%);background:var(--color-error-1);color:var(--elements-color);padding:.28rem .6rem;border-radius:62.4375rem;font-size:.75rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32rem;box-shadow:0 .375rem 1.125rem #00000059;opacity:0;pointer-events:auto;animation:error-chip-in .16s ease forwards}app-form-input.glass-input input[type=checkbox]+label+.error,app-form-input.grid input[type=checkbox]+label+.error{position:relative;top:auto;right:auto;transform:translateY(-1.25rem);display:block;margin:0 0 .5rem;max-width:100%;box-shadow:none}@keyframes error-chip-in{0%{opacity:0;transform:translateY(-.5rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}app-form-input.glass-input.has-error input:not([type=checkbox]),app-form-input.grid.has-error input:not([type=checkbox]),app-form-input.glass-input.has-error textarea{border-color:var(--color-error-1);box-shadow:inset 0 .375rem 1.125rem #00000073,0 0 0 .25rem #ff00000f;animation:field-shake .36s ease}@keyframes field-shake{0%{transform:translate(0)}20%{transform:translate(-.25rem)}40%{transform:translate(.25rem)}60%{transform:translate(-.125rem)}80%{transform:translate(.125rem)}to{transform:translate(0)}}app-form-input .error[title]{cursor:help}@media(max-width:48rem){.login-and-register{flex-direction:column;align-items:stretch;width:100%;height:auto;padding:1rem .75rem;gap:.75rem;overflow:visible}.image-box{display:none!important;width:0!important;min-width:0!important;visibility:hidden!important}.login-and-register fieldset{width:100%!important;min-height:auto;padding:1.5rem 1rem!important;margin:0!important;box-sizing:border-box;overflow:visible}.form__legend{font-size:2.25rem;line-height:1.05;margin-bottom:1rem}app-form-input.glass-input input:not([type=checkbox]),app-form-input.grid input:not([type=checkbox]),app-form-input.glass-input textarea{padding:.75rem .9rem;font-size:.98rem}.login-and-register section.flex{flex-direction:column;gap:.6rem}.login-and-register section.flex>article{flex:1 1 100%}.fieldset app-common-button button{font-size:1.1rem;padding:.9rem 1rem}app-form-input .error,app-form-input.glass-input .error,app-form-input.grid .error{max-width:90%;right:.5rem;top:.6rem}}.landing{text-align:center;color:var(--elements-color);padding:9.5rem 0 4rem}.landing>section{margin-bottom:4rem}.landing>section:last-child{margin-bottom:0}.landing h2,.landing h3{font-weight:700;margin-bottom:.25rem}.landing h2{font-size:2rem}.landing h3{font-size:1.5rem}.landing__hero{display:flex;flex-direction:column}.landing__hero app-common-button{padding:0 0 4rem}.landing__hero-text{display:flex;flex-direction:column;text-align:center;gap:.75rem;align-items:center;padding:1rem}.landing h1{font-size:3.2rem;margin:.25rem 0 .8rem;font-weight:800;text-shadow:0 .375rem 1.25rem rgba(0,0,0,.5)}.landing p{max-width:47.5rem;margin:0 auto 1.25rem;opacity:.95;font-size:1.05rem;line-height:1.6}main .landing app-common-button button{display:inline-block;position:relative;min-width:13.75rem;padding:.85rem 2.5rem;background-color:#ffffff14;background-image:linear-gradient(180deg,#ffffff14,#ffffff05 50%);color:var(--elements-color);border:.0625rem solid rgba(255,255,255,.18);border-radius:.5rem;box-shadow:0 .75rem 1.375rem #020c1e99,inset 0 -.375rem .75rem #ffffff08;text-shadow:0 .0625rem 0 rgba(0,0,0,.3);font-weight:700;font-size:1.05rem;letter-spacing:.02em;text-align:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,backdrop-filter .18s ease;-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);overflow:hidden;min-height:3.25rem}main .landing app-common-button button:hover{transform:translateY(-.1875rem);box-shadow:0 1.125rem 1.875rem #020c1ea6,inset 0 -.25rem .625rem #ffffff05;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}main .landing app-common-button button:active{transform:translateY(0);box-shadow:0 .5rem .875rem #020c1e80,inset 0 -.5rem 1rem #00000040}main main .landing app-common-button.small button{min-width:10rem;padding:.5rem 1.2rem}.landing__grid-container-x12{display:grid;grid-template-columns:repeat(12,1fr);place-items:center;gap:1.6rem;margin:0 auto;padding:1.5rem 1rem;background:#ffffff29;border-radius:.5rem;box-shadow:0 .5rem 2.5rem #020a1480,inset 0 .0625rem #ffffff05;backdrop-filter:blur(.25rem);-webkit-backdrop-filter:blur(.25rem);position:relative;will-change:transform;overflow:hidden;width:100%}.landing__grid-container-x12 article strong{font-size:1.4rem;display:block;margin-bottom:.25rem}.landing__grid-container-x12 article p{font-size:.8rem;margin:0;max-width:100%}.landing__grid-container-x4:after{content:"";position:absolute;inset:0;height:.0625rem;background:#ffffff0f}.landing__grid-container-x4 article h2{font-size:1.25rem;margin:0 0 .2rem;font-weight:800}.landing__grid-container-x4 article p{margin:0;font-size:.82rem;opacity:.95}.landing__grid-container-x2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:68.75rem;margin:2rem auto 2.5rem;align-items:start}.landing__grid-container-x2 section{text-align:left;padding:1rem;background:#ffffff14;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 .75rem 1.75rem #020a148c;min-height:7.5rem;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(.375rem);-webkit-backdrop-filter:blur(.375rem);margin:.5rem .75rem}.landing__grid-container-x2 section article{display:flex;align-items:center;gap:1rem}.landing__grid-container-x2 img{width:3.5rem;height:3.5rem;object-fit:contain;background:var(--elements-color);padding:.625rem;border-radius:.375rem;box-shadow:0 .25rem .5rem #00000040}.landing__grid-container-x2 p{margin-top:.6rem;text-shadow:0 .0625rem .375rem rgba(0,0,0,.35)}.landing__grid-container-x2{grid-auto-rows:minmax(7.5rem,auto)}.landing__grid-container-x2>:last-child:nth-child(odd){grid-column:span 2;justify-self:center;max-width:calc(50% - 1rem)}#what-offers{margin-top:2.6rem}#what-offers h1{font-size:2.6rem;margin-bottom:.5rem}#what-offers p{max-width:45rem;margin:0 auto;opacity:.95}.landing__grid-container-x3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:68.75rem;margin:2rem auto 3rem;text-align:left}.landing__grid-container-x3 article{padding:1.5rem;background:#ffffff0f;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 1.125rem 2.5rem #020a1499;backdrop-filter:blur(.375rem);-webkit-backdrop-filter:blur(.375rem)}.landing__grid-container-x3 article h1{font-size:2.4rem;margin:0 0 .25rem}.landing__grid-container-x3 article h2{font-size:1.1rem;margin:0 0 .6rem}.landing__grid-container-x2 .card,.feature-card{padding:1rem;background:#ffffff0f;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 .875rem 2.1875rem #020a148c;backdrop-filter:blur(.375rem);-webkit-backdrop-filter:blur(.375rem)}.landing .icon-box{display:block;padding:1rem;background:#ffffff0f;border-radius:.5rem;border:1px solid rgba(255,255,255,.18);box-shadow:0 .625rem 1.5625rem #00000073;backdrop-filter:blur(.375rem);-webkit-backdrop-filter:blur(.375rem)}.landing>article:last-of-type{margin-top:2.5rem;padding-bottom:1.5rem}.landing>article:last-of-type h1{font-size:2.6rem;margin-bottom:.4rem}.landing__number{font-size:3rem}.landing svg path{fill:var(--elements-color)}@media(max-width:64rem){.landing{padding:4rem 0 3rem}.landing>section{margin-bottom:3rem}.landing h1{font-size:2.8rem}#what-offers h1{font-size:2.2rem}.landing__grid-container-x2,.landing__grid-container-x3{max-width:56.25rem;grid-template-columns:repeat(2,1fr)}.landing__grid-container-x12{padding:1rem;gap:1rem}.landing__grid-container-x12 article strong{font-size:1.2rem}main .landing app-common-button button{min-width:11.25rem;padding:.7rem 1.8rem;font-size:.95rem}.landing p{font-size:.95rem}}@media(max-width:48rem){.landing{padding:3rem 0 2rem}.landing>section{margin-bottom:2.5rem}.landing__hero{padding:0 1rem}.landing h1{font-size:2.4rem;margin-bottom:.6rem}.landing p{max-width:100%;padding:0 .6rem}.landing__grid-container-x2{grid-template-columns:1fr;max-width:40rem;margin:1.25rem auto}.landing__grid-container-x2 section{margin:.5rem auto}.landing__grid-container-x3{grid-template-columns:repeat(1,1fr);max-width:45rem}.landing__grid-container-x3 article h1{font-size:1.6rem}.landing__grid-container-x12{grid-template-columns:repeat(6,1fr)}.landing__grid-container-x12 article strong{font-size:1.1rem}main .landing app-common-button button{min-width:8.75rem;padding:.6rem 1.2rem;font-size:.95rem}.landing__grid-container-x2 section,.landing__grid-container-x3 article{background:#ffffff14;backdrop-filter:blur(.375rem);-webkit-backdrop-filter:blur(.375rem);border:1px solid rgba(255,255,255,.18);box-shadow:0 .75rem 1.75rem #020a1480}}@media(max-width:30rem){.landing{padding:2rem 0 1.5rem}.landing>section{margin-bottom:2rem}.landing h1{font-size:1.9rem}#what-offers h1{font-size:1.6rem}.landing__grid-container-x12{grid-template-columns:repeat(4,1fr);padding:.75rem}.landing__grid-container-x12 article strong{font-size:1rem}.landing__grid-container-x4 article h2{font-size:1rem}.landing__grid-container-x3{grid-template-columns:1fr}.landing__grid-container-x2{grid-template-columns:1fr;margin:1rem auto}.landing__grid-container-x2 img{width:3rem;height:3rem;padding:.5rem}.landing__grid-container-x2 p{font-size:.88rem}main .landing app-common-button button{min-width:7.5rem;padding:.55rem 1rem;font-size:.92rem}.landing__number{font-size:2.2rem}.landing__grid-container-x2 section,.landing__grid-container-x3 article{background:#ffffff0f;backdrop-filter:blur(.25rem);-webkit-backdrop-filter:blur(.25rem);border:1px solid rgba(255,255,255,.15);box-shadow:0 .5rem 1.25rem #020a1466}}.battles-page{padding:1.25rem}.battles-page h1,.battles-page .helper{color:var(--elements-color)}.battles-page .battle-card{background:#ffffff08;border:.0625rem solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);border-radius:.75rem;margin-bottom:1.5rem;color:var(--elements-color);position:relative;overflow:visible}.battles-page .battle-card:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:2rem 2rem 4.5rem #000000a6,.875rem .875rem 1.875rem #0000005c;z-index:-1;pointer-events:none}.battles-page .battle-card .battle-header{display:flex;justify-content:flex-start;align-items:center;background:var(--components-color);padding:.5rem .75rem;border-radius:.5rem;position:relative}.battles-page .battle-card .battle-header .result-pill{display:inline-block;background:transparent;color:var(--components-color);padding:.5rem 1rem;border-radius:.75rem;font-weight:800;font-size:.875rem;box-shadow:0 .0625rem #0000000f}.battles-page .battle-card .battle-header .trophy-pill{display:inline-flex;align-items:center;gap:.375rem;margin-left:auto;background:transparent;color:var(--components-color);padding:.5rem .875rem;border-radius:.75rem;font-weight:800;font-size:.875rem;box-shadow:0 .0625rem #0000000f}.battles-page .battle-card .battle-header .trophy-pill svg{width:1em;height:1em;flex-shrink:0}.battles-page .battle-card .battle-header .victory{background:var(--color-success-1)}.battles-page .battle-card .battle-header .defeat{background:var(--color-error-1)}.battles-page .battle-card .battle-header .draw{background:var(--color-warning-1)}.battles-page .battle-card .battle-body{display:flex;gap:.75rem;margin:.625rem;align-items:center;justify-content:space-between}.battles-page .battle-card .battle-body .team{width:calc(50% - 3.75rem);display:flex;flex-direction:column;gap:.5rem}.battles-page .battle-card .battle-body .team .team-top{display:flex;align-items:center;gap:.625rem}.battles-page .battle-card .battle-body .team .team-top .avatar{width:3.5rem;height:3.5rem;background:var(--elements-color);border-radius:.5rem;object-fit:cover;align-items:center;justify-content:center;align-content:center;justify-items:center}.battles-page .battle-card .battle-body .team .team-top .clan-badge{width:1.25rem;height:1.25rem;object-fit:contain;vertical-align:middle;margin-right:.5rem;border-radius:.25rem;background:#ffffff05;display:inline-block}.battles-page .battle-card .battle-body .team .team-top .team-info{flex:1}.battles-page .battle-card .battle-body .team .team-top .team-info .player-name{font-weight:700;margin:0}.battles-page .battle-card .battle-body .team .team-top .team-info .player-clan{margin:0;opacity:.9}.battles-page .battle-card .battle-body .team .team-top .team-trophy{font-weight:700;min-width:2.75rem;text-align:right}.battles-page .battle-card .battle-body .team .deck{background:var(--elements-color);border-radius:.5rem;padding:.625rem;margin-bottom:.625rem;border:.0625rem solid rgba(255,255,255,.03);color:var(--components-color)}.battles-page .battle-card .battle-body .team .deck .deck-header{padding:.375rem .625rem;border-radius:.5rem;font-weight:800;font-size:.8125rem;margin-bottom:.5rem;display:inline-block}.battles-page .battle-card .battle-body .team .deck .archetype{margin:0 0 .375rem;font-weight:700}.battles-page .battle-card .battle-body .team .deck .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.battles-page .battle-card .battle-body .team .deck .cards img{width:8rem;height:8rem;object-fit:contain;display:block;margin:0 auto}.battles-page .battle-card .battle-body .team.team-right{width:calc(50% - 3.75rem)}.battles-page .battle-card .battle-body .team.team-right .team-top.right{display:flex;flex-direction:row-reverse;align-items:center;gap:.625rem}.battles-page .battle-card .battle-body .team.team-right .team-top.right .avatar{width:3.5rem;height:3.5rem;background:var(--elements-color);border-radius:.5rem}.battles-page .battle-card .battle-body .team.team-right .team-top.right .team-info{flex:1;text-align:right}.battles-page .battle-card .battle-body .team.team-right .team-top.right .team-info .player-name{font-weight:700;margin:0}.battles-page .battle-card .battle-body .team.team-right .team-top.right .team-info .player-clan{margin:0;opacity:.9}.battles-page .battle-card .battle-body .team.team-right .team-top.right .team-trophy{font-weight:700;min-width:2.75rem;text-align:left}.battles-page .battle-card .battle-body .center{width:8.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--elements-color)}.battles-page .battle-card .battle-body .center .swords{display:block;margin:0 0 .375rem;max-width:100%}.battles-page .battle-card .battle-body .center .swords path{fill:var(--elements-color)}.battles-page .battle-card .battle-body .center .score{font-size:1.75rem;font-weight:900}@media(max-width:48rem){.battles-page{padding:.75rem}.battles-page .battle-card{margin-bottom:1.125rem}.battles-page .battle-card .battle-header{padding:.375rem .5rem}.battles-page .battle-card .battle-header .result-pill,.battles-page .battle-card .battle-header .trophy-pill{padding:.375rem .625rem;font-size:.75rem;border-radius:.625rem}.battles-page .battle-card .battle-body{flex-direction:column;gap:.625rem;margin:.5rem;align-items:stretch}.battles-page .battle-card .battle-body .team{width:100%}.battles-page .battle-card .battle-body .team .team-top{display:flex;flex-direction:column;align-items:center;gap:.375rem}.battles-page .battle-card .battle-body .team .team-top .avatar{width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;padding:.375rem}.battles-page .battle-card .battle-body .team .team-top .team-info{flex:0 0 auto;text-align:center}.battles-page .battle-card .battle-body .team .team-top .team-info .player-name{font-size:.9375rem;margin:0;line-height:1}.battles-page .battle-card .battle-body .team .team-top .team-info .player-clan{font-size:.75rem;margin:0;opacity:.9}.battles-page .battle-card .battle-body .team .team-top .team-trophy{margin-top:.25rem;font-weight:800;text-align:center}.battles-page .battle-card .battle-body .team .deck{padding:.5rem}.battles-page .battle-card .battle-body .team .deck .deck-header{font-size:.75rem;padding:.25rem .5rem}.battles-page .battle-card .battle-body .team .deck .cards{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.625rem;justify-items:center}.battles-page .battle-card .battle-body .team .deck .cards img{width:4.5rem;height:4.5rem}.battles-page .battle-card .battle-body .center{width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.battles-page .battle-card .battle-body .center .swords{width:3rem;height:3rem}.battles-page .battle-card .battle-body .center .score{font-size:1.25rem;font-weight:800}.battles-page .battle-card .battle-body .team.team-right{width:100%}.battles-page .battle-card .battle-body .team.team-right .team-top.right{display:flex;flex-direction:column;align-items:center;gap:.375rem}.battles-page .battle-card .battle-body .team.team-right .team-top.right .avatar{width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;padding:.375rem}.battles-page .battle-card .battle-body .team.team-right .team-top.right .team-info{text-align:center}.battles-page .battle-card .battle-body .team.team-right .team-top.right .team-info .player-name{font-size:.9375rem;margin:0;line-height:1}.battles-page .battle-card .battle-body .team.team-right .team-top.right .team-info .player-clan{font-size:.75rem;margin:0;opacity:.9}.battles-page .battle-card .battle-body .team.team-right .team-top.right .team-trophy{margin-top:.25rem;font-weight:800;text-align:center}.battles-page .battle-card .battle-body .team.team-right .deck{max-width:22.5rem;margin:0 auto .5rem;width:100%}}.dashboard__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem;padding:2.25rem 3.5rem;background:var(--components-color);border-radius:0 0 1.375rem 1.375rem;position:relative;margin:0 auto;width:calc(100% - 6rem);box-sizing:border-box}.header-user{display:flex;flex-direction:row;align-items:center;gap:1.125rem;padding:1rem}.header-avatar{width:6rem;height:6rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:.0625rem solid rgba(255,255,255,.06)}.header-avatar img,.header-avatar svg{width:5.25rem;height:5.25rem;border-radius:50%;display:block}.header-avatar svg path{fill:var(--elements-color)}.welcome{margin:0;font-size:2.125rem;font-weight:800;color:var(--elements-color);letter-spacing:-.025rem;text-shadow:0 .5rem 1.375rem rgba(0,0,0,.5)}.username{margin:.375rem 0 0;font-size:.75rem;color:var(--elements-color);font-weight:600}.dashboard__header-cards{display:flex;flex-direction:row;align-items:center;gap:1.25rem;padding:1rem}.dashboard__header-cards p{display:flex;flex-direction:column}.stat-card{min-width:8.75rem;height:4rem;background:var(--elements-color);color:var(--components-color);border-radius:.625rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.625rem .875rem;box-shadow:0 .625rem 1.375rem #03273a47}.stat-card .label{font-size:.75rem;color:#03273aa6;margin-bottom:.375rem}.stat-card .value{font-size:1rem;font-weight:800;color:var(--components-color)}.dashboard__header app-refresh-button{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:var(--elements-color);border-radius:.75rem;flex:0 0 auto}.dashboard__header app-refresh-button button{background:transparent;border:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:.625rem;padding:.375rem}.dashboard__header app-refresh-button button svg{width:1.75rem;height:1.75rem}.dashboard__header app-refresh-button button svg path,.dashboard__header app-refresh-button button svg g,.dashboard__header app-refresh-button button svg line{stroke:var(--components-color)}.dashboard__header app-refresh-button button:hover{transform:translateY(-.125rem)}.dashboard__header app-refresh-button button:hover svg{transform:rotate(20deg);transition:transform .22s ease}.dashboard__header app-refresh-button button:active{transform:translateY(0)}.dashboard__flex{display:flex;flex-direction:column;gap:2rem}.dashboard__graphs{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-auto-rows:1fr;align-items:stretch;gap:1.5rem}.dashboard__graphs>section:nth-child(1){grid-column:1/2;grid-row:1/3}.dashboard__graphs>section:nth-child(2){grid-column:2/3;grid-row:1/2}.dashboard__graphs>section:nth-child(3){grid-column:2/3;grid-row:2/3}.dashboard__graphs>section:nth-child(1) .chart-body{align-items:center;justify-content:center;position:relative}.dashboard__graphs>section:nth-child(1) .chart-body app-graph,.dashboard__graphs>section:nth-child(1) .chart-body canvas{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;display:block;z-index:0}.winrate-card{flex-direction:row}.streak-card{flex-direction:column}.winrate-stats{display:flex;flex-direction:column;gap:.375rem;color:var(--components-color);font-weight:600}.winrate-stats .stat{font-size:.8125rem;display:flex;align-items:center;gap:.5rem}.winrate-stats .stat .value{font-weight:800;font-size:.9375rem;color:var(--elements-color)}.winrate-stats .stat.victory{color:var(--color-success-1)}.winrate-stats .stat.defeat{color:var(--color-error-1)}.streak-top{gap:.875rem}.streak-icon{width:5.25rem;height:5.25rem;flex:0 0 auto}.streak-icon path{fill:var(--components-color)}.streak-number{color:var(--elements-color)}.streak-top{display:flex;flex-direction:row;align-items:center}.streak-icon path{width:5.25rem;height:5.25rem;border-radius:.875rem;fill:var(--elements-color);display:flex;align-items:center;justify-content:center;box-shadow:0 .625rem 1.25rem #03273a26}.streak-info{display:flex;flex-direction:row;align-items:center}.streak-number{font-size:3.5rem;font-weight:800;color:var(--elements-color);line-height:1}.streak-sub{color:var(--elements-color);font-weight:600;margin-top:.375rem}.streak-bar{background:var(--components-color);padding:.625rem;border-radius:62.4375rem;display:flex;gap:.5rem;min-width:10vh;align-items:center;justify-content:center;flex-wrap:nowrap;box-shadow:0 .5rem 1.125rem #03273a40}.streak-card .streak-bar{width:100%;box-sizing:border-box}.streak-pill{display:inline-block;width:2.25rem;min-width:.5rem;height:1rem;min-height:.5rem;border-radius:.75rem;box-shadow:0 .1875rem #00000014 inset}.streak-pill.victory{background:var(--color-success-1)}.streak-pill.defeat{background:var(--color-error-1)}.streak-pill.draw{background:var(--color-warning-1)}.streak-pill.none{background:#ffffff0f;opacity:.9}.dashboard__recent{background:linear-gradient(180deg,#ffffff05,#ffffff03);-webkit-backdrop-filter:blur(.375rem) saturate(110%);backdrop-filter:blur(.375rem) saturate(110%);border-radius:.75rem;border:.0625rem solid rgba(255,255,255,.04)}.dashboard__recent h2,.dashboard__graphs h2{display:block;width:100%;box-sizing:border-box;background:var(--components-color);color:var(--elements-color);padding:.625rem 1.125rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;font-weight:700;box-shadow:0 .5rem 1.125rem #00000073;margin:0 0 .75rem}.dashboard__recent article{color:var(--elements-color)}.dashboard__recent p.no-items{background:none}.dashboard__recent__content{background:var(--elements-color);padding:.75rem .875rem;border-radius:.5rem;border:.0625rem solid rgba(255,255,255,.04)}.dashboard__recent__victory{background:var(--color-success-1)}.dashboard__recent__defeat{background:var(--color-error-1)}.dashboard__recent__draw{background:var(--color-warning-1)}.dashboard__recent__content,.dashboard__recent__victory,.dashboard__recent__defeat,.dashboard__recent_draw{color:var(--components-color);padding:.75rem 1rem;border-radius:.5rem;margin:.5rem 1rem;box-shadow:0 .625rem 1.375rem #03273a47;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.dashboard__recent__content p,.dashboard__recent__victory p,.dashboard__recent__defeat p,.dashboard__recent_draw p{color:var(--elements-color);background:var(--components-color);border-radius:.5rem;padding:.5rem}@media(max-width:75rem){.dashboard__header{padding:1.75rem 2.25rem;gap:1.125rem}.header-avatar{width:5rem;height:5rem}.header-avatar img,.header-avatar svg{width:4.25rem;height:4.25rem}.welcome{font-size:1.75rem}.dashboard__header-cards{gap:.75rem}.stat-card{min-width:7.5rem;height:3.75rem}}@media(max-width:48rem){.dashboard__header{flex-direction:column;align-items:center;justify-items:center;text-align:center;padding:1.125rem 1rem;gap:.75rem;border-radius:.75rem}.header-user{padding:0;gap:.75rem;flex-direction:column}.header-avatar{width:4.5rem;height:4.5rem}.header-avatar img,.header-avatar svg{width:3.5rem;height:3.5rem}.welcome{font-size:1.375rem;margin:0}.username{font-size:.6875rem;margin-top:.25rem}.dashboard__header-cards{display:grid;grid-template-columns:repeat(2,1fr);flex-wrap:wrap;align-items:center;justify-content:center;gap:.625rem;padding:.5rem 0 0}.stat-card{min-width:6.25rem;height:3.25rem;padding:.5rem .625rem}.dashboard__graphs{display:block}.dashboard__graphs>section{margin-bottom:1rem}.dashboard__graphs>section:nth-child(1){grid-column:auto;grid-row:auto}.chart-wrapper{height:auto;min-height:11.25rem}.chart-wrapper .chart-body{height:auto;padding:.875rem}.dashboard__graphs>section:nth-child(1) .chart-wrapper{min-height:13.75rem;height:auto;aspect-ratio:16/9}.dashboard__graphs>section:nth-child(1) .chart-body{padding:.75rem;height:auto;min-height:11.25rem;box-sizing:border-box;align-items:center;justify-content:center}.dashboard__graphs>section:nth-child(1) .chart-body app-graph,.dashboard__graphs>section:nth-child(1) .chart-body canvas{position:relative;display:block;width:100%;height:auto;max-height:22.5rem}.chart-wrapper.small .chart-body{flex-direction:column;gap:.75rem;align-items:center}.winrate-stats{flex-direction:row;gap:.625rem;align-items:center}.streak-top{flex-direction:row;gap:.625rem;justify-content:center}.streak-icon{width:4rem;height:4rem}.streak-number{font-size:2.5rem}.streak-pill{width:1rem}.dashboard__flex{gap:1.125rem}.dashboard__recent__content{font-size:.875rem;margin:1rem}.dashboard__recent__content,.dashboard__recent__victory,.dashboard__recent__defeat,.dashboard__recent__draw{flex-direction:column;align-items:flex-start}.dashboard__recent__victory .team-data,.dashboard__recent__victory .opponent-data,.dashboard__recent__defeat .team-data,.dashboard__recent__defeat .opponent-data,.dashboard__recent__draw .team-data,.dashboard__recent__draw .opponent-data,.dashboard__recent__content p{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.dashboard__recent svg,.dashboard__recent .streak-icon{width:2.5rem;height:2.5rem}.dashboard__recent>article svg[width="64"],.dashboard__recent>section svg[width="64"]{width:3rem;height:3rem;margin:.375rem 0;align-self:center}.dashboard__recent h2{padding:.5rem .75rem;font-size:.875rem;margin-bottom:.5rem}}.progress__container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;margin-bottom:.75rem}.progress__graphs{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-auto-rows:1fr;align-items:stretch;gap:1.5rem}.progress__graphs h2{display:block;width:100%;box-sizing:border-box;background:var(--elements-color);color:var(--components-color);padding:.625rem 1.125rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;font-weight:700;margin:0 0 .75rem}.chart-wrapper{background:linear-gradient(180deg,#ffffff0a,#ffffff03);-webkit-backdrop-filter:blur(.5rem) saturate(120%);backdrop-filter:blur(.5rem) saturate(120%);border-radius:.75rem;border:.0625rem solid rgba(255,255,255,.06);height:100%;position:relative;overflow:hidden}.chart-wrapper:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.02) .0625rem,transparent .0625rem),linear-gradient(to bottom,rgba(255,255,255,.02) .0625rem,transparent .0625rem);background-size:4.5rem 4.5rem,4.5rem 4.5rem;pointer-events:none;opacity:.38}.team-data{display:flex;flex-direction:row;align-items:center}.opponent-data{display:flex;flex-direction:row-reverse;align-items:center}.chart-body{position:relative;z-index:2;padding:1.375rem 1.5rem 1.75rem;height:calc(100% - 4.5rem);display:flex;align-items:center;justify-content:center}.progress__graphs>section:nth-child(1) .chart-body{align-items:center;justify-content:center;position:relative}.progress__graphs>section:nth-child(1) .chart-body app-graph,.progress__graphs>section:nth-child(1) .chart-body canvas{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;display:block;z-index:0}.chart-wrapper canvas{background:transparent;display:block;max-width:none;width:100%;height:100%;min-width:10vh;min-height:10vh}.chart-wrapper.small .chart-body{gap:1.125rem;align-items:center;padding:.75rem 1rem 1.125rem}@media(max-width:48rem){.progress__graphs{display:block}.progress__graphs>section{margin-bottom:1rem}.progress__graphs>section:nth-child(1){grid-column:auto;grid-row:auto}.chart-wrapper{height:auto;min-height:11.25rem}.chart-wrapper .chart-body{height:auto;padding:.875rem}.progress__graphs>section:nth-child(1) .chart-wrapper{min-height:13.75rem;height:auto;aspect-ratio:16/9}.progress__graphs>section:nth-child(1) .chart-body{padding:.75rem;height:auto;min-height:11.25rem;box-sizing:border-box;align-items:center;justify-content:center}.progress__graphs>section:nth-child(1) .chart-body app-graph,.progress__graphs>section:nth-child(1) .chart-body canvas{position:relative;display:block;width:100%;height:auto;max-height:22.5rem}.chart-wrapper.small .chart-body{flex-direction:column;gap:.75rem;align-items:center}.winrate-stats{flex-direction:row;gap:.625rem;align-items:center}.streak-top{flex-direction:row;gap:.625rem;justify-content:center}.streak-icon{width:4rem;height:4rem}.streak-number{font-size:2.5rem}.streak-pill{width:1rem}}.progress__graphs>section:nth-child(1){grid-column:1/2;grid-row:1/3}.progress__graphs>section:nth-child(2){grid-column:2/3;grid-row:1/2}.progress__graphs>section:nth-child(3){grid-column:2/3;grid-row:2/3}.progress__graphs>section:nth-child(4){grid-column:1/-1;grid-row:3/5}.progress__graphs>section:nth-child(5){grid-column:1/-1;grid-row:5/7}.progress__graphs>section:nth-child(4) .chart-wrapper,.progress__graphs>section:nth-child(5) .chart-wrapper{height:100%;min-height:22rem;display:flex;align-items:center;justify-content:center;position:relative}.progress__graphs>section:nth-child(4) .chart-body,.progress__graphs>section:nth-child(5) .chart-body{position:relative;width:100%;height:100%;padding:.75rem;box-sizing:border-box}.progress__graphs>section:nth-child(4) .chart-body app-graph,.progress__graphs>section:nth-child(4) .chart-body canvas,.progress__graphs>section:nth-child(5) .chart-body app-graph,.progress__graphs>section:nth-child(5) .chart-body canvas{width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;display:block}.goals{display:grid;grid-template-columns:repeat(3,1fr);gap:1.375rem;align-items:start;padding:1.125rem .75rem 2.25rem}.goal{background:linear-gradient(180deg,#ffffff0f,#ffffff05);background-clip:padding-box;-webkit-backdrop-filter:blur(.5rem) saturate(120%);backdrop-filter:blur(.5rem) saturate(120%);color:var(--elements-color);padding:1.125rem;border-radius:.75rem;box-shadow:0 1.125rem 2.5rem #03273a99,inset 0 .375rem 1.125rem #ffffff08;position:relative;display:flex;flex-direction:column;gap:.75rem;min-height:16.25rem;border:.0625rem solid rgba(255,255,255,.06);transition:transform .22s ease,box-shadow .22s ease}.goal:hover{transform:translateY(-.375rem);box-shadow:0 1.625rem 3.375rem #03273ab8,inset 0 .5rem 1.375rem #ffffff0a}.goal__container{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.goal h3{margin:0;padding:.5rem 1.125rem;background:var(--elements-color);color:var(--components-color);border-radius:1.125rem;font-weight:700;box-shadow:0 .375rem .875rem #08203047;display:inline-block;font-size:1rem}.goal__buttons{display:flex;gap:.625rem;align-items:center}.goal__buttons app-common-button button{background:var(--elements-color);color:var(--components-color);width:2.875rem;height:2.875rem;border-radius:.625rem;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:0 .5rem 1.125rem #08203038;border:none;transition:transform .16s ease,box-shadow .16s ease}.goal__buttons app-common-button button:hover{transform:translateY(-.1875rem);box-shadow:0 .75rem 1.625rem #08203047}.goal__buttons app-common-button svg,.goal__buttons app-common-button svg path,.goal__buttons app-common-button svg g,.goal__buttons app-common-button svg circle,.goal__buttons app-common-button svg rect{stroke:var(--components-color)!important;fill:none;color:var(--components-color)}.goal__progress{display:flex;flex-direction:column;gap:.5rem}progress.goal__progress-bar{-webkit-appearance:none;appearance:none;width:100%;height:.875rem;background:var(--elements-color);border-radius:.625rem;overflow:hidden}progress.goal__progress-bar::-webkit-progress-bar{background:var(--elements-color)}progress.goal__progress-bar::-webkit-progress-value{background:var(--components-color);transition:width .45s cubic-bezier(.2,.8,.2,1)}progress.goal__progress-bar::-moz-progress-bar{background:var(--components-color);transition:width .45s cubic-bezier(.2,.8,.2,1)}.goal__progress-meta{display:flex;justify-content:space-between;align-items:center;color:var(--elements-color);font-size:.9rem}.goal__progress-text{color:var(--elements-color)}.goal__progress-percent{font-weight:700;color:var(--elements-color)}.goal>p:nth-of-type(1){margin:0;background:var(--elements-color);color:var(--components-color);padding:1rem;border-radius:.5rem;min-height:8.75rem;box-shadow:inset 0 .0625rem #00000005}.goal>p:nth-of-type(2){margin:0;background:var(--elements-color);color:var(--components-color);padding:.5rem .875rem;border-radius:.875rem;width:fit-content}.goal>p:nth-of-type(3){margin:0;color:var(--elements-color);font-size:.95rem;opacity:.95}@media(max-width:48rem){.goals{grid-template-columns:1fr}.goal__container{flex-direction:column;align-items:center}.goal h3{margin-bottom:.5rem}.goal__buttons{justify-content:center}.goal>p:nth-of-type(1){min-height:7.5rem;padding:.875rem;text-align:center}.goal__progress-meta{justify-content:center;gap:.5rem}}@media(max-width:30rem){.goals{gap:1.625rem;padding-left:.75rem;padding-right:.75rem}.goal{max-width:22.5rem;margin-left:auto;margin-right:auto}.goal h3{padding:.375rem .75rem;font-size:.95rem}.goal__buttons app-common-button button{width:2.5rem;height:2.5rem}.goal>p:nth-of-type(1){min-height:6.875rem;padding:.75rem}}section{color:var(--elements-color);position:relative}section h1{font-size:3.25rem;font-weight:700;margin:0 0 1.25rem;letter-spacing:-.01em;text-shadow:0 .375rem 1.125rem rgba(0,0,0,.45);color:var(--elements-color)}section .chart-wrapper{background:linear-gradient(180deg,#ffffff08,#ffffff03);border-radius:.75rem;margin-bottom:1.6rem;border:.0625rem solid rgba(255,255,255,.06)}section .chart-wrapper h2{display:block;width:100%;box-sizing:border-box;background:var(--components-color);color:var(--elements-color);padding:.625rem 1.125rem;border-top-right-radius:.5rem;border-top-left-radius:.5rem;font-weight:700;box-shadow:0 .5rem 1.125rem #00000073;margin:0 0 .75rem}section .summary-wrapper .summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;align-items:center;margin-top:.8rem;padding:0 1rem 1rem}section .summary-wrapper .summary-grid .stat-card{background:#ffffff09;border-radius:.5rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.5rem;min-height:4rem;justify-content:center;border:.0625rem solid rgba(255,255,255,.06);box-shadow:inset 0 .0625rem #ffffff05}section .summary-wrapper .summary-grid .stat-card .label{font-size:.75rem;color:var(--elements-color);text-transform:lowercase}section .summary-wrapper .summary-grid .stat-card .value{font-weight:700;font-size:1.05rem;color:var(--elements-color)}section .summary-wrapper .summary-grid .chart-small{background:#ffffff09;display:flex;border:.0625rem solid rgba(255,255,255,.06);box-shadow:inset 0 .0625rem #ffffff05;border-radius:.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem}section .summary-wrapper .summary-grid .chart-small h3{font-size:.8rem;color:var(--elements-color);background:transparent;margin:0}section .chart-container{background:transparent;margin-top:.6rem;padding:1rem 1rem 1.25rem;border-radius:.5rem;border:.0625rem solid rgba(255,255,255,.04);box-shadow:inset 0 .0625rem #ffffff05;display:flex;align-items:center;justify-content:center}section .chart-container>app-graph,section .chart-container>canvas,section .chart-container>* canvas{width:100%;height:100%}section .problematic-cards-wrapper .problematic-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:.8rem}section .problematic-cards-wrapper .problematic-cards .problematic-card{display:flex;gap:.9rem;align-items:center;padding:.8rem;border-radius:.5rem;background:linear-gradient(90deg,#ffffff05,#ffffff03);border:.0625rem solid rgba(255,255,255,.08);box-shadow:0 .375rem .875rem #07121e73}section .problematic-cards-wrapper .problematic-cards .problematic-card img{width:8rem;height:8rem;object-fit:contain}section .problematic-cards-wrapper .problematic-cards .problematic-card .problematic-info{flex:1;display:flex;flex-direction:column;gap:.35rem}section .problematic-cards-wrapper .problematic-cards .problematic-card .problematic-info .name{font-weight:600;color:var(--elements-color);font-size:.95rem}section .problematic-cards-wrapper .problematic-cards .problematic-card .problematic-info .loss-rate-bar{position:relative;width:100%;height:1.4rem;background:var(--components-color);border-radius:62.4375rem;overflow:hidden;box-shadow:inset 0 -.1875rem .375rem #00000014}section .problematic-cards-wrapper .problematic-cards .problematic-card .problematic-info .loss-rate-bar .loss-rate-fill{height:100%;background:linear-gradient(90deg,#f8c9c9f2,#ebf9c8f2);border-radius:62.4375rem;transition:width .4s ease}section .problematic-cards-wrapper .problematic-cards .problematic-card .problematic-info .loss-rate-bar .loss-rate-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--elements-color);font-size:.9rem}section .problematic-cards-wrapper .problematic-cards .problematic-card .problematic-info .appearances{font-size:.82rem;color:var(--elements-color)}section p.error{color:var(--elements-color);background:#ff00000a;padding:.5rem .75rem;border-radius:.375rem;display:inline-block}@media(max-width:48rem){section>h1{font-size:3.6rem;text-align:left;margin-bottom:1rem}section .summary-wrapper .summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}section .summary-wrapper .stat-card{min-height:4rem;padding:.6rem .8rem;text-align:center}section .summary-wrapper .chart-small{padding:.6rem}section .summary-wrapper .chart-small app-graph,section .summary-wrapper .chart-small canvas{width:100%;height:7.5rem}section .chart-container{width:100%;max-width:100%;height:auto;min-height:13.75rem}section .problematic-cards-wrapper .problematic-cards{grid-template-columns:1fr;gap:1rem}section .problematic-card{flex-direction:column;align-items:center;text-align:center;padding:1rem;min-height:11.25rem;justify-content:space-between;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:.625rem;border:.125rem solid rgba(255,255,255,.06)}section .problematic-card img{width:5.25rem;height:5.25rem;margin:.25rem 0}section .problematic-info{width:100%}section .problematic-info .name{font-size:.95rem}section .problematic-cards-wrapper .problematic-cards .problematic-card .problematic-info .loss-rate-bar{width:56%;max-width:11.25rem;margin:.6rem auto .2rem}section .problematic-card .progress{width:80%;height:.75rem;border-radius:62.4375rem;background:#ffffff14;margin:.375rem auto 0;box-shadow:inset 0 -.1875rem .375rem #0000000f}section .chart-wrapper h2{display:block;margin-bottom:.5rem}}@media(min-width:56.3125rem)and (max-width:87.5rem){.summary-wrapper .summary-grid{grid-template-columns:repeat(3,1fr)}.problematic-cards-wrapper .problematic-cards{grid-template-columns:repeat(2,1fr)}.problematic-card{min-height:10rem}}@media(min-width:87.5625rem){.summary-wrapper .summary-grid{grid-template-columns:repeat(6,1fr)}.problematic-cards-wrapper .problematic-cards{grid-template-columns:repeat(4,1fr)}}.sessions{display:flex;flex-direction:column;gap:1rem}.card{position:relative;background:linear-gradient(180deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(.375rem) saturate(110%);backdrop-filter:blur(.375rem) saturate(110%);border-radius:.75rem;padding:.875rem 1.125rem;color:var(--elements-color);overflow:visible;box-shadow:0 1rem 2.25rem #03273a99,inset 0 .0625rem #ffffff05;border:.0625rem solid rgba(255,255,255,.04)}.card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.02) .0625rem,transparent .0625rem),linear-gradient(to bottom,rgba(255,255,255,.02) .0625rem,transparent .0625rem);background-size:4.5rem 4.5rem,4.5rem 4.5rem;pointer-events:none;opacity:.2;border-radius:.75rem}.card__header{display:flex;align-items:center;gap:1rem;justify-content:space-between}.card__pills{flex:1 1 auto;min-width:0}.pills-row{display:flex;align-items:center;gap:.65rem;flex-wrap:nowrap;min-height:2rem;overflow:hidden;min-width:0}.pill{background:var(--elements-color);color:var(--components-color);font-weight:700;white-space:wrap;padding:.5rem .75rem;border-radius:62.4375rem;box-shadow:0 .375rem .75rem #08203024;border:.0625rem solid rgba(0,0,0,.06);flex:0 1 auto;display:inline-flex;align-items:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pill.small{padding:.375rem .625rem;border-radius:62.4375rem;font-size:.78rem;box-shadow:0 .1875rem #0000001a inset}.pill.long{height:1.875rem;min-width:0;padding:0 1rem;border-radius:62.4375rem;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex:0 1 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis}.card__title{flex:0 0 auto;margin:0;font-size:.95rem;display:none}.card__header .flex{flex:0 0 auto;z-index:2}.flex{display:flex;gap:.5rem;align-items:center}.card__header .flex app-common-button button{background:var(--elements-color);border-radius:.625rem;width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 .5rem 1.125rem #0820302e;border:.0625rem solid rgba(0,0,0,.06);transition:transform .16s ease,box-shadow .16s ease}.card__header .flex app-common-button button:hover{transform:translateY(-.1875rem);box-shadow:0 .75rem 1.625rem #08203038}.card__header .flex app-common-button svg{max-width:3rem;max-height:3rem}.card__header .flex app-common-button svg path{stroke:var(--components-color)}.card__header .flex app-common-button.expanded svg{transform:rotate(180deg);transition:transform .18s ease}.card__header .flex app-common-button svg{transition:transform .18s ease}.session-summary{margin-top:.75rem;color:var(--elements-color);background:transparent;padding:.5rem 0;font-size:.9rem}.session-details{margin-top:.75rem;padding:.75rem 0;transition:all .22s ease}.expanded-fields{display:flex;flex-direction:column;gap:1rem}.expanded-fields .field label{display:block;color:var(--elements-color);font-size:.85rem;margin-bottom:.35rem}.expanded-fields .field .value{background:var(--elements-color);color:var(--components-color);min-height:3.5rem;padding:.875rem 1rem;border-radius:.5rem;box-shadow:0 .375rem .875rem #0820301f inset}.meta{margin-top:.75rem;color:var(--elements-color);font-size:.85rem}.session-summary{font-size:.85rem;opacity:.95}.hiden-pill{transition:opacity .16s ease,width .16s ease,max-width .16s ease,padding .16s ease,margin .16s ease;will-change:opacity,width,max-width,padding,margin}@media(max-width:45rem){.sessions{gap:.85rem}.card{padding:.75rem .875rem;border-radius:.625rem;margin:0 .5rem}.card__header{gap:.65rem}.card__pills{flex:1 1 auto}.pills-row{min-height:2.5rem;gap:.5rem}.pill.long.hiden-pill{opacity:0;width:0;max-width:0;min-width:0;padding:0;margin:0;pointer-events:none;visibility:hidden}.card__header .flex app-common-button button{width:2.75rem;height:2.75rem}}@media(max-width:32.5rem){.sessions{gap:.75rem}.card{padding:.625rem .75rem;border-radius:.5rem;margin:0 .75rem}.pill.hiden-pill{opacity:0;width:0;max-width:0;min-width:0;padding:0;margin:0;border-radius:0;pointer-events:none;visibility:hidden}.pills-row .pill.small:first-child{min-width:0;flex:1 1 auto;display:inline-flex;justify-content:flex-start}.session-details{padding:.5rem 0}.expanded-fields .field .value{min-height:3rem;padding:.75rem}.card__header .flex app-common-button svg{max-width:2.25rem;max-height:2.25rem}}@media(max-width:23.75rem){.card{margin-left:.625rem;margin-right:.625rem}.pills-row{gap:.5rem}.pill.small.hiden-pill{opacity:0;max-width:0;padding:0;margin:0;pointer-events:none;visibility:hidden}}.profile-header{padding:2.25rem 3.5rem;background:var(--components-color);color:var(--elements-color);display:flex;align-items:center;justify-content:space-between;gap:1.25rem;position:relative;width:100%;box-sizing:border-box;border-radius:0 0 .5rem .5rem}.profile-header__user-data{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}.profile-header__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.profile-header__user-data h1{margin:0 0 .75rem;font-size:3.5rem;line-height:1;font-family:var(--font-secondary),sans-serif;font-weight:700;color:var(--elements-color);text-shadow:0 .125rem 0 rgba(0,0,0,.25)}.profile-header__info{display:flex;gap:1.125rem;align-items:center}.profile-header__info img{width:7.5rem;height:7.5rem;border-radius:50%;object-fit:cover;background:#ffffff0a;border:.5rem solid rgba(255,255,255,.06);box-shadow:0 .5rem 1.5rem #00000073}.avatar-wrapper{position:relative;display:inline-block}.avatar-wrapper img{display:block}.avatar-change{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .18s ease-in-out,transform .18s ease-in-out;background:#0009;color:var(--elements-color);border:none;padding:.375rem .625rem;border-radius:.375rem;font-weight:700}.avatar-wrapper:hover .avatar-change{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1.02)}.profile-header__details p{margin:.375rem 0;opacity:.95;font-size:1.05rem}.profile-header__details p:first-child{font-weight:700}.profile-header__actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end;justify-content:center}.profile-header__actions app-common-button button{display:inline-flex;align-items:center;justify-content:center;min-width:11.25rem;height:3.25rem;padding:0 1.25rem;border-radius:.625rem;border:none;box-sizing:border-box;font-weight:700;font-size:1.05rem}.profile-header__actions app-common-button:first-child button{background:var(--color-warning-1);color:var(--components-color);box-shadow:0 .375rem .875rem #00000040;border:.0625rem solid rgba(0,0,0,.06);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.profile-header__actions app-common-button:first-child button:hover{transform:translateY(-.125rem);box-shadow:0 .75rem 1.625rem #00000059;filter:brightness(1.1)}.profile-header__actions app-common-button:last-child button{background:var(--color-error-1);color:var(--components-color);box-shadow:0 .375rem .875rem #00000040;border:.0625rem solid rgba(0,0,0,.06);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.profile-header__actions app-common-button:last-child button:hover{transform:translateY(-.125rem);box-shadow:0 .75rem 1.625rem #00000059;filter:brightness(1.1)}.profile-tag{position:absolute;right:0;top:0;transform:translateY(-12%);background:var(--elements-color);color:var(--components-color);padding:.625rem 1.25rem;border-radius:.25rem 0 0 .25rem;font-weight:700;font-size:1rem;border:none;box-shadow:0 .375rem 1.125rem #0000002e}.player-profile{padding:1.75rem 2.25rem 5rem;background-color:transparent}.player-profile>h2{color:var(--elements-color);margin:1.125rem 0 .875rem;font-size:1.75rem}.player-profile__card,.player-profile__cards{background:#ffffff0a;-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);border:.0625rem solid rgba(255,255,255,.08);border-radius:.625rem;box-shadow:0 .75rem 1.25rem #041a2240;margin-bottom:1.625rem}.player-profile__card h2,.player-profile__cards h2{display:block;box-sizing:border-box;width:100%;margin:0 0 .75rem;background:var(--components-color);color:var(--elements-color);padding:.625rem 1.125rem;border-radius:.5rem .5rem 0 0;font-weight:700;box-shadow:0 .5rem 1.125rem #00000073}.player-profile__card-inner{display:flex;gap:1.25rem;padding:2rem;align-items:center;justify-content:space-between}.deck{background:var(--elements-color);padding:.875rem;border-radius:.5rem;min-width:20rem;box-shadow:0 .375rem .875rem #00000026;margin-top:.8rem;text-align:center}.deck h3{background:none;box-shadow:none;color:var(--components-color);font-size:1rem}.deck__images{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;flex-wrap:wrap}.deck__images img{width:8rem;height:8rem;object-fit:contain}.deck__images img,.player-profile__cards-grid img{cursor:pointer}.player-stats{text-align:center;color:var(--elements-color);display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:10rem}.player-stats svg path{fill:var(--elements-color)}.player-stats svg{background:transparent}.player-stats p{font-size:1.75rem;margin:0;font-weight:700}.player-profile__extras{display:flex;flex-direction:column;gap:1.125rem;align-items:flex-end;justify-content:flex-start}.player-profile__extras .trophies,.player-profile__extras .favorite-card{width:8.75rem;box-sizing:border-box}.trophies{background:var(--elements-color);padding:.625rem .75rem;border-radius:.5rem;color:var(--components-color);font-weight:700;display:flex;align-items:center;justify-content:center}.favorite-card{background:var(--elements-color);color:var(--components-color);padding:.75rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.favorite-card img{width:6rem;height:auto;object-fit:contain;display:block;margin:.375rem auto 0}.player-profile__cards-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:1.125rem;padding:1.125rem .5rem}.player-profile__cards-grid img{width:8rem;height:8rem;object-fit:contain;display:block;margin:0 auto}.card-detail{position:fixed;background:var(--components-color);color:var(--elements-color);border-radius:.625rem;padding:.75rem;box-shadow:0 .75rem 1.875rem #00000073;z-index:1200;display:flex;gap:.75rem;align-items:center;min-width:13.75rem}.card-detail img{width:5.25rem;height:5.25rem;object-fit:contain;display:block}.card-detail__info h4{margin:0 0 .375rem;font-size:1rem}.card-detail__info p{margin:.125rem 0;font-size:.9rem}@media(max-width:56.25rem){.player-profile__card-inner{flex-direction:column;align-items:center;justify-content:center}.deck{min-width:100%}.player-profile__cards-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:48rem){.player-profile__cards-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.profile-header__actions{flex-direction:column;width:100%;align-items:center;gap:.625rem}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.375rem 1.125rem;gap:.75rem}.profile-header__user-data{order:1}.profile-header__user-data{grid-column:auto;grid-row:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-header__user-data h1{font-size:2.75rem;line-height:1.02;margin:0;text-align:center}.profile-header__inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.profile-header__info{display:flex;flex-direction:column;gap:.625rem;align-items:center}.profile-header__info img{width:6.875rem;height:6.875rem;border-radius:50%;border-width:.375rem}.avatar-wrapper{display:block}.avatar-change{font-size:.85rem;padding:.5rem .75rem}.profile-header__details p{margin:.25rem 0}.profile-header__actions app-common-button button{min-width:100%;max-width:26.25rem;width:calc(100% - 1.5rem);box-sizing:border-box}.profile-tag{display:inline-block;margin-top:.5rem;align-self:center}.profile-tag{position:static;transform:none;right:auto;top:auto;order:2;display:block;margin:.5rem 0;align-self:center;z-index:auto;border-radius:.25rem}.profile-header__actions{order:3;width:100%}.player-profile__card-inner>*{width:100%;max-width:32.5rem;box-sizing:border-box}.player-profile__extras{align-items:center}}.player-profile fieldset{border:none}.legal-page{max-width:100%;margin:6.5rem 2rem 2rem;padding:2rem;background:linear-gradient(180deg,#ffffff0a,#ffffff03);-webkit-backdrop-filter:blur(.5rem) saturate(120%);backdrop-filter:blur(.5rem) saturate(120%);border-radius:.75rem;border:.0625rem solid rgba(255,255,255,.06);color:var(--elements-color)}.legal-page h1{font-size:1.75rem;font-weight:800;margin:0 0 1.25rem;color:var(--elements-color)}.legal-page h2{font-size:1.125rem;font-weight:700;margin:1.5rem 0 .625rem;color:var(--elements-color)}.legal-page p{font-size:.9375rem;line-height:1.6;margin:0 0 .75rem;color:var(--elements-color)}.legal-page ul{margin:.5rem 0 1rem;padding-left:1.5rem}.legal-page ul li{font-size:.9375rem;line-height:1.6;margin-bottom:.375rem;color:var(--elements-color)}.legal-page article{margin-bottom:.5rem}@media(max-width:48rem){.legal-page{margin:1rem;padding:1.25rem}.legal-page h1{font-size:1.375rem}.legal-page h2{font-size:1rem}.legal-page p,.legal-page li{font-size:.875rem}}