:root,[data-theme=dark]{color-scheme:dark;--font-sans: "Tomorrow", "Aptos", "Segoe UI", Arial, sans-serif;--font-display: "Barlow Condensed", "Barlow", "Aptos Display", "Segoe UI", Arial, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--color-bg: #12161c;--color-surface: #1a2027;--color-surface-subtle: #222a33;--color-surface-raised: #202832;--color-border: #343d49;--color-border-strong: #566270;--color-text: #f1f4f8;--color-text-muted: #b4bcc8;--color-text-subtle: #8791a0;--color-text-inverse: #101114;--color-link: #9db6ff;--color-brand: #5dc8a7;--color-brand-strong: #91dec6;--color-brand-soft: #123a31;--color-accent: #ffc15c;--color-accent-strong: #ffd68b;--color-accent-soft: #3f2b0d;--color-social: #8ea0ff;--color-social-soft: #1f285c;--color-info: #75a7e4;--color-info-soft: #182d45;--color-success: #5ec391;--color-success-soft: #173728;--color-warning: #e0ad59;--color-warning-soft: #38280f;--color-danger: #e37670;--color-danger-soft: #421f1d;--color-locked: #b69ae4;--color-locked-soft: #2b1f40;--color-reported-odds: #75a7e4;--color-value-odds: #5dc8a7;--color-void: #9ca69b;--color-roi-positive: #5ec391;--color-roi-negative: #e37670;--color-roi-flat: #9ca69b;--color-risk-low: #5ec391;--color-risk-medium: #e0ad59;--color-risk-high: #e37670;--color-chart-grid: #343d49;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-none: 0;--radius-sharp: .125rem;--radius-badge: .25rem;--radius-smooth: .5rem;--radius-md: .625rem;--radius-squircle: .875rem;--radius-lg: 1rem;--radius-pill: 999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgb(0 0 0 / 16%);--shadow-md: 0 8px 24px rgb(0 0 0 / 22%);--shadow-focus: 0 0 0 3px rgb(93 200 167 / 26%);--size-control-sm: 2rem;--size-control-md: 2.5rem;--size-control-lg: 3rem;--line-height-tight: 1.15;--line-height-body: 1.5;--line-height-ui: 1.25;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem}[data-theme=light]{color-scheme:light;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-subtle: #f3f6f8;--color-surface-raised: #ffffff;--color-border: #d6dee5;--color-border-strong: #8795a5;--color-text: #101820;--color-text-muted: #4b5967;--color-text-subtle: #647383;--color-text-inverse: #ffffff;--color-link: #1d5fbf;--color-brand: #08735c;--color-brand-strong: #07513f;--color-brand-soft: #e1f3ed;--color-accent: #a85f00;--color-accent-strong: #774000;--color-accent-soft: #fff1d8;--color-social: #344fc8;--color-social-soft: #e8ecff;--color-info: #1766a9;--color-info-soft: #e3f0fb;--color-success: #087747;--color-success-soft: #e1f3e9;--color-warning: #8a5a00;--color-warning-soft: #fff0cf;--color-danger: #b12f32;--color-danger-soft: #fde7e6;--color-locked: #65428c;--color-locked-soft: #eee7f7;--color-reported-odds: #1766a9;--color-value-odds: #08735c;--color-void: #5f6b62;--color-roi-positive: #087747;--color-roi-negative: #b12f32;--color-roi-flat: #5f6b62;--color-risk-low: #087747;--color-risk-medium: #8a5a00;--color-risk-high: #b12f32;--color-chart-grid: #dbe2e8;--shadow-sm: 0 1px 2px rgb(16 24 32 / 8%), 0 1px 4px rgb(16 24 32 / 4%);--shadow-md: 0 12px 32px rgb(16 24 32 / 12%), 0 2px 8px rgb(16 24 32 / 6%);--shadow-focus: 0 0 0 2px #ffffff, 0 0 0 5px rgb(8 115 92 / 72%)}*,: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:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);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}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.static{position:static}.block{display:block}.inline{display:inline}.hidden{display:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.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)}*{box-sizing:border-box}html{min-width:320px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button,a,select,input,textarea{outline:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:var(--shadow-focus)}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,color-mix(in srgb,var(--color-surface-subtle) 18%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--color-bg) 90%,#202833),var(--color-bg));background-size:100% 100%,100% 100%}.app-main{display:flex;flex-direction:column;min-width:0;min-height:100vh}.sidebar-nav{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--space-6);height:100vh;border-right:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-bg) 88%,transparent);padding:var(--space-5)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sidebar-header:empty{display:none}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;width:100%;border:0;background:transparent;color:var(--color-text);padding:0;text-align:left}.sidebar-brand img{width:100%;height:auto;flex:1 1 auto;-o-object-fit:contain;object-fit:contain}.sidebar-menu{display:flex;min-height:0;flex:1;flex-direction:column;gap:var(--space-5)}.sidebar-status-card{position:relative;display:grid;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--color-brand) 24%,var(--color-border));border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-brand-soft) 28%,transparent);padding:var(--space-3)}.sidebar-status-dismiss{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text-muted);font-size:20px;line-height:1;cursor:pointer}.sidebar-status-dismiss:hover,.sidebar-status-dismiss:focus-visible{background:color-mix(in srgb,var(--color-brand) 12%,transparent);color:var(--color-text)}.sidebar-status-card span{color:var(--color-brand-strong);font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase;padding-right:var(--space-5)}.sidebar-status-dismiss span{padding:0;color:inherit;font-size:inherit;font-weight:inherit;text-transform:none}.sidebar-status-card strong{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;line-height:var(--line-height-body)}.sidebar-mobile-actions,.mobile-theme-toggle,.sidebar-menu-toggle,.sidebar-backdrop{display:none}.wordmark{border:0;background:transparent;color:var(--color-brand-strong);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;line-height:1;text-align:left;cursor:pointer;padding:0}.sidebar-logo{height:2rem;width:auto;display:block}.sidebar-nav nav,.feed-tabs,.post-actions{display:flex;align-items:center;gap:var(--space-2)}.sidebar-nav nav{align-items:stretch;flex-direction:column}.sidebar-nav nav p{margin:0 0 var(--space-1);color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.theme-toggle,.post-action-button,.post-actions button,.recommended-player button,.leaderboard-row button,.saved-row button,.privacy-row button{min-height:var(--size-control-sm);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);padding:0 var(--space-3)}.theme-toggle:hover,.post-action-button:hover,.post-actions button:hover,.recommended-player button:hover,.leaderboard-row button:hover,.saved-row button:hover,.privacy-row button:hover{color:var(--color-text)}.theme-toggle,.post-actions .is-selected,.leaderboard-row .is-selected,.recommended-player .is-selected,.privacy-row .is-selected,.primary-action.is-selected{border-color:color-mix(in srgb,var(--color-brand) 46%,transparent);background:var(--color-brand-soft);color:var(--color-brand-strong)}.sidebar-nav nav button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--size-control-sm);border:0;border-left:2px solid transparent;border-radius:var(--radius-none);background:transparent;color:var(--color-text-muted);padding:0 var(--space-3);text-align:left;transition:border-color .18s ease,background .18s ease,color .18s ease}.sidebar-nav nav button em{border-radius:var(--radius-badge);background:var(--color-surface-subtle);color:var(--color-text-subtle);padding:2px var(--space-2);font-size:var(--font-size-xs);font-style:normal;font-weight:700;text-transform:uppercase}.sidebar-nav nav button:disabled,.sidebar-nav nav button[aria-disabled=true]{cursor:not-allowed;opacity:.62}.sidebar-nav nav button:disabled:hover,.sidebar-nav nav button[aria-disabled=true]:hover{border-left-color:transparent;color:var(--color-text-muted)}.sidebar-nav nav button:hover{border-left-color:var(--color-border-strong);color:var(--color-text)}.sidebar-nav nav .active{border-left-color:var(--color-brand);background:color-mix(in srgb,var(--color-brand-soft) 64%,transparent);color:var(--color-brand-strong)}.sidebar-nav nav .featured-nav-item{color:color-mix(in srgb,#f6c85f 78%,var(--color-text))}.sidebar-nav nav .featured-nav-item svg{width:19px;height:19px;flex:0 0 auto;filter:drop-shadow(0 0 8px rgb(246 200 95 / 42%));--icon-duotone-accent: #f6c85f}.sidebar-nav nav .featured-nav-item.active{border-left-color:#f6c85f;background:linear-gradient(90deg,rgb(246 200 95 / 13%),transparent);color:#f6c85f}.theme-toggle{display:grid;width:var(--size-control-lg);height:var(--size-control-lg);margin-top:auto;place-items:center;padding:0;transition:border-color .18s ease,background .18s ease,color .18s ease}.theme-toggle-icon{width:22px;height:22px;--icon-duotone-accent: var(--color-accent)}.sidebar-desktop-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:auto}.sidebar-desktop-actions .theme-toggle{margin-top:0}.language-select{position:relative}.language-select-toggle{display:block;width:var(--size-control-lg);height:var(--size-control-lg);border:1px solid var(--color-border);border-radius:50%;background:transparent;padding:0;overflow:hidden;cursor:pointer}.language-select-toggle:hover{border-color:var(--color-border-strong)}.language-select-toggle-flag{display:block;width:100%;height:100%}.language-select-option-flag{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1px solid var(--color-border)}.language-select-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:5;display:flex;flex-direction:column;gap:2px;min-width:160px;border:1px solid var(--color-border);border-radius:var(--radius-smooth);background:var(--color-surface);box-shadow:var(--shadow-md);padding:var(--space-2)}.language-select-option{display:flex;align-items:center;gap:var(--space-2);border:0;border-radius:var(--radius-smooth);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:left;padding:var(--space-2) var(--space-3);cursor:pointer}.language-select-option:hover{background:var(--color-surface-subtle);color:var(--color-text)}.language-select-option.active{background:var(--color-brand-soft);color:var(--color-brand-strong)}.sidebar-desktop-actions .language-select-menu{top:auto;bottom:calc(100% + var(--space-2));right:auto;left:0}.sidebar-account{overflow:hidden;margin:auto 0 0;color:var(--color-text-subtle);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.sidebar-account-row{display:flex;align-items:center;gap:var(--space-2);margin:0;padding-top:var(--space-4);border-top:1px solid var(--color-border);min-width:0}.sidebar-account-row .sidebar-account{flex:1 1 auto;margin:0;min-width:0}.sidebar-sign-out{flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-subtle);font-size:var(--font-size-xs);padding:2px var(--space-2);cursor:pointer}.sidebar-sign-out:hover{border-color:var(--color-text-subtle);color:var(--color-text)}.sidebar-account-row+.theme-toggle{margin-top:0}.sidebar-menu-toggle{width:var(--size-control-lg);min-height:var(--size-control-lg);border:1px solid var(--color-border);border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-surface) 72%,transparent);color:var(--color-text);padding:10px}.sidebar-menu-toggle span{display:block;width:100%;height:2px;border-radius:var(--radius-pill);background:currentColor;transition:transform .18s ease,opacity .18s ease}.sidebar-menu-toggle span+span{margin-top:5px}.sidebar-nav.is-menu-open .sidebar-menu-toggle span:first-child{transform:translateY(7px) rotate(45deg)}.sidebar-nav.is-menu-open .sidebar-menu-toggle span:nth-child(2){opacity:0}.sidebar-nav.is-menu-open .sidebar-menu-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}.page-layout{width:min(1920px,100%);margin:0;padding:var(--space-8) clamp(var(--space-4),3vw,var(--space-8)) var(--space-16)}.home-page-layout{display:grid;grid-template-columns:minmax(640px,1fr) minmax(288px,352px);gap:var(--space-8);width:min(1920px,100%);align-items:start}.home-content{min-width:0}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:center;margin-bottom:var(--space-5)}.page-header h1{max-width:760px;margin:0;font-size:clamp(1.75rem,3vw,2.75rem);line-height:var(--line-height-tight)}.page-header p{max-width:660px;margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-body)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-brand);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.primary-action{min-height:var(--size-control-lg);border:1px solid var(--color-brand);border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-text-inverse);font-weight:700;padding:0 var(--space-5);transition:border-color .18s ease,background .18s ease,color .18s ease}.primary-action:hover{border-color:var(--color-brand-strong);background:var(--color-brand-strong)}.feed-tabs{width:-moz-fit-content;width:fit-content;margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface) 82%,transparent);padding:3px}.upcoming-events{display:grid;gap:var(--space-3);margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-surface) 68%,transparent);padding:var(--space-4)}.upcoming-events-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4)}.upcoming-events-heading>div{display:grid;gap:var(--space-1)}.upcoming-events-heading .eyebrow{display:block;margin:0}.upcoming-events-heading strong{color:var(--color-text);font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.upcoming-events-heading>span{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase}.events-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.event-tile{display:grid;gap:var(--space-1);min-height:118px;border:1px solid var(--color-border);border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-surface-raised) 74%,transparent);padding:var(--space-3);transition:border-color .18s ease,background .18s ease}.event-tile:hover{border-color:color-mix(in srgb,var(--color-brand) 44%,var(--color-border));background:color-mix(in srgb,var(--color-surface-raised) 94%,transparent)}.event-tile span,.event-tile p{color:var(--color-text-muted)}.event-tile span{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.event-tile strong{color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.event-tile p{margin:0;line-height:var(--line-height-ui)}.event-kickoff{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.event-countdown{border:1px solid color-mix(in srgb,var(--color-brand) 34%,var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-brand) 12%,transparent);color:var(--color-text);padding:2px var(--space-2);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.event-actions{display:flex;flex-wrap:wrap;-moz-column-gap:var(--space-6);column-gap:var(--space-6);row-gap:var(--space-2);align-items:center;margin-top:var(--space-1)}.event-actions button{display:inline-flex;align-items:center;gap:var(--space-2);width:-moz-fit-content;width:fit-content;min-height:var(--size-control-sm);border:0;border-radius:var(--radius-none);background:transparent;color:var(--color-link);padding:0;font-weight:700}.event-action-icon{width:18px;height:18px;flex:0 0 auto;--icon-duotone-accent: currentColor}.event-actions button:hover{color:color-mix(in srgb,var(--color-link) 72%,var(--color-text));text-decoration:underline;text-underline-offset:.18em}.event-actions .event-prediction-action{margin-left:auto;color:var(--color-brand)}.feed-tabs button{min-height:var(--size-control-sm);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);padding:0 var(--space-3);transition:border-color .18s ease,background .18s ease,color .18s ease}.feed-tabs button:hover{border-color:var(--color-border-strong);color:var(--color-text)}.feed-tabs .active{border-color:transparent;background:var(--color-brand-soft);color:var(--color-brand-strong)}.feed-list{display:grid;gap:var(--space-6)}.pick-post-skeleton{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.pick-post-skeleton-media{height:132px;border-radius:var(--radius-badge)}.pick-post-skeleton-body{display:grid;gap:var(--space-3);align-content:start}.pick-post-skeleton-header{display:flex;align-items:center;gap:var(--space-3)}.pick-post-skeleton-avatar{width:40px;height:40px;flex:0 0 auto;border-radius:var(--radius-pill)}.pick-post-skeleton-lines{display:grid;gap:var(--space-2);flex:1 1 auto}.pick-post-skeleton-line{display:block;height:12px;border-radius:var(--radius-badge)}.pick-post-skeleton-line.is-title{height:18px;width:70%}.pick-post-skeleton-line.is-wide{width:90%}.pick-post-skeleton-line.is-medium{width:60%}.pick-post-skeleton-line.is-short{width:45%}.pick-post-skeleton-line.is-xshort{width:30%}.pick-post-skeleton-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.pick-post-skeleton-pill{display:block;width:72px;height:28px;border-radius:var(--radius-pill)}.route-skeleton-copy{display:grid;gap:var(--space-2);min-width:0;width:100%}.route-skeleton-line,.route-skeleton-avatar,.route-skeleton-metric,.route-skeleton-button{display:block}.route-skeleton-line{height:12px;border-radius:var(--radius-badge)}.route-skeleton-line.is-chip{width:112px;height:24px;border-radius:var(--radius-pill)}.route-skeleton-line.is-rank{width:42px;height:28px}.route-skeleton-line.is-title{width:min(220px,72%);height:18px}.route-skeleton-line.is-wide{width:88%}.route-skeleton-line.is-medium{width:64%}.route-skeleton-line.is-short{width:42%}.route-skeleton-avatar{width:40px;height:40px;flex:0 0 auto;border-radius:var(--radius-pill)}.route-skeleton-metric{width:74px;height:42px;border-radius:var(--radius-smooth)}.route-skeleton-button{width:84px;height:var(--size-control-sm);border-radius:var(--radius-pill)}.match-option-skeleton,.leaderboard-row-skeleton,.friend-card-skeleton,.group-card-skeleton{pointer-events:none}.skeleton-shimmer{background:linear-gradient(90deg,color-mix(in srgb,var(--color-surface-subtle) 70%,transparent),color-mix(in srgb,var(--color-border) 60%,var(--color-surface)),color-mix(in srgb,var(--color-surface-subtle) 70%,transparent));background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pick-post{display:grid;grid-template-columns:132px minmax(0,1fr);overflow:hidden;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-surface) 72%,transparent);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:border-color .18s ease,background .18s ease}.pick-post:hover{border-color:color-mix(in srgb,var(--color-brand) 30%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 88%,transparent)}.pick-post-locked-tease{grid-template-columns:minmax(0,1fr)}.post-image{width:100%;height:132px;border-radius:var(--radius-badge);-o-object-fit:cover;object-fit:cover}.post-image-fallback{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--color-surface) 90%,#202833),var(--color-surface-subtle));border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);color:var(--color-text-muted)}.post-image-fallback-icon{width:48px;height:48px}.post-body{min-width:0;padding:0}.post-author,.author-main,.match-line,.post-actions{display:flex;align-items:center}.post-author{justify-content:space-between;gap:var(--space-4)}.post-header-actions,.post-vote-actions{display:flex;align-items:center;gap:var(--space-3)}.post-header-actions{flex:0 0 auto}.author-main{gap:var(--space-3);min-width:0}.author-button,.recommended-player-main,.recommended-player-name{border:0;border-radius:var(--radius-none);background:transparent;color:var(--color-text);padding:0;text-align:left}.author-button{border-radius:var(--radius-none)}.author-main div{display:grid;gap:var(--space-1);min-width:0}.author-main span,.match-line span,.metric span,.saved-row span,.saved-row p{color:var(--color-text-muted)}.post-score-strip,.credibility-strip{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-score-strip{display:inline-flex;align-items:center;gap:var(--space-2)}.post-author-meta{display:flex;align-items:center;gap:var(--space-2);min-width:0}.post-author-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-badge{display:inline-grid;align-items:center;gap:var(--space-1);min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-badge);background:color-mix(in srgb,var(--color-surface-subtle) 68%,transparent);color:var(--color-text);line-height:var(--line-height-ui)}.author-main .score-badge{color:var(--color-text)}.score-badge span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.score-badge strong{color:var(--color-text);font-family:var(--font-display);line-height:1}.score-badge em{color:var(--color-text-muted);font-style:normal;font-weight:700}.score-edge{border-color:color-mix(in srgb,var(--color-value-odds) 42%,var(--color-border))}.score-rep{border-color:color-mix(in srgb,var(--color-link) 42%,var(--color-border))}.score-badge-compact{place-items:center;width:30px;height:30px;padding:0;border-radius:var(--radius-smooth);border-color:color-mix(in srgb,var(--score-rating-color) 50%,transparent);background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--score-rating-color) 34%,transparent),transparent 68%),color-mix(in srgb,var(--score-rating-color) 15%,var(--color-surface-subtle));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 12%,transparent);transition:transform .12s ease}.score-badge-compact:hover{transform:translateY(-1px)}.score-badge-icon{width:18px;height:18px;color:var(--score-rating-color);--icon-duotone-accent: var(--score-rating-color)}.score-badge-compact .score-badge-icon{width:20px;height:20px}.score-badge-emblem{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-smooth);border:1px solid color-mix(in srgb,var(--score-rating-color) 50%,transparent);background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--score-rating-color) 34%,transparent),transparent 68%),color-mix(in srgb,var(--score-rating-color) 15%,var(--color-surface-subtle));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 12%,transparent)}.score-badge-emblem .score-badge-icon{width:24px;height:24px}.score-badge-figures{display:grid;gap:2px;min-width:0}.score-rating-0{--score-rating-color: var(--color-text-muted)}.score-rating-1{--score-rating-color: var(--color-danger)}.score-rating-2{--score-rating-color: #f08a4b}.score-rating-3{--score-rating-color: var(--color-accent)}.score-rating-4{--score-rating-color: var(--color-brand-strong)}.score-rating-5{--score-rating-color: var(--color-success)}.score-badge-large{grid-template-columns:auto 1fr;align-items:center;gap:var(--space-3);min-width:132px;padding:var(--space-3)}.score-badge-large strong{font-size:var(--font-size-2xl)}.category-tag-row{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;max-width:100%;justify-self:start;overflow:hidden}.category-tag-row .category-tag{display:inline-flex;align-items:center;gap:var(--space-1);flex:0 1 auto;min-width:0;padding:2px var(--space-2);border:1px solid hsl(var(--cat-hue) 60% 60% / .42);border-radius:var(--radius-badge);background:hsl(var(--cat-hue) 62% 52% / .18);color:hsl(var(--cat-hue) 82% 80%);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.02em;line-height:var(--line-height-ui);text-transform:uppercase;white-space:nowrap}.category-tag-row .category-tag:before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:var(--radius-pill);background:hsl(var(--cat-hue) 82% 66%);box-shadow:0 0 0 2px hsl(var(--cat-hue) 75% 60% / .22)}.category-tag-meta{flex:0 1 auto;min-width:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .category-tag-row .category-tag{border-color:hsl(var(--cat-hue) 52% 42% / .4);background:hsl(var(--cat-hue) 70% 46% / .12);color:hsl(var(--cat-hue) 62% 30%)}[data-theme=light] .category-tag-row .category-tag:before{background:hsl(var(--cat-hue) 60% 42%);box-shadow:0 0 0 2px hsl(var(--cat-hue) 55% 45% / .2)}.avatar{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand) 52%,#ffffff),transparent),var(--color-surface-subtle);color:var(--color-text);font-weight:800}.status-pill{display:inline-flex;align-items:center;min-height:var(--size-control-sm);border-radius:var(--radius-badge);padding:0 var(--space-3);font-size:var(--font-size-xs);font-weight:700;white-space:nowrap}.status-pending{background:var(--color-info-soft);color:var(--color-info)}.status-won{background:var(--color-success-soft);color:var(--color-success)}.status-lost{background:var(--color-danger-soft);color:var(--color-danger)}.status-locked{background:var(--color-locked-soft);color:var(--color-locked)}.pick-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}.post-summary-toggle{display:grid;gap:var(--space-1);width:100%;margin-top:var(--space-3);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-bg) 28%,transparent);color:var(--color-text);padding:var(--space-3);text-align:left;transition:border-color .18s ease,background .18s ease}.post-summary-toggle:hover{border-color:color-mix(in srgb,var(--color-brand) 42%,var(--color-border));background:color-mix(in srgb,var(--color-brand-soft) 20%,transparent)}.post-summary-toggle strong{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.post-summary-toggle span{color:var(--color-text-muted)}.post-summary-toggle span:last-child{color:var(--color-text)}.post-expanded{margin-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);padding-top:var(--space-3)}.metric{display:grid;gap:var(--space-1);min-width:0}.metric strong{overflow-wrap:anywhere}.value-copy{margin:var(--space-3) 0 0;color:var(--color-value-odds);font-weight:700}.post-note{margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:var(--line-height-body)}.locked-tease{display:grid;gap:var(--space-1);max-width:560px;margin-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);padding-top:var(--space-3)}.locked-tease span,.locked-tease p{color:var(--color-text-muted)}.locked-tease span{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.locked-tease strong{color:var(--color-text);font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.locked-tease p{margin:0;line-height:var(--line-height-body)}.premium-tag{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-pill, 999px);border:1px solid color-mix(in srgb,var(--color-accent, #f5b301) 55%,transparent);background:color-mix(in srgb,var(--color-accent, #f5b301) 16%,transparent);color:var(--color-accent, #f5b301);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.locked-unlock-action{justify-self:start;margin-top:var(--space-2)}.post-actions{flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-3)}.post-actions .post-action-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--size-control-sm);border:0;border-radius:var(--radius-none);background:transparent;color:var(--color-link);padding:0}.post-actions .post-action-link:hover{color:color-mix(in srgb,var(--color-link) 72%,var(--color-text));text-decoration:underline;text-underline-offset:.18em}.post-actions .post-pick-link{color:var(--color-brand);font-weight:700}.post-actions .post-pick-link:hover{color:var(--color-brand-strong)}.post-action-button{display:inline-flex;align-items:center;gap:var(--space-2);border-color:var(--color-border);background:color-mix(in srgb,var(--color-surface) 72%,transparent);color:var(--color-text);font-weight:700}.post-action-button:hover{border-color:var(--color-border-strong);background:color-mix(in srgb,var(--color-surface-subtle) 80%,transparent)}.post-actions .post-details-action{margin-left:auto;border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.post-actions .post-details-action:hover{border-color:var(--color-brand);background:color-mix(in srgb,var(--color-brand-soft) 60%,var(--color-surface-subtle))}.post-actions .post-vote-button{min-width:56px;color:var(--color-link);font-weight:700}.post-vote-button .post-action-icon{width:22px;height:22px}.post-save-action.is-saved{border-color:color-mix(in srgb,var(--color-success) 58%,var(--color-border));background:var(--color-success-soft);color:var(--color-success)}.post-actions .post-vote-button.is-upvoted{color:var(--color-success)}.post-actions .post-vote-button.is-downvoted{color:var(--color-warning)}.post-action-icon{width:18px;height:18px;flex:0 0 auto;--icon-duotone-accent: currentColor}.recommendation-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.suggested-players{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.suggested-players-heading{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.suggested-players-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.suggested-player-chip{display:flex;align-items:center;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--color-brand) 18%,var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-brand-soft) 26%,var(--color-surface));padding:var(--space-2) var(--space-3);min-width:0}.suggested-player-identity{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--color-text);padding:0;text-align:left}.suggested-player-avatar{position:relative;flex:0 0 auto;line-height:0}.suggested-player-avatar .avatar{width:34px;height:34px;font-size:var(--font-size-xs)}.suggested-player-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:var(--radius-pill);border:2px solid var(--color-surface);background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 28%,transparent)}.suggested-player-names{display:grid;gap:1px;min-width:0}.suggested-player-names strong{font-size:var(--font-size-sm);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggested-player-handle{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggested-player-why{color:var(--color-brand-strong);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggested-player-follow{flex:0 0 auto;min-height:var(--size-control-sm);border:1px solid color-mix(in srgb,var(--color-brand) 50%,var(--color-border));border-radius:var(--radius-pill);background:transparent;color:var(--color-brand-strong);padding:0 var(--space-3);font-size:var(--font-size-xs);font-weight:700}.suggested-player-follow:hover{background:var(--color-brand-soft)}.suggested-player-follow.is-selected{border-color:color-mix(in srgb,var(--color-brand) 52%,var(--color-border));background:var(--color-brand-soft);color:var(--color-brand-strong)}.feed-empty-state,.friends-empty-state,.leaderboard-empty-state{display:grid;gap:var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sharp);background:color-mix(in srgb,var(--color-surface) 58%,transparent);padding:var(--space-6)}.feed-empty-state p,.friends-empty-state p,.leaderboard-empty-state p{margin:0;color:var(--color-text-muted)}.feed-empty-state button,.friends-empty-state button{width:-moz-fit-content;width:fit-content;min-height:var(--size-control-sm);border-color:var(--color-border);background:transparent;color:var(--color-text);padding:0 var(--space-3)}.promoted-rail{position:sticky;top:var(--space-6);display:grid;gap:var(--space-4);align-self:start}.rail-module{display:grid;gap:var(--space-4)}.rising-star-module{position:relative;overflow:hidden;gap:0;border:1px solid color-mix(in srgb,var(--color-accent) 38%,var(--color-border));border-radius:var(--radius-squircle);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 46%),var(--color-surface);box-shadow:var(--shadow-sm)}.promoted-rail-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}.promoted-rail-header .eyebrow{margin:0;color:var(--color-accent)}.promoted-rail-header strong{display:block;margin-top:2px;color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.promoted-rail-header p{grid-column:2;margin:calc(var(--space-2) * -1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.rising-star-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--color-accent) 42%,transparent);border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent) 8%,transparent)}.rising-star-icon svg{width:22px;height:22px}.promoted-rail .recommended-player{grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);border:0;border-top:1px solid color-mix(in srgb,var(--color-accent) 22%,var(--color-border));border-radius:0;background:color-mix(in srgb,var(--color-surface-raised) 72%,transparent);padding:var(--space-4)}.promoted-rail .recommended-player .avatar{width:52px;height:52px;border:2px solid color-mix(in srgb,var(--color-accent) 58%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 10%,transparent)}.promoted-rail .recommended-player.is-featured .avatar,.rising-star-module .recommended-player .avatar{border:0;box-shadow:none}.rising-star-module .recommended-player-name,.rising-star-module .recommended-player-main,.promoted-rail .recommended-player.is-featured .recommended-player-name,.promoted-rail .recommended-player.is-featured .recommended-player-main{border:0;outline:none}.rising-star-module .recommended-player-name:focus-visible,.rising-star-module .recommended-player-main:focus-visible,.promoted-rail .recommended-player.is-featured .recommended-player-name:focus-visible,.promoted-rail .recommended-player.is-featured .recommended-player-main:focus-visible{outline:revert}.promoted-rail .recommended-player-name{align-self:center}.promoted-rail .recommended-player-name strong{font-size:var(--font-size-lg)}.promoted-rail .recommended-player>button:last-child,.promoted-rail .recommend-metrics{grid-column:1 / -1}.promoted-rail .recommend-metrics{gap:var(--space-2)}.promoted-rail .recommend-metrics>*{display:grid;min-height:42px;align-content:center;border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-surface-subtle) 72%,transparent);padding:var(--space-2)}.promoted-rail .recommended-player.is-featured .recommend-metrics>*{border:0;background:transparent;padding-inline:0}.promoted-rail .recommend-metrics .metric strong{font-family:var(--font-display);font-size:var(--font-size-lg);line-height:1}.promoted-rail .recommended-player.is-featured .recommended-player-name span,.promoted-rail .recommended-player.is-featured .recommend-metrics .metric span{color:var(--color-text-subtle)}.promoted-rail .recommended-player>button:last-child{width:100%;min-height:var(--size-control-md);border-color:var(--color-brand);background:var(--color-brand);color:var(--color-text-inverse);font-weight:800}.promoted-rail .recommended-player>button:last-child:hover{border-color:var(--color-brand-strong);background:var(--color-brand-strong);color:var(--color-text-inverse)}.promoted-rail .recommended-player>button:last-child.is-selected{border-color:color-mix(in srgb,var(--color-brand) 52%,var(--color-border));background:var(--color-brand-soft);color:var(--color-brand-strong)}.world-cup-promo{overflow:hidden;border:1px solid color-mix(in srgb,#f6c85f 46%,var(--color-border));border-radius:var(--radius-smooth);background:var(--color-surface);box-shadow:var(--shadow-sm)}.world-cup-promo img{display:block;width:100%;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover}.world-cup-promo>div{display:grid;gap:var(--space-3);padding:var(--space-4)}.world-cup-promo span{color:#d59f28;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.world-cup-promo strong{color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.world-cup-promo button,.compact-page-header button{width:-moz-fit-content;width:fit-content;min-height:var(--size-control-md);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text);padding:0 var(--space-4);font-weight:700}.promoted-list{display:grid;gap:var(--space-3)}.promo-slot{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-surface) 72%,transparent);padding:var(--space-4);transition:border-color .18s ease,background .18s ease}.promo-slot:hover{border-color:var(--color-border-strong);background:color-mix(in srgb,var(--color-surface) 90%,transparent)}.promo-slot span{width:-moz-fit-content;width:fit-content;border-radius:var(--radius-badge);background:var(--color-surface-subtle);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.promo-slot strong{color:var(--color-text);font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.promo-slot p{margin:0;color:var(--color-text-muted);line-height:var(--line-height-body)}.promo-slot div{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;margin-top:var(--space-1)}.promo-slot em{color:var(--color-text-subtle);font-size:var(--font-size-sm);font-style:normal}.promo-slot button{min-height:var(--size-control-sm);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text);padding:0 var(--space-3);font-weight:700}.promo-slot button:hover{border-color:var(--color-border-strong)}.promo-competition span{background:var(--color-brand-soft);color:var(--color-brand-strong)}.promo-giveaway span{background:var(--color-accent-soft);color:var(--color-accent-strong)}.promo-sponsored span{background:var(--color-info-soft);color:var(--color-info)}.promo-featured-player span{background:var(--color-social-soft);color:var(--color-social)}.recommended-player{display:grid;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.recommended-player-name{display:grid;gap:var(--space-1);width:-moz-fit-content;width:fit-content}.recommended-player span{color:var(--color-text-muted)}.recommend-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.recommended-player button,.leaderboard-row button,.saved-row button,.privacy-row button{width:-moz-fit-content;width:fit-content;border-color:var(--color-border)}.posting-flow{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:start}.posting-flow.has-selection{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.posting-quick-filters{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:var(--space-5);align-items:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.posting-quick-filters>div:first-child,.posting-step-heading>div{display:grid;gap:var(--space-1)}.posting-quick-filters span,.posting-quick-filters p,.posting-step-heading p{color:var(--color-text-muted)}.posting-quick-filters p,.posting-step-heading h2,.posting-step-heading p{margin:0}.quick-filter-list{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.quick-filter-list button{display:grid;flex:0 0 auto;gap:2px;min-height:var(--size-control-lg);border-color:var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);padding:var(--space-2) var(--space-4);text-align:left}.quick-filter-list button:hover{border-color:var(--color-brand);background:var(--color-brand-soft)}.quick-filter-list button span{font-size:var(--font-size-xs)}.match-filter,.match-picker,.pick-form,.simple-list,.leaderboard-table,.match-selection-column,.social-auth-list{display:grid;gap:var(--space-4)}.posting-step-heading{display:flex;align-items:center;gap:var(--space-3)}.posting-step-heading>span{display:grid;min-width:58px;min-height:30px;place-items:center;border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand-strong);font-size:var(--font-size-sm);font-weight:700}.match-filter,.pick-form{border-top:1px solid var(--color-border);padding-top:var(--space-5)}.posting-flow:not(.has-selection) .match-filter{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));align-items:end}.posting-flow:not(.has-selection) .match-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.open-only-filter{display:flex;grid-column:1 / -1;align-items:center;gap:var(--space-2);width:-moz-fit-content;width:fit-content}.open-only-filter input{width:18px;min-height:18px;accent-color:var(--color-brand)}label{display:grid;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}input,select,textarea{width:100%;min-height:var(--size-control-md);border:1px solid var(--color-border);border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-surface) 80%,var(--color-bg));color:var(--color-text);padding:0 var(--space-3)}textarea{min-height:120px;padding-top:var(--space-3);resize:vertical}.match-option{display:grid;gap:var(--space-1);min-height:96px;border:1px solid var(--color-border);border-radius:var(--radius-sharp);background:color-mix(in srgb,var(--color-surface) 82%,transparent);color:var(--color-text);padding:var(--space-4);text-align:left}.match-option:hover{border-color:var(--color-border-strong)}.match-option.is-selected{border-color:var(--color-brand);background:var(--color-brand-soft)}.match-option:disabled{cursor:not-allowed;opacity:.58}.match-option span{color:var(--color-text-muted)}.match-option em{color:var(--color-warning);font-size:var(--font-size-sm);font-style:normal;font-weight:700}.match-option.is-posted{border-color:color-mix(in srgb,var(--color-success) 45%,var(--color-border))}.match-option .match-posted-flag{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-success)}.match-option .match-posted-flag span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-success);color:var(--color-surface);font-size:11px;line-height:1}.match-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.match-pagination button,.selected-match-summary button{min-height:var(--size-control-sm);border-color:var(--color-border);background:transparent;color:var(--color-text);padding:0 var(--space-3)}.match-pagination span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.pick-form h2{margin:0;font-size:var(--font-size-2xl)}.selected-match-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-3);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sharp);background:var(--color-brand-soft);padding:var(--space-4)}.selected-match-summary span{color:var(--color-text-muted)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.preview-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.preview-row div{display:grid;gap:var(--space-1)}.preview-row strong{color:var(--color-brand);font-size:var(--font-size-2xl)}.preview-row span,.preview-row p{color:var(--color-text-muted)}.preview-row p{margin:0}.saved-row,.leaderboard-row{display:grid;align-items:center;gap:var(--space-4);border-top:1px solid var(--color-border);padding:var(--space-4) 0}.saved-row{grid-template-columns:minmax(0,1fr) auto auto auto}.saved-row div{display:grid;gap:var(--space-1)}.saved-row p{margin:0}.leaderboard-row{grid-template-columns:auto minmax(220px,1fr) repeat(4,minmax(88px,auto)) auto auto}.leaderboard-row.is-guest{grid-template-columns:auto minmax(220px,1fr) repeat(4,minmax(88px,auto)) auto}.leaderboard-row.is-podium{border-top-color:color-mix(in srgb,var(--color-brand) 45%,var(--color-border));background:linear-gradient(90deg,var(--color-brand-soft),transparent 44%);padding-inline:var(--space-3)}.leaderboard-controls{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:var(--space-4);align-items:end;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-5) 0}.leaderboard-controls.is-guest{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr))}.leaderboard-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4)}.leaderboard-summary span{color:var(--color-text-muted)}.rank{color:var(--color-brand);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700}.floating-tip-slip{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:20;display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-control-lg);border:1px solid color-mix(in srgb,var(--color-brand) 50%,var(--color-border));border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-md);padding:0 var(--space-4)}.floating-tip-slip-icon{width:24px;height:24px;color:var(--color-brand-strong);--icon-duotone-accent: var(--color-accent)}.floating-tip-slip strong{display:grid;min-width:28px;height:28px;place-items:center;border-radius:var(--radius-badge);background:linear-gradient(135deg,var(--color-brand),color-mix(in srgb,var(--color-accent) 60%,var(--color-brand)));color:var(--color-text-inverse);padding:0 var(--space-2);font-weight:700;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 16%,transparent)}.tip-slip-backdrop{position:fixed;inset:0;z-index:39;display:none;width:100%;min-height:0;border:0;border-radius:0;background:#0000008f;padding:0}.tip-slip-backdrop.is-open{display:block}.tip-slip-drawer{position:fixed;top:0;right:0;bottom:0;z-index:40;display:grid;width:min(440px,100vw);grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid var(--color-border);background:var(--color-bg);box-shadow:-18px 0 48px #00000047;transform:translate(100%);transition:transform .18s ease}.tip-slip-drawer.is-open{transform:translate(0)}.tip-slip-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--color-brand) 28%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-soft) 70%,var(--color-bg)),color-mix(in srgb,var(--color-accent-soft) 40%,var(--color-bg)));padding:var(--space-5)}.tip-slip-drawer-header strong{color:var(--color-brand-strong)}.tip-slip-drawer-header div{display:grid;gap:var(--space-1)}.tip-slip-drawer-header span,.tip-slip-item span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.tip-slip-drawer-header button,.tip-slip-item-actions button{min-height:var(--size-control-sm);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text);padding:0 var(--space-3)}.tip-slip-drawer-list{overflow-y:auto;padding:0 var(--space-5) var(--space-8)}.tip-slip-item{display:grid;gap:var(--space-3);border-left:3px solid color-mix(in srgb,var(--color-brand) 55%,transparent);border-bottom:1px solid var(--color-border);padding:var(--space-5) 0 var(--space-5) var(--space-4)}.tip-slip-item-main strong{color:var(--color-brand-strong)}.tip-slip-item-main{display:grid;gap:var(--space-1);border:0;background:transparent;color:var(--color-text);padding:0;text-align:left}.tip-slip-item-main p,.tip-slip-empty p{margin:0;color:var(--color-text-muted)}.tip-slip-item-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tip-slip-item-actions .is-selected{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.tip-slip-empty{display:grid;gap:var(--space-2);padding:var(--space-8) 0;text-align:center}.tip-slip-summary{display:grid;gap:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-success) 30%,var(--color-border));background:color-mix(in srgb,var(--color-surface-raised) 80%,var(--color-bg));padding:var(--space-5)}.tip-slip-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.tip-slip-summary-stat{display:grid;gap:var(--space-1)}.tip-slip-summary-stat span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.tip-slip-summary-stat strong{font-size:var(--font-size-lg)}.tip-slip-summary-return{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-radius:var(--radius-smooth);border:1px solid color-mix(in srgb,var(--color-success) 45%,transparent);background:var(--color-success-soft);padding:var(--space-3) var(--space-4)}.tip-slip-summary-return span{color:var(--color-success);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.tip-slip-summary-return strong{color:var(--color-success);font-size:var(--font-size-xl);font-weight:700}.tip-slip-summary-note{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.compact-page,.pick-detail-page{max-width:980px}.compact-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.compact-page-header div{display:grid;gap:var(--space-2)}.compact-page-header h1{margin:0;font-size:clamp(1.75rem,3vw,2.5rem)}.compact-page-header span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-panel,.profile-hero,.history-summary,.competition-grid,.friends-layout,.my-roinx-section{display:grid;gap:var(--space-5)}.auth-panel{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:start}.profile-hero,.history-summary{grid-template-columns:minmax(240px,1fr) repeat(4,minmax(90px,auto)) auto;align-items:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;margin-bottom:var(--space-6)}.privacy-row,.player-profile-hero,.profile-snapshot{display:grid;gap:var(--space-4);border-top:1px solid var(--color-border);padding:var(--space-4) 0}.privacy-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:var(--space-6)}.privacy-row div{display:grid;gap:var(--space-1)}.privacy-row span{color:var(--color-text-muted)}.player-profile-hero{grid-template-columns:minmax(240px,1fr) repeat(4,minmax(90px,auto));align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.profile-snapshot{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:var(--space-6)}.profile-snapshot article{display:grid;gap:var(--space-1)}.profile-snapshot span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.profile-snapshot strong{color:var(--color-text);font-size:var(--font-size-xl)}.profile-picks{margin-top:var(--space-4)}.subscribe-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.subscribe-panel-copy{display:grid;gap:var(--space-1)}.subscribe-panel-copy strong{color:var(--color-text);font-size:var(--font-size-lg)}.subscribe-panel-copy span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.subscribe-panel-error{color:var(--color-danger, #e5484d)}.subscribe-panel-status{color:var(--color-text-muted);font-weight:600}.subscribe-panel-actions{display:flex;align-items:center;gap:var(--space-3)}.earnings-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.earnings-copy{display:grid;gap:var(--space-1);max-width:48ch}.earnings-copy strong{color:var(--color-text);font-size:var(--font-size-lg)}.earnings-copy span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.earnings-error{color:var(--color-danger, #e5484d)}.earnings-status{color:var(--color-text-muted);font-weight:600}.history-summary,.competition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.idea-panel{display:grid;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.idea-panel h2,.friends-online h2,.section-heading-row h2{margin:0}.idea-panel>span{width:-moz-fit-content;width:fit-content;border-radius:var(--radius-badge);background:var(--color-surface-subtle);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.idea-panel p,.auth-account p,.form-message{margin:0;color:var(--color-text-muted);line-height:var(--line-height-body)}.form-message.is-error{color:var(--color-danger)}.form-message.is-success{color:var(--color-brand-strong)}.form-message.is-warning{color:var(--color-warning)}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-3);align-items:center;color:var(--color-text-subtle);font-size:var(--font-size-xs);text-transform:uppercase}.auth-divider:before,.auth-divider:after{height:1px;background:var(--color-border);content:""}.social-auth-button{min-height:var(--size-control-lg);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text);padding:0 var(--space-5)}.social-auth-button:disabled{cursor:not-allowed;color:var(--color-text-subtle);opacity:.7}.idea-panel button,.profile-hero button{width:-moz-fit-content;width:fit-content;min-height:var(--size-control-sm);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);padding:0 var(--space-3)}.password-checklist{display:grid;gap:var(--space-1);margin:0;padding:var(--space-3);list-style:none;border:1px solid var(--color-border);border-radius:var(--radius-smooth);background:color-mix(in srgb,var(--color-surface) 82%,transparent)}.password-checklist li{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-subtle);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.password-checklist li.is-met{color:var(--color-success)}.password-checklist-mark{display:inline-grid;place-items:center;width:1.25em;font-weight:700}.turnstile-widget{display:flex;justify-content:center;min-height:65px}.verify-email-notice{align-content:start}.verify-email-lead{margin:0;color:var(--color-text-muted);line-height:var(--line-height-body)}.verify-email-lead strong{color:var(--color-text)}.verify-email-hint{margin:0;color:var(--color-text-subtle);font-size:var(--font-size-sm)}.verify-email-back{width:-moz-fit-content;width:fit-content;min-height:var(--size-control-sm);border:none;background:transparent;color:var(--color-text-subtle);padding:0;font-size:var(--font-size-sm);text-decoration:underline}.saved-row .is-selected{border-color:color-mix(in srgb,var(--color-brand) 46%,transparent);background:var(--color-brand-soft);color:var(--color-brand-strong)}.my-roinx-section{margin-top:var(--space-8)}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3)}.section-heading-row span,.empty-list-copy{color:var(--color-text-muted)}.empty-list-copy{margin:0;border-top:1px solid var(--color-border);padding-top:var(--space-4)}.friends-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.world-cup-page{--world-cup-night: #071b22;--world-cup-green: #39d39f;--world-cup-gold: #f6c85f}.world-cup-event-banner,.world-cup-pack-stage,.world-cup-builder,.world-cup-showcase{border:1px solid color-mix(in srgb,var(--world-cup-gold, #f6c85f) 28%,var(--color-border));background:radial-gradient(circle at 85% 10%,rgb(246 200 95 / 12%),transparent 24rem),color-mix(in srgb,var(--color-surface-raised) 92%,#071b22)}.world-cup-event-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4);align-items:center;margin-bottom:var(--space-5);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.world-cup-event-banner>svg{width:34px;color:var(--world-cup-gold);filter:drop-shadow(0 0 12px rgb(246 200 95 / 36%))}.world-cup-event-banner div{display:grid;gap:2px}.world-cup-event-banner span,.world-cup-event-banner em{color:var(--color-text-muted);font-size:var(--font-size-sm)}.world-cup-event-banner em{border-radius:var(--radius-pill);background:#f6c85f1a;color:var(--world-cup-gold);padding:var(--space-2) var(--space-3);font-style:normal;font-weight:700}.world-cup-pack-stage{position:relative;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1fr);gap:clamp(var(--space-6),7vw,96px);overflow:hidden;align-items:center;min-height:390px;border-radius:28px;padding:clamp(var(--space-6),6vw,72px)}.world-cup-pack-stage:before{position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 42px,rgb(255 255 255 / 2%) 43px 44px),radial-gradient(circle at 28% 50%,rgb(57 211 159 / 18%),transparent 28%);content:"";pointer-events:none}.world-cup-pack{position:relative;z-index:1;display:grid;width:min(280px,100%);aspect-ratio:.72;place-content:center;justify-items:center;overflow:hidden;margin:auto;border:1px solid rgb(246 200 95 / 65%);border-radius:22px;background:linear-gradient(145deg,transparent 10%,rgb(246 200 95 / 24%) 10.5% 12%,transparent 12.5%),radial-gradient(circle at 50% 36%,rgb(57 211 159 / 38%),transparent 36%),linear-gradient(145deg,#103f45,#06161d 70%);box-shadow:0 26px 70px #00000061,inset 0 0 40px #f6c85f14;color:#f8f2de;transform:rotate(-4deg)}.world-cup-pack:after{position:absolute;inset:10px;border:1px solid rgb(246 200 95 / 25%);border-radius:16px;content:""}.world-cup-pack>span,.world-cup-pack>strong,.world-cup-pack>small,.world-cup-pack>svg{position:relative;z-index:1}.world-cup-pack>span{color:var(--world-cup-green);font-family:var(--font-display);font-size:var(--font-size-xl);letter-spacing:.16em}.world-cup-pack>svg{width:82px;margin:var(--space-5) 0;color:var(--world-cup-gold);filter:drop-shadow(0 0 20px rgb(246 200 95 / 38%))}.world-cup-pack>strong{font-family:var(--font-display);font-size:clamp(24px,3vw,38px);letter-spacing:.04em}.world-cup-pack>small{margin-top:var(--space-2);color:#ffffffa3;text-transform:uppercase}.world-cup-pack-stage.is-opening .world-cup-pack{animation:world-cup-pack-open .9s cubic-bezier(.2,.8,.2,1) both}.world-cup-pack-copy{position:relative;z-index:1;display:grid;gap:var(--space-3);max-width:620px}.world-cup-pack-copy>span,.world-cup-collection-summary>span{color:var(--world-cup-gold);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.world-cup-pack-copy h2{margin:0;font-family:var(--font-display);font-size:clamp(32px,5vw,64px);line-height:.98}.world-cup-pack-copy p{max-width:54ch;margin:0 0 var(--space-2);color:var(--color-text-muted);line-height:var(--line-height-body)}.world-cup-pack-copy button,.world-cup-save{width:-moz-fit-content;width:fit-content}.world-cup-message{margin:var(--space-4) 0 0}.world-cup-reveal,.world-cup-collection{display:grid;gap:var(--space-5);margin-top:var(--space-8)}.world-cup-reveal-grid,.world-cup-showcase-cards{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:var(--space-4)}.world-cup-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4);overflow:visible}.world-cup-card{position:relative;min-width:0;aspect-ratio:.92;border:0;background:transparent;padding:0;color:#f8f7f2;perspective:1100px;transform-style:preserve-3d}.world-cup-card-front,.world-cup-card-back{position:absolute;inset:0;display:grid;overflow:hidden;border:2px solid var(--card-accent, #a66f43);border-radius:18px;box-shadow:0 18px 40px #00000047;backface-visibility:hidden;transition:transform .72s cubic-bezier(.2,.75,.22,1),box-shadow .22s ease}.world-cup-card-back{place-content:center;justify-items:center;background:radial-gradient(circle,rgb(246 200 95 / 20%) 0 8%,transparent 8.5%),repeating-conic-gradient(from 30deg,#103a40 0 12deg,#09242b 12deg 24deg);color:#f6c85f;transform:rotateY(0)}.world-cup-card-back span{font-size:var(--font-size-xs);font-weight:800;letter-spacing:.2em}.world-cup-card-back strong{margin:var(--space-2) 0;font-family:var(--font-display);font-size:clamp(18px,2vw,26px)}.world-cup-card-back i{font-size:34px;font-style:normal}.world-cup-card-front{grid-template-rows:auto minmax(0,1.45fr) auto;background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 28%,rgba(255,255,255,.96)) 0 22%,color-mix(in srgb,var(--card-accent) 10%,#eef2f5) 22% 100%);transform:rotateY(-180deg)}.world-cup-card.is-revealed .world-cup-card-back{transform:rotateY(180deg)}.world-cup-card.is-revealed .world-cup-card-front{transform:rotateY(0)}.world-cup-card.is-selected .world-cup-card-front{box-shadow:0 0 0 3px var(--world-cup-green),0 18px 46px #39d39f3d}button.world-cup-card:hover .world-cup-card-front,button.world-cup-card:focus-visible .world-cup-card-front{transform:rotateY(0) translateY(-8px) scale(1.02);box-shadow:0 22px 46px #0f172a3d,0 0 0 1px color-mix(in srgb,var(--card-accent) 20%,transparent)}.world-cup-card-topline{z-index:2;display:flex;justify-content:space-between;padding:var(--space-3);color:color-mix(in srgb,var(--card-accent) 58%,#0f172a);font-size:var(--font-size-sm);font-weight:800}.world-cup-card-header{z-index:2;display:flex;align-items:start;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-2)}.world-cup-card-rating-block{display:grid;gap:4px;color:#0f172a}.world-cup-card-rating-block strong{font-family:var(--font-display);font-size:clamp(42px,5vw,62px);line-height:.9}.world-cup-card-rating-block span{font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase;letter-spacing:.16em;line-height:1.2;color:color-mix(in srgb,#0f172a 82%,var(--card-accent))}.world-cup-card-header-meta{display:grid;justify-items:end;gap:var(--space-3)}.world-cup-card-nation{border-radius:var(--radius-pill);background:color-mix(in srgb,var(--card-accent) 38%,rgba(255,255,255,.98));color:color-mix(in srgb,#0f172a 88%,var(--card-accent));padding:5px 12px;letter-spacing:.14em;line-height:1.1;font-weight:800}.world-cup-card-rarity-star{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--card-accent) 14%,rgba(255,255,255,.88));box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent) 42%,transparent),0 10px 18px #0f172a1f;transition:transform .18s ease,box-shadow .18s ease;--icon-duotone-accent: currentColor}.world-cup-card-rarity-star svg{width:18px;height:18px}.world-cup-card.rarity-bronze .world-cup-card-rarity-star{color:#b47a4d}.world-cup-card.rarity-silver .world-cup-card-rarity-star{color:#7f8ea0}.world-cup-card.rarity-gold .world-cup-card-rarity-star{color:#d39a18}.world-cup-card.rarity-diamond .world-cup-card-rarity-star{color:#0ea5c4}.world-cup-card-photo{display:grid;min-height:0;place-items:center;padding:var(--space-4) var(--space-4) 0;background:radial-gradient(circle at 50% 18%,rgb(255 255 255 / 88%),rgb(255 255 255 / 36%) 42%,transparent 72%)}.world-cup-card-photo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center 10%;object-position:center 10%;filter:saturate(1.1) contrast(1.07) brightness(1.12) drop-shadow(0 16px 16px rgb(15 23 42 / 18%));transform:translateY(0);transition:transform .22s ease,filter .22s ease}.world-cup-card-photo>span{display:grid;width:70%;aspect-ratio:1;place-items:center;margin-bottom:0;border:1px solid color-mix(in srgb,var(--card-accent) 45%,transparent);border-radius:50%;background:#ffffff0f;font-family:var(--font-display);font-size:clamp(28px,4vw,54px)}.world-cup-card-copy{z-index:2;display:grid;gap:var(--space-2);border-top:1px solid color-mix(in srgb,var(--card-accent) 28%,transparent);background:color-mix(in srgb,rgba(255,255,255,.98) 86%,var(--card-accent));padding:12px var(--space-4) var(--space-4);text-align:left}.world-cup-card-copy-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-2);min-height:1.35em}.world-cup-card-stats{display:grid;gap:6px}.world-cup-card-meta-line,.world-cup-card-copy small{display:block;color:color-mix(in srgb,#0f172a 88%,var(--card-accent));font-size:11px;line-height:1.35;font-weight:600}.world-cup-card-copy strong{overflow:hidden;font-family:var(--font-display);font-size:clamp(15px,1.6vw,21px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap;color:#0f172a}.world-cup-card.rarity-bronze{--card-accent: #b47a4d}.world-cup-card.rarity-silver{--card-accent: #bfc9d4}.world-cup-card.rarity-gold{--card-accent: #f6c85f}.world-cup-card.rarity-diamond{--card-accent: #72e9ff}.world-cup-card.rarity-diamond .world-cup-card-front{background:linear-gradient(125deg,transparent 15%,rgb(255 255 255 / 18%) 29%,transparent 40%),radial-gradient(circle at 50% 28%,rgb(114 233 255 / 48%),transparent 46%),linear-gradient(150deg,#284a63,#07131e 72%);animation:diamond-card-glow 2.4s ease-in-out infinite}button.world-cup-card:hover .world-cup-card-photo img,button.world-cup-card:focus-visible .world-cup-card-photo img{transform:translateY(-1px) scale(1.05);filter:saturate(1.12) contrast(1.06) brightness(1.1) drop-shadow(0 16px 16px rgb(15 23 42 / 22%))}button.world-cup-card:hover .world-cup-card-rarity-star,button.world-cup-card:focus-visible .world-cup-card-rarity-star{transform:scale(1.08) translateY(-1px);box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent) 52%,transparent),0 12px 20px #0f172a29}.world-cup-builder{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--space-6);margin-top:var(--space-8);border-radius:var(--radius-lg);padding:var(--space-5)}.world-cup-pitch-panel{min-width:0}.world-cup-pitch{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,minmax(82px,1fr));gap:var(--space-3);min-height:520px;overflow:hidden;margin:var(--space-4) 0;border:2px solid rgb(255 255 255 / 40%);border-radius:18px;background:linear-gradient(90deg,transparent 49.8%,rgb(255 255 255 / 26%) 50%,transparent 50.2%),repeating-linear-gradient(90deg,#11603f 0 12.5%,#14583d 12.5% 25%);padding:var(--space-5)}.world-cup-pitch:before,.world-cup-pitch:after{position:absolute;left:30%;width:40%;height:18%;border:2px solid rgb(255 255 255 / 28%);content:""}.world-cup-pitch:before{top:-2px}.world-cup-pitch:after{bottom:-2px}.pitch-center-circle{position:absolute;top:50%;left:50%;width:120px;height:120px;border:2px solid rgb(255 255 255 / 25%);border-radius:50%;transform:translate(-50%,-50%)}.world-cup-lineup-slot{z-index:2;display:grid;min-width:0;place-content:center;justify-items:center;border:1px solid rgb(255 255 255 / 28%);border-radius:14px;background:#041812bd;color:#fff;padding:var(--space-3);box-shadow:0 8px 20px #00000038}.world-cup-lineup-slot:disabled{cursor:default;color:#ffffff7a}.world-cup-lineup-slot strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.world-cup-lineup-slot small{color:#ffffffb8;line-height:1.35}.slot-1{grid-column:3;grid-row:4}.slot-2{grid-column:1;grid-row:3}.slot-3{grid-column:2;grid-row:3}.slot-4{grid-column:4;grid-row:3}.slot-5{grid-column:5;grid-row:3}.slot-6{grid-column:2;grid-row:2}.slot-7{grid-column:4;grid-row:2}.slot-8{grid-column:3;grid-row:2}.slot-9{grid-column:1;grid-row:1}.slot-10{grid-column:3;grid-row:1}.slot-11{grid-column:5;grid-row:1}.rarity-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#b47a4d;box-shadow:0 0 9px currentColor}.rarity-dot.rarity-silver{background:#bfc9d4}.rarity-dot.rarity-gold{background:#f6c85f}.rarity-dot.rarity-diamond{background:#72e9ff}.world-cup-collection-summary{display:grid;align-content:start;gap:var(--space-3);border-left:1px solid var(--color-border);padding-left:var(--space-5)}.world-cup-collection-summary>strong{font-family:var(--font-display);font-size:var(--font-size-3xl)}.world-cup-collection-summary>div{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-2);align-items:center;color:var(--color-text-muted);text-transform:capitalize}.world-cup-showcase{display:grid;gap:var(--space-4);overflow:hidden;margin-bottom:var(--space-6);border-radius:var(--radius-lg);padding:var(--space-5)}.world-cup-showcase-heading{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center}.world-cup-showcase-heading>svg{width:32px;color:#f6c85f}.world-cup-showcase-heading div{display:grid;gap:2px}.world-cup-showcase-heading span{color:#f6c85f;font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase}.world-cup-showcase-heading h2{margin:0}.world-cup-profile-panel{display:grid;gap:var(--space-4)}.world-cup-profile-heading{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center}.world-cup-profile-heading>svg{width:32px;color:#f6c85f}.world-cup-profile-heading div{display:grid;gap:2px}.world-cup-profile-heading span{color:#f6c85f;font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase}.world-cup-profile-heading h2{margin:0}.world-cup-profile-heading strong{border-radius:var(--radius-pill);background:#ffffff29;color:var(--color-text);padding:6px 12px;font-family:var(--font-display);font-size:var(--font-size-sm);line-height:1.2}.world-cup-profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.world-cup-profile-score-card{display:grid;gap:4px;border:1px solid color-mix(in srgb,var(--color-border) 78%,var(--world-cup-gold));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg) 88%,var(--world-cup-green));padding:var(--space-4)}.world-cup-profile-score-card span{color:var(--color-text);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.world-cup-profile-score-card strong{font-family:var(--font-display);font-size:clamp(24px,3vw,34px)}.world-cup-profile-score-card small,.world-cup-profile-note{color:var(--color-text-subtle);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.world-cup-profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:var(--space-3)}.world-cup-profile-slot{min-width:0}.world-cup-profile-slot .world-cup-card{width:100%}.world-cup-profile-empty-slot{display:grid;align-content:center;gap:var(--space-2);min-height:100%;border:1px dashed color-mix(in srgb,var(--world-cup-gold) 36%,var(--color-border));border-radius:18px;background:color-mix(in srgb,var(--color-bg) 82%,var(--world-cup-green));color:var(--color-text);padding:var(--space-4);text-align:center}.world-cup-profile-empty-slot span{font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.world-cup-profile-empty-slot strong{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);line-height:1;color:var(--color-text)}.world-cup-profile-empty-slot small{font-size:var(--font-size-xs);line-height:1.35}.world-cup-card.is-compact{max-width:none}.world-cup-card.is-compact .world-cup-card-copy strong{font-size:15px}.world-cup-collection-grid .world-cup-card{transition:transform .2s ease,box-shadow .2s ease}.world-cup-collection-grid .world-cup-card:hover,.world-cup-collection-grid .world-cup-card:focus-visible{transform:scale(1.015);box-shadow:0 20px 40px #0f172a42;z-index:10}@media(min-width:1200px){.world-cup-reveal-grid,.world-cup-showcase-cards,.world-cup-collection-grid,.world-cup-profile-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.world-cup-collection-grid button.world-cup-card:hover .world-cup-card-front{transform:rotateY(0)}.world-cup-lineup-slot.is-active-slot{border-color:var(--world-cup-green);background:#39d39f24;box-shadow:0 0 0 2px var(--world-cup-green),0 8px 20px #39d39f47}.world-cup-lineup-slot.is-drag-over{border:2px dashed var(--world-cup-green);background:#39d39f38}.world-cup-slot-picker-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--world-cup-green);border-radius:var(--radius-md);background:#39d39f14;color:var(--world-cup-green);font-weight:600}.world-cup-collection-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding-top:var(--space-5)}@keyframes world-cup-pack-open{0%{transform:rotate(-4deg) scale(1);filter:brightness(1)}35%{transform:rotate(3deg) scale(1.08);filter:brightness(1.25)}70%{transform:rotate(-2deg) scale(1.14);filter:brightness(1.7)}to{transform:rotate(0) scale(.92);filter:brightness(2.4);opacity:.25}}@keyframes diamond-card-glow{0%,to{box-shadow:0 18px 40px #00000047,0 0 18px #72e9ff29}50%{box-shadow:0 18px 40px #00000047,0 0 34px #72e9ff61}}@media(max-width:1100px){.world-cup-reveal-grid,.world-cup-showcase-cards{grid-template-columns:repeat(3,minmax(140px,1fr))}.world-cup-builder{grid-template-columns:1fr}.world-cup-collection-summary{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border);border-left:0;padding-top:var(--space-4);padding-left:0}.world-cup-collection-summary>span,.world-cup-collection-summary>strong{grid-column:1 / -1}}@media(max-width:720px){.world-cup-event-banner,.world-cup-showcase-heading{grid-template-columns:auto 1fr}.world-cup-event-banner em,.world-cup-showcase-heading>strong{grid-column:1 / -1}.world-cup-pack-stage{grid-template-columns:1fr;padding:var(--space-5)}.world-cup-pack{width:200px}.world-cup-reveal-grid,.world-cup-showcase-cards{grid-template-columns:repeat(2,minmax(125px,1fr))}.world-cup-pitch{gap:var(--space-1);min-height:430px;padding:var(--space-2)}.world-cup-lineup-slot{padding:var(--space-1);font-size:var(--font-size-xs)}.world-cup-collection-summary{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.world-cup-pack-stage.is-opening .world-cup-pack,.world-cup-card.rarity-diamond .world-cup-card-front{animation:none}.world-cup-card-front,.world-cup-card-back{transition-duration:1ms}}.friends-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.friends-find-action{width:-moz-fit-content;width:fit-content;white-space:nowrap}.friends-feed{max-width:880px}.friends-people-layout,.friends-section{display:grid;gap:var(--space-6)}.friends-people-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.friends-card-grid,.group-card-grid{display:grid;gap:var(--space-4)}.friends-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-card,.group-card{display:grid;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sharp);background:color-mix(in srgb,var(--color-surface) 82%,transparent);padding:var(--space-4)}.friend-card>button:last-child,.group-card button,.friend-finder .section-heading-row button{width:-moz-fit-content;width:fit-content;min-height:var(--size-control-sm);border-color:var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 var(--space-3)}.friend-card-scores{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.friend-card-scores>span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.group-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.group-discovery-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1fr) auto auto;align-items:end;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sharp);background:color-mix(in srgb,var(--color-surface) 82%,transparent);padding:var(--space-3)}.group-discovery-toolbar>label:not(.group-owned-filter){display:grid;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.group-owned-filter{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--size-control-md);color:var(--color-text)}.group-discovery-toolbar>span{align-self:center;color:var(--color-text-subtle);font-size:var(--font-size-sm);white-space:nowrap}.group-card>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.group-card span,.group-card>div strong{color:var(--color-text-muted);font-size:var(--font-size-sm)}.group-card h2,.group-card p{margin:0}.group-card p{color:var(--color-text-muted);line-height:var(--line-height-body)}.group-card button:disabled{cursor:not-allowed;opacity:.65}.friends-online{display:grid;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-4)}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar-nav{position:sticky;top:0;z-index:30;display:block;height:auto;gap:0;border-right:0;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 94%,transparent);padding:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-header{position:relative;z-index:3;min-height:64px;padding:var(--space-3) clamp(var(--space-4),4vw,var(--space-6))}.sidebar-brand{width:auto}.sidebar-brand img{width:auto;height:34px}.sidebar-mobile-actions{margin-left:auto}.sidebar-logo{height:1.75rem}.sidebar-mobile-actions{display:flex;align-items:center;gap:var(--space-2)}.mobile-theme-toggle{display:grid;margin:0}.sidebar-menu-toggle{display:block}.desktop-theme-toggle{display:none}.sidebar-menu{position:absolute;top:100%;right:0;left:0;z-index:3;display:none;max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--color-border);background:var(--color-bg);box-shadow:var(--shadow-md);padding:var(--space-4) clamp(var(--space-4),4vw,var(--space-6)) var(--space-6)}.sidebar-nav.is-menu-open .sidebar-menu{display:flex}.sidebar-nav nav button{min-height:48px;border-left-width:3px}.sidebar-account-row{margin-top:0;border-top:1px solid var(--color-border);padding-top:var(--space-4)}.sidebar-backdrop{position:fixed;inset:64px 0 0;z-index:2;width:100%;min-height:0;border:0;border-radius:0;background:#0000007a;padding:0;cursor:default}.sidebar-nav.is-menu-open .sidebar-backdrop{display:block}.page-header,.posting-flow,.posting-flow.has-selection,.posting-quick-filters,.home-page-layout{grid-template-columns:1fr}.posting-flow:not(.has-selection) .match-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.promoted-rail{position:static}.events-group,.recommendation-strip,.suggested-players-row,.leaderboard-row,.leaderboard-controls,.auth-panel,.profile-hero,.player-profile-hero,.profile-snapshot,.competition-grid,.friends-layout,.friends-people-layout,.group-card-grid{grid-template-columns:1fr}.friends-toolbar{align-items:stretch;flex-direction:column}.friends-toolbar .feed-tabs{overflow-x:auto}.page-header{align-items:start}.page-header .primary-action{justify-self:start}.feed-tabs,.quick-filter-list{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.feed-tabs button,.quick-filter-list button{flex:0 0 auto}}@media(max-width:680px){.page-layout{padding:var(--space-5) var(--space-4) var(--space-12)}.page-header{gap:var(--space-4);margin-bottom:var(--space-6)}.page-header h1{font-size:clamp(1.6rem,7vw,2.3rem);line-height:1.2}.page-header p{margin-top:var(--space-4);font-size:var(--font-size-md)}.page-header .primary-action,.friends-find-action,.subscribe-panel-actions,.subscribe-panel-actions button,.earnings-actions,.earnings-actions button{width:100%}.posting-flow:not(.has-selection) .match-filter,.posting-flow:not(.has-selection) .match-picker,.field-grid,.selected-match-summary{grid-template-columns:1fr}.pick-post,.pick-post-skeleton{grid-template-columns:1fr}.post-image,.pick-post-skeleton-media{height:auto;aspect-ratio:16 / 9}.selected-match-summary button{width:-moz-fit-content;width:fit-content}.friends-card-grid{grid-template-columns:1fr}.friends-toolbar{position:sticky;top:64px;z-index:5;margin-inline:calc(var(--space-4) * -1);background:color-mix(in srgb,var(--color-bg) 95%,transparent);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.upcoming-events-heading,.leaderboard-summary,.section-heading-row,.subscribe-panel,.earnings-panel{align-items:stretch;flex-direction:column}.section-heading-row{display:flex}.event-tile{width:min(300px,calc(100vw - 3rem))}input,select,textarea{min-height:48px;font-size:16px}textarea{min-height:132px}.primary-action,.social-auth-button,.match-pagination button,.selected-match-summary button,.feed-tabs button,.quick-filter-list button,.post-action-button,.post-actions .post-action-link,.friend-card>button:last-child,.group-card button{min-height:44px}.pick-post{grid-template-columns:96px minmax(0,1fr)}.post-image{height:96px}.post-body{padding-left:var(--space-3)}.pick-summary,.field-grid,.preview-row,.recommend-metrics{grid-template-columns:1fr}.post-author,.saved-row,.privacy-row{align-items:flex-start;grid-template-columns:1fr}.post-author{flex-direction:column}.post-header-actions{width:100%;flex-wrap:wrap;justify-content:space-between}.post-actions{gap:var(--space-3)}.selected-match-summary button,.saved-row button,.privacy-row button{width:100%}.subscribe-panel-actions,.earnings-actions{display:grid;grid-template-columns:1fr}.world-cup-event-banner,.world-cup-pack-stage,.world-cup-builder,.world-cup-showcase{padding-inline:var(--space-4)}.floating-tip-slip{right:var(--space-3);bottom:var(--space-3)}.compact-page-header{align-items:stretch;flex-direction:column;margin-bottom:var(--space-6)}.compact-page-header button{width:100%}}@media(max-width:520px){.pick-post{grid-template-columns:1fr}.post-image{height:min(52vw,210px)}.post-body{padding:var(--space-4) 0 0}.pick-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.match-pagination{align-items:stretch;flex-wrap:wrap}.match-pagination span{order:-1;width:100%;text-align:center}.match-pagination button{flex:1}.floating-tip-slip span{display:none}}@media(prefers-reduced-motion:reduce){.skeleton-shimmer{animation:none;background-position:0 0}}.toast-region{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:50;max-width:min(92vw,380px)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 12px 32px #00000047}.toast-success{border-color:color-mix(in srgb,var(--color-accent, #f5b301) 55%,var(--color-border))}.toast-error{border-color:color-mix(in srgb,var(--color-danger, #e5484d) 55%,var(--color-border))}.toast span{flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-body)}.toast-dismiss{flex-shrink:0;border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:1;cursor:pointer}.toast-dismiss:hover{color:var(--color-text)}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:var(--space-4);background:#00000094}.modal-panel{width:min(720px,100%);max-height:min(820px,92vh);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);padding:var(--space-5);box-shadow:0 24px 80px #00000061}.comments-drawer,.profile-edit-modal,.discussion-panel{display:grid;gap:var(--space-4)}.comments-list,.message-list{display:grid;gap:var(--space-3)}.comment-row,.message-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.message-row{grid-template-columns:1fr}.comment-row p,.message-row p{margin:var(--space-1) 0 0;color:var(--color-text-muted);overflow-wrap:anywhere}.comment-form{display:grid;gap:var(--space-3)}.comment-form textarea,.profile-edit-modal input{width:100%}.event-focus-panel{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.event-focus-panel span{display:block;color:var(--color-text-muted);font-size:var(--font-size-sm)}.event-focus-panel p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}@media(max-width:680px){.toast-region{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);max-width:none}}.my-roinx-tabs{margin-bottom:var(--space-6)}.my-roinx-tabpanel{display:block}.my-roinx-tabpanel>.profile-hero{margin-top:0}.my-roinx-tabpanel>.my-roinx-section:first-of-type{margin-top:0}.my-roinx-tabpanel>.privacy-row:first-of-type{border-top:none;padding-top:0}@media(max-width:680px){.my-roinx-tabs button{flex:1 1 auto}}.group-card-button{text-align:left;cursor:pointer;border-left:3px solid var(--group-accent, var(--color-brand));transition:border-color .15s ease,transform .15s ease,background .15s ease}.group-card-button:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--group-accent, var(--color-brand)) 8%,var(--color-surface))}.group-card-button.is-private{background:color-mix(in srgb,var(--color-surface-subtle) 90%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--group-accent, var(--color-brand)) 16%,transparent)}.group-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.group-card-meta{display:grid;justify-items:end;gap:var(--space-1)}.group-visibility-badge,.group-owned-badge{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:var(--radius-badge);padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.group-visibility-badge.is-public{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}.group-visibility-badge.is-private{border:1px solid color-mix(in srgb,var(--color-warning) 38%,var(--color-border));background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.group-owned-badge{margin-top:auto;background:color-mix(in srgb,var(--group-accent, var(--color-brand)) 14%,transparent);color:var(--color-text)}.group-card-avatar,.group-detail-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:var(--radius-sharp);font-size:var(--font-size-lg);background:color-mix(in srgb,var(--group-accent, var(--color-brand)) 18%,var(--color-surface-subtle));color:var(--color-text)}.group-detail-avatar{width:64px;height:64px;font-size:32px}.group-create-form{display:grid;gap:var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--group-accent, var(--color-brand));border-radius:var(--radius-sharp);background:color-mix(in srgb,var(--color-surface) 82%,transparent);padding:var(--space-4);margin-bottom:var(--space-4)}.group-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.group-form-actions>button{width:-moz-fit-content;width:fit-content}.group-create-form label{display:grid;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.group-create-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.group-create-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-sharp);padding:var(--space-3);display:grid;gap:var(--space-2);min-width:0}.group-create-fieldset legend{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-subtle);padding:0 var(--space-2)}.group-radio{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text)}.group-emoji-picker,.group-color-picker{display:flex;flex-wrap:wrap;gap:var(--space-2)}.group-emoji-picker button{width:var(--size-control-sm);height:var(--size-control-sm);border:1px solid var(--color-border);border-radius:var(--radius-badge);background:var(--color-surface-subtle);font-size:var(--font-size-lg);cursor:pointer}.group-emoji-picker button.active{border-color:var(--color-brand);background:var(--color-brand-soft)}.group-color-picker button{width:var(--size-control-sm);height:var(--size-control-sm);border:2px solid transparent;border-radius:var(--radius-pill);cursor:pointer}.group-color-picker button.active{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-surface)}.group-detail{--group-accent: var(--color-brand)}.group-back-link{width:-moz-fit-content;width:fit-content;border:none;background:transparent;color:var(--color-text-muted);padding:0;cursor:pointer}.group-back-link:hover{color:var(--color-text)}.group-detail-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sharp);padding:var(--space-4);background:linear-gradient(140deg,color-mix(in srgb,var(--group-accent) 14%,var(--color-surface)),var(--color-surface-subtle));border-top:3px solid var(--group-accent)}.group-detail-heading{flex:1 1 220px;display:grid;gap:var(--space-2);min-width:0}.group-detail-heading h1,.group-detail-heading p{margin:0}.group-detail-heading p{color:var(--color-text-muted);line-height:var(--line-height-body)}.group-detail-kicker{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-subtle)}.group-detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2)}.group-detail-actions>button,.group-form-actions>button:not(.primary-action){min-height:var(--size-control-sm);border-color:var(--color-border);background:color-mix(in srgb,var(--color-surface) 80%,transparent);color:var(--color-text);padding:0 var(--space-3)}.danger-action{border-color:color-mix(in srgb,var(--color-danger) 52%,var(--color-border));background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.group-owner-panel,.group-delete-confirmation{margin-top:var(--space-4)}.group-owner-panel .group-create-form{margin-bottom:0}.group-delete-confirmation{display:grid;gap:var(--space-3);border:1px solid color-mix(in srgb,var(--color-danger) 48%,var(--color-border));border-radius:var(--radius-sharp);background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface));padding:var(--space-4)}.group-delete-confirmation p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.group-owner-pill{display:inline-flex;align-items:center;padding:2px var(--space-3);border-radius:var(--radius-badge);font-size:var(--font-size-sm);color:var(--color-text-subtle);background:color-mix(in srgb,var(--group-accent) 16%,var(--color-surface-subtle))}.group-detail-tabs{margin:var(--space-4) 0}.group-detail-tabs .active{border-color:color-mix(in srgb,var(--group-accent) 52%,var(--color-border));background:color-mix(in srgb,var(--group-accent) 16%,transparent);color:var(--color-text)}.group-feed,.group-predictions{display:grid;gap:var(--space-4)}.group-attach-control{display:grid;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sharp);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface) 82%,transparent)}.group-attach-control label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-subtle)}.group-attach-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.group-attach-row select{flex:1 1 220px;min-width:0}.group-prediction-row{display:grid;gap:var(--space-2)}.group-detach-button{width:-moz-fit-content;width:fit-content;min-height:var(--size-control-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);padding:0 var(--space-3);cursor:pointer}.group-detach-button:hover{border-color:var(--color-border-strong);color:var(--color-text)}.group-members-list{display:grid;gap:var(--space-3)}.group-member-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sharp);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface) 82%,transparent)}.group-member-role{text-transform:capitalize;font-size:var(--font-size-sm);color:var(--color-text-subtle);background:color-mix(in srgb,var(--group-accent) 14%,var(--color-surface-subtle));padding:2px var(--space-2);border-radius:var(--radius-badge)}@media(max-width:680px){.group-discovery-toolbar{grid-template-columns:1fr;align-items:stretch}.group-discovery-toolbar>span{justify-self:start}.group-card-grid{grid-template-columns:1fr}}.content-page{width:min(820px,100%)}.content-prose{display:grid;gap:var(--space-6);margin-top:var(--space-2)}.content-prose section{display:grid;gap:var(--space-2)}.content-prose h2{margin:0;font-size:var(--font-size-lg)}.content-prose p{margin:0;color:var(--color-text-muted);line-height:var(--line-height-body)}.content-callout{border:1px solid color-mix(in srgb,var(--color-brand) 30%,transparent);border-radius:var(--radius-smooth);background:var(--color-brand-soft);padding:var(--space-5)}.content-callout h2{color:var(--color-brand-strong)}.content-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.content-actions button:not(.primary-action){min-height:var(--size-control-lg);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);padding:0 var(--space-5);cursor:pointer}.content-actions button:not(.primary-action):hover{border-color:var(--color-border-strong);color:var(--color-text)}.faq-list{display:grid;gap:var(--space-3);margin-top:var(--space-2)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-smooth);background:var(--color-surface);padding:var(--space-4) var(--space-5)}.faq-item summary{cursor:pointer;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] summary{margin-bottom:var(--space-2);color:var(--color-brand-strong)}.faq-item p{margin:0;color:var(--color-text-muted);line-height:var(--line-height-body)}.feedback-form select,.feedback-form textarea{width:100%}.feedback-form textarea{resize:vertical}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);width:min(1920px,100%);margin-top:auto;border-top:1px solid var(--color-border);padding:var(--space-5) clamp(var(--space-4),4vw,var(--space-8))}.site-footer-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.site-footer-links button{border:0;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:0;cursor:pointer}.site-footer-links button:hover{color:var(--color-text);text-decoration:underline}.site-footer-note{margin:0;color:var(--color-text-subtle);font-size:var(--font-size-xs)}.auth-loading-shell{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at 50% 20%,rgb(93 200 167 / 12%),transparent 30rem),var(--color-bg)}.auth-loading-shell img{width:min(180px,46vw);height:auto}.guest-banner{border:1px solid color-mix(in srgb,var(--color-brand) 38%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-soft) 76%,transparent),transparent 72%),color-mix(in srgb,var(--color-surface) 90%,transparent);box-shadow:var(--shadow-sm)}.guest-banner-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-5);min-height:64px;border-width:0 0 1px;padding:var(--space-3) clamp(var(--space-4),4vw,var(--space-8));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:flex-end}.guest-wordmark{display:none}.guest-wordmark img{display:block;width:auto;height:2rem}.guest-banner-action{min-height:var(--size-control-md);border:1px solid var(--color-brand);border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-text-inverse);padding:0 var(--space-5);font-weight:700;white-space:nowrap}.guest-banner-action:hover{background:var(--color-brand-strong)}.guest-feed-intro{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);border:1px solid color-mix(in srgb,var(--color-brand) 24%,var(--color-border));border-radius:var(--radius-smooth);background:linear-gradient(135deg,color-mix(in srgb,var(--color-brand-soft) 40%,transparent),transparent 52%),color-mix(in srgb,var(--color-surface) 78%,transparent);padding:clamp(var(--space-5),4vw,var(--space-8))}.guest-feed-copy{display:grid;gap:var(--space-3);max-width:720px}.guest-feed-copy h1{margin:0;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.95}.guest-feed-copy p:last-child{max-width:62ch;margin:0;color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-body)}.guest-feed-stats{color:var(--color-text-muted)}.guest-feed-stats p{margin:0}.guest-feed-stat-number{color:var(--color-brand);font-weight:700}.guest-banner-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-8);margin-top:var(--space-10);padding:clamp(var(--space-6),5vw,var(--space-10))}.guest-banner-bottom h2{max-width:720px;margin:0;font-size:clamp(1.75rem,4vw,3rem);line-height:var(--line-height-tight)}.guest-banner-bottom div>p:last-child{max-width:720px;margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:var(--line-height-body)}@media(max-width:680px){.guest-feed-intro{padding:var(--space-5)}.guest-feed-copy h1{font-size:clamp(2rem,12vw,3.25rem)}.guest-feed-copy p:last-child{font-size:var(--font-size-md)}.guest-banner-bottom{grid-template-columns:1fr}.guest-banner-bottom .guest-banner-action{width:100%}}