:where(:root),:where(:host){--vaadin-app-layout-drawer-width: 256px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-top: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-start: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-end: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-bottom: 0px;transition: padding-bottom var(--vaadin-app-layout-transition-duration),padding-inline-start var(--vaadin-app-layout-transition-duration),padding-inline-end var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[drawer-opened]:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-inline-start: 0px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar){transition: inset-inline-start var(--vaadin-app-layout-transition-duration),padding var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[has-navbar]:not([primary-section='navbar'])>:nth-child(1 of :not([slot]):not(jmix-timer)):nth-last-child(1 of :not([slot]):not(jmix-timer)){border-top-width: 0;border-start-start-radius: 0;border-start-end-radius: 0}vaadin-app-layout.jmix-main-view-app-layout[has-navbar][has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>:nth-child(1 of :not([slot]):not(jmix-timer)):nth-last-child(1 of :not([slot]):not(jmix-timer)){border-start-start-radius: 0}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']) .jmix-main-view-header{background: linear-gradient(var(--aura-surface-color),var(--aura-surface-color)),var(--aura-app-background);background-clip: padding-box;background-origin: border-box;border: var(--aura-app-layout-border-width) solid var(--vaadin-border-color-secondary);border-top-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-inline-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-bottom-width: 1px;border-start-start-radius: var(--_app-layout-radius);border-start-end-radius: var(--_app-layout-radius);padding: var(--vaadin-padding-s) var(--vaadin-padding-m)}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar-bottom){border-top: 1px solid var(--vaadin-border-color-secondary)}vaadin-app-layout.jmix-main-view-app-layout[has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>.jmix-main-view-header{border-inline-start-width: var(--aura-app-layout-border-width)}.jmix-main-view-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-title{font-size: var(--aura-font-size-xl)}.jmix-main-view-section{display: flex;flex-direction: column;align-items: stretch;max-height: 100%;min-height: 100%}.jmix-main-view-application-title{display: flex;align-items: center;gap: var(--vaadin-gap-s);margin: 0;padding: var(--vaadin-padding-m);font-size: var(--aura-font-size-l)}.jmix-main-view-application-logo{width: 2rem;height: 2rem;flex: none}html[theme="dark"] .jmix-main-view-application-logo{filter: brightness(1.45) saturate(1.15)}.jmix-main-view-application-title-base-link{color: var(--vaadin-text-color);text-decoration: none;font-size: 1.35rem;font-weight: 800;letter-spacing: -.035em}.jmix-main-view-navigation{display: flex;flex-direction: column;flex-grow: 1;overflow: auto}.jmix-main-view-footer{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m);padding-bottom: max(0px,var(--aura-app-layout-inset) - var(--vaadin-padding-m));border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-footer .jmix-user-indicator{flex-grow: 1}.jmix-main-view-user-menu{margin-inline-start: 0}.api-quota-badge{margin-inline-start: auto;border-radius: 999px;padding: var(--vaadin-padding-xs) var(--vaadin-padding-m);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.api-quota-green{background: var(--aura-green);color: var(--aura-green-text)}.api-quota-yellow{background: var(--aura-yellow);color: var(--aura-yellow-text)}.api-quota-red{background: var(--aura-red);color: var(--aura-red-text)}.api-quota-unknown{background: var(--vaadin-background-container-strong);color: var(--vaadin-text-color-secondary)}.user-menu-button-content,.user-menu-header-content{display: grid;grid-template: "avatar text" "avatar subtext";grid-template-columns: auto 1fr;column-gap: var(--vaadin-gap-s);width: max-content;box-sizing: border-box;color: var(--vaadin-text-color);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s)}.user-menu-header-content{width: 100%;padding-inline-end: var(--vaadin-padding-l)}.user-menu-button-content>.user-menu-avatar,.user-menu-header-content>.user-menu-avatar{grid-area: avatar;align-self: center}.user-menu-button-content>.user-menu-text{grid-row: text / subtext}.jmix-main-view-user-menu[theme~='substituted'] .user-menu-button-content>.user-menu-text{grid-row: text}.user-menu-header-content>.user-menu-text{grid-area: text;color: var(--vaadin-text-color);font-weight: 700;font-size: var(--aura-font-size-m)}.user-menu-header-content>.user-menu-text-subtext{grid-row: text / subtext}.user-menu-button-content>.user-menu-text,.user-menu-header-content>.user-menu-text{align-self: center;text-align: start;width: 100%;overflow: hidden;text-overflow: ellipsis}.user-menu-button-content>.user-menu-subtext,.user-menu-header-content>.user-menu-subtext{grid-area: subtext;align-self: center;text-align: start;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);width: 100%;overflow: hidden;text-overflow: ellipsis}.jmix-main-view-user-menu:not([theme~='substituted']) .user-menu-button-content>.user-menu-subtext{display: none}.jmix-initial-layout{--title-size: round(var(--aura-font-size-m) * 2.5,0.0625rem);--title-color: var(--vaadin-text-color-secondary);width: 100%;height: 100%;align-items: center;justify-content: center;container-type: inline-size;container-name: jmix-initial-layout}.jmix-initial-layout-content{display: flex;justify-content: space-between;width: 100%;max-width: 50rem;padding: var(--vaadin-padding-xl);box-sizing: border-box}.jmix-initial-layout-title{position: relative;color: var(--title-color);font-size: var(--title-size);line-height: calc(4 * var(--title-size));box-sizing: border-box}.jmix-initial-layout-title:after{position: absolute;width: 100%;height: 0.3rem;content: '';background: var(--title-color);top: 0;left: 0}.jmix-initial-layout-logo{--logo-size: calc(2.5 * var(--title-size));width: var(--logo-size);height: var(--logo-size)}@container jmix-initial-layout (max-width: 45rem){.jmix-initial-layout-content{flex-direction: column-reverse;align-items: center;gap: var(--vaadin-gap-l)}.jmix-initial-layout-title{padding-top: var(--vaadin-padding-m);line-height: var(--aura-line-height-m);text-align: center}}.jmix-main-view-navigation>.jmix-menu-filter-field{margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-navigation>.jmix-search-field{display: flex;margin: auto var(--vaadin-padding-m) var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-header>.jmix-search-field{margin-inline-start: auto;margin-inline-end: var(--vaadin-padding-m)}.jmix-main-view-top-menu-app-layout{--vaadin-app-layout-navbar-padding-bottom: 0px}vaadin-app-layout.jmix-main-view-top-menu-app-layout::part(navbar){min-height: 0;border-bottom: 0}.jmix-main-view-top-menu-navigation-bar-box{padding: 0;width: 100%}.jmix-main-view-top-menu-view-header-box{width: 100%;border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-top-menu-navigation{display: flex;flex-grow: 1;overflow: auto}.jmix-main-view-top-menu-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-top-menu-logo-container{display: flex;margin: 0 var(--vaadin-padding-m)}.jmix-main-view-top-menu-logo{--logo-size: round(var(--aura-base-size) * 2.5 * 1px,1px);width: var(--logo-size);height: var(--logo-size)}.jmix-main-view-top-menu-user-box{align-self: flex-end;align-items: center;margin: 0 var(--vaadin-padding-m);max-width: 20em}.jmix-main-view-top-menu-view-title{font-size: var(--aura-font-size-xl);margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-login-main-layout jmix-login-form::part(form){--vaadin-login-form-border-radius: var(--vaadin-radius-l);--vaadin-login-form-background: var(--aura-surface-color);box-shadow: var(--aura-shadow-s);border: 1px solid var(--vaadin-border-color)}html{--prono-navy: light-dark(#102b4e,#e4edf8);--prono-ink: light-dark(#18314f,#dce6f1);--prono-emerald: light-dark(#087a5d,#5bc7a9);--prono-emerald-dark: light-dark(#06634c,#78d9b8);--prono-on-emerald: light-dark(#ffffff,#102b25);--prono-gold: light-dark(#b98219,#e2b852);--prono-cream: light-dark(#faf8f3,#252f3a);--prono-line: light-dark(#e5e9eb,#3c4855);--prono-surface: light-dark(#ffffff,#222c37);--prono-surface-soft: light-dark(#f7faf9,#2b3642);--prono-surface-subtle: light-dark(#f3f7f6,#303b47);--prono-muted: light-dark(#64748b,#aab7c6);--prono-subtle: light-dark(#94a3b8,#8998a9);--prono-success-surface: light-dark(#eaf7f2,#1d3d34);--prono-success-border: light-dark(#d1eae2,#2a5d4d);--prono-gold-surface: light-dark(#fffaf0,#3b321f);--prono-silver-surface: light-dark(#f7f9fb,#303a45);--prono-bronze-surface: light-dark(#fff8f3,#3d3028);--prono-blue-surface: light-dark(#eaf0f8,#2c3a4e);--prono-gold-soft: light-dark(#fff2d3,#473a20);--prono-emerald-soft: light-dark(#d8eee6,#234a3e);--prono-draw-idle: light-dark(#efebe1,#2b3238);--prono-draw-selected: light-dark(#fff1ca,#554522);--prono-no-clue: light-dark(#356da4,#a9bfd5);--prono-no-clue-ink: light-dark(#285b90,#d3e2f0);--prono-no-clue-selected: light-dark(#dbe9f8,#354a60);--prono-joker: light-dark(#b33442,#ff718c);--prono-joker-soft: light-dark(#fae8e8,#45232e);--aura-accent-color-light: var(--prono-emerald);--aura-accent-color-dark: #5bc7a9;--aura-base-radius: 10}.detail-actions{display: flex;justify-content: flex-end;gap: .5rem;width: 100%;margin-top: 1.5rem;padding-top: 1rem;border-top: 1px solid var(--vaadin-border-color);box-sizing: border-box}.season-management{max-width: 72rem;margin: 0 auto;padding: clamp(1rem,3vw,2.5rem);gap: 1rem}.season-management-header{padding: 1.25rem 1.5rem;background: var(--prono-cream);border: 1px solid var(--prono-line);border-radius: 1rem}.season-management-kicker{color: var(--prono-gold);font-size: .75rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase}.season-management-title{color: var(--prono-navy);font-size: clamp(1.6rem,3vw,2.3rem);font-weight: 750;letter-spacing: -.04em}.season-management-next,.season-management-summary{color: var(--prono-emerald);font-size: .9rem;font-weight: 700}.season-management-player-intro,.season-management-competition-intro{gap: .25rem}.season-management-player-toolbar,.season-management-competition-toolbar,.season-management-competition-actions{align-items: flex-end;flex-wrap: wrap;gap: .65rem;padding: .85rem;background: var(--prono-surface-soft);border: 1px solid var(--prono-line);border-radius: .75rem;box-sizing: border-box}.season-management-player-toolbar vaadin-button,.season-management-competition-toolbar vaadin-button,.season-management-competition-actions vaadin-button{margin-bottom: .15rem}.season-management-player-toolbar vaadin-button[theme~="primary"],.season-management-competition-toolbar vaadin-button[theme~="primary"]{--vaadin-button-background: var(--prono-emerald);--vaadin-button-text-color: var(--prono-on-emerald)}.season-management-competition-actions{padding: 0;background: transparent;border: 0}.season-management-section{gap: 1rem;padding: 1.25rem;background: var(--prono-surface)}.season-management-checklist{flex-wrap: wrap;gap: .75rem}.season-management-check{flex: 1 1 10rem;gap: .45rem;padding: .85rem;color: var(--prono-ink);background: var(--prono-surface-soft);border: 1px solid var(--prono-line);border-radius: .7rem;font-size: .82rem;font-weight: 650}.season-management-check-number{align-items: center;display: flex;justify-content: center;width: 1.6rem;height: 1.6rem;color: var(--prono-on-emerald);background: var(--prono-emerald);border-radius: 50%;font-size: .75rem}.season-detail-content{gap: 1.5rem}.season-rules-section{gap: .5rem;width: 100%;padding: 1.25rem;background: var(--prono-cream);border: 1px solid var(--prono-line);border-radius: 1rem;box-sizing: border-box}.season-rules-section h3{margin: 0;color: var(--prono-navy)}.season-rules-section>span{color: var(--prono-muted);font-size: .85rem}.player-list{max-width: 88rem;margin: 0 auto;padding: clamp(1rem,3vw,2.5rem);gap: 1rem}.player-list-header{padding: 1.25rem 1.5rem;background: var(--prono-cream);border: 1px solid var(--prono-line);border-radius: 1rem}.player-list-header h2{margin: 0;color: var(--prono-navy);font-size: clamp(1.5rem,3vw,2.2rem)}.player-list-kicker{color: var(--prono-gold);font-size: .75rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase}.player-list-help{color: var(--prono-muted);font-size: .9rem}.player-list-actions{align-items: center;gap: .5rem}.player-list-actions vaadin-button[theme~="primary"]{--vaadin-button-background: var(--prono-emerald);--vaadin-button-text-color: var(--prono-on-emerald)}.game-surface{max-width: 96rem;margin: 0 auto;padding: clamp(.65rem,1.5vw,1.3rem);box-sizing: border-box;background: var(--prono-cream);border-radius: 1.25rem}.prediction-setup-form{max-width: 46rem;margin: 1.5rem auto;padding: 1.25rem;background: var(--prono-cream);border: 1px solid var(--prono-line);border-radius: 1rem}.prediction-entry-hero{gap: .25rem;margin-bottom: .8rem;padding: .8rem 1.1rem;background: linear-gradient(120deg,var(--prono-surface),var(--prono-cream));border: 1px solid var(--prono-line);border-radius: 1.15rem;box-shadow: 0 .35rem 1.1rem rgb(16 43 78 / 5%)}.game-surface-header{align-items: center;justify-content: space-between;gap: .75rem 1.5rem;margin: 0;padding: 0;border: 0}.game-surface-identity{gap: .1rem}.prediction-entry-kicker{color: var(--prono-emerald);font-size: .76rem;font-weight: 800;letter-spacing: .09em}.prediction-entry-deadline{color: var(--prono-muted);font-size: .86rem;font-weight: 650}.prediction-entry-title{margin: 0;color: var(--prono-muted);font-size: clamp(.95rem,1.25vw,1.05rem);font-weight: 700;letter-spacing: 0;line-height: 1.25;text-align: right}.game-surface-alias{margin: 0;color: var(--prono-navy);font-size: clamp(1.8rem,3vw,2.5rem);font-weight: 750;letter-spacing: -.045em;text-transform: uppercase}.game-surface-round{color: var(--prono-gold);font-size: .82rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase}.prediction-entry-status{align-items: flex-end;gap: .3rem;margin-left: auto;text-align: right}.game-surface-content{align-items: flex-start;gap: 1.25rem;width: 100%}.game-groups{flex: 1 1 auto;order: 1;min-width: 0}.prediction-game-list{width: 100%}.game-day-heading{display: block;margin: .4rem 0 .15rem .2rem;color: var(--prono-navy);font-size: 1.05rem;font-weight: 750}.game-entry-row{gap: .1rem;width: 100%}.game-card{display: flex;flex-direction: column;gap: .45rem;margin-bottom: .5rem;padding: .7rem .85rem;background: var(--prono-surface);border: 1px solid var(--prono-line);border-radius: .9rem;box-shadow: 0 .18rem .6rem rgb(16 43 78 / 4%);transition: border-color .15s ease,box-shadow .15s ease,transform .15s ease}.game-card-complete{border-color: rgb(8 122 93 / 35%)}.game-card:hover{border-color: rgb(8 122 93 / 45%);box-shadow: 0 .35rem .9rem rgb(16 43 78 / 8%)}.game-card-topline{min-height: 1.6rem;gap: .55rem;flex-wrap: wrap}.reserve-teams{gap: .65rem;color: var(--prono-ink);font-size: .95rem;font-weight: 700}.reserve-team-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.reserve-versus{color: var(--prono-subtle);font-weight: 850}.game-kickoff,.game-competition,.game-notes{color: var(--prono-muted);font-size: .8rem}.game-competition{margin-left: auto;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap}.game-match-number{color: var(--prono-subtle);font-size: .72rem;font-weight: 700}.game-reserve-badge{padding: .2rem .48rem;color: var(--prono-muted);background: var(--prono-surface-subtle);border-radius: 999px;font-size: .67rem;font-weight: 800;letter-spacing: .04em}.prediction-choices{display: grid;grid-template-columns: minmax(0,1fr) 3.5rem minmax(0,1fr) auto;align-items: stretch;gap: .4rem}vaadin-button.prediction-choice{--vaadin-button-background: var(--prono-surface-soft);--vaadin-button-text-color: var(--prono-navy);min-height: 2.6rem;font-size: .85rem;font-weight: 650}vaadin-button.prediction-choice:hover:not([disabled]){--vaadin-button-background: var(--prono-success-surface)}vaadin-button.prediction-choice-selected{--vaadin-button-background: var(--prono-emerald);--vaadin-button-text-color: var(--prono-on-emerald);box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%)}vaadin-button.prediction-choice-selected:hover:not([disabled]){--vaadin-button-background: var(--prono-emerald-dark)}vaadin-button.prediction-team-choice{position: relative;width: 100%;min-width: 0;min-height: 3.2rem;justify-content: space-between;padding: .35rem .7rem;border: 1px solid var(--prono-line);border-radius: .85rem;font-size: .86rem;line-height: 1.2;text-align: start;white-space: normal}vaadin-button.prediction-team-choice img{width: 1.8rem;height: 1.8rem;flex: 0 0 1.8rem;object-fit: contain}vaadin-button.prediction-team-choice.team-choice-logo-missing::before{display: inline-grid;width: 1.8rem;height: 1.8rem;flex: 0 0 1.8rem;place-items: center;color: var(--prono-muted);background: var(--prono-surface-subtle);border: 1px dashed var(--prono-line);border-radius: 50%;content: "?";font-size: .85rem;font-weight: 800}vaadin-button.draw-choice{--vaadin-button-background: var(--prono-draw-idle);--vaadin-button-text-color: var(--prono-ink);min-width: 3.5rem;min-height: 3.2rem;border-radius: .9rem;font-size: 1.2rem;font-weight: 850}vaadin-button.draw-choice:hover:not([disabled]){--vaadin-button-background: color-mix(in srgb,var(--prono-gold-surface) 65%,var(--prono-draw-idle))}vaadin-button.draw-choice.prediction-choice-selected{--vaadin-button-background: var(--prono-draw-selected);--vaadin-button-text-color: var(--prono-ink);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--prono-gold) 45%,transparent)}vaadin-button.draw-choice.prediction-choice-selected:hover:not([disabled]){--vaadin-button-background: var(--prono-draw-selected)}vaadin-button.no-clue-choice{--vaadin-button-background: var(--prono-surface);--vaadin-button-text-color: var(--prono-muted);flex: none;width: 2.8rem !important;min-width: 2.8rem;padding: 0}.no-clue-choice-group{display: flex;align-items: center;gap: .35rem;white-space: nowrap}.no-clue-choice-label{color: var(--prono-no-clue-ink);font-size: .72rem;font-weight: 600}vaadin-button.no-clue-choice:hover:not([disabled]){--vaadin-button-background: var(--prono-blue-surface)}vaadin-button.no-clue-choice.prediction-choice-selected{--vaadin-button-background: var(--prono-no-clue-selected);--vaadin-button-text-color: var(--prono-no-clue-ink);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--prono-no-clue) 42%,transparent)}vaadin-button.no-clue-choice.prediction-choice-selected:hover:not([disabled]){--vaadin-button-background: var(--prono-no-clue-selected)}vaadin-button.joker-choice{--vaadin-button-background: color-mix(in srgb,var(--prono-joker-soft) 38%,var(--prono-surface));--vaadin-button-text-color: var(--prono-joker);min-width: 2.7rem;min-height: 2rem;padding: 0 .35rem;font-size: .82rem;column-gap: .2rem}vaadin-button.joker-choice::before{content: "";display: block;flex: 0 0 1.3rem;width: 1.3rem;height: 1.3rem;border-radius: .35rem;background-image: url("/public/images/joker-mask.png");background-position: center;background-repeat: no-repeat;background-size: 180% 180%;mix-blend-mode: multiply}html[theme="dark"] vaadin-button.joker-choice::before{filter: invert(1);mix-blend-mode: screen}vaadin-button.joker-choice-selected{--vaadin-button-background: color-mix(in srgb,var(--prono-joker-soft) 54%,var(--prono-surface));--vaadin-button-text-color: var(--prono-joker);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--prono-joker) 22%,transparent)}.prediction-summary{position: sticky;top: 1rem;flex: 0 0 22.5rem;order: 2;align-self: flex-start;box-sizing: border-box;width: 22.5rem;gap: 1.15rem;padding: 1.65rem;color: var(--prono-ink);background: light-dark(#ffffff,#202b36);border: 1px solid light-dark(#e0e7ec,#3a4654);border-radius: 1.45rem;box-shadow: 0 .45rem 1.4rem rgb(16 43 78 / 9%)}.reserve-area h3{margin: 0 0 1rem;color: var(--prono-navy)}.prediction-entry-empty{display: block;margin: 1rem 0;padding: 1rem;color: var(--prono-muted);background: var(--prono-surface);border: 1px solid var(--prono-line);border-radius: .8rem}.prediction-summary-heading,.prediction-summary-progress-copy,.prediction-summary-metric{align-items: center}.prediction-summary-heading{justify-content: space-between;gap: .75rem}.prediction-summary-title{margin: 0;color: var(--prono-navy);font-size: 1.45rem;font-weight: 800;letter-spacing: -.035em}.prediction-summary-status{flex: none;padding: .38rem .75rem;border-radius: 999px;font-size: .92rem;font-weight: 800}.prediction-summary-status-open{color: light-dark(#087a5d,#a9ead8);background: light-dark(#e4f3ee,#203f39)}.prediction-summary-status-closed{color: var(--prono-muted);background: var(--prono-surface-subtle)}.prediction-summary-status-submitted{color: light-dark(#315a80,#c1d9ee);background: light-dark(#eaf0f8,#293a4c)}.prediction-summary-progress-copy{justify-content: space-between;gap: .75rem;margin-top: .25rem}.prediction-summary-progress-label{color: var(--prono-navy);font-size: 1rem;font-weight: 800}.prediction-summary-remaining{color: var(--prono-muted);font-size: .92rem;white-space: nowrap}vaadin-progress-bar.prediction-summary-progress{--vaadin-progress-bar-height: .58rem;--vaadin-progress-bar-background: light-dark(#dfe7eb,#354251);--vaadin-progress-bar-value-background: light-dark(#50c6a3,#50c6a3);--vaadin-progress-bar-border-radius: 999px;width: 100%;margin-top: -.65rem}.prediction-summary-metrics{gap: .7rem;margin-top: -.15rem}.prediction-summary-metric{gap: .65rem;min-height: 1.55rem}.prediction-summary-metric-icon{display: inline-flex;flex: 0 0 1.45rem;width: 1.45rem;align-items: center;justify-content: center;color: var(--prono-muted);font-size: 1.12rem;font-weight: 700}.prediction-summary-metric-icon-entered{color: var(--prono-muted)}.prediction-summary-metric-icon-no-clue{color: var(--prono-no-clue);font-size: 1rem}.prediction-summary-joker-icon{height: 1.45rem;background: url("/public/images/joker-mask.png") center / 180% 180% no-repeat;mix-blend-mode: multiply}html[theme="dark"] .prediction-summary-joker-icon{filter: invert(1);mix-blend-mode: screen}.prediction-summary-metric-label{flex: 1 1 auto;min-width: 0;color: var(--prono-muted);font-size: .95rem}.prediction-summary-metric-value{flex: none;color: var(--prono-ink);font-size: 1rem;font-weight: 800;font-variant-numeric: tabular-nums}.prediction-summary-divider{display: block;width: 100%;height: 1px;margin: .15rem 0 .1rem;background: var(--prono-line)}.prediction-summary-joker-assignment{gap: .9rem;padding: .95rem;background: var(--prono-surface-soft);border-radius: 1rem}.prediction-summary-joker-art{display: block;flex: 0 0 3rem;width: 3rem;height: 3rem;background: url("/public/images/joker-mask.png") center / 180% 180% no-repeat;mix-blend-mode: multiply}html[theme="dark"] .prediction-summary-joker-art{filter: invert(1);mix-blend-mode: screen}.prediction-summary-joker-copy{gap: .15rem;min-width: 0}.prediction-summary-joker-title{color: var(--prono-ink);font-size: 1rem;font-weight: 800}.prediction-summary-joker-detail{color: var(--prono-muted);font-size: .92rem;line-height: 1.4}vaadin-button.prediction-submit{--vaadin-button-background: light-dark(#84bdae,#39786d);--vaadin-button-text-color: light-dark(#ffffff,#172b29);width: 100%;min-height: 3.2rem;margin-top: .35rem;border: 0;border-radius: 1.1rem;font-size: 1rem;font-weight: 800}vaadin-button.prediction-submit::before{content: "✓";margin-right: .55rem;font-size: 1.15rem;font-weight: 700}vaadin-button.prediction-submit:hover:not([disabled]){--vaadin-button-background: light-dark(#70ad9d,#458a7c)}vaadin-button.prediction-submit[disabled]{--vaadin-button-background: light-dark(#e0ebe7,#2c4544);--vaadin-button-text-color: light-dark(#78978e,#91aaa4)}.prediction-summary-hint{display: block;margin-top: -.35rem;color: var(--prono-muted);font-size: .92rem;line-height: 1.55}.reserve-area{margin-top: 1.5rem;padding: 1.15rem;background: var(--prono-surface);border: 1px solid var(--prono-line);border-radius: 1rem}.reserve-area p{margin: -.5rem 0 1rem;color: var(--prono-muted);font-size: .85rem}.reserve-cards{flex-wrap: wrap;gap: .75rem}.reserve-card{display: flex;flex: 1 1 13rem;flex-direction: column;gap: .25rem;padding: .75rem;color: var(--prono-ink);background: var(--prono-surface-soft);border: 1px solid var(--prono-line);border-radius: .65rem;font-size: .85rem;font-weight: 600}.reserve-card span:last-child{color: var(--prono-muted);font-size: .75rem;font-weight: 400}.my-predictions-dashboard{max-width: 72rem;margin: 0 auto;padding: clamp(1rem,3vw,2rem);gap: 1rem}.my-predictions-dashboard h2{margin: 0 0 .5rem;color: var(--prono-navy);font-size: 2rem}.my-prediction-card{display: grid;grid-template-columns: 1fr auto;align-items: center;column-gap: 1.5rem;padding: 1.2rem 1.35rem;background: var(--prono-cream);border: 1px solid var(--prono-line);border-radius: 1rem}.my-prediction-card h3{margin: 0;color: var(--prono-navy)}.my-prediction-card-round{color: var(--prono-emerald);font-weight: 700}.my-prediction-card p{grid-column: 1;margin: .25rem 0 0;color: var(--prono-muted);font-size: .85rem}.my-prediction-card vaadin-button{grid-column: 2;grid-row: 1 / span 2}.player-trends{max-width: 60rem;margin: 0 auto;padding: 1.5rem;gap: .75rem}.score-trend-explorer{gap: 1rem}.score-trend-explorer>vaadin-horizontal-layout:first-child{padding: .9rem 1rem;background: linear-gradient(120deg,var(--prono-surface-soft),var(--prono-cream));border: 1px solid var(--prono-line);border-radius: 1rem;box-shadow: 0 .25rem 1rem rgba(15,45,58,.05)}.score-trend-explorer>vaadin-span{color: var(--prono-muted);font-size: .85rem}.score-trend-summary{gap: .75rem}.score-trend-summary-card{flex: 1 1 9rem;min-width: 8rem;gap: .2rem;padding: .85rem 1rem;background: var(--prono-surface);border: 1px solid var(--prono-line);border-top: 3px solid var(--prono-emerald);border-radius: .8rem;box-shadow: 0 .2rem .8rem rgba(15,45,58,.06)}.score-trend-summary-card span:first-child{color: var(--prono-muted);font-size: .75rem;font-weight: 700;text-transform: uppercase;letter-spacing: .04em}.score-trend-summary-card span:last-child{color: var(--prono-navy);font-size: 1.45rem;font-weight: 800}.score-trend-chart-title{color: var(--prono-navy);font-size: 1.05rem;font-weight: 800;margin-top: .25rem}.leaderboard-view{width: 100%;max-width: none;box-sizing: border-box;padding: clamp(1rem,2.4vw,2.25rem);gap: 1.1rem}.leaderboard-heading{align-items: flex-end;gap: 1.5rem}.leaderboard-heading-copy{gap: .28rem;min-width: 0}.leaderboard-kicker{color: var(--prono-emerald);font-size: .72rem;font-weight: 800;letter-spacing: .1em;text-transform: uppercase}.leaderboard-title{color: var(--prono-navy);font-size: clamp(2rem,3.2vw,2.8rem);font-weight: 800;letter-spacing: -.045em;line-height: 1.05}.leaderboard-subtitle{color: var(--prono-muted);font-size: .95rem}.leaderboard-period,.leaderboard-section-caption,.leaderboard-section-note,.leaderboard-footer{color: var(--prono-muted);font-size: .82rem}.leaderboard-period{min-height: 1.1rem}.leaderboard-controls{align-items: flex-end;gap: .7rem;flex-wrap: wrap;flex: 0 1 auto}.leaderboard-controls vaadin-combo-box{min-width: 13rem}.leaderboard-highlights{gap: .85rem;align-items: stretch}.leaderboard-summary-card{flex: 1 1 16rem;min-width: 14rem;min-height: 10.8rem;box-sizing: border-box;gap: 1rem;padding: 1.05rem 1.2rem;background: var(--prono-surface);border: 1px solid var(--prono-line);border-radius: 1rem;box-shadow: 0 .25rem .9rem rgba(15,45,58,.055)}.leaderboard-summary-card-primary{border-color: var(--prono-success-border);background: linear-gradient(145deg,var(--prono-success-surface),var(--prono-surface))}.leaderboard-summary-card-top-scorer{background: linear-gradient(145deg,var(--prono-gold-surface),var(--prono-surface))}.leaderboard-summary-card-median{background: linear-gradient(145deg,var(--prono-blue-surface),var(--prono-surface))}.leaderboard-summary-heading{gap: .75rem}.leaderboard-summary-icon{width: 2.75rem;height: 2.75rem;flex: none;border-radius: 50%;background: var(--prono-emerald-soft)}.leaderboard-summary-icon vaadin-icon{width: 1.2rem;height: 1.2rem;color: var(--prono-emerald-dark)}.leaderboard-summary-icon-top-scorer{background: var(--prono-gold-soft)}.leaderboard-summary-icon-top-scorer vaadin-icon{color: var(--prono-gold)}.leaderboard-summary-icon-median{background: var(--prono-blue-surface)}.leaderboard-summary-icon-median vaadin-icon{color: light-dark(#46617f,#a9c0de)}.leaderboard-summary-label{color: var(--prono-muted);font-size: .75rem;font-weight: 800;letter-spacing: .055em;text-transform: uppercase}.leaderboard-summary-card-primary .leaderboard-summary-label{color: var(--prono-emerald-dark)}.leaderboard-summary-content{flex: 1;gap: .75rem}.leaderboard-summary-main{gap: .15rem;min-width: 0}.leaderboard-summary-value{color: var(--prono-navy);font-size: clamp(1.65rem,2.5vw,2.25rem);font-weight: 850;letter-spacing: -.04em;line-height: 1.05;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.leaderboard-summary-detail{color: var(--prono-muted);font-size: .9rem}.leaderboard-summary-context{max-width: 9.5rem;color: var(--prono-muted);font-size: .82rem;line-height: 1.35;text-align: right}.leaderboard-position-movement{max-width: 9rem;color: var(--prono-muted);font-size: .8rem;font-weight: 750;line-height: 1.4;text-align: right;white-space: pre-line}.leaderboard-position-movement-up{color: #087a5d}.leaderboard-position-movement-down{color: #c2414b}.leaderboard-position-movement-steady{color: var(--prono-muted)}.leaderboard-section{width: 100%;box-sizing: border-box;gap: .7rem;padding: clamp(.75rem,1.5vw,1.15rem);background: var(--prono-surface);border: 1px solid var(--prono-line);border-radius: 1rem;box-shadow: 0 .25rem .9rem rgba(15,45,58,.04)}.leaderboard-section-heading{gap: 1rem}.leaderboard-section-heading>vaadin-vertical-layout{gap: .2rem}.leaderboard-section-title{color: var(--prono-navy);font-size: 1.08rem;font-weight: 800}.leaderboard-section-caption{font-size: .8rem}.leaderboard-table-header,.leaderboard-row{display: flex;column-gap: .75rem;align-items: center;width: 100%;box-sizing: border-box}.leaderboard-table-header{padding: .72rem .9rem;background: var(--prono-surface-subtle);border-radius: .7rem}.leaderboard-column{min-width: 0}.leaderboard-table-header .leaderboard-column{overflow: hidden;color: var(--prono-muted);font-size: .72rem;font-weight: 800;letter-spacing: .06em;text-overflow: ellipsis;text-transform: uppercase;white-space: nowrap}.leaderboard-column-rank{flex: 0 0 4.25rem;justify-content: center;gap: .65rem}.leaderboard-column-player{flex: 1 1 10rem;min-width: 0;gap: .55rem}.leaderboard-column-points{flex: 0 0 5.5rem}.leaderboard-column-round{flex: 0 0 5.5rem}.leaderboard-column-movement{flex: 0 0 5.5rem}.leaderboard-column-form{flex: 0 0 7rem}.leaderboard-column-gap{flex: 0 0 4rem}.leaderboard-table-header .leaderboard-column-rank{text-align: center}.leaderboard-column-points,.leaderboard-column-round,.leaderboard-column-movement,.leaderboard-column-form,.leaderboard-column-gap{text-align: right}.leaderboard-row{min-height: 4.05rem;padding: .62rem .9rem;border-bottom: 1px solid var(--prono-line);border-radius: .7rem;transition: background-color .15s ease,box-shadow .15s ease}.leaderboard-row:hover{background: var(--prono-surface-soft)}.leaderboard-row-podium-gold{background: var(--prono-gold-surface)}.leaderboard-row-podium-silver{background: var(--prono-silver-surface)}.leaderboard-row-podium-bronze{background: var(--prono-bronze-surface)}.leaderboard-row-current{background: var(--prono-success-surface);box-shadow: inset 3px 0 0 var(--prono-emerald)}.leaderboard-rank-number{min-width: 1rem;color: var(--prono-muted);font-size: .9rem;font-weight: 700;text-align: center}.leaderboard-row-podium-gold .leaderboard-rank-number{color: #a47712}.leaderboard-row-podium-silver .leaderboard-rank-number{color: #687887}.leaderboard-row-podium-bronze .leaderboard-rank-number{color: #9e633d}.leaderboard-podium-cup{width: 1.3rem;height: 1.3rem;flex: none}.leaderboard-podium-cup-gold{color: #d7a52a}.leaderboard-podium-cup-silver{color: #8794a2}.leaderboard-podium-cup-bronze{color: #b8794e}.leaderboard-player-avatar{display: flex;width: 1.75rem;height: 1.75rem;flex: none;align-items: center;justify-content: center;color: light-dark(#46617f,#a9c0de);background: var(--prono-blue-surface);border-radius: 50%;font-size: .7rem;font-weight: 800}.leaderboard-player-name{overflow: hidden;color: var(--prono-ink);font-weight: 650;text-overflow: ellipsis;white-space: nowrap}.leaderboard-you-badge{padding: .22rem .48rem;color: var(--prono-emerald-dark);background: var(--prono-emerald-soft);border-radius: 999px;font-size: .68rem;font-weight: 850;letter-spacing: .04em}.leaderboard-total-score{color: var(--prono-navy);font-size: 1rem;font-weight: 800}.leaderboard-column-round{color: #435a75;font-weight: 650}.leaderboard-form-bars{display: flex;height: 1.5rem;align-items: flex-end;justify-content: flex-end;gap: .22rem}.leaderboard-form-bar{display: block;width: .34rem;height: .25rem;flex: none;background: var(--prono-emerald);border-radius: .15rem .15rem 0 0}.leaderboard-form-bar-level-1{height: .3rem}.leaderboard-form-bar-level-2{height: .55rem}.leaderboard-form-bar-level-3{height: .8rem}.leaderboard-form-bar-level-4{height: 1.05rem}.leaderboard-form-bar-level-5{height: 1.3rem}.leaderboard-form-bar-negative{background: #d3404d}.leaderboard-gap-value{color: var(--prono-muted);font-variant-numeric: tabular-nums;font-weight: 650}.leaderboard-row-movement{font-weight: 800;white-space: nowrap}.leaderboard-movement-up{color: #078b65}.leaderboard-movement-down{color: #d3404d}.leaderboard-movement-steady{color: var(--prono-muted)}.leaderboard-empty-state{display: block;padding: 2.25rem 1rem;color: var(--prono-muted);text-align: center}.leaderboard-footer{margin-top: .1rem}@media (max-width: 66rem){.leaderboard-heading{align-items: flex-start;flex-direction: column}.leaderboard-controls{width: 100%}.leaderboard-controls vaadin-combo-box{flex: 1 1 13rem}}@media (max-width: 42rem){.leaderboard-view{padding: 1rem .75rem}.leaderboard-summary-card{flex-basis: 100%;min-height: 8.5rem}.leaderboard-section{padding: .65rem}.leaderboard-section-note{display: none}.leaderboard-table-header,.leaderboard-row{column-gap: .35rem}.leaderboard-column-round,.leaderboard-column-gap{display: none}.leaderboard-table-header,.leaderboard-row{padding-inline: .4rem}.leaderboard-column-rank{flex-basis: 3.25rem;gap: .25rem}.leaderboard-column-points{flex-basis: 4.25rem}.leaderboard-column-movement{flex-basis: 4.5rem}.leaderboard-column-form{flex-basis: 5.25rem}.leaderboard-form-bars{gap: .14rem}.leaderboard-podium-cup{width: 1.15rem;height: 1.15rem}.leaderboard-player-name{font-size: .84rem}.leaderboard-row-movement{font-size: .82rem}}.player-history{max-width: 60rem;margin: 0 auto;padding: 1.5rem;gap: 1rem}.score-timeline{gap: .55rem}.score-timeline-round{color: var(--prono-navy);font-size: 1rem;margin: 1.2rem 0 .2rem}.score-timeline-round:first-child{margin-top: 0}.score-timeline-card{display: grid;grid-template-columns: 1fr auto;gap: .2rem 1rem;align-items: center;padding: .85rem 1rem;background: var(--prono-surface);border: 1px solid var(--prono-line);border-left: 4px solid var(--prono-emerald);border-radius: .65rem;box-shadow: 0 .15rem .5rem rgba(15,45,58,.06)}.score-timeline-card-negative{border-left-color: #c2410c}.score-timeline-body{display: flex;flex-direction: column;gap: .18rem}.score-timeline-type{color: var(--prono-navy);font-weight: 750;font-size: .9rem}.score-timeline-description{color: var(--prono-muted);font-size: .85rem}.score-timeline-score{align-self: center;color: var(--prono-emerald);font-size: 1.3rem;font-weight: 800}.score-timeline-card-negative .score-timeline-score{color: #c2410c}.score-timeline-timestamp{grid-column: 1 / -1;color: var(--prono-subtle);font-size: .72rem}.score-timeline-empty{padding: 1.25rem;color: var(--prono-muted);background: var(--prono-surface-soft);border-radius: .65rem}.prediction-history{max-width: 78rem;margin: 0 auto;padding: clamp(1rem,3vw,2.5rem);gap: .65rem}.prediction-history-intro{align-items: flex-end;justify-content: space-between;gap: 1.25rem;margin-bottom: .75rem}.prediction-history-heading{gap: .3rem}.prediction-history-heading h2{margin: 0;color: var(--prono-navy);font-size: clamp(1.7rem,3vw,2.4rem);letter-spacing: -.04em}.prediction-history-heading span{color: var(--prono-muted)}.prediction-history-season-filter{min-width: 14rem}.prediction-history-summary{display: flex;flex-wrap: wrap;gap: .75rem;width: 100%;margin-bottom: .4rem}.prediction-history-stat{flex: 1 1 12rem;min-width: 10rem;padding: .9rem 1rem;background: var(--prono-surface);border: 1px solid var(--prono-line);border-radius: .8rem;box-shadow: 0 .2rem .8rem rgba(15,45,58,.06)}.prediction-history-stat-label{display: block;color: var(--prono-muted);font-size: .75rem;font-weight: 700;letter-spacing: .06em;text-transform: uppercase}.prediction-history-stat-value{display: block;margin-top: .25rem;color: var(--prono-navy);font-size: 1.45rem;font-weight: 800}.prediction-history-empty{padding: 1.1rem;color: var(--prono-muted);background: var(--prono-surface);border: 1px solid var(--prono-line);border-radius: .8rem}.prediction-history-round-list{display: block;width: 100%}.prediction-history-round-card{width: 100%;margin: .45rem 0 .85rem;overflow: hidden;background: var(--prono-surface);border: 1px solid var(--prono-line);border-radius: 1rem;box-shadow: 0 .2rem .8rem rgba(15,45,58,.06)}.prediction-history-round-header{justify-content: space-between;gap: 1rem;padding: 1rem 1.1rem;background: linear-gradient(120deg,var(--prono-surface-soft),var(--prono-cream));border-bottom: 1px solid var(--prono-line)}.prediction-history-round-identity{gap: .15rem;min-width: 0;margin-right: auto}.prediction-history-round-title{color: var(--prono-navy);font-size: 1rem;font-weight: 800}.prediction-history-round-date{color: var(--prono-muted);font-size: .78rem}.prediction-history-total-points{color: var(--prono-navy);font-size: 1.15rem;font-weight: 800;white-space: nowrap}.prediction-history-rank{padding: .28rem .55rem;color: var(--prono-emerald-dark);background: var(--prono-emerald-soft);border-radius: 999px;font-size: .75rem;font-weight: 800;white-space: nowrap}.prediction-history-round-summary{gap: .4rem;padding: .65rem 1.1rem;color: var(--prono-muted);font-size: .8rem}.prediction-history-round-summary span:last-child{color: var(--prono-ink);font-weight: 700}.prediction-history-game-header,.prediction-history-game-row{display: grid;grid-template-columns: 2rem minmax(0,1fr) minmax(11rem,13rem) minmax(5rem,7rem) 4rem;align-items: center;gap: .65rem;width: 100%;box-sizing: border-box}.prediction-history-game-header,.prediction-history-game-row{padding: .55rem .8rem}.prediction-history-game-header{color: var(--prono-muted);background: var(--prono-surface-subtle);border-bottom: 1px solid var(--prono-line);font-size: .68rem;font-weight: 800;letter-spacing: .06em;text-transform: uppercase}.prediction-history-game-header span:nth-child(n+3){text-align: center}.prediction-history-game-row{min-height: 3.25rem;border-bottom: 1px solid var(--prono-line);color: var(--prono-ink);font-size: .84rem}.prediction-history-game-row:nth-child(even){background: light-dark(rgb(247 251 249 / 65%),rgb(255 255 255 / 3%))}.prediction-history-game-number{color: var(--prono-subtle);font-size: .75rem;text-align: center}.prediction-history-fixture{display: grid;grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);align-items: center;justify-content: center;gap: .55rem;min-width: 0;width: 100%}.prediction-history-team{display: flex;align-items: center;gap: .4rem;min-width: 0;flex: 1 1 0}.prediction-history-team-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700}.prediction-history-team-home{justify-content: flex-end}.prediction-history-team-away{justify-content: flex-start}.prediction-history-fixture>span{color: var(--prono-subtle);font-size: .75rem}.prediction-history-logo{display: inline-grid;width: 1.55rem;height: 1.55rem;place-items: center;flex: 0 0 auto;object-fit: contain;border-radius: .35rem}.prediction-history-logo-missing{width: 1.2rem;height: 1.2rem;color: var(--prono-muted);background: var(--prono-surface-subtle);border: 1px solid var(--prono-line);border-radius: 50%;font-size: .68rem;font-weight: 800}.prediction-history-pick{display: inline-flex;align-items: center;justify-content: center;gap: .4rem;min-width: 0;white-space: nowrap}.prediction-history-prediction-label{overflow: hidden;text-overflow: ellipsis}.prediction-history-marker{display: inline-grid;width: 1.35rem;height: 1.35rem;place-items: center;flex: 0 0 auto;color: var(--prono-on-emerald);border-radius: 50%;font-size: .7rem;font-weight: 900}.prediction-history-marker-correct{background: var(--prono-emerald)}.prediction-history-marker-wrong{background: #bd4b46}.prediction-history-marker-no-clue{background: #a27a20}.prediction-history-marker-unresolved{color: var(--prono-muted);background: var(--prono-surface-subtle)}.prediction-history-result{color: var(--prono-muted);text-align: center;font-variant-numeric: tabular-nums;white-space: nowrap}.prediction-history-points{color: var(--prono-emerald);font-weight: 800;text-align: right}.prediction-history-points-muted{color: var(--prono-subtle);font-weight: 500}.prediction-history-joker{color: var(--prono-gold);font-size: .68rem;font-weight: 800}@media (max-width: 54rem){.prediction-history-intro{align-items: stretch;flex-direction: column}.prediction-history-season-filter{align-self: flex-end}.prediction-history-game-header,.prediction-history-game-row{grid-template-columns: 1.6rem minmax(0,1fr) minmax(8rem,10rem) minmax(4rem,6rem) 3rem;gap: .4rem}}@media (max-width: 38rem){.prediction-history{padding: 1rem .65rem}.prediction-history-round-header{flex-wrap: wrap}.prediction-history-game-header{display: none}.prediction-history-game-row{grid-template-columns: 1.4rem minmax(0,1fr) auto;grid-template-areas: "number fixture points" ". pick result";gap: .35rem .45rem;padding: .65rem}.prediction-history-game-row>:nth-child(1){grid-area: number}.prediction-history-game-row>:nth-child(2){grid-area: fixture}.prediction-history-game-row>:nth-child(3){grid-area: pick;justify-self: start;padding-left: .1rem}.prediction-history-game-row>:nth-child(4){grid-area: result}.prediction-history-game-row>:nth-child(5){grid-area: points}.prediction-history-team-name{max-width: 8.5rem}}@media (max-width: 36rem){.my-prediction-card{grid-template-columns: 1fr}.my-prediction-card vaadin-button{grid-column: 1;grid-row: auto;margin-top: .75rem}}@media (max-width: 54rem){.game-surface-content{flex-direction: column}.prediction-summary{position: static;flex: 0 0 auto;order: 0;width: 100%;box-sizing: border-box}.game-groups{order: 1;width: 100%}}@media (max-width: 38rem){.game-surface{padding: .65rem .5rem;border-radius: 0}.prediction-entry-hero{padding: .7rem .75rem;border-radius: .85rem}.game-surface-header{align-items: flex-start;flex-direction: column}.prediction-entry-title{text-align: left}.prediction-entry-status{align-items: flex-start;margin-left: 0;text-align: left}.game-card{padding: .6rem}.prediction-choices{grid-template-columns: minmax(0,1fr) 3.2rem minmax(0,1fr);gap: .35rem}.no-clue-choice-group{grid-column: 1 / -1;justify-self: end}vaadin-button.prediction-team-choice{min-height: 3rem;padding: .3rem .45rem;font-size: .76rem}vaadin-button.draw-choice{min-width: 3.2rem;min-height: 3rem}vaadin-button.no-clue-choice{width: 2.4rem !important;min-width: 2.4rem}}