@import url('https://fonts.googleapis.com/css2?family=Rye&family=Oswald:wght@300;400;500;600;700;800&family=Special+Elite&display=swap');:root{--cream: #f3e3c0;--gold: #d8a44b;--gold-bright: #f2c75f;--red: #b3271f;--red-dark: #8c1d16;--wood-mid: #4a2e18;--wood-dark: #2c1a0d;--ink: #160c05;--parchment: #efdcb0;--win: #a6d98a;--loss: #ff9a8e;--font-display: 'Rye',Georgia,serif;--font-ui: 'Oswald',system-ui,-apple-system,sans-serif;--font-flavor: 'Special Elite','Courier New',monospace;--wp-gold: var(--gold);--wp-gold-hover: #c08e36;--wp-gold-light: var(--gold-bright);--wp-gold-pale: rgba(216,164,75,0.12);--wp-copper: #b5681f;--wp-copper-2: #6e3a14;--wp-brown: #7a4f24;--wp-brown-dark: #3a2414;--wp-red: var(--red);--wp-red-dark: var(--red-dark);--wp-bg: var(--ink);--wp-bg-2: #1f1209;--wp-card: var(--wood-dark);--wp-card-2: #3a2414;--wp-border: rgba(216,164,75,0.28);--wp-frame: #7a4f24;--wp-text: var(--cream);--wp-text-muted: rgba(243,227,192,0.62);--wp-text-light: rgba(243,227,192,0.40);--wp-wood: #3a2414;--wp-wood-2: #1c1006;--wp-dark-nav: #1c1006;--wp-corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath d='M8 0 L9.2 6.8 L16 8 L9.2 9.2 L8 16 L6.8 9.2 L0 8 L6.8 6.8 Z' fill='%23d8a44b'/%3E%3C/svg%3E");--wp-radius-card: 14px;--wp-radius-btn: 12px;--wp-shadow-card: 0 3px 10px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,210,150,0.12);--wp-shadow-card-hover: 0 8px 22px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,210,150,0.14);--wp-font-heading: var(--font-ui);--wp-font-accent: var(--font-ui);--wp-font-body: var(--font-ui);--wp-font-display: var(--font-display)}html{--lumo-primary-color: var(--wp-gold);--lumo-primary-color-50pct: rgba(217,119,6,0.5);--lumo-primary-text-color: var(--wp-gold);--lumo-base-color: var(--wp-bg);--lumo-body-text-color: var(--wp-text);--lumo-secondary-text-color:var(--wp-text-muted);--lumo-border-radius-m: 8px;--lumo-font-family: var(--wp-font-body);--lumo-space-m: 1rem}*,*::before,*::after{box-sizing: border-box}body{margin: 0;font-family: var(--wp-font-body);background: var(--wp-bg);color: var(--wp-text);-webkit-font-smoothing: antialiased}h1,h2,h3,h4{font-family: var(--wp-font-heading);color: var(--wp-text);margin: 0}.landing-page{min-height: 100vh}vaadin-vertical-layout.landing-page>*{width: 100%;min-width: 0}.landing-hero{position: relative;min-height: 100vh;width: 100%;background-image: url('/assets/bg-home.png');background-size: cover;background-position: center top;display: flex;align-items: center;justify-content: center}.landing-hero::before{content: '';position: absolute;inset: 0;background: linear-gradient(160deg,rgba(10,7,2,0.50) 0%,rgba(10,7,2,0.68) 100%)}.landing-hero__content{position: relative;z-index: 1;text-align: center;padding: 2rem 1.5rem 3rem;max-width: 680px;width: 100%;margin: 0 auto}.landing-logo{max-width: 320px;width: 75%;margin-bottom: 2.5rem;filter: drop-shadow(0 4px 20px rgba(0,0,0,0.4))}.landing-title{font-size: clamp(2.1rem,5vw,3.4rem);font-weight: 700;color: #FEF3C7;line-height: 1.1;text-shadow: 0 2px 12px rgba(0,0,0,0.5)}.landing-title--accent{color: #FCD34D}.landing-tagline{margin: 1.25rem auto 2.5rem;font-size: clamp(0.95rem,2.5vw,1.1rem);color: #FDE68A;max-width: 480px;line-height: 1.65;font-family: var(--wp-font-body);text-shadow: 0 1px 6px rgba(0,0,0,0.4)}vaadin-button.landing-cta{background: var(--wp-gold);border: none;border-radius: var(--wp-radius-btn);box-shadow: 0 4px 20px rgba(217,119,6,0.4);transition: background 0.2s,transform 0.15s,box-shadow 0.2s}vaadin-button.landing-cta::part(label){font-family: var(--wp-font-body);font-weight: 600;font-size: 0.95rem;letter-spacing: 0.06em;text-transform: uppercase;color: #FFF;padding: 0.35rem 1.75rem}vaadin-button.landing-cta:hover{background: var(--wp-gold-hover);transform: translateY(-2px);box-shadow: 0 8px 28px rgba(217,119,6,0.45)}.landing-features{background: var(--wp-bg);padding: 5rem 1.5rem;text-align: center}.landing-features__title{font-size: clamp(1.5rem,3.5vw,2.2rem);color: var(--wp-brown);margin-bottom: 3rem}.landing-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 1.5rem;max-width: 1100px;margin: 0 auto}.landing-card{background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: var(--wp-radius-card);padding: 2rem 1.5rem;box-shadow: var(--wp-shadow-card);text-align: left;transition: transform 0.2s,box-shadow 0.2s}.landing-card:hover{transform: translateY(-3px);box-shadow: var(--wp-shadow-card-hover)}.landing-card__img{width: 100%;max-height: 160px;object-fit: cover;border-radius: 10px;margin-bottom: 1.25rem;filter: sepia(15%) brightness(0.97)}.landing-card__title{font-size: 1.2rem;font-weight: 700;color: var(--wp-brown);margin-bottom: 0.6rem}.landing-card__desc{font-size: 0.9rem;color: var(--wp-text-muted);line-height: 1.65;margin: 0}.landing-footer{padding: 2rem 1.5rem;background: var(--wp-dark-nav);text-align: center;color: var(--wp-text-light);font-size: 0.8rem}.landing-footer p{margin: 0}.login-page{min-height: 100vh;background-image: url('/assets/bg-home.png');background-size: cover;background-position: center;display: flex !important;align-items: center;justify-content: center;position: relative}.login-page::before{content: '';position: fixed;inset: 0;background: rgba(10,7,2,0.60);z-index: 0}.login-card{position: relative;z-index: 1;background: var(--wp-card);border-radius: var(--wp-radius-card);overflow: hidden;width: 100%;max-width: 420px;margin: 1.5rem;box-shadow: 0 8px 32px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.2);padding-bottom: 2rem}.login-card::before{content: '';display: block;height: 4px;background: linear-gradient(90deg,var(--wp-brown) 0%,var(--wp-gold) 50%,var(--wp-brown) 100%)}.login-logo{display: block;max-width: 200px;margin: 1.75rem auto 1.25rem}.login-title{text-align: center;font-size: 1.5rem;font-weight: 700;color: var(--wp-brown);margin-bottom: 1.5rem;padding: 0 1.75rem}.login-field{padding: 0 1.75rem;margin-bottom: 0.75rem;display: block}vaadin-email-field.login-field,vaadin-text-field.login-field,vaadin-password-field.login-field{width: calc(100% - 3.5rem);margin-left: 1.75rem;margin-right: 1.75rem;--vaadin-input-field-background: #FAFAF8;--vaadin-input-field-border-color: var(--wp-border);--vaadin-input-field-border-radius: 8px;font-family: var(--wp-font-body);font-size: 0.9rem;margin-bottom: 0.75rem}vaadin-email-field.login-field::part(input-field),vaadin-text-field.login-field::part(input-field),vaadin-password-field.login-field::part(input-field){border-radius: 8px}.login-google-btn{display: block;background: var(--wp-card);border: 1.5px solid #E5E7EB;border-radius: 10px;padding: 0.8rem 1rem;width: calc(100% - 3.5rem);margin: 0 1.75rem 0.5rem;cursor: pointer;text-decoration: none !important;transition: border-color 0.2s,box-shadow 0.2s}.login-google-btn:hover{border-color: var(--wp-gold);box-shadow: 0 2px 8px rgba(217,119,6,0.15)}.login-google-content{display: flex;align-items: center;justify-content: center;gap: 0.75rem;font-family: var(--wp-font-body);font-size: 0.9rem;font-weight: 500;color: var(--wp-text)}.login-google-icon{display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;background: conic-gradient(#4285F4 0deg 90deg,#EA4335 90deg 180deg,#FBBC05 180deg 270deg,#34A853 270deg 360deg);color: #FFF;font-weight: 900;font-size: 0.7rem;border-radius: 50%;flex-shrink: 0}.login-divider{display: flex;align-items: center;gap: 0.75rem;margin: 0.75rem 1.75rem;color: var(--wp-text-light);font-size: 0.8rem;font-family: var(--wp-font-body)}.login-divider>div{flex: 1;height: 1px;background: #F0EADA}vaadin-button.login-submit-btn{display: block;width: calc(100% - 3.5rem);margin: 1rem 1.75rem 0;background: var(--wp-gold);border: none;border-radius: var(--wp-radius-btn);box-shadow: 0 4px 16px rgba(217,119,6,0.3);transition: background 0.2s,transform 0.15s,box-shadow 0.2s}vaadin-button.login-submit-btn::part(label){font-family: var(--wp-font-body);font-weight: 600;font-size: 0.9rem;letter-spacing: 0.05em;text-transform: uppercase;color: #FFF;padding: 0.25rem 0}vaadin-button.login-submit-btn:hover{background: var(--wp-gold-hover);transform: translateY(-1px);box-shadow: 0 6px 20px rgba(217,119,6,0.35)}.login-forgot{display: block;font-size: 0.78rem;color: var(--wp-text-light);text-decoration: none;text-align: right;margin: 0.25rem 1.75rem 0;font-family: var(--wp-font-body)}.login-forgot:hover{color: var(--wp-gold)}.login-links{margin-top: 1.25rem;text-align: center;padding: 0 1.75rem}.login-back{display: block;font-family: var(--wp-font-body);font-size: 0.82rem;color: var(--wp-text-muted);text-decoration: none;margin-top: 0.4rem;transition: color 0.15s}.login-back:hover{color: var(--wp-gold)}.forgot-hint{font-family: var(--wp-font-body);font-size: 0.85rem;color: var(--wp-text-muted);line-height: 1.5;margin: 0 1.75rem 1rem;padding: 0}vaadin-text-field.login-field::part(helper-text){font-size: 0.75rem;color: var(--wp-text-light)}.activation-content{text-align: center;padding: 0 1.75rem 0.5rem}.activation-icon{display: inline-flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 50%;font-size: 1.6rem;font-weight: 700;margin: 0.5rem auto 1rem}.activation-icon--success{background: #FEF3C7;color: var(--wp-gold)}.activation-icon--error{background: #FEE2E2;color: #DC2626}.activation-title{font-family: var(--wp-font-heading);font-size: 1.4rem;font-weight: 700;margin-bottom: 0.75rem}.activation-title--success{color: var(--wp-brown)}.activation-title--error{color: #B91C1C}.activation-msg{font-family: var(--wp-font-body);font-size: 0.875rem;color: var(--wp-text-muted);line-height: 1.65;margin: 0 0 1.25rem}.activation-link{font-family: var(--wp-font-body);font-size: 0.875rem;color: var(--wp-gold);font-weight: 600;text-decoration: none}.activation-link:hover{text-decoration: underline}.register-success{text-align: center;padding: 0 0.25rem}.register-success__msg{font-family: var(--wp-font-body);font-size: 0.875rem;color: var(--wp-text-muted);line-height: 1.65;margin: 0 0 1.5rem}vaadin-app-layout::part(navbar){background: var(--wp-dark-nav);border-bottom: 1px solid rgba(217,119,6,0.25);padding: 0 1rem;height: 60px}vaadin-app-layout::part(drawer){background: var(--wp-dark-nav);border-right: 1px solid rgba(217,119,6,0.15);width: 220px}.main-layout__navbar{height: 100%;gap: 0}.main-layout__toggle{color: #A8A29E}.main-layout__logo{height: 30px;width: auto;position: absolute;left: 50%;transform: translateX(-50%)}.main-layout__balance{font-family: var(--wp-font-body);font-weight: 600;font-size: 0.85rem;color: #FCD34D;background: rgba(217,119,6,0.18);border: 1px solid rgba(217,119,6,0.35);border-radius: 20px;padding: 0.25rem 0.85rem;white-space: nowrap;margin-left: auto}.main-layout__drawer{padding: 1.25rem 0;height: 100%}.main-layout__sidenav{width: 100%}vaadin-side-nav.main-layout__sidenav{--vaadin-side-nav-item-color: #A8A29E;--vaadin-side-nav-item-background-hover: rgba(217,119,6,0.1);font-family: var(--wp-font-body);font-size: 0.9rem}vaadin-side-nav-item.sidenav-admin{border-top: 1px solid rgba(255,255,255,0.07);margin-top: 0.5rem;padding-top: 0.5rem}vaadin-side-nav-item.sidenav-admin{--vaadin-side-nav-item-color: #FCD34D}.mobile-bottom-nav{display: none;position: fixed;bottom: 0;left: 0;right: 0;height: 64px;background: var(--wp-dark-nav);border-top: 1px solid rgba(217,119,6,0.2);z-index: 200;justify-content: space-around;align-items: center;padding-bottom: env(safe-area-inset-bottom,0)}.mobile-nav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;flex: 1;height: 100%;cursor: pointer;color: #6B7280;font-size: 0.65rem;font-family: var(--wp-font-body);font-weight: 500;letter-spacing: 0.02em;transition: color 0.15s;position: relative}.mobile-nav-item:hover,.mobile-nav-item:active{color: var(--wp-gold)}.mobile-nav-item vaadin-icon{width: 22px;height: 22px;color: inherit}@media (max-width: 767px){.mobile-bottom-nav{display: flex}vaadin-app-layout::part(drawer){display: none}.main-layout__toggle{display: none}vaadin-app-layout::part(content){padding-bottom: calc(84px + env(safe-area-inset-bottom,0px))}vaadin-app-layout>:not([slot]):not(.mobile-bottom-nav){padding-bottom: calc(88px + env(safe-area-inset-bottom,0px)) !important;box-sizing: border-box}.main-layout__logo{left: 50%;transform: translateX(-50%)}}.dashboard{background: var(--wp-bg);min-height: 100%}vaadin-vertical-layout.dashboard>*{width: 100%}.dashboard-header{background: var(--wp-card);border-bottom: 1px solid var(--wp-border);padding: 1.75rem 1.5rem 1.5rem}.dashboard-greeting{font-size: clamp(1.3rem,3.5vw,1.75rem);font-weight: 700;color: var(--wp-text);margin-bottom: 0.3rem}.dashboard-sub{font-family: var(--wp-font-body);font-size: 0.875rem;color: var(--wp-text-muted);margin: 0;font-style: italic}.dashboard-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 1rem;padding: 1.25rem 1rem;max-width: 1100px;margin: 0 auto;width: 100%;box-sizing: border-box}.dashboard-card{background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: var(--wp-radius-card);padding: 1.5rem;box-shadow: var(--wp-shadow-card);transition: box-shadow 0.2s}.dashboard-card:hover{box-shadow: var(--wp-shadow-card-hover)}.dashboard-card--wallet{background: linear-gradient(135deg,var(--wp-brown) 0%,var(--wp-gold) 100%);border-color: transparent;text-align: center}.dashboard-card__label{display: block;font-family: var(--wp-font-body);font-size: 0.7rem;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(255,255,255,0.75);margin-bottom: 0.5rem}.dashboard-card__amount{display: block;font-family: var(--wp-font-heading);font-size: 2.4rem;font-weight: 700;color: #FFF;line-height: 1;margin-bottom: 0.5rem}.dashboard-card__hint{font-family: var(--wp-font-body);font-size: 0.8rem;color: rgba(255,255,255,0.7);font-style: italic;margin: 0}.dashboard-card__icon{font-size: 1.75rem;margin-bottom: 0.75rem;display: block}.dashboard-card__title{font-family: var(--wp-font-heading);font-size: 1.1rem;font-weight: 700;color: var(--wp-brown);margin-bottom: 0.6rem}.dashboard-card__empty{font-family: var(--wp-font-body);font-size: 0.875rem;color: var(--wp-text-muted);line-height: 1.6;margin: 0;white-space: pre-line}.profile-view{background: var(--wp-bg);min-height: 100%}vaadin-vertical-layout.profile-view>*{width: 100%}.profile-header{background: var(--wp-card);border-bottom: 1px solid var(--wp-border);padding: 1.75rem 1.5rem}.profile-header__inner{display: flex;align-items: center;gap: 1.5rem;max-width: 860px;margin: 0 auto}.profile-avatar-section{display: flex;flex-direction: column;align-items: center;gap: 0.6rem;flex-shrink: 0}.profile-avatar{width: 80px;height: 80px;border-radius: 50%;object-fit: cover;border: 2.5px solid var(--wp-gold);box-shadow: 0 0 0 3px var(--wp-gold-light)}.profile-avatar-initials{width: 80px;height: 80px;border-radius: 50%;background: linear-gradient(135deg,var(--wp-brown),var(--wp-gold));border: 2.5px solid var(--wp-gold);box-shadow: 0 0 0 3px var(--wp-gold-light);display: flex;align-items: center;justify-content: center;font-family: var(--wp-font-heading);font-size: 2rem;font-weight: 700;color: #FFF}vaadin-upload.profile-upload{--vaadin-upload-drop-label-display: none}vaadin-button.profile-upload-btn::part(label){font-family: var(--wp-font-body);font-size: 0.75rem;color: var(--wp-text-muted)}.profile-info{flex: 1;min-width: 0}.profile-username-row{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 0.4rem}vaadin-text-field.profile-username-field{flex: 1;min-width: 0;font-family: var(--wp-font-heading);font-size: 1.1rem;font-weight: 700}vaadin-button.profile-save-btn{flex-shrink: 0;background: transparent;border: 1px solid var(--wp-gold);border-radius: 6px}vaadin-button.profile-save-btn::part(label){font-family: var(--wp-font-body);font-size: 0.78rem;font-weight: 500;color: var(--wp-gold)}.profile-email{font-family: var(--wp-font-body);font-size: 0.85rem;color: var(--wp-text-muted);margin: 0 0 0.2rem}.profile-since{font-family: var(--wp-font-body);font-size: 0.78rem;color: var(--wp-text-light);margin: 0;font-style: italic}.profile-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 1rem;padding: 1.25rem 1rem;max-width: 860px;margin: 0 auto;width: 100%;box-sizing: border-box}.profile-card{background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: var(--wp-radius-card);padding: 1.5rem;box-shadow: var(--wp-shadow-card)}.profile-card--wallet{background: linear-gradient(135deg,var(--wp-brown),var(--wp-gold));border-color: transparent;text-align: center}.profile-card__label{display: block;font-family: var(--wp-font-body);font-size: 0.7rem;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(255,255,255,0.75);margin-bottom: 0.4rem}.profile-card__amount{display: block;font-family: var(--wp-font-heading);font-size: 2rem;font-weight: 700;color: #FFF}.profile-card__title{font-family: var(--wp-font-heading);font-size: 1rem;color: var(--wp-brown);margin-bottom: 1rem}vaadin-button.profile-change-pwd-btn{background: transparent;border: 1.5px solid var(--wp-border);border-radius: 8px;transition: border-color 0.2s}vaadin-button.profile-change-pwd-btn::part(label){font-family: var(--wp-font-body);font-size: 0.85rem;font-weight: 500;color: var(--wp-text)}vaadin-button.profile-change-pwd-btn:hover{border-color: var(--wp-gold)}vaadin-button.profile-dialog-save{background: var(--wp-gold);border: none;border-radius: 8px}vaadin-button.profile-dialog-save::part(label){font-family: var(--wp-font-body);font-weight: 600;color: #FFF}@media (max-width: 600px){.profile-header__inner{flex-direction: column;text-align: center}.profile-username-row{justify-content: center}}.admin-view{min-height: 100%;background: var(--wp-bg)}vaadin-vertical-layout.admin-view>*{width: 100%}.admin-panel{background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: var(--wp-radius-card);box-shadow: var(--wp-shadow-card);padding: 1.5rem;max-width: 720px;margin: 1.25rem auto;width: calc(100% - 2rem);box-sizing: border-box}.admin-panel__title{font-family: var(--wp-font-heading);font-size: 1.1rem;font-weight: 700;color: var(--wp-brown);margin: 0 0 0.35rem}.admin-panel__hint{font-family: var(--wp-font-body);font-size: 0.85rem;color: var(--wp-text-muted);margin: 0 0 1.25rem;line-height: 1.5}.admin-panel__controls{display: flex;gap: 0.75rem;align-items: flex-end;flex-wrap: wrap}.admin-panel__controls vaadin-select{min-width: 200px}.admin-panel__result{display: block;margin-top: 1rem;font-family: var(--wp-font-body);font-size: 0.9rem;font-weight: 600;color: #065F46}.admin-panel__head{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-bottom: 1rem}.admin-panel__head .admin-panel__title{margin: 0}.admin-ref-list{display: flex;flex-direction: column;gap: 0.5rem}.admin-ref-row{display: flex;align-items: center;gap: 0.85rem;padding: 0.6rem 0.75rem;border: 1px solid var(--wp-border);border-radius: 12px;background: var(--wp-bg)}.admin-ref-row__logo{width: 40px;height: 40px;border-radius: 8px;background: var(--wp-gold-light);color: var(--wp-brown);display: flex;align-items: center;justify-content: center;font-family: var(--wp-font-heading);font-weight: 700;flex-shrink: 0;overflow: hidden}.admin-ref-row__logo img{width: 100%;height: 100%;object-fit: contain}.admin-ref-row__logo--avatar{border-radius: 50%}.admin-ref-row__logo--avatar img{object-fit: cover}.admin-ref-row__info{flex: 1;min-width: 0;display: flex;flex-direction: column}.admin-ref-row__name{font-family: var(--wp-font-body);font-weight: 600;color: var(--wp-text)}.admin-ref-row__sub{font-family: var(--wp-font-body);font-size: 0.78rem;color: var(--wp-text-muted)}.admin-ref-row__actions{display: flex;gap: 0.4rem;flex-shrink: 0}.admin-ref-row__actions .season-btn{font-size: 0.78rem;padding: 0.35rem 0.8rem}.admin-logo-box{display: flex;align-items: center;gap: 0.9rem}.admin-logo-preview{width: 56px;height: 56px;border-radius: 10px;object-fit: contain;border: 1px solid var(--wp-border);background: var(--wp-bg)}.admin-ref-row--clickable{cursor: pointer}.admin-ref-row--clickable:hover{border-color: var(--wp-gold);box-shadow: var(--wp-shadow-card)}.admin-ref-row__chevron{font-size: 1.4rem;color: var(--wp-text-light);flex-shrink: 0;padding: 0 0.25rem}.admin-subpanel{border: 1px dashed var(--wp-border);border-radius: 12px;padding: 1rem;margin-bottom: 1rem;background: var(--wp-gold-pale)}.admin-results-grid{display: flex;flex-direction: column;gap: 0.5rem;margin-bottom: 1rem}.admin-result-row{border: 1px solid var(--wp-border);border-radius: 12px;padding: 0.65rem 0.9rem;background: var(--wp-bg)}.admin-result-row__line{display: flex;align-items: center;justify-content: center;gap: 0.6rem}.admin-result-row__team{font-family: var(--wp-font-body);font-weight: 600;font-size: 0.9rem;color: var(--wp-text);flex: 1;display: flex;align-items: center;gap: 0.4rem}.admin-result-row__team--home{text-align: right;justify-content: flex-end}.admin-result-row__team--away{text-align: left;justify-content: flex-start}.admin-result-row__logo{width: 20px;height: 20px;object-fit: contain;flex: 0 0 auto}vaadin-integer-field.admin-result-row__score{width: 64px}.admin-result-row__sep{color: var(--wp-text-muted);font-weight: 700}.admin-result-row__meta{font-family: var(--wp-font-body);font-size: 0.72rem;color: var(--wp-text-light)}.admin-result-row__metaline{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 0.35rem}.season-btn.admin-mini-btn{font-size: 0.7rem;padding: 0.2rem 0.6rem}.admin-team-chips{display: flex;flex-wrap: wrap;gap: 0.4rem;margin: 0.5rem 0 0.75rem}.admin-team-chip{display: inline-flex;align-items: center;gap: 0.35rem;background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: 20px;padding: 0.25rem 0.4rem 0.25rem 0.75rem;font-family: var(--wp-font-body);font-size: 0.8rem;color: var(--wp-text)}.admin-team-chip__remove{border: none;background: transparent;color: #DC2626;cursor: pointer;font-size: 0.8rem;line-height: 1;padding: 0.1rem 0.3rem;border-radius: 50%}.admin-team-chip__remove:hover{background: #FEE2E2}.profile-pwd-dialog vaadin-text-field,.profile-pwd-dialog vaadin-password-field{font-family: var(--wp-font-body)}.seasons-view{background: var(--wp-bg);min-height: 100%}vaadin-vertical-layout.seasons-view>*{width: 100%}.seasons-header{background: var(--wp-card);border-bottom: 1px solid var(--wp-border);padding: 1.75rem 1.5rem 1.5rem}.seasons-header__title{font-size: clamp(1.3rem,3.5vw,1.75rem);font-weight: 700;color: var(--wp-text);margin-bottom: 0.3rem}.seasons-header__sub{font-family: var(--wp-font-body);font-size: 0.875rem;color: var(--wp-text-muted);margin: 0;font-style: italic}vaadin-tab-sheet.seasons-tabs{padding: 0}vaadin-tab-sheet.seasons-tabs::part(tabs-container){background: var(--wp-card);border-bottom: 1px solid var(--wp-border);padding: 0 1rem}.seasons-tab-content{padding: 1.25rem 1rem;width: 100%;box-sizing: border-box}.seasons-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 1rem;max-width: 1100px;margin: 0 auto}.season-card{background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: var(--wp-radius-card);padding: 1.25rem 1.25rem 1rem;box-shadow: var(--wp-shadow-card);display: flex;flex-direction: column;gap: 0.75rem;cursor: pointer;transition: box-shadow 0.2s,transform 0.15s}.season-card:hover{box-shadow: var(--wp-shadow-card-hover);transform: translateY(-2px)}.season-card__top{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}.season-card__league{font-family: var(--wp-font-body);font-size: 0.75rem;font-weight: 600;color: var(--wp-text-muted);text-transform: uppercase;letter-spacing: 0.06em}.season-card__name{font-family: var(--wp-font-heading);font-size: 1.1rem;font-weight: 700;color: var(--wp-text);margin: 0;line-height: 1.3}.season-card__badges{display: flex;gap: 0.5rem;flex-wrap: wrap}.season-badge{display: inline-flex;align-items: center;padding: 0.2rem 0.65rem;border-radius: 20px;font-family: var(--wp-font-body);font-size: 0.72rem;font-weight: 600;white-space: nowrap}.season-badge--upcoming{background: var(--wp-gold-light);color: var(--wp-brown)}.season-badge--active{background: #D1FAE5;color: #065F46}.season-badge--done{background: #F3F4F6;color: #6B7280}.season-badge--fee{background: rgba(217,119,6,0.1);color: var(--wp-gold-hover);border: 1px solid rgba(217,119,6,0.25)}.season-badge--count{background: #F1F5F9;color: var(--wp-text-muted)}.season-card__actions{margin-top: auto;display: flex;justify-content: flex-end}.season-btn{font-family: var(--wp-font-body);font-size: 0.82rem;font-weight: 600;padding: 0.45rem 1.1rem;border-radius: var(--wp-radius-btn);border: none;cursor: pointer;transition: background 0.15s,transform 0.1s,box-shadow 0.15s;letter-spacing: 0.03em}.season-btn--join{background: var(--wp-gold);color: #FFF;box-shadow: 0 2px 8px rgba(217,119,6,0.25)}.season-btn--join:hover{background: var(--wp-gold-hover);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(217,119,6,0.35)}.season-btn--leave{background: transparent;color: #DC2626;border: 1.5px solid #FCA5A5}.season-btn--leave:hover{background: #FEF2F2;border-color: #DC2626}.season-btn--disabled{opacity: 0.45;cursor: not-allowed;pointer-events: none}.seasons-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 4rem 1rem;text-align: center}.seasons-empty__icon{font-size: 2.5rem;margin-bottom: 0.75rem;display: block}.seasons-empty__msg{font-family: var(--wp-font-body);font-size: 0.9rem;color: var(--wp-text-muted);margin: 0;font-style: italic}.season-detail{background: var(--wp-bg);min-height: 100%}vaadin-vertical-layout.season-detail>*{width: 100%}.season-detail__header{background: var(--wp-card);border-bottom: 1px solid var(--wp-border);padding: 1.25rem 1.5rem 1.5rem;display: flex;flex-direction: column;gap: 0.35rem}.season-detail__back{font-family: var(--wp-font-body);font-size: 0.8rem;color: var(--wp-text-muted);text-decoration: none;margin-bottom: 0.25rem;display: inline-block;transition: color 0.15s}.season-detail__back:hover{color: var(--wp-gold)}.season-detail__league{font-family: var(--wp-font-body);font-size: 0.72rem;font-weight: 600;color: var(--wp-text-muted);text-transform: uppercase;letter-spacing: 0.08em}.season-detail__title{font-size: clamp(1.25rem,3vw,1.65rem);font-weight: 700;color: var(--wp-text);margin: 0.1rem 0 0.5rem}.season-detail__meta{display: flex;gap: 0.5rem;flex-wrap: wrap;align-items: center}.season-detail__section{padding: 1.25rem 1rem;max-width: 900px;margin: 0 auto;width: 100%;box-sizing: border-box}.season-detail__section-title{font-family: var(--wp-font-heading);font-size: 1rem;font-weight: 700;color: var(--wp-brown);margin: 0 0 0.75rem}.season-detail__empty{font-family: var(--wp-font-body);font-size: 0.875rem;color: var(--wp-text-muted);font-style: italic;margin: 0}.matchday-list{display: flex;flex-direction: column;gap: 0.5rem}.matchday-row{background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: 12px;padding: 1rem 1.25rem;display: flex;align-items: center;gap: 1rem;transition: box-shadow 0.15s}.matchday-row:hover{box-shadow: var(--wp-shadow-card)}.matchday-row__left{display: flex;flex-direction: column;gap: 0.15rem;flex: 1;min-width: 0}.matchday-row__number{font-family: var(--wp-font-heading);font-size: 0.7rem;font-weight: 700;color: var(--wp-gold);text-transform: uppercase;letter-spacing: 0.1em}.matchday-row__label{font-family: var(--wp-font-body);font-size: 0.92rem;font-weight: 600;color: var(--wp-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.matchday-row__deadline{font-family: var(--wp-font-body);font-size: 0.75rem;color: var(--wp-text-light)}.matchday-row__middle{display: flex;align-items: center;gap: 0.4rem;flex-wrap: wrap;flex-shrink: 0}.matchday-badge--multiplier{background: #FEF9C3;color: #854D0E;border: 1px solid #FDE047}.matchday-row__progress{font-family: var(--wp-font-body);font-size: 0.75rem;font-weight: 600;color: var(--wp-text-muted);background: #F1F5F9;border-radius: 20px;padding: 0.15rem 0.55rem}.matchday-row__progress--full{background: #D1FAE5;color: #065F46}.matchday-row__right{flex-shrink: 0}.matchday-btn{font-family: var(--wp-font-body);font-size: 0.8rem;font-weight: 600;padding: 0.4rem 1rem;border-radius: 8px;border: none;cursor: pointer;transition: background 0.15s,transform 0.1s;white-space: nowrap}.matchday-btn--pronos{background: var(--wp-gold);color: #FFF;box-shadow: 0 2px 6px rgba(217,119,6,0.25)}.matchday-btn--pronos:hover{background: var(--wp-gold-hover);transform: translateY(-1px)}.matchday-btn--results{background: transparent;color: var(--wp-text-muted);border: 1.5px solid var(--wp-border)}.matchday-btn--results:hover{border-color: var(--wp-gold);color: var(--wp-gold)}.matchday-row__pending{font-family: var(--wp-font-body);font-size: 0.78rem;font-style: italic;color: var(--wp-text-light);white-space: nowrap}@media (max-width: 600px){.matchday-row{flex-wrap: wrap}.matchday-row__right{width: 100%}.matchday-btn{width: 100%;text-align: center}}.matchday-view{background: var(--wp-bg);min-height: 100%}vaadin-vertical-layout.matchday-view>*{width: 100%}.matchday-view__header{background: var(--wp-card);border-bottom: 1px solid var(--wp-border);padding: 1.25rem 1.5rem 1.5rem;display: flex;flex-direction: column;gap: 0.35rem}.matchday-view__title{font-size: clamp(1.1rem,2.5vw,1.45rem);font-weight: 700;color: var(--wp-text);margin: 0.1rem 0 0.4rem}.matchday-view__deadline{font-family: var(--wp-font-body);font-size: 0.8rem;color: var(--wp-text-muted)}.pronos-form{display: flex;flex-direction: column;gap: 0.6rem;padding: 1.25rem 1rem;max-width: 760px;margin: 0 auto;width: 100%;box-sizing: border-box}.pronos-match-row{background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: 12px;padding: 0.9rem 1.1rem;display: flex;flex-direction: column;gap: 0.6rem}.pronos-match-row__kickoff{font-family: var(--wp-font-body);font-size: 0.7rem;color: var(--wp-text-light);text-align: center;letter-spacing: 0.04em}.pronos-teams-row{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem}.pronos-team{display: flex;align-items: center;gap: 0.5rem;flex: 1}.pronos-team--home{justify-content: flex-end}.pronos-team--away{justify-content: flex-start}.pronos-team__logo{width: 26px;height: 26px;object-fit: contain;flex-shrink: 0}.pronos-team__name{font-family: var(--wp-font-body);font-size: 0.875rem;font-weight: 600;color: var(--wp-text);text-align: center}.pronos-score-row{display: flex;align-items: center;justify-content: center;gap: 0.4rem;flex-shrink: 0}vaadin-integer-field.pronos-score-input{width: 62px;--vaadin-input-field-border-radius: 8px;--vaadin-input-field-background: var(--wp-bg);text-align: center}vaadin-integer-field.pronos-score-input::part(input-field){border-radius: 8px;font-size: 1.1rem;font-weight: 700;font-family: var(--wp-font-heading);text-align: center}.pronos-separator{font-size: 1.1rem;font-weight: 700;color: var(--wp-text-muted)}.pronos-form__footer{display: flex;justify-content: center;padding: 0.5rem 0 0.25rem}.pronos-submit-btn{font-family: var(--wp-font-body);font-size: 0.9rem;font-weight: 700;padding: 0.65rem 2.5rem;border-radius: var(--wp-radius-btn);border: none;cursor: pointer;background: var(--wp-gold);color: #FFF;box-shadow: 0 4px 16px rgba(217,119,6,0.3);transition: background 0.15s,transform 0.1s,box-shadow 0.15s;letter-spacing: 0.04em;text-transform: uppercase}.pronos-submit-btn:hover{background: var(--wp-gold-hover);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(217,119,6,0.35)}.pronos-results{display: flex;flex-direction: column;gap: 0.6rem;padding: 1.25rem 1rem;max-width: 760px;margin: 0 auto;width: 100%;box-sizing: border-box}.pronos-results__summary{background: linear-gradient(135deg,var(--wp-brown),var(--wp-gold));border-radius: 12px;padding: 1rem 1.5rem;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.25rem}.pronos-results__summary-label{font-family: var(--wp-font-body);font-size: 0.85rem;color: rgba(255,255,255,0.85)}.pronos-results__summary-points{font-family: var(--wp-font-heading);font-size: 1.5rem;font-weight: 700;color: #FFF}.result-match-row{background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: 12px;padding: 0.9rem 1.1rem;display: flex;flex-direction: column;gap: 0.45rem}.result-match-row__teams{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}.result-team{font-family: var(--wp-font-body);font-size: 0.9rem;font-weight: 600;color: var(--wp-text);flex: 1;display: flex;align-items: center;gap: 0.45rem}.result-team--home{text-align: right;justify-content: flex-end}.result-team--away{text-align: left;justify-content: flex-start}.result-team__logo{width: 24px;height: 24px;object-fit: contain;flex: 0 0 auto}.result-team__name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.result-score{font-family: var(--wp-font-heading);font-size: 1.1rem;font-weight: 700;padding: 0.15rem 0.75rem;border-radius: 8px;flex-shrink: 0;white-space: nowrap}.result-score--final{background: var(--wp-gold-light);color: var(--wp-brown)}.result-score--pending{background: #F1F5F9;color: var(--wp-text-light)}.result-match-row__prono{display: flex;align-items: center;justify-content: space-between;padding: 0 0.25rem}.result-prono__score{font-family: var(--wp-font-body);font-size: 0.8rem;color: var(--wp-text-muted)}.result-prono__points{font-family: var(--wp-font-body);font-size: 0.8rem;font-weight: 700;color: var(--wp-text-muted);background: #F1F5F9;border-radius: 20px;padding: 0.15rem 0.6rem}.result-prono__points--win{background: #D1FAE5;color: #065F46}.result-prono__none{font-family: var(--wp-font-body);font-size: 0.78rem;color: var(--wp-text-light);font-style: italic}@media (max-width: 480px){.pronos-team__name{font-size: 0.78rem}vaadin-integer-field.pronos-score-input{width: 58px}}vaadin-tab-sheet.season-detail__tabs::part(tabs-container){background: var(--wp-card);border-bottom: 1px solid var(--wp-border);padding: 0 1rem}.leaderboard-tab{padding: 1.25rem 1rem;max-width: 720px;margin: 0 auto;width: 100%;box-sizing: border-box}vaadin-select.leaderboard-scope{width: 100%;max-width: 280px;margin-bottom: 1.25rem;--lumo-font-family: var(--wp-font-body)}.leaderboard-table{display: flex;flex-direction: column;gap: 0.4rem}.leaderboard-row{display: flex;align-items: center;gap: 0.85rem;background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: 12px;padding: 0.65rem 1rem;transition: box-shadow 0.15s}.leaderboard-row:hover{box-shadow: var(--wp-shadow-card)}.leaderboard-row--me{border-color: var(--wp-gold);background: var(--wp-gold-pale);box-shadow: 0 0 0 1px var(--wp-gold)}.leaderboard-row__rank{font-family: var(--wp-font-heading);font-size: 1rem;font-weight: 700;color: var(--wp-text-muted);min-width: 1.8rem;text-align: center;flex-shrink: 0}.leaderboard-row__rank--top1{color: #D97706}.leaderboard-row__rank--top2{color: #9CA3AF}.leaderboard-row__rank--top3{color: #B45309}.leaderboard-row__avatar{width: 34px;height: 34px;border-radius: 50%;background: linear-gradient(135deg,var(--wp-brown),var(--wp-gold));color: #FFF;display: flex;align-items: center;justify-content: center;font-family: var(--wp-font-heading);font-size: 0.95rem;font-weight: 700;flex-shrink: 0;overflow: hidden}.leaderboard-row__avatar-img{width: 100%;height: 100%;object-fit: cover}.leaderboard-row__name{font-family: var(--wp-font-body);font-size: 0.9rem;font-weight: 600;color: var(--wp-text);flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.leaderboard-row__points{font-family: var(--wp-font-heading);font-size: 1rem;font-weight: 700;color: var(--wp-brown);flex-shrink: 0}.private-actions{display: flex;gap: 0.6rem;flex-wrap: wrap;max-width: 1100px;margin: 0 auto 1.25rem;width: 100%;box-sizing: border-box}.private-join-code-btn{background: transparent;color: var(--wp-brown);border: 1.5px solid var(--wp-border)}.private-join-code-btn:hover{border-color: var(--wp-gold);color: var(--wp-gold)}.season-card--private{border-left: 3px solid var(--wp-gold)}.season-badge--private{background: var(--wp-brown);color: #FEF3C7}.season-badge--pool{background: linear-gradient(135deg,var(--wp-brown),var(--wp-gold));color: #FFF}.season-badge--code{background: #1F2937;color: #FCD34D;font-family: var(--wp-font-heading);letter-spacing: 0.08em}.season-badge--type{background: var(--wp-brown-dark);color: #FDE68A;font-weight: 700;letter-spacing: 0.04em}.tournament-badge--open{background: #D1FAE5;color: #065F46}.tournament-badge--live{background: #DBEAFE;color: #1E40AF}.private-code{display: flex;align-items: center;gap: 0.5rem;background: #1F2937;border-radius: 8px;padding: 0.45rem 0.75rem;margin-top: 0.25rem}.private-code__label{font-family: var(--wp-font-body);font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.1em;color: #9CA3AF}.private-code__value{font-family: var(--wp-font-heading);font-size: 1.05rem;font-weight: 700;letter-spacing: 0.18em;color: #FCD34D;margin-left: auto}.season-detail__source{font-family: var(--wp-font-body);font-size: 0.82rem;color: var(--wp-text-muted);margin: 0.15rem 0 0.5rem;font-style: italic}.private-dialog__form{display: flex;flex-direction: column;gap: 0.85rem;min-width: 320px;padding-top: 0.5rem}.private-dialog__sublabel{font-family: var(--wp-font-body);font-size: 0.78rem;font-weight: 600;color: var(--wp-text-muted);text-transform: uppercase;letter-spacing: 0.06em;margin-top: 0.25rem}.private-dist{display: flex;gap: 0.6rem}vaadin-integer-field.private-pct{flex: 1}.duels-view{background: var(--wp-bg);min-height: 100%}vaadin-vertical-layout.duels-view>*{width: 100%}.duel-list{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 1rem;max-width: 1100px;margin: 0 auto}.duel-card{background: var(--wp-card);border: 1px solid var(--wp-border);border-radius: var(--wp-radius-card);padding: 1.1rem 1.25rem;box-shadow: var(--wp-shadow-card);display: flex;flex-direction: column;gap: 0.6rem}.duel-card__versus{display: flex;align-items: center;justify-content: center;gap: 0.75rem}.duel-card__player{font-family: var(--wp-font-heading);font-size: 1.05rem;font-weight: 700;color: var(--wp-text);flex: 1;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.duel-card__vs{font-family: var(--wp-font-heading);font-size: 0.85rem;font-weight: 700;color: var(--wp-gold);background: var(--wp-gold-light);border-radius: 50%;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.duel-card__matchday{font-family: var(--wp-font-body);font-size: 0.8rem;color: var(--wp-text-muted);text-align: center;text-transform: uppercase;letter-spacing: 0.05em}.duel-card__score{font-family: var(--wp-font-heading);font-size: 1.5rem;font-weight: 700;color: var(--wp-brown);text-align: center;letter-spacing: 0.05em}.duel-card__badges{display: flex;gap: 0.5rem;flex-wrap: wrap;justify-content: center}.duel-badge--ko{background: #FEE2E2;color: #B91C1C}.duel-card__deadline{font-family: var(--wp-font-body);font-size: 0.72rem;color: var(--wp-text-light);text-align: center}.duel-card__actions{display: flex;gap: 0.5rem;justify-content: center;margin-top: 0.35rem}.duel-card__actions .season-btn{flex: 1}.duel-check{font-family: var(--wp-font-body);font-size: 0.8rem;min-height: 1.1rem;margin-top: -0.35rem}.duel-check--ok{color: #047857}.duel-check--ko{color: #DC2626}.bracket{display: flex;align-items: stretch;overflow-x: auto;padding: 1rem 0.5rem}.bracket-round{display: flex;flex-direction: column;min-width: 190px;padding: 0 0.4rem}.bracket-round__title{text-align: center;font-family: var(--wp-font-body);font-weight: 700;font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.04em;color: #8a6d3b;padding: 0.4rem 0}.bracket-round__matches{display: flex;flex-direction: column;justify-content: space-around;flex: 1 1 auto}.bracket-match{position: relative;background: #fff;border: 1px solid #e6dcc8;border-radius: 8px;margin: 0.4rem 0;box-shadow: 0 1px 2px rgba(0,0,0,0.04)}.bracket-round:not(:last-child) .bracket-match::after,.bracket-round:not(:first-child) .bracket-match::before{content: "";position: absolute;top: 50%;width: 0.4rem;height: 2px;background: #d6c3a0}.bracket-round:not(:last-child) .bracket-match::after{right: -0.4rem}.bracket-round:not(:first-child) .bracket-match::before{left: -0.4rem}.bracket-player{display: flex;justify-content: space-between;align-items: center;gap: 0.5rem;padding: 0.35rem 0.6rem;font-family: var(--wp-font-body);font-size: 0.85rem}.bracket-player + .bracket-player{border-top: 1px solid #f0ead9}.bracket-player__name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.bracket-player__score{font-variant-numeric: tabular-nums;color: #8a6d3b;font-weight: 600}.bracket-player--winner{background: #fff7e6}.bracket-player--winner .bracket-player__name{font-weight: 700;color: #b45309}.bracket-player--me .bracket-player__name{text-decoration: underline}.bracket-thirdplace{margin: 1rem 0 0 0.9rem;max-width: 230px}.leaderboard-row__info{display: flex;flex-direction: column;flex: 1 1 auto;min-width: 0}.leaderboard-row__detail{font-size: 0.72rem;color: #9a8a6a}.season-badge--locked{background: #fde2e1;color: #b91c1c}.main-layout__bell{background: transparent;box-shadow: none;color: #e0b84c;cursor: pointer;min-width: 2.4rem}.main-layout__bell:hover{background: rgba(255,255,255,0.12)}.main-layout__bell vaadin-icon,.main-layout__bell svg{color: #e0b84c;fill: #e0b84c}.main-layout__logout{background: transparent;box-shadow: none;color: #e0b84c;cursor: pointer;min-width: 2.4rem}.main-layout__logout:hover{background: rgba(179,39,31,0.18)}.main-layout__logout vaadin-icon,.main-layout__logout svg{color: #e0b84c;fill: #e0b84c}.maintenance-view{text-align: center;padding: 2rem;gap: 1rem}.maintenance-view__logo{max-width: 320px;width: 60%;height: auto}.maintenance-view__title{font-family: var(--wp-font-heading);color: var(--wp-red)}.maintenance-view__msg{color: var(--wp-text-muted);max-width: 480px;font-size: 1.05rem;font-family: var(--wp-font-accent)}html{color-scheme: dark;--lumo-base-color: var(--wood-dark);--lumo-body-text-color: rgba(243,231,210,0.94);--lumo-secondary-text-color: rgba(243,231,210,0.62);--lumo-tertiary-text-color: rgba(243,231,210,0.42);--lumo-disabled-text-color: rgba(243,231,210,0.28);--lumo-contrast: #F3E7D2;--lumo-contrast-5pct: rgba(243,231,210,0.05);--lumo-contrast-10pct: rgba(243,231,210,0.09);--lumo-contrast-20pct: rgba(243,231,210,0.16);--lumo-contrast-30pct: rgba(243,231,210,0.24);--lumo-contrast-40pct: rgba(243,231,210,0.32);--lumo-contrast-50pct: rgba(243,231,210,0.43);--lumo-contrast-60pct: rgba(243,231,210,0.52);--lumo-contrast-70pct: rgba(243,231,210,0.62);--lumo-contrast-80pct: rgba(243,231,210,0.72);--lumo-contrast-90pct: rgba(243,231,210,0.86);--lumo-primary-color: var(--red);--lumo-primary-color-50pct: rgba(179,39,31,0.5);--lumo-primary-color-10pct: rgba(179,39,31,0.16);--lumo-primary-text-color: var(--gold-bright);--lumo-primary-contrast-color: #fff5ef;--lumo-error-color: var(--red);--lumo-error-text-color: var(--loss);--lumo-success-color: var(--win);--lumo-success-text-color: var(--win);--lumo-font-family: var(--font-ui);--lumo-border-radius-m: 12px;--lumo-border-radius-l: 14px}body{color: var(--wp-text);background: linear-gradient(rgba(16,9,4,0.86) 0%,rgba(20,11,5,0.60) 42%,rgba(13,7,3,0.86) 100%),url('/assets/bg-home.png') center top / cover no-repeat fixed,var(--wp-bg)}vaadin-app-layout,vaadin-app-layout::part(content){background: transparent !important}h1,h2,h3,h4{font-family: var(--wp-font-heading);color: var(--wp-text)}.dashboard-greeting,.seasons-header__title,.season-detail__title,.matchday-view__title,.admin-panel__title,.season-detail__section-title,.dashboard-card__title,.profile-card__title,.login-title,.activation-title,.maintenance-view__title,.duels-view h1,.duels-view h2,.seasons-view h1,.profile-view h1,.profile-view h2{font-family: var(--wp-font-heading) !important;color: var(--wp-gold) !important;letter-spacing: 0.06em;text-shadow: 0 1px 2px rgba(0,0,0,0.5)}.season-card__name,.duel-card__player{font-family: var(--wp-font-heading) !important;color: var(--wp-gold-light) !important;letter-spacing: 0.03em}.main-layout__navbar{background: var(--wp-wood) !important;border-bottom: 1px solid rgba(227,172,69,0.30)}.main-layout__drawer,.main-layout__sidenav{background: var(--wp-wood-2) !important;border-right: 1px solid rgba(227,172,69,0.16)}.main-layout__balance{font-family: var(--wp-font-heading);border: 1px solid rgba(227,172,69,0.55);color: var(--wp-gold) !important;background: rgba(227,172,69,0.12)}vaadin-side-nav-item::part(link){color: rgba(243,231,210,0.72) !important;border-radius: 8px;font-family: var(--wp-font-body)}vaadin-side-nav-item:hover::part(link){background: rgba(227,172,69,0.08);color: var(--wp-text) !important}vaadin-side-nav-item[current]::part(link){color: var(--wp-gold) !important;background: rgba(227,172,69,0.14) !important;box-shadow: inset 2px 0 0 0 var(--wp-gold)}vaadin-side-nav-item vaadin-icon{color: rgba(243,231,210,0.5) !important}vaadin-side-nav-item[current] vaadin-icon{color: var(--wp-gold) !important}vaadin-tab{font-family: var(--wp-font-body)}vaadin-tab[selected]{color: var(--wp-gold) !important}vaadin-tabs{border-bottom: 1px solid var(--wp-border)}.dashboard,.seasons-view,.duels-view,.season-detail,.profile-view,.admin-view,.matchday-view,.seasons-tab-content,.leaderboard-tab{background: transparent !important}.dashboard-header,.seasons-header,.season-detail__header,.matchday-view__header,.profile-header{background: transparent !important;border-bottom: none !important}.dashboard-header,.seasons-header{text-align: center}.dashboard-header::before{content: '';display: block;height: 84px;margin: 0.25rem auto 1rem;max-width: 460px;background: url('/assets/banniere.png') center/contain no-repeat;filter: drop-shadow(0 6px 14px rgba(0,0,0,0.55))}.dashboard-card,.season-card,.admin-panel,.duel-card,.profile-card{background: var(--wp-card) !important;border: 1px solid var(--wp-frame) !important;border-radius: var(--wp-radius-card);box-shadow: var(--wp-shadow-card);color: var(--wp-text);position: relative}.dashboard-card::after,.admin-panel::after,.profile-card::after{content: '';position: absolute;inset: 7px;pointer-events: none;background: var(--wp-corner) left 0 top 0 no-repeat,var(--wp-corner) right 0 top 0 no-repeat,var(--wp-corner) left 0 bottom 0 no-repeat,var(--wp-corner) right 0 bottom 0 no-repeat;background-size: 13px 13px}.dashboard-card--wallet{background: linear-gradient(155deg,var(--wp-copper) 0%,var(--wp-copper-2) 70%,#3A2210 100%) !important;border: 1px solid var(--wp-gold) !important;box-shadow: var(--wp-shadow-card),0 0 24px rgba(227,172,69,0.12) !important}.dashboard-card--wallet::after{display: none}.dashboard-card--wallet .dashboard-card__amount{color: #FFF6E0 !important;text-shadow: 0 2px 6px rgba(0,0,0,0.5)}.matchday-row,.leaderboard-row,.pronos-match-row,.result-match-row,.admin-ref-row,.admin-result-row{background: var(--wp-bg-2) !important;border: 1px solid var(--wp-border) !important;box-shadow: inset 0 0 0 1px rgba(227,172,69,0.05)}.leaderboard-row--me{border-color: var(--wp-gold) !important;background: rgba(227,172,69,0.10) !important;box-shadow: inset 0 0 0 1px var(--wp-gold) !important}.season-btn{border-radius: var(--wp-radius-btn);font-family: var(--wp-font-body) !important;font-weight: 700;letter-spacing: 0.04em !important;text-transform: uppercase !important;transition: filter .15s ease,transform .12s ease,box-shadow .2s ease}.season-btn--join,.matchday-btn--pronos,button.pronos-submit-btn{background: linear-gradient(180deg,var(--wp-copper) 0%,var(--wp-copper-2) 100%) !important;color: #FFF1DC !important;border: 1px solid var(--wp-gold) !important;box-shadow: inset 0 1px 0 rgba(255,222,160,0.30),0 4px 14px rgba(0,0,0,0.45) !important;text-shadow: 0 1px 1px rgba(0,0,0,0.5) !important}.season-btn--join:hover,.matchday-btn--pronos:hover,button.pronos-submit-btn:hover{filter: brightness(1.10);transform: translateY(-1px)}vaadin-button.login-submit-btn,vaadin-button.landing-cta,vaadin-button.profile-dialog-save{background: linear-gradient(180deg,var(--wp-copper) 0%,var(--wp-copper-2) 100%) !important;border: 1px solid var(--wp-gold) !important;box-shadow: inset 0 1px 0 rgba(255,222,160,0.30),0 4px 14px rgba(0,0,0,0.45) !important}vaadin-button.login-submit-btn:hover,vaadin-button.landing-cta:hover{filter: brightness(1.10);transform: translateY(-1px)}.season-btn--leave{background: rgba(217,83,74,0.12) !important;color: #F0A89F !important;border: 1px solid rgba(217,83,74,0.45) !important;box-shadow: none !important;text-shadow: none !important}.season-btn--leave:hover{background: rgba(217,83,74,0.20) !important}.matchday-btn--results{border: 1px solid var(--wp-border) !important;color: var(--wp-gold-light) !important}.matchday-btn--results:hover{border-color: var(--wp-gold) !important;color: var(--wp-gold) !important}.private-join-code-btn{background: rgba(227,172,69,0.06) !important;border: 1px solid var(--wp-border) !important;color: var(--wp-gold-light) !important}.private-join-code-btn:hover{border-color: var(--wp-gold) !important;color: var(--wp-gold) !important}.season-badge{font-family: var(--wp-font-body);text-transform: uppercase;letter-spacing: 0.04em;border-radius: 999px;font-weight: 700;font-size: 0.68rem;background: rgba(227,172,69,0.12);color: var(--wp-gold-light);border: 1px solid rgba(227,172,69,0.3)}.season-badge--active,.tournament-badge--open{background: rgba(78,158,91,0.16) !important;color: #8FD09A !important;border: 1px solid rgba(78,158,91,0.42) !important}.season-badge--done,.season-badge--count,.matchday-row__progress,.result-prono__points{background: rgba(243,231,210,0.07) !important;color: var(--wp-text-muted) !important;border: 1px solid var(--wp-border) !important}.matchday-row__progress--full,.result-prono__points--win{background: rgba(78,158,91,0.16) !important;color: #8FD09A !important}.season-badge--fee{background: rgba(227,172,69,0.14) !important;color: var(--wp-gold) !important;border: 1px solid rgba(227,172,69,0.4) !important}.tournament-badge--live{background: rgba(90,140,210,0.16) !important;color: #A9C4EE !important;border: 1px solid rgba(90,140,210,0.42) !important}.duel-badge--ko,.season-badge--locked,.matchday-badge--multiplier{background: rgba(217,83,74,0.14) !important;color: #F0A89F !important;border: 1px solid rgba(217,83,74,0.42) !important}vaadin-text-field::part(input-field),vaadin-email-field::part(input-field),vaadin-password-field::part(input-field),vaadin-number-field::part(input-field),vaadin-integer-field::part(input-field),vaadin-select::part(input-field),vaadin-combo-box::part(input-field),vaadin-date-picker::part(input-field),vaadin-time-picker::part(input-field){background: rgba(243,231,210,0.045);border: 1px solid var(--wp-frame);border-radius: 7px;box-shadow: none}vaadin-text-field::part(label),vaadin-email-field::part(label),vaadin-password-field::part(label),vaadin-number-field::part(label),vaadin-integer-field::part(label),vaadin-select::part(label),vaadin-combo-box::part(label),vaadin-date-picker::part(label),vaadin-time-picker::part(label){color: var(--wp-gold-light);text-transform: uppercase;letter-spacing: 0.08em;font-size: 0.72rem;font-weight: 700}vaadin-email-field.login-field,vaadin-text-field.login-field,vaadin-password-field.login-field{--vaadin-input-field-background: rgba(243,231,210,0.05);--vaadin-input-field-border-color: var(--wp-frame)}.login-divider>div{background: var(--wp-border) !important}.login-google-btn{background: rgba(243,231,210,0.04) !important;border: 1px solid var(--wp-frame) !important}.login-google-content{color: var(--wp-text) !important}vaadin-dialog-overlay::part(overlay){background: var(--wp-card);color: var(--wp-text);border: 1px solid var(--wp-frame);border-radius: 10px;box-shadow: inset 0 0 0 1px rgba(227,172,69,0.10),0 28px 64px rgba(0,0,0,0.7)}.duels-view .season-btn--join{background: linear-gradient(180deg,var(--wp-red) 0%,var(--wp-red-dark) 100%) !important;color: #FFF1EC !important;border: 1px solid #E87E76 !important;box-shadow: inset 0 1px 0 rgba(255,200,194,0.3),0 4px 14px rgba(0,0,0,0.45) !important}.duels-view .season-btn--join:hover{filter: brightness(1.10) !important}.duel-card{border-left: 3px solid var(--wp-red) !important}.duel-card__vs{background: var(--wp-red) !important;color: #FFF1EC !important;font-family: var(--wp-font-heading);font-weight: 700;box-shadow: 0 0 0 2px var(--wp-card),0 0 0 3px var(--wp-red)}.duel-card__score{color: var(--wp-gold) !important;font-family: var(--wp-font-heading)}.result-score--final{background: rgba(227,172,69,0.16) !important;color: var(--wp-gold) !important}.result-score--pending{background: rgba(243,231,210,0.07) !important;color: var(--wp-text-light) !important}.duel-check--ok{color: #8FD09A !important}.dashboard-card,.season-card,.duel-card,.admin-panel{transition: transform .16s ease,box-shadow .22s ease,border-color .2s ease}.season-card:hover,.duel-card:hover,.dashboard-card:not(.dashboard-card--wallet):hover{transform: translateY(-3px);box-shadow: var(--wp-shadow-card-hover);border-color: var(--wp-gold) !important}.season-btn:active{transform: translateY(1px)}*::-webkit-scrollbar{width: 11px;height: 11px}*::-webkit-scrollbar-track{background: var(--wp-bg)}*::-webkit-scrollbar-thumb{background: #4A3115;border-radius: 6px;border: 2px solid var(--wp-bg)}*::-webkit-scrollbar-thumb:hover{background: #6E4A1E}.admin-stats{display: grid;grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 0.9rem;margin-top: 0.6rem}.admin-stat{background: var(--wp-bg-2);border: 1px solid var(--wp-frame);border-radius: 8px;padding: 1rem 1.1rem;display: flex;flex-direction: column;gap: 0.2rem;box-shadow: inset 0 0 0 1px rgba(227,172,69,0.06)}.admin-stat__value{font-family: var(--wp-font-heading);font-size: 1.7rem;font-weight: 700;color: var(--wp-gold);line-height: 1.1}.admin-stat__label{font-size: 0.78rem;color: var(--wp-gold-light);font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em}.admin-stat__sub{font-size: 0.72rem;color: var(--wp-text-muted)}.season-badge--code,.private-code{background: #120A04 !important;border: 1px solid var(--wp-frame) !important}.season-badge--code,.private-code__value{color: var(--wp-gold) !important}.season-detail__back{color: var(--wp-gold-light) !important}.town{align-items: center;padding: 1.25rem 1rem 3rem;gap: 0.35rem;min-height: 100%}.town__banner{width: 78%;max-width: 440px;margin: 0.5rem 0 0.25rem;height: auto;filter: drop-shadow(0 6px 16px rgba(0,0,0,0.6))}.town__greeting{font-family: var(--wp-font-heading) !important;color: var(--wp-gold) !important;letter-spacing: 0.06em;text-shadow: 0 2px 6px rgba(0,0,0,0.65);margin: 0.15rem 0 0;text-align: center}.town__wallet{font-family: var(--wp-font-heading);color: var(--wp-gold-light);background: rgba(227,172,69,0.12);border: 1px solid rgba(227,172,69,0.5);border-radius: 999px;padding: 0.28rem 1.15rem;font-size: 1.05rem;letter-spacing: 0.05em;margin-top: 0.4rem}.town__hint{font-family: var(--wp-font-body);color: var(--wp-text-muted);font-style: italic;margin: 0.4rem 0 0.25rem;text-align: center}.town-row{display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-end;gap: 1.25rem;margin-top: 1.5rem;width: 100%;max-width: 1120px}.town-building{display: flex;flex-direction: column;align-items: center;text-decoration: none;cursor: pointer;flex: 0 1 330px}.town-building__img{width: 100%;max-width: 350px;height: auto;filter: drop-shadow(0 16px 22px rgba(0,0,0,0.6));transition: transform .22s ease,filter .22s ease}.town-building:hover .town-building__img{transform: translateY(-10px) scale(1.03);filter: drop-shadow(0 26px 34px rgba(0,0,0,0.65)) drop-shadow(0 0 20px rgba(227,172,69,0.45))}.town-building__cap{font-family: var(--wp-font-heading);color: var(--wp-gold);text-transform: uppercase;letter-spacing: 0.08em;font-size: 1.05rem;margin-top: 0.45rem;text-shadow: 0 2px 5px rgba(0,0,0,0.65);transition: color .2s ease}.town-building:hover .town-building__cap{color: var(--wp-gold-light)}.town-building__sub{font-family: var(--wp-font-body);color: var(--wp-text-muted);font-size: 0.8rem;letter-spacing: 0.02em}@media (max-width: 820px){.town-row{gap: 0.5rem}.town-building{flex-basis: 86%}}.wp-display{font-family: var(--font-display);font-weight: 400;letter-spacing: .01em;color: var(--gold-bright);line-height: 1.05;text-shadow: 0 1px 0 rgba(255,235,190,.18),0 -1px 1px rgba(0,0,0,.55)}.wp-flavor{font-family: var(--font-flavor);color: var(--cream);opacity: .85}.wp-title{font-family: var(--font-ui);font-weight: 600;text-transform: uppercase;letter-spacing: .04em;color: var(--cream)}.wp-label{font-family: var(--font-ui);font-weight: 600;font-size: 11.5px;text-transform: uppercase;letter-spacing: .05em;color: var(--gold-bright)}.wp-amount{font-family: var(--font-display);color: var(--gold-bright)}.wp-card{background: linear-gradient(180deg,rgba(58,36,20,.92),rgba(34,20,10,.94));border: 1.5px solid rgba(216,164,75,.28);border-radius: 14px;color: var(--cream);box-shadow: 0 3px 10px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,210,150,.12);padding: 14px}.wp-parchment{background: linear-gradient(180deg,#efdcb0,#e2c690);border: 3px solid #7a4f24;color: #3a2410;border-radius: 14px;padding: 16px;box-shadow: 0 8px 22px rgba(0,0,0,.45),inset 0 0 0 2px rgba(122,79,36,.22)}.wp-parchment .wp-label{color: #7a1f18}.wp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family: var(--font-display);font-size: 15px;text-transform: uppercase;letter-spacing:.04em;color:#fff5ef;background: linear-gradient(180deg,#c0342a,#8c1d16);border: 2px solid #5e110c;border-radius: 12px;padding: 14px 22px;cursor:pointer;box-shadow: 0 4px 0 rgba(0,0,0,.35),0 8px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35);text-shadow: 0 1px 1px rgba(0,0,0,.4);transition: transform .1s ease,filter .15s ease}.wp-btn:hover{filter: brightness(1.07)}.wp-btn:active{transform: translateY(3px);box-shadow: 0 1px 0 rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35)}.wp-btn--gold{background: linear-gradient(180deg,#e6b65a,#c98e30);border-color:#8a5e1c;color:#2c1a0d;text-shadow: 0 1px 0 rgba(255,235,190,.45)}.wp-chip{display:inline-flex;align-items:center;gap:.3em;font-family:var(--font-ui);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding: 3px 9px;border-radius: 6px}.wp-chip--gold{color:var(--gold-bright);background:rgba(216,164,75,.18);border:1px solid rgba(216,164,75,.5)}.wp-chip--red{color:#ffb3aa;background:rgba(179,39,31,.20);border:1px solid rgba(179,39,31,.55)}.wp-chip--green{color:var(--win);background:rgba(166,217,138,.16);border:1px solid rgba(166,217,138,.45)}.wp-chip--dim{color:rgba(243,227,192,.6);background:rgba(243,227,192,.07);border:1px solid rgba(243,227,192,.18)}.wp-jetons{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-ui);font-weight:700;color:var(--gold-bright);background:linear-gradient(180deg,#3a2414,#241509);border:1px solid rgba(216,164,75,.5);border-radius:999px;padding:4px 12px;white-space:nowrap}.wp-jetons::before{content:'';width:14px;height:14px;border-radius:50%;flex:0 0 auto;background: radial-gradient(circle at 35% 30%,#ffe9a8,#d8a44b 60%,#a06d22);box-shadow: inset 0 0 0 1px rgba(120,80,20,.5)}.wp-blason{width:46px;height:46px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-ui);font-weight:700;color:#fff;font-size:15px;letter-spacing:.02em;background: linear-gradient(160deg,var(--blason,#5a5a5a),#111);border:1.5px solid rgba(255,255,255,.25);box-shadow:0 2px 6px rgba(0,0,0,.4)}.wp-blason__img{width:100%;height:100%;object-fit:cover;display:block}.team-cell{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.team-cell__logo{width:22px;height:22px;object-fit:contain;flex:0 0 auto}.team-cell__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-team-chip__logo{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:.35rem}.wp-sign{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--font-display);font-size:18px;color:var(--gold-bright);background: linear-gradient(180deg,#3a2414,#22140a);border:1.5px solid rgba(216,164,75,.35);border-radius:12px;padding:14px 16px;transition: transform .12s ease,border-color .2s ease;box-shadow:0 3px 10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,210,150,.12);text-shadow:0 1px 0 rgba(255,235,190,.18),0 -1px 1px rgba(0,0,0,.55)}.wp-sign:hover{transform: translateY(-2px);border-color: var(--gold)}.wp-sign__sub{font-family:var(--font-ui);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:rgba(243,227,192,.6);text-shadow:none}.wp-building{mix-blend-mode: multiply;filter: drop-shadow(0 10px 8px rgba(40,20,8,.45)) contrast(1.05) saturate(1.08)}.wp-podium{display:grid;grid-template-columns: repeat(3,1fr);gap:9px;align-items:end}.wp-podium__card{background:linear-gradient(180deg,#efdcb0,#e2c690);border:2px solid #7a4f24;border-radius:12px;color:#3a2410;padding:12px 6px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.4),inset 0 0 0 2px rgba(122,79,36,.22)}.wp-podium__card--1{transform: translateY(-12px);border-color:#b3271f}.wp-podium__rank{font-family:var(--font-display);font-size:12px;color:#7a1f18}.wp-podium__name{font-family:var(--font-ui);font-weight:700;font-size:13px;margin-top:4px}.mobile-bottom-nav{background: linear-gradient(180deg,#3a2414,#1c1006) !important;border-top: 3px solid var(--gold) !important}.mobile-nav-item{color: rgba(243,227,192,.58) !important;font-family: var(--font-ui) !important;font-weight: 600 !important;text-transform: uppercase;letter-spacing: .04em;font-size: 10px !important}.mobile-nav-item:hover,.mobile-nav-item:active{color: var(--gold-bright) !important}.mobile-nav-item--current,.mobile-nav-item.active{color: var(--gold-bright) !important}.mobile-nav-item--current vaadin-icon,.mobile-nav-item.active vaadin-icon{background: radial-gradient(circle at 50% 40%,#4a2e18,#1c1006);border: 1.5px solid var(--gold);border-radius: 50%;padding: 6px;box-sizing: content-box;box-shadow: 0 0 0 3px rgba(28,16,6,.9),0 2px 6px rgba(0,0,0,.5)}.rue{align-items: stretch !important;gap: 16px;padding: 16px 14px 96px;max-width: 520px;margin: 0 auto;width: 100%;box-sizing: border-box}.rue__header{display: flex;align-items: center;justify-content: space-between;gap: 10px}.rue__hello{display: flex;flex-direction: column;gap: 1px;min-width: 0}.rue__pseudo{font-family: var(--font-display);color: var(--gold-bright);font-size: 24px;line-height: 1.1;text-shadow: 0 1px 0 rgba(255,235,190,.18),0 -1px 1px rgba(0,0,0,.55)}.rue__sub{font-family: var(--font-flavor);color: rgba(243,227,192,.7);font-size: 12px}.rue__header .wp-jetons{font-size: 15px;flex: 0 0 auto}.rue__block{display: flex;flex-direction: column;gap: 10px}.rue__section-title{font-family: var(--font-ui);font-weight: 700;text-transform: uppercase;letter-spacing: .06em;color: var(--gold-bright);font-size: 13px;margin: 4px 2px 0;opacity: .92}.rue-affiche__label{display: block;text-align: center;font-size: 13px;margin-bottom: 8px}.rue-affiche__line{font-family: var(--font-ui);font-weight: 500;color: #4a2e18;margin: 0 0 14px;text-align: center;line-height: 1.4}.wp-parchment .wp-btn{width: 100%}.rue__signs{display: flex;flex-direction: column;gap: 10px}.rue-sign__text{display: flex;flex-direction: column;gap: 2px;flex: 1;min-width: 0}.rue-sign__name{font-family: var(--font-display);font-size: 18px;color: var(--gold-bright);line-height: 1}.rue-sign__chevron{font-family: var(--font-ui);font-size: 26px;color: rgba(242,199,95,.6);flex: 0 0 auto;line-height: 1}.rue__items{display: flex;flex-direction: column;gap: 10px}.rue-item{display: flex !important;align-items: center;gap: 12px;text-decoration: none;padding: 11px 13px}.rue-item:hover{border-color: var(--gold)}.rue-item__main{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.rue-item__name{font-family: var(--font-ui);font-weight: 700;color: var(--cream);font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.rue-item__meta{font-family: var(--font-ui);font-size: 12px;color: rgba(243,227,192,.6);text-transform: uppercase;letter-spacing: .03em}.rue-item .wp-jetons,.rue-item .wp-chip{flex: 0 0 auto}.rue__empty{font-family: var(--font-flavor);color: rgba(243,227,192,.6);margin: 2px}.season-card{background: linear-gradient(180deg,rgba(58,36,20,.92),rgba(34,20,10,.94)) !important;border: 1.5px solid rgba(216,164,75,.28) !important;border-radius: 14px !important;box-shadow: 0 3px 10px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,210,150,.12) !important;padding: 14px 14px 12px !important}.season-card:hover{border-color: var(--gold) !important}.season-card--private{border-left: 3px solid var(--red) !important}.season-card__league{font-family: var(--font-ui) !important;font-weight: 600;text-transform: uppercase;letter-spacing: .05em;color: var(--gold-bright) !important;font-size: 11px;opacity: .85}.season-card__name{font-family: var(--font-ui) !important;font-weight: 700 !important;color: var(--cream) !important;font-size: 17px !important;letter-spacing: .01em}.season-badge{font-family: var(--font-ui) !important;font-weight: 600;font-size: 11px !important;text-transform: uppercase;letter-spacing: .04em;border-radius: 6px !important;padding: 3px 9px !important}.season-badge--upcoming{background: rgba(216,164,75,.18) !important;color: var(--gold-bright) !important;border: 1px solid rgba(216,164,75,.5) !important}.season-badge--active{background: rgba(166,217,138,.16) !important;color: var(--win) !important;border: 1px solid rgba(166,217,138,.45) !important}.season-badge--done,.season-badge--count{background: rgba(243,227,192,.07) !important;color: rgba(243,227,192,.6) !important;border: 1px solid rgba(243,227,192,.18) !important}.season-badge--fee{display: inline-flex !important;align-items: center;gap: .4em;background: linear-gradient(180deg,#3a2414,#241509) !important;color: var(--gold-bright) !important;border: 1px solid rgba(216,164,75,.5) !important;border-radius: 999px !important;padding: 3px 10px 3px 8px !important}.season-badge--fee::before{content: '';width: 12px;height: 12px;border-radius: 50%;flex: 0 0 auto;background: radial-gradient(circle at 35% 30%,#ffe9a8,#d8a44b 60%,#a06d22);box-shadow: inset 0 0 0 1px rgba(120,80,20,.5)}.season-btn--join{background: linear-gradient(180deg,#e6b65a,#c98e30) !important;color: #2c1a0d !important;border: 2px solid #8a5e1c !important;font-family: var(--font-display) !important;text-shadow: 0 1px 0 rgba(255,235,190,.45) !important;box-shadow: 0 4px 0 rgba(0,0,0,.3),0 6px 14px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35) !important}.season-btn--join:hover{filter: brightness(1.06);transform: none !important}.season-btn--join:active{transform: translateY(3px) !important}.season-btn--leave{background: rgba(179,39,31,.14) !important;color: #ffb3aa !important;border: 1.5px solid rgba(179,39,31,.5) !important;box-shadow: none !important;font-family: var(--font-ui) !important}.matchday-row{background: linear-gradient(180deg,rgba(58,36,20,.92),rgba(34,20,10,.94)) !important;border: 1.5px solid rgba(216,164,75,.28) !important;border-radius: 14px !important;box-shadow: 0 3px 10px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,210,150,.12) !important}.matchday-row__number{font-family: var(--font-ui) !important;font-weight: 700;color: var(--gold-bright) !important}.matchday-row__label{color: var(--cream) !important;font-family: var(--font-ui) !important}.matchday-btn{font-family: var(--font-display) !important;text-transform: uppercase;border-radius: 10px !important}.matchday-btn--pronos{background: linear-gradient(180deg,#e6b65a,#c98e30) !important;color: #2c1a0d !important;border: 2px solid #8a5e1c !important;box-shadow: 0 3px 0 rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35) !important}.matchday-btn--results{background: rgba(243,227,192,.06) !important;color: var(--gold-bright) !important;border: 1.5px solid rgba(216,164,75,.4) !important}.matchday-row__progress{background: rgba(243,227,192,.07) !important;color: rgba(243,227,192,.6) !important;border: 1px solid rgba(243,227,192,.18) !important;border-radius: 6px !important}.matchday-row__progress--full{background: rgba(166,217,138,.16) !important;color: var(--win) !important;border-color: rgba(166,217,138,.45) !important}.matchday-badge--multiplier{background: rgba(216,164,75,.18) !important;color: var(--gold-bright) !important;border: 1px solid rgba(216,164,75,.5) !important}.wp-podium{margin: 6px 0 4px}.wp-podium__card .wp-blason{margin: 8px auto 4px}.wp-podium__name{color: #3a2410}.wp-podium__pts{display: block;font-family: var(--font-ui);font-weight: 700;font-size: 12px;color: #7a1f18;margin-top: 2px}.wp-podium__card--me{box-shadow: 0 6px 16px rgba(0,0,0,.4),0 0 0 2px var(--red) !important}.leaderboard-rest-title{display: block;font-family: var(--font-ui);font-weight: 700;text-transform: uppercase;letter-spacing: .06em;color: var(--gold-bright);font-size: 12px;margin: 16px 2px 8px;opacity: .85}.leaderboard-row{background: linear-gradient(180deg,rgba(58,36,20,.9),rgba(34,20,10,.92)) !important;border: 1.5px solid rgba(216,164,75,.22) !important;border-radius: 12px !important;box-shadow: inset 0 1px 0 rgba(255,210,150,.1) !important}.leaderboard-row--me{border-color: var(--red) !important;background: linear-gradient(180deg,rgba(120,30,24,.5),rgba(70,18,12,.6)) !important;box-shadow: 0 0 0 1px var(--red) !important}.leaderboard-row__rank{font-family: var(--font-display) !important;color: var(--gold-bright) !important}.leaderboard-row__name{color: var(--cream) !important;font-family: var(--font-ui) !important;font-weight: 600}.leaderboard-row__points{font-family: var(--font-display) !important;color: var(--gold-bright) !important}.matchday-view__deadline{font-family: var(--font-flavor) !important;color: rgba(243,227,192,.7) !important}.pronos-match-row,.result-match-row{background: linear-gradient(180deg,rgba(58,36,20,.92),rgba(34,20,10,.94)) !important;border: 1.5px solid rgba(216,164,75,.28) !important;border-radius: 14px !important;box-shadow: 0 3px 10px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,210,150,.12) !important}.pronos-match-row__kickoff{font-family: var(--font-flavor) !important;color: rgba(243,227,192,.55) !important}.pronos-team__name,.result-team{color: var(--cream) !important;font-family: var(--font-ui) !important;font-weight: 600}vaadin-integer-field.pronos-score-input::part(input-field){border: 1.5px solid var(--gold) !important;border-radius: 10px !important;background: rgba(20,11,5,.55) !important;box-shadow: inset 0 1px 3px rgba(0,0,0,.4) !important}vaadin-integer-field.pronos-score-input input{font-family: var(--font-ui) !important;font-weight: 700 !important;font-size: 26px !important;color: var(--gold-bright) !important;text-align: center}.pronos-separator{color: var(--gold) !important;font-family: var(--font-display) !important}.pronos-match-row__meta{display: flex;align-items: center;justify-content: space-between;gap: .5rem}.pronos-match-row__odds{font-family: var(--font-ui);font-weight: 700;font-size: .7rem;letter-spacing: .04em;text-transform: uppercase;color: #2c1a0d;background: var(--gold);border: 1px solid #7a4f24;border-radius: 999px;padding: 2px 10px;white-space: nowrap}.pronos-submit-btn{font-family: var(--font-display) !important;text-transform: uppercase;letter-spacing: .04em;background: linear-gradient(180deg,#e6b65a,#c98e30) !important;color: #2c1a0d !important;border: 2px solid #8a5e1c !important;border-radius: 12px !important;padding: 14px 28px !important;text-shadow: 0 1px 0 rgba(255,235,190,.45) !important;box-shadow: 0 4px 0 rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35) !important}.pronos-submit-btn:hover{filter: brightness(1.06) !important;transform: none !important}.pronos-submit-btn:active{transform: translateY(3px) !important}.pronos-results__summary{background: linear-gradient(180deg,#efdcb0,#e2c690) !important;border: 3px solid #7a4f24 !important;border-radius: 14px !important;box-shadow: 0 8px 22px rgba(0,0,0,.45),inset 0 0 0 2px rgba(122,79,36,.22) !important}.pronos-results__summary-label{color: #7a1f18 !important;font-family: var(--font-ui) !important;font-weight: 600;text-transform: uppercase;letter-spacing: .04em}.pronos-results__summary-points{color: #b3271f !important;font-family: var(--font-display) !important}.result-score--final{background: rgba(216,164,75,.18) !important;color: var(--gold-bright) !important;border: 1px solid rgba(216,164,75,.5) !important;border-radius: 8px !important;font-family: var(--font-display) !important}.result-score--pending{background: rgba(243,227,192,.07) !important;color: rgba(243,227,192,.5) !important}.result-prono__score{color: rgba(243,227,192,.7) !important;font-family: var(--font-ui) !important}.result-prono__points{background: rgba(243,227,192,.07) !important;color: rgba(243,227,192,.6) !important;border: 1px solid rgba(243,227,192,.18) !important;border-radius: 6px !important;font-family: var(--font-ui) !important}.result-prono__points--win{background: rgba(166,217,138,.16) !important;color: var(--win) !important;border-color: rgba(166,217,138,.45) !important}.result-prono__none{font-family: var(--font-flavor) !important;color: rgba(243,227,192,.5) !important}.duel-card{background: linear-gradient(180deg,rgba(58,36,20,.92),rgba(34,20,10,.94)) !important;border: 1.5px solid rgba(216,164,75,.28) !important;border-left: 3px solid var(--red) !important;border-radius: 14px !important;box-shadow: 0 3px 10px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,210,150,.12) !important}.duel-card__versus{gap: 10px !important;align-items: flex-start !important}.duel-card__side{display: flex;flex-direction: column;align-items: center;gap: 6px;flex: 1;min-width: 0}.duel-card__player{font-family: var(--font-ui) !important;font-weight: 700 !important;color: var(--cream) !important;font-size: 13px !important;letter-spacing: 0;text-align: center}.duel-card__vs{background: var(--red) !important;color: #fff1ec !important;font-family: var(--font-display) !important;box-shadow: 0 0 0 2px var(--wood-dark),0 0 0 3px var(--red) !important;flex: 0 0 auto;margin-top: 6px}.duel-card__matchday{font-family: var(--font-flavor) !important;color: rgba(243,227,192,.6) !important;text-transform: none !important;letter-spacing: 0 !important}.duel-card__score{font-family: var(--font-display) !important;color: var(--gold-bright) !important}.duel-card__deadline{font-family: var(--font-flavor) !important;color: rgba(243,227,192,.5) !important}.duel-check--ok{color: var(--win) !important}.duel-check--ko{color: var(--loss) !important}.season-badge--type{background: rgba(179,39,31,.18) !important;color: #ffb3aa !important;border: 1px solid rgba(179,39,31,.5) !important}.season-badge--pool{background: rgba(216,164,75,.18) !important;color: var(--gold-bright) !important;border: 1px solid rgba(216,164,75,.5) !important}.bracket-round__title{color: var(--gold-bright) !important;font-family: var(--font-ui) !important;font-weight: 700}.bracket-match{background: linear-gradient(180deg,rgba(58,36,20,.95),rgba(34,20,10,.96)) !important;border: 1.5px solid rgba(216,164,75,.3) !important;border-radius: 8px !important;box-shadow: 0 2px 6px rgba(0,0,0,.4) !important}.bracket-round:not(:last-child) .bracket-match::after,.bracket-round:not(:first-child) .bracket-match::before{background: rgba(216,164,75,.4) !important}.bracket-player{font-family: var(--font-ui) !important;color: var(--cream) !important}.bracket-player + .bracket-player{border-top: 1px solid rgba(216,164,75,.18) !important}.bracket-player__score{color: var(--gold-bright) !important;font-family: var(--font-display) !important}.bracket-player--winner{background: rgba(216,164,75,.12) !important}.bracket-player--winner .bracket-player__name{color: var(--gold-bright) !important;font-weight: 700}.bracket-player--me .bracket-player__name{text-decoration: underline;text-decoration-color: var(--red)}.leaderboard-row__detail{color: rgba(243,227,192,.5) !important;font-family: var(--font-flavor) !important}.leaderboard-row__avatar{background: linear-gradient(160deg,var(--wp-brown),var(--gold)) !important;color: #fff;font-family: var(--font-ui);font-weight: 700}.profile-header{text-align: center}.profile-card{background: linear-gradient(180deg,rgba(58,36,20,.92),rgba(34,20,10,.94)) !important;border: 1.5px solid rgba(216,164,75,.28) !important;border-radius: 14px !important;box-shadow: 0 3px 10px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,210,150,.12) !important}.profile-card--wallet{background: linear-gradient(155deg,var(--wp-copper),var(--wp-copper-2) 70%,#3a2210) !important;border: 1.5px solid var(--gold) !important}.profile-card--wallet::after{display: none !important}.profile-card__label{color: rgba(255,241,220,.8) !important;font-family: var(--font-ui) !important;text-transform: uppercase;letter-spacing: .06em}.profile-card__amount{font-family: var(--font-display) !important;color: #fff6e0 !important}.profile-card__title{font-family: var(--font-ui) !important;font-weight: 700 !important;color: var(--gold-bright) !important;text-transform: uppercase;letter-spacing: .05em}.profile-avatar-initials{background: linear-gradient(160deg,var(--wp-brown),var(--gold)) !important;font-family: var(--font-display) !important;border-color: var(--gold) !important}.profile-email{color: rgba(243,227,192,.7) !important}.profile-since{color: rgba(243,227,192,.5) !important;font-family: var(--font-flavor) !important}.profile-change-pwd-btn{font-family: var(--font-ui) !important}.profile-ledger-card{grid-column: 1 / -1}.profile-ledger{display: flex;flex-direction: column;gap: 6px;margin-top: 6px}.ledger-row{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 9px 12px;background: rgba(20,11,5,.4);border: 1px solid rgba(216,164,75,.16);border-radius: 9px}.ledger-row__main{display: flex;flex-direction: column;gap: 1px;min-width: 0}.ledger-row__label{font-family: var(--font-ui);font-weight: 600;color: var(--cream);font-size: 13px}.ledger-row__date{font-family: var(--font-flavor);font-size: 11px;color: rgba(243,227,192,.5)}.ledger-row__amount{font-family: var(--font-display);font-size: 15px;flex: 0 0 auto;white-space: nowrap}.ledger-row__amount--credit{color: var(--win)}.ledger-row__amount--debit{color: var(--loss)}.profile-ledger__empty{font-family: var(--font-flavor);color: rgba(243,227,192,.6);margin: 4px 2px}.login-card{background: linear-gradient(180deg,rgba(58,36,20,.96),rgba(28,16,8,.97)) !important;border: 1.5px solid rgba(216,164,75,.4) !important;border-radius: 14px !important;box-shadow: 0 18px 50px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,210,150,.12) !important}.login-card::before{background: linear-gradient(90deg,var(--wp-copper),var(--gold) 50%,var(--wp-copper)) !important}.login-title{font-family: var(--font-display) !important;color: var(--gold-bright) !important}.login-submit-btn{background: linear-gradient(180deg,#e6b65a,#c98e30) !important;color: #2c1a0d !important;border: 2px solid #8a5e1c !important;border-radius: 12px !important;font-family: var(--font-display) !important;box-shadow: 0 4px 0 rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35) !important;text-shadow: 0 1px 0 rgba(255,235,190,.45) !important}.login-submit-btn::part(label){font-family: var(--font-display) !important;color: #2c1a0d !important}.login-submit-btn:hover{filter: brightness(1.07) !important;transform: none !important}.login-submit-btn:active{transform: translateY(3px) !important}.login-forgot,.login-back{color: rgba(243,227,192,.7) !important}.login-forgot:hover,.login-back:hover{color: var(--gold-bright) !important}.forgot-hint,.register-success__msg,.activation-msg{color: rgba(243,227,192,.75) !important;font-family: var(--font-ui) !important}.activation-title{font-family: var(--font-display) !important}.activation-icon--success{background: rgba(216,164,75,.18) !important;color: var(--gold-bright) !important}.activation-link{color: var(--gold-bright) !important;font-weight: 700}.login-page{padding: 1.5rem;box-sizing: border-box}.login-card{width: 100%;max-width: 420px;margin: 0 auto;box-sizing: border-box;padding-left: 1.5rem;padding-right: 1.5rem}.login-card::before{margin-left: -1.5rem;margin-right: -1.5rem}vaadin-email-field.login-field,vaadin-text-field.login-field,vaadin-password-field.login-field,.login-google-btn,vaadin-button.login-submit-btn{width: 100% !important;box-sizing: border-box;margin-left: 0 !important;margin-right: 0 !important}.login-field,.login-title,.login-divider,.login-links,.login-forgot,.forgot-hint,.activation-content,.register-success{padding-left: 0 !important;padding-right: 0 !important}.login-divider,.login-forgot{margin-left: 0 !important;margin-right: 0 !important}.landing-title{font-family: var(--font-display) !important;color: var(--cream) !important}.landing-title--accent{color: var(--gold-bright) !important}.landing-tagline{font-family: var(--font-flavor) !important;color: var(--gold-bright) !important}vaadin-button.landing-cta{background: linear-gradient(180deg,#c0342a,#8c1d16) !important;border: 2px solid #5e110c !important;box-shadow: 0 4px 0 rgba(0,0,0,.35),0 8px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35) !important}vaadin-button.landing-cta::part(label){font-family: var(--font-display) !important}.landing-features{background: var(--ink) !important}.landing-features__title{font-family: var(--font-display) !important;color: var(--gold-bright) !important}.landing-card{background: linear-gradient(180deg,rgba(58,36,20,.92),rgba(34,20,10,.94)) !important;border: 1.5px solid rgba(216,164,75,.28) !important}.landing-card__title{font-family: var(--font-ui) !important;font-weight: 700;color: var(--gold-bright) !important}.landing-card__desc{color: rgba(243,227,192,.75) !important}.landing-footer{background: #1c1006 !important;color: rgba(243,227,192,.5) !important}.admin-panel__title{font-family: var(--font-ui) !important;font-weight: 700 !important;color: var(--gold-bright) !important;text-transform: uppercase;letter-spacing: .05em}.admin-panel__hint{color: rgba(243,227,192,.6) !important}.admin-ref-row{background: rgba(20,11,5,.4) !important;border: 1px solid rgba(216,164,75,.2) !important}.admin-ref-row__name{color: var(--cream) !important;font-family: var(--font-ui) !important;font-weight: 600}.admin-ref-row__sub{color: rgba(243,227,192,.55) !important}.admin-ref-row__logo{background: rgba(216,164,75,.15) !important;color: var(--gold-bright) !important;font-family: var(--font-display) !important}.admin-ref-row__logo:not(.admin-ref-row__logo--avatar):has(img){background: transparent !important;border: 0 !important;box-shadow: none !important}.admin-team-chip{background: rgba(20,11,5,.4) !important;border: 1px solid rgba(216,164,75,.2) !important;color: var(--cream) !important}.admin-notif-form{display: flex;flex-direction: column;gap: 0.9rem;max-width: 580px;margin-top: 0.6rem}.admin-notif-form .season-btn--join{align-self: flex-start;margin-top: 0.25rem}.admin-match-rows{display: flex;flex-direction: column;gap: 0.8rem}.admin-match-row{position: relative;border: 1px solid var(--wp-border);border-radius: 12px;padding: 0.85rem 0.85rem 0.7rem;background: var(--wp-bg-2);display: flex;flex-direction: column;gap: 0.6rem}.admin-match-row__teams,.admin-match-row__meta{display: flex;gap: 0.6rem;flex-wrap: wrap}.admin-match-row__teams>*{flex: 1 1 45%;min-width: 130px}.admin-match-row__meta>*{flex: 1 1 30%;min-width: 90px}.admin-match-row .admin-mini-btn{position: absolute;top: 0.4rem;right: 0.45rem;padding: 0.05rem 0.45rem}.admin-ref-row{flex-wrap: wrap}.admin-ref-row__info{min-width: 0;flex: 1 1 auto}.admin-ref-row__name{white-space: normal;overflow-wrap: anywhere}.admin-ref-row__sub{overflow-wrap: anywhere}.admin-ref-row__actions{flex-wrap: wrap;gap: 0.4rem}@media (max-width: 767px){.admin-ref-row__actions{width: 100%;justify-content: flex-start}.admin-panel__head{flex-wrap: wrap}.admin-panel__head vaadin-text-field{width: 100%}.admin-panel{padding: 1rem}}@media (min-width: 768px){.rue{max-width: 1000px}.rue__signs{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.rue__items{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.profile-grid{grid-template-columns: 1fr 1fr;max-width: 900px}.profile-ledger-card{grid-column: 1 / -1}}@media (min-width: 1100px){.rue{max-width: 1100px}.rue__signs{grid-template-columns: repeat(4,1fr)}}.main-layout__avatar{width: 38px;height: 38px;border-radius: 50%;display: flex;align-items: center;justify-content: center;overflow: hidden;cursor: pointer;flex: 0 0 auto;border: 2px solid rgba(216,164,75,.55);background: linear-gradient(160deg,#5a3d1e,#2a1a0c);color: var(--gold-bright);font-family: var(--font-display);font-weight: 700;box-shadow: 0 2px 6px rgba(0,0,0,.4);transition: border-color .15s,transform .1s}.main-layout__avatar:hover{border-color: var(--gold-bright);transform: translateY(-1px)}.main-layout__avatar-img{width: 100%;height: 100%;object-fit: cover}.onboarding-view{min-height: 100vh;padding: 1.5rem;background: var(--wp-bg,#1c1208)}.onboarding-card{width: 100%;max-width: 440px;display: flex;flex-direction: column;align-items: center;gap: 0.7rem;padding: 1.8rem 1.6rem calc(1.8rem + env(safe-area-inset-bottom,0px));background: var(--wp-card,#241a10);border: 1px solid rgba(216,164,75,.28);border-radius: 16px;box-shadow: 0 12px 40px rgba(0,0,0,.5)}.onboarding-card__brand{width: 120px;height: auto;opacity: .95;margin-bottom: .2rem}.onboarding-card__title{font-family: var(--font-display);color: var(--gold-bright);font-size: 1.6rem;margin: 0;text-align: center;letter-spacing: .02em}.onboarding-card__sub,.onboarding-card__hint{font-family: var(--font-ui);color: rgba(243,227,192,.7);font-size: .85rem;text-align: center;margin: 0}.onboarding-card__hint{font-size: .75rem}.onboarding-avatar{width: 88px;height: 88px;border-radius: 50%;display: flex;align-items: center;justify-content: center;overflow: hidden;border: 3px solid rgba(216,164,75,.5);background: linear-gradient(160deg,#5a3d1e,#2a1a0c);color: var(--gold-bright);font-family: var(--font-display);font-size: 2rem;font-weight: 700;margin: .2rem 0}.onboarding-avatar__img{width: 100%;height: 100%;object-fit: cover}.onboarding-pseudo{width: 100%}.onboarding-upload,.onboarding-notif-btn{width: 100%}.onboarding-upload-btn,.profile-upload-btn{background: rgba(243,227,192,.06) !important;color: var(--gold-bright) !important;border: 1.5px solid rgba(216,164,75,.4) !important;border-radius: 10px !important;font-family: var(--font-ui) !important;cursor: pointer}.onboarding-finish-btn{width: 100%;margin-top: .4rem;font-family: var(--font-display) !important;text-transform: uppercase;letter-spacing: .04em;background: linear-gradient(180deg,#e6b65a,#c98e30) !important;color: #2c1a0d !important;border: none !important;border-radius: 10px !important;padding: .7rem 0 !important;cursor: pointer}.onboarding-finish-btn:hover{filter: brightness(1.05) !important}.onboarding-notif-btn{background: rgba(243,227,192,.06) !important;color: var(--gold-bright) !important;border: 1.5px solid rgba(216,164,75,.4) !important;border-radius: 10px !important;cursor: pointer}.profile-notif-btn{width: 100%;margin-top: .4rem;cursor: pointer;background: rgba(243,227,192,.06) !important;color: var(--gold-bright) !important;border: 1.5px solid rgba(216,164,75,.4) !important;border-radius: 10px !important}.profile-logout-btn{width: 100%;margin-top: .5rem;cursor: pointer;background: rgba(179,39,31,.15) !important;color: #e0857c !important;border: 1.5px solid rgba(179,39,31,.45) !important;border-radius: 10px !important}.profile-logout-btn:hover{background: rgba(179,39,31,.28) !important;color: #f3b3ac !important}.rules-view{background: var(--wp-bg,#1c1208);min-height: 100%}.rules-header{padding: 1.5rem 1.25rem 0.5rem;max-width: 900px;margin: 0 auto}.rules-header__title{font-family: var(--font-display);color: var(--gold-bright);font-size: 1.8rem;margin: 0 0 .4rem}.rules-header__intro{font-family: var(--font-ui);color: rgba(243,227,192,.75);font-size: .92rem;margin: 0}.rules-content{display: grid;gap: 1rem;padding: 1rem 1.25rem 2rem;max-width: 900px;margin: 0 auto}.rules-card{background: var(--wp-card,#241a10);border: 1px solid rgba(216,164,75,.22);border-radius: 14px;padding: 1.1rem 1.25rem}.rules-card__title{font-family: var(--font-display);color: var(--cream,#f3e3c0);font-size: 1.15rem;margin: 0 0 .6rem}.rules-card__list{margin: 0;padding-left: 1.1rem;display: flex;flex-direction: column;gap: .4rem}.rules-card__list li{font-family: var(--font-ui);color: rgba(243,227,192,.82);font-size: .88rem;line-height: 1.45}@media (min-width: 768px){.rules-content{grid-template-columns: 1fr 1fr}}.summary-tab{display: flex;flex-direction: column;gap: 1rem;padding: 1rem 0.25rem}.summary-card{background: var(--wp-card,#241a10);border: 1px solid rgba(216,164,75,.22);border-radius: 14px;padding: 1rem 1.15rem}.summary-card__title{font-family: var(--font-display);color: var(--gold-bright);font-size: 1.05rem;margin: 0 0 .7rem}.summary-row{display: flex;align-items: baseline;justify-content: space-between;gap: 1rem;padding: .35rem 0;border-bottom: 1px dashed rgba(216,164,75,.14)}.summary-row:last-of-type{border-bottom: 0}.summary-row__label{font-family: var(--font-ui);color: rgba(243,227,192,.7);font-size: .85rem}.summary-row__value{font-family: var(--font-ui);color: var(--cream,#f3e3c0);font-weight: 700;font-size: .9rem;text-align: right}.summary-note{font-family: var(--font-ui);color: rgba(243,227,192,.55);font-size: .8rem;font-style: italic;margin: .3rem 0 0}.summary-split{display: flex;gap: .6rem;margin-top: .8rem}.summary-split__part{flex: 1;display: flex;flex-direction: column;align-items: center;gap: .15rem;padding: .6rem .3rem;border-radius: 10px;background: rgba(243,227,192,.05);border: 1px solid rgba(216,164,75,.18)}.summary-split__rank{font-family: var(--font-ui);font-size: .72rem;color: rgba(243,227,192,.6);text-transform: uppercase;letter-spacing: .05em}.summary-split__pct{font-family: var(--font-display);font-size: 1.25rem;color: var(--gold-bright)}.summary-split__1{border-color: rgba(224,165,59,.6);background: rgba(224,165,59,.12)}.summary-split__1 .summary-split__pct{color: #f2c75a}.summary-teams{display: flex;flex-wrap: wrap;gap: .5rem}.summary-teams .team-cell{background: rgba(20,11,5,.4);border: 1px solid rgba(216,164,75,.2);border-radius: 999px;padding: .25rem .7rem .25rem .35rem}.summary-teams .team-cell__name{color: var(--cream,#f3e3c0);font-family: var(--font-ui);font-size: .82rem}