@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');html{--aura-accent-color-dark: #FF8904;--aura-accent-color-light: #FF8904;--aura-background-color-dark: #1C1917;--aura-background-color-light: #F4F4F0;--aura-base-font-size: 13;--aura-base-radius: 4;--aura-content-color-scheme: light dark;--aura-contrast-level: 0.25;--aura-font-family: 'Inter',var(--aura-font-family-system);--aura-notification-color-scheme: light dark;--aura-overlay-surface-opacity: 1;--aura-surface-level: -0.5;color-scheme: light dark}:is(vaadin-button,vaadin-menu-bar-button,vaadin-upload-button),vaadin-tabs,vaadin-checkbox,vaadin-radio-button{--aura-accent-color-light: var(--aura-neutral);--aura-accent-color-dark: var(--aura-neutral)}vaadin-side-nav-item[current]::part(content){--vaadin-side-nav-item-background: var(--vaadin-background-container);--vaadin-side-nav-item-border-color: transparent}.mobile-home{box-sizing: border-box;width: 100%;max-width: 480px;margin-inline: auto;padding-top: max(16px,env(safe-area-inset-top));padding-right: max(16px,env(safe-area-inset-right));padding-bottom: max(24px,env(safe-area-inset-bottom));padding-left: max(16px,env(safe-area-inset-left));gap: 16px}.mobile-home-title{margin: 0 0 8px;overflow-wrap: anywhere}.mobile-home vaadin-button,.mobile-home vaadin-text-field,.mobile-home vaadin-password-field,.mobile-home vaadin-select,.mobile-home vaadin-combo-box{width: 100%;min-width: 0}.mobile-home vaadin-button{min-height: 48px}.mobile-home.wide{max-width: 1200px}.bracket-scroll{width: 100%;overflow-x: auto}.profile-header{display: flex;align-items: center;gap: var(--vaadin-gap-m);flex-wrap: wrap}.profile-name{font-size: 1.25em;font-weight: 600}.detail-rows{display: grid;grid-template-columns: max-content 1fr;gap: var(--vaadin-gap-s) var(--vaadin-gap-l)}.detail-rows>span{overflow-wrap: anywhere}.detail-label,.muted{color: var(--vaadin-text-color-secondary)}.list-row{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);padding-block: var(--vaadin-padding-s);border-top: 1px solid var(--vaadin-border-color-secondary)}.list-row:first-child{border-top: none;padding-top: 0}.list-row.dim .list-row-text{color: var(--vaadin-text-color-secondary)}.list-row-text{display: flex;flex-direction: column;min-width: 0}.list-row-sub{font-size: 0.9em;color: var(--vaadin-text-color-secondary)}.list-row vaadin-badge{flex-shrink: 0}.mono{font-family: ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing: 0.04em}.draw-toolbar{display: flex;align-items: center;gap: var(--vaadin-gap-m);flex-wrap: wrap}.draw-toolbar vaadin-select{flex: 0 1 320px;width: 320px;min-width: 0}.bracket-panel{box-sizing: border-box;min-height: 0;overflow: auto;padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--vaadin-background-color)}.bracket-empty{display: flex;align-items: center;justify-content: center;min-height: 160px;text-align: center;padding: var(--vaadin-padding-l)}.login-page{box-sizing: border-box;padding: var(--vaadin-padding-l)}.login-card{box-sizing: border-box;width: 100%;max-width: 380px;padding: var(--vaadin-padding-xl) var(--vaadin-padding-l) var(--vaadin-padding-l);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--vaadin-background-container)}.login-brand{display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-gap-xs);text-align: center;margin-bottom: var(--vaadin-gap-m)}.login-logo{--vaadin-icon-size: 36px;color: var(--aura-accent-color)}.login-title{font-size: 1.6em;margin: var(--vaadin-gap-xs) 0 0}.login-card vaadin-login-form{width: 100%}.login-help{display: block;text-align: center;font-size: 0.9em;margin-top: var(--vaadin-gap-s)}.mobile-home .list-row vaadin-button{width: auto;min-height: 0;flex-shrink: 0}.page-header{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--vaadin-gap-m);flex-wrap: wrap;width: 100%}.page-titles h1{margin: 0 0 var(--vaadin-gap-xs)}.page-actions{display: flex;gap: var(--vaadin-gap-s);flex-wrap: wrap}.stat-tiles{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: var(--vaadin-gap-m);width: 100%}.stat-tile{display: flex;flex-direction: column;gap: 2px;padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--vaadin-background-container)}.stat-label{color: var(--vaadin-text-color-secondary)}.stat-value{font-size: 1.75em;font-weight: 600;line-height: 1.2;color: var(--vaadin-text-color)}.stat-tile .muted{font-size: 0.9em}.grid-toolbar{display: flex;align-items: center;gap: var(--vaadin-gap-s);flex-wrap: wrap;width: 100%}.grid-toolbar vaadin-text-field{flex: 1 1 220px;max-width: 320px}.grid-toolbar .muted{margin-inline-start: auto}.player-cell{display: flex;align-items: center;gap: var(--vaadin-gap-s)}.filled-cell{display: flex;align-items: center;gap: var(--vaadin-gap-s)}.filled-cell vaadin-progress-bar{margin: 0}.row-actions{display: flex;gap: var(--vaadin-gap-xs)}.back-link{font-size: 0.9em;color: var(--vaadin-text-color-secondary);text-decoration: none}.back-link:hover{color: var(--vaadin-text-color)}vaadin-grid::part(match-alt){background: var(--vaadin-background-container)}.matchup{display: grid;grid-template-columns: 1fr auto 1fr;align-items: start;gap: var(--vaadin-gap-m);width: 100%;box-sizing: border-box;padding: var(--vaadin-padding-m);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: var(--vaadin-background-container)}.matchup-side{display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-gap-xs);text-align: center;min-width: 0}.matchup-name{font-weight: 600;overflow-wrap: anywhere}.matchup-vs{align-self: center;color: var(--vaadin-text-color-secondary);font-size: 0.9em;text-transform: uppercase;letter-spacing: 0.06em}.result-dialog vaadin-radio-group{width: 100%}.home-links{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: var(--vaadin-gap-m);width: 100%;align-items: start}.home-section{width: 100%}.home-section-title{margin: var(--vaadin-gap-m) 0 var(--vaadin-gap-s)}.home-remaining{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,360px),1fr));gap: var(--vaadin-gap-m);align-items: start}.home-link{position: relative;display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-l);border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l);background: radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--aura-accent-color) 10%,transparent),transparent 60%),var(--vaadin-background-container);color: var(--vaadin-text-color);text-decoration: none;overflow: hidden;transition: transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}.home-link:hover,.home-link:focus-visible{transform: translateY(-2px);border-color: color-mix(in srgb,var(--aura-accent-color) 55%,transparent);box-shadow: 0 8px 24px -12px color-mix(in srgb,var(--aura-accent-color) 45%,transparent)}.home-link-icon{display: grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;margin-bottom: var(--vaadin-gap-s);background: color-mix(in srgb,var(--aura-accent-color) 16%,transparent);color: var(--aura-accent-color)}.home-link-icon vaadin-icon{--vaadin-icon-size: 20px}.home-link-arrow{position: absolute;top: var(--vaadin-padding-l);right: var(--vaadin-padding-l);--vaadin-icon-size: 16px;color: var(--aura-accent-color);opacity: 0;transform: translateX(-6px);transition: opacity 160ms ease,transform 160ms ease}.home-link:hover .home-link-arrow,.home-link:focus-visible .home-link-arrow{opacity: 1;transform: translateX(0)}.home-link-title{font-weight: 600;font-size: 1.1em}.home-link-chip{position: absolute;top: calc(var(--vaadin-padding-l) + 8px);right: calc(var(--vaadin-padding-l) + 28px);padding: 2px 10px;border-radius: 999px;font-size: 0.85em;font-weight: 600;background: color-mix(in srgb,var(--aura-accent-color) 14%,transparent);color: var(--vaadin-text-color)}.home-meters{display: grid;gap: var(--vaadin-gap-m);margin-top: var(--vaadin-gap-m);padding-top: var(--vaadin-gap-m);border-top: 1px solid var(--vaadin-border-color-secondary)}.home-meter-top{display: flex;justify-content: space-between;align-items: baseline;gap: var(--vaadin-gap-s)}.home-meter-value{font-size: 1.25em;font-weight: 600}.home-meter vaadin-progress-bar{margin: 4px 0 0}@media (prefers-reduced-motion: reduce){.home-link,.home-link-arrow{transition: none}.home-link:hover,.home-link:focus-visible{transform: none}}.share-image-preview{max-height: 60vh;overflow: auto;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-m);background: #ffffff}.share-actions{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: var(--vaadin-gap-s);width: 100%}.field-row{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--vaadin-gap-s) var(--vaadin-gap-m);margin-top: var(--vaadin-gap-m)}.field-row>vaadin-text-field{flex: 1 1 200px}.benefits-panel{margin-top: var(--vaadin-gap-l)}.benefits-panel h3{margin: 0}