@import"https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@500;600;700;800;900&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html,body{margin:0;padding:0;overflow-x:hidden}html{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:Hanken Grotesk,system-ui,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;overflow-x:hidden}button,input,select,textarea{font-family:inherit}input,select,textarea{font-size:16px}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.display{font-family:Saira Condensed,sans-serif;font-weight:800;letter-spacing:-.01em;line-height:.98;text-transform:uppercase}.cond{font-family:Saira Condensed,sans-serif}.tnum{font-variant-numeric:tabular-nums}.eyebrow{font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--text-3)}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root,[data-theme=dark]{--bg: oklch(.165 .012 158);--bg-2: oklch(.205 .014 158);--bg-3: oklch(.245 .015 158);--bg-inset: oklch(.14 .012 158);--line: oklch(.3 .012 158);--line-2: oklch(.38 .013 158);--text: oklch(.97 .006 158);--text-2: oklch(.78 .012 158);--text-3: oklch(.61 .012 158);--primary: oklch(.77 .165 150);--primary-dim: oklch(.72 .15 150);--on-primary: oklch(.18 .05 150);--primary-soft:oklch(.3 .06 150);--primary-soft-ink: oklch(.86 .13 150);--amber: oklch(.83 .145 80);--amber-soft: oklch(.33 .06 80);--amber-soft-ink: oklch(.88 .12 82);--coral: oklch(.72 .17 40);--coral-soft: oklch(.33 .08 40);--coral-soft-ink: oklch(.84 .12 45);--grey-soft: oklch(.3 .008 158);--grey-soft-ink: oklch(.7 .01 158);--shadow-1: 0 1px 2px oklch(0 0 0 / .3);--shadow-2: 0 6px 20px -6px oklch(0 0 0 / .55);--shadow-3: 0 18px 48px -16px oklch(0 0 0 / .65);--pitch-stripe: oklch(.19 .018 150);color-scheme:dark}[data-theme=light]{--bg: oklch(.975 .01 150);--bg-2: oklch(1 0 0);--bg-3: oklch(.96 .012 150);--bg-inset: oklch(.945 .014 150);--line: oklch(.905 .014 150);--line-2: oklch(.84 .016 150);--text: oklch(.235 .03 158);--text-2: oklch(.43 .022 158);--text-3: oklch(.56 .018 158);--primary: oklch(.59 .15 150);--primary-dim: oklch(.54 .14 150);--on-primary: oklch(.995 0 0);--primary-soft:oklch(.93 .06 150);--primary-soft-ink: oklch(.42 .12 150);--amber: oklch(.76 .145 73);--amber-soft: oklch(.94 .06 82);--amber-soft-ink: oklch(.5 .11 70);--coral: oklch(.64 .18 38);--coral-soft: oklch(.945 .055 45);--coral-soft-ink: oklch(.52 .15 40);--grey-soft: oklch(.93 .008 158);--grey-soft-ink: oklch(.5 .01 158);--shadow-1: 0 1px 2px oklch(.3 .02 158 / .08);--shadow-2: 0 6px 20px -8px oklch(.3 .02 158 / .16);--shadow-3: 0 20px 48px -18px oklch(.3 .02 158 / .22);--pitch-stripe: oklch(.955 .018 150);color-scheme:light}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.pitch-bg{background-image:repeating-linear-gradient(100deg,var(--bg) 0 64px,var(--pitch-stripe) 64px 128px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:16px;line-height:1;border:1px solid transparent;border-radius:12px;padding:0 20px;min-height:48px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease;text-decoration:none;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}.btn--block{width:100%}.btn--lg{min-height:56px;font-size:19px;border-radius:14px;padding:0 26px}.btn--sm{min-height:38px;font-size:14px;border-radius:10px;padding:0 14px}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 18px -8px var(--primary)}.btn--primary:hover{background:var(--primary-dim)}.btn--secondary{background:var(--bg-3);color:var(--text);border-color:var(--line-2)}.btn--secondary:hover{background:var(--line)}.btn--ghost{background:transparent;color:var(--text-2)}.btn--ghost:hover{background:var(--bg-3);color:var(--text)}.btn--amber{background:var(--amber);color:#261800;color:oklch(.22 .05 80);box-shadow:0 6px 18px -8px var(--amber)}.btn[disabled]{opacity:.5;pointer-events:none}.field{display:flex;flex-direction:column;gap:7px}.field__label{font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;color:var(--text-2)}.input{background:var(--bg-inset);color:var(--text);border:1px solid var(--line-2);border-radius:11px;padding:13px 14px;font-size:15.5px;width:100%;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input::-moz-placeholder{color:var(--text-3)}.input::placeholder{color:var(--text-3)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field__hint{font-size:12.5px;color:var(--text-3)}.field__error{font-size:12.5px;color:var(--coral)}.input-pw{position:relative}.input-pw .input{padding-right:44px}.input-pw__toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;background:transparent;border:none;border-radius:8px;color:var(--text-3);cursor:pointer;display:grid;place-items:center;transition:color .15s ease,background .15s ease}.input-pw__toggle:hover{color:var(--text);background:var(--bg-3)}.pbadge{display:inline-flex;align-items:center;gap:6px;font-family:Saira Condensed,sans-serif;font-weight:800;border-radius:9px;padding:4px 9px 3px;line-height:1;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.pbadge__num{font-size:16px}.pbadge--3{background:var(--primary-soft);color:var(--primary-soft-ink)}.pbadge--1{background:var(--amber-soft);color:var(--amber-soft-ink)}.pbadge--0{background:var(--grey-soft);color:var(--grey-soft-ink)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:11.5px;border-radius:99px;padding:4px 10px;line-height:1;border:1px solid transparent}.pill__dot{width:7px;height:7px;border-radius:99px;background:currentColor}.pill--open{background:var(--primary-soft);color:var(--primary-soft-ink)}.pill--locked{background:var(--grey-soft);color:var(--grey-soft-ink)}.pill--played{background:var(--bg-3);color:var(--text-2);border-color:var(--line-2)}.pill--live{background:var(--coral-soft);color:var(--coral-soft-ink)}.pill--live .pill__dot{animation:livepulse 1.4s ease-in-out infinite}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.35}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-3);border:1px solid var(--line-2);font-size:20px;flex:none}.avatar--sm{width:34px;height:34px;font-size:16px}.avatar--md{width:44px;height:44px;font-size:22px}.avatar--lg{width:72px;height:72px;font-size:36px}.countdown{display:inline-flex;align-items:baseline;gap:8px}.countdown__seg{display:inline-flex;flex-direction:column;align-items:center}.countdown__val{font-family:Saira Condensed,sans-serif;font-weight:800;font-size:22px;line-height:1;font-variant-numeric:tabular-nums;color:var(--text)}.countdown__lab{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-top:3px}.countdown--urgent .countdown__val{color:var(--coral)}.match{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease;text-align:left;width:100%;display:block;cursor:pointer;padding:0;color:inherit;font-family:inherit}.match:hover{border-color:var(--line-2);box-shadow:var(--shadow-2)}.match__top{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--bg-3)}.match__meta{display:flex;align-items:center;gap:9px;min-width:0}.match__group{font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match__body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:16px 14px}.match__team{display:flex;align-items:center;gap:11px;min-width:0}.match__team--away{flex-direction:row-reverse;text-align:right}.match__flag{font-size:34px;line-height:1;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.match__tname{display:flex;flex-direction:column;min-width:0}.match__tname b{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.match__tname span{font-size:11px;color:var(--text-3);letter-spacing:.06em}.match__center{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px}.match__score{font-family:Saira Condensed,sans-serif;font-weight:800;font-size:30px;line-height:1;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}.match__score .x{color:var(--text-3);font-size:18px}.match__vs{font-family:Saira Condensed,sans-serif;font-weight:700;color:var(--text-3);font-size:16px;letter-spacing:.1em}.match__pred-chip{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-soft-ink);background:var(--primary-soft);padding:3px 8px;border-radius:7px;line-height:1}.match__pred-chip--muted{background:var(--grey-soft);color:var(--grey-soft-ink)}.match__pred-chip--call{background:var(--amber-soft);color:var(--amber-soft-ink)}.match__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:var(--bg-inset)}.match__when{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2);min-width:0}.match__when svg{flex:none}.match__cta{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-soft-ink);display:inline-flex;align-items:center;gap:4px}.match__cta--muted{color:var(--text-3)}.rrow{display:grid;grid-template-columns:38px 44px 1fr auto;align-items:center;gap:12px;padding:11px 14px;border-radius:13px;border:1px solid transparent;background:var(--bg-2)}.rrow+.rrow{margin-top:8px}.rrow--you{background:var(--primary-soft);border-color:var(--primary)}.rrow__pos{font-family:Saira Condensed,sans-serif;font-weight:800;font-size:20px;text-align:center;color:var(--text-2);font-variant-numeric:tabular-nums}.rrow--you .rrow__pos{color:var(--primary-soft-ink)}.rrow__pos--medal{color:var(--amber)}.rrow__id{min-width:0;display:flex;flex-direction:column}.rrow__alias{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rrow__name{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rrow__pts{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.rrow__pts b{font-family:Saira Condensed,sans-serif;font-weight:800;font-size:21px;line-height:1;font-variant-numeric:tabular-nums}.rrow__pts span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.rrow--you .rrow__pts span{color:var(--primary-soft-ink)}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px}.card--inset{background:var(--bg-inset)}.shead{display:flex;align-items:baseline;gap:10px}.shead__title{font-family:Saira Condensed,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:20px}.shead__count{font-size:12px;color:var(--text-3);font-family:Saira Condensed,sans-serif;font-weight:600;letter-spacing:.06em}.seg{display:inline-flex;background:var(--bg-inset);border:1px solid var(--line);border-radius:11px;padding:3px;gap:2px}.seg__btn{border:none;background:transparent;cursor:pointer;font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--text-3);padding:8px 14px;border-radius:8px;transition:background .15s ease,color .15s ease;white-space:nowrap}.seg__btn--active{background:var(--bg-3);color:var(--text);box-shadow:var(--shadow-1)}.app{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg);color:var(--text)}.shell--desktop{display:none}@media(min-width:768px){.app{display:none}.shell--desktop{display:grid;grid-template-columns:248px 1fr;min-height:100dvh}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.topbar__brand{display:flex;align-items:center;gap:10px;min-width:0}.brandmark{width:42px;height:42px;flex:none;background:url(/brandmark.png?v=3) center / cover no-repeat;border-radius:11px;box-shadow:0 4px 12px -4px var(--primary);display:block}.brandmark__txt{display:none}.brandwm{display:flex;flex-direction:column;line-height:.95;min-width:0}.brandwm b{font-family:Saira Condensed,sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.brandwm span{font-size:10.5px;letter-spacing:.18em;color:var(--text-3);text-transform:uppercase;font-weight:600;white-space:nowrap}.topbar__actions{display:flex;align-items:center;gap:8px}.iconbtn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--text-2);display:grid;place-items:center;cursor:pointer;transition:all .15s ease;flex:none}.iconbtn:hover{color:var(--text);border-color:var(--line-2)}.appbody{flex:1;min-height:0}.page{padding:18px 18px 96px;max-width:720px;margin:0 auto}.page--wide{max-width:1080px}.tabbar{display:flex;align-items:stretch;border-top:1px solid var(--line);background:color-mix(in oklch,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 6px calc(6px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;z-index:20}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;cursor:pointer;padding:7px 4px;border-radius:11px;color:var(--text-3);transition:color .15s ease,background .15s ease;text-decoration:none}.tab span{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.tab--active{color:var(--primary)}.tab--active .tab__ico{background:var(--primary-soft)}.tab__ico{width:40px;height:26px;border-radius:8px;display:grid;place-items:center;transition:background .15s ease}.sidebar{border-right:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;padding:20px 16px;gap:6px;position:sticky;top:0;height:100dvh}.sidebar__brand{display:flex;align-items:center;gap:11px;padding:4px 6px 18px}.navitem{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;border:none;background:transparent;cursor:pointer;color:var(--text-2);text-align:left;font-family:Saira Condensed,sans-serif;font-weight:700;font-size:15.5px;text-transform:uppercase;letter-spacing:.03em;transition:all .15s ease;width:100%;text-decoration:none}.navitem:hover{background:var(--bg-3);color:var(--text)}.navitem--active{background:var(--primary-soft);color:var(--primary-soft-ink)}.navitem__badge{margin-left:auto;font-size:11px;background:var(--bg-3);color:var(--text-2);padding:2px 8px;border-radius:99px}.navitem--active .navitem__badge{background:var(--primary);color:var(--on-primary)}.sidebar__foot{margin-top:auto}.sidebar__user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--bg-3);border:1px solid var(--line)}.sidebar__user b{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:14px;display:block}.sidebar__user span{font-size:11px;color:var(--text-3)}.deskmain{min-height:100dvh}.deskhead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in oklch,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.deskhead h1{font-family:Saira Condensed,sans-serif;font-weight:800;text-transform:uppercase;font-size:28px;margin:0;letter-spacing:.01em}.deskhead p{margin:2px 0 0;color:var(--text-3);font-size:13.5px}.deskpage{padding:26px 32px 48px;max-width:1080px}.statstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.stat{background:var(--bg-2);padding:13px 12px;display:flex;flex-direction:column;gap:2px}.stat b{font-family:Saira Condensed,sans-serif;font-weight:800;font-size:23px;line-height:1;font-variant-numeric:tabular-nums}.stat span{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}.stat--accent b{color:var(--primary)}.landing{min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.landing__nav{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;position:relative;z-index:3}.landing__hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:18px 22px 32px;position:relative;z-index:3;max-width:760px;margin:0 auto;width:100%}.landing__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.landing__glow:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;top:-180px;right:-140px;background:radial-gradient(circle,color-mix(in oklch,var(--primary) 35%,transparent),transparent 65%);filter:blur(20px)}.landing__glow:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;bottom:-160px;left:-120px;background:radial-gradient(circle,color-mix(in oklch,var(--amber) 24%,transparent),transparent 65%);filter:blur(20px)}.landing__kicker{display:inline-flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line-2);padding:7px 13px;border-radius:99px;font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--text-2);width:-moz-fit-content;width:fit-content;white-space:nowrap}.landing__title{font-family:Saira Condensed,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(40px,12vw,82px);line-height:.96;letter-spacing:-.01em;margin:16px 0 0;padding-bottom:4px}.landing__title em{font-style:normal;color:var(--primary)}.landing__sub{font-size:clamp(15px,4vw,19px);color:var(--text-2);max-width:48ch;margin:20px 0 0;line-height:1.5}.landing__cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.landing__points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.ppill{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:16px 14px}.ppill__n{font-family:Saira Condensed,sans-serif;font-weight:900;font-size:38px;line-height:1;display:flex;align-items:baseline;gap:6px}.ppill__n--3{color:var(--primary)}.ppill__n--1{color:var(--amber)}.ppill__n--0{color:var(--text-3)}.ppill__lab{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.ppill__t{font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:13px;margin-top:6px}.ppill__d{font-size:12px;color:var(--text-3);margin-top:3px;line-height:1.35}.authwrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 22px;position:relative}.authcard{width:100%;max-width:410px;background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:26px 24px;box-shadow:var(--shadow-3);position:relative;z-index:2}.authcard__head{text-align:center;margin-bottom:20px}.authcard__head h2{font-family:Saira Condensed,sans-serif;font-weight:800;text-transform:uppercase;font-size:27px;margin:12px 0 4px}.authcard__head p{color:var(--text-3);font-size:14px;margin:0}.authswitch{display:flex;background:var(--bg-inset);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:22px}.authswitch button{flex:1;border:none;background:transparent;cursor:pointer;padding:10px;border-radius:9px;font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:14px;color:var(--text-3);transition:all .15s ease}.authswitch button[data-active=true]{background:var(--primary);color:var(--on-primary)}.authfoot{text-align:center;margin-top:18px;font-size:13px;color:var(--text-3)}.authfoot a{color:var(--primary-soft-ink);cursor:pointer;font-weight:600}.detailback{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--text-2);font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px;padding:0;margin-bottom:16px;text-decoration:none}.detailback:hover{color:var(--text)}.matchhero{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;overflow:hidden}.matchhero__top{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg-3)}.matchhero__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:26px 18px 20px}.bigteam{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.bigteam__flag{font-size:64px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.bigteam b{font-family:Saira Condensed,sans-serif;font-weight:800;font-size:20px;text-transform:uppercase}.bigteam span{font-size:12px;color:var(--text-3)}.matchhero__mid{display:flex;flex-direction:column;align-items:center;gap:4px}.matchhero__mid .vs{font-family:Saira Condensed,sans-serif;font-weight:800;color:var(--text-3);font-size:17px;letter-spacing:.12em}.steppers{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:4px 18px 18px}.stepper{background:var(--bg-inset);border:1px solid var(--line-2);border-radius:16px;padding:14px;text-align:center}.stepper__lab{font-family:Saira Condensed,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--text-2);display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:10px}.stepper__row{display:flex;align-items:center;justify-content:center;gap:14px}.stepbtn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:all .12s ease;flex:none}.stepbtn:hover{background:var(--bg-3);border-color:var(--primary);color:var(--primary)}.stepbtn:active{transform:scale(.94)}.stepbtn[disabled]{opacity:.35;pointer-events:none}.stepval{font-family:Saira Condensed,sans-serif;font-weight:900;font-size:44px;line-height:1;min-width:46px;font-variant-numeric:tabular-nums}@media(max-width:480px){.steppers{gap:10px;padding:4px 12px 14px}.stepper{padding:12px 8px;border-radius:14px}.stepper__row{gap:8px}.stepbtn{width:38px;height:38px}.stepval{font-size:38px;min-width:32px}}.closebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--line);background:var(--bg-inset);flex-wrap:wrap}.closebar__lab{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-family:Saira Condensed,sans-serif;font-weight:700}.lockednote{display:flex;align-items:center;gap:12px;padding:16px 18px;border-top:1px solid var(--line);background:var(--grey-soft);color:var(--grey-soft-ink);font-size:14px}.lockednote svg{flex:none}.resultline{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px;border-top:1px solid var(--line)}.resultbox{background:var(--bg-inset);border-radius:14px;padding:14px;text-align:center}.resultbox span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-family:Saira Condensed,sans-serif;font-weight:700}.resultbox b{display:block;font-family:Saira Condensed,sans-serif;font-weight:900;font-size:34px;line-height:1.1}.predrow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:13px 15px}.predrow+.predrow{margin-top:9px}.predrow__teams{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center;gap:7px;white-space:nowrap}.predrow__teams .fl{font-size:21px}.predrow__sub{font-size:11.5px;color:var(--text-3);margin-top:2px}.predrow__nums{display:flex;align-items:center;gap:16px}.scorecol{text-align:center}.scorecol span{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);display:block;font-family:Saira Condensed,sans-serif;font-weight:700}.scorecol b{font-family:Saira Condensed,sans-serif;font-weight:800;font-size:19px;font-variant-numeric:tabular-nums}.scorecol--real b{color:var(--text)}.scorecol--mine b{color:var(--text-2)}.podium{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:10px;align-items:end;margin-bottom:22px}.pod{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:16px 10px 14px;text-align:center;position:relative}.pod--1{border-color:var(--amber);background:linear-gradient(180deg,color-mix(in oklch,var(--amber) 16%,var(--bg-2)),var(--bg-2));padding-top:22px}.pod__rank{font-family:Saira Condensed,sans-serif;font-weight:900;font-size:15px;color:var(--text-3);margin-top:8px}.pod--1 .pod__rank{color:var(--amber)}.pod__alias{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:14px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pod__pts{font-family:Saira Condensed,sans-serif;font-weight:900;font-size:26px;margin-top:2px}.pod__pts span{font-size:11px;color:var(--text-3);font-weight:600}.profhead{display:flex;align-items:center;gap:16px;padding:22px;background:var(--bg-2);border:1px solid var(--line);border-radius:18px}.profhead__id b{font-family:Saira Condensed,sans-serif;font-weight:800;font-size:24px;text-transform:uppercase;display:block;line-height:1}.profhead__id span{color:var(--text-3);font-size:13.5px}.proflist{margin-top:16px;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;overflow:hidden}.profitem{display:flex;align-items:center;gap:14px;padding:15px 18px}.profitem+.profitem{border-top:1px solid var(--line)}.profitem__ico{color:var(--text-3);flex:none}.profitem__main{flex:1;min-width:0}.profitem__main b{font-family:Saira Condensed,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.03em;display:block}.profitem__main span{font-size:13px;color:var(--text-3)}.profitem__act{margin-left:auto}