.matches-page{min-width:0;max-width:1120px;margin:0 auto}.matches-page .page-heading{flex-wrap:wrap;gap:16px}.matches-page .form-control{width:100%;font-size:1rem}.matches-page .form-field{min-width:0}.match-list{gap:12px;display:grid}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0;padding:16px}.match-card-meta,.match-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.match-card-main{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:20px 0;display:grid}.match-team{align-items:center;gap:12px;min-width:0;display:flex}.match-team>span{overflow-wrap:anywhere}.match-team-away{text-align:right;flex-direction:row-reverse}.match-team-mark{object-fit:contain;flex-shrink:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;width:40px;height:48px;display:grid}.match-team-mark .club-crest{width:40px;height:48px}.match-score{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:4px;display:flex}.match-card-main:hover,.match-card-meta a:hover,.match-card-footer a:hover{color:var(--club-accent)}.match-list-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 16px;display:flex}.match-section,.club-match-summary{border-top:1px solid var(--border);margin-top:24px;padding:24px 0}.match-section>h2,.club-match-summary h3{margin-bottom:16px}.match-summary-empty{padding:16px 0}.match-summary-position{padding-top:16px}.match-participation,.article-match-links{gap:12px;margin-top:24px;display:grid}.fixture-calendar{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:24px;padding:16px}.calendar-controls{justify-content:space-between;align-items:flex-end;gap:8px;padding-bottom:20px;display:flex}.calendar-controls .form-field{max-width:220px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-weekday{text-align:center;padding:8px 0}.calendar-day{cursor:pointer;font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;font-size:.875rem;display:flex}.calendar-day:hover{background:var(--secondary);border-color:var(--border)}.calendar-day[aria-pressed=true]{color:var(--club-on-accent);background:var(--club-accent)}.calendar-count{background:var(--club-soft);width:20px;height:20px;color:var(--club-accent);border-radius:50%;place-items:center;display:grid}.calendar-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.league-table-block{min-width:0;margin-top:24px}.match-result-list{display:grid}.match-result-row{border-bottom:1px solid var(--border);color:var(--foreground);gap:8px;padding:12px 0;display:grid}.match-result-row:last-child{border-bottom:0}.match-result-row:hover{background:var(--club-soft)}.match-result-date{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.match-result-scoreline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.match-result-team{align-items:center;gap:8px;font-size:.75rem;line-height:1rem;display:flex}.match-result-team:last-child{text-align:right;flex-direction:row-reverse}.match-result-team .match-team-mark{flex-shrink:0;width:24px;height:28px}.match-result-team .club-crest{width:24px;height:28px}.league-table-frame{border:1px solid var(--border);border-radius:12px;min-width:0;max-width:100%;overflow:hidden}.league-table-frame:has(>.league-table-scroll:focus-visible){outline:2px solid var(--club-accent);outline-offset:2px}.league-table-scroll{max-width:100%;overflow-x:auto}.league-table-frame>.league-table-scroll:focus-visible{outline:none}.league-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;text-align:center;width:100%;min-width:640px;font-size:.875rem}.league-table th,.league-table td{border-bottom:1px solid var(--border);padding:14px 12px}.league-table thead{background:var(--secondary);color:var(--muted)}.league-table th[scope=row],.league-table th:nth-child(2){text-align:left;min-width:160px}.league-table tbody tr:last-child td,.league-table tbody tr:last-child th{border-bottom:0}.league-table abbr{text-decoration:none}.league-team{color:inherit;align-items:center;gap:8px;display:flex}.league-team .match-team-mark,.league-team .club-crest{flex:none;width:24px;height:28px}.league-team .club-crest>span{display:none}.match-team-mark>.club-crest{min-width:0;max-width:100%;min-height:0;max-height:100%}:is(.league-team,.fixture-team,.match-result-team,.result-team) .club-crest>span{display:none}:is(.league-team,.fixture-team,.match-result-team,.result-team) .club-crest>svg{flex:none;width:60%;height:60%}.standings-status{margin:0 0 12px}.league-table tbody tr:hover{background:var(--club-soft)}.league-rules{margin:16px 0 8px;line-height:1.8}.points-adjustments{margin-top:16px}.points-adjustments summary{cursor:pointer;padding:12px 0}.points-adjustments li{padding:8px 0}.competition-header{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.competition-header img{object-fit:contain}.competition-header>div{flex:1;min-width:0}.competition-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.competition-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex}.competition-card h2{margin-bottom:8px}.competition-card img{object-fit:contain;flex-shrink:0}.competition-participants,.competition-rounds{flex-wrap:wrap;gap:12px;display:flex}.competition-participants a,.competition-rounds a{border:1px solid var(--border);border-radius:8px;padding:12px 16px}.match-editor form{max-width:840px}.match-editor textarea{resize:vertical}.match-editor .personnel-editor-fields{gap:24px;display:grid}.standings-rule-order{margin:24px 0}.standings-rule-order li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.fixture-bulk-toolbar{background:var(--club-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;padding:16px;display:flex}.fixture-select{padding:12px 0}.fixture-select input{width:20px;height:20px;accent-color:var(--club-accent)}.match-audit{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.match-audit li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;gap:8px;padding:16px 0;display:grid}.bulk-fixture-row{border-bottom:1px solid var(--border);margin:16px 0;padding:20px 0}.article-match-editor{gap:12px;padding:20px 0;display:grid}.article-match-selected li,.article-match-options li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}@media (min-width:640px){.calendar-day{flex-direction:row;gap:12px;min-height:72px}.match-list:not(.compact){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.match-team{text-align:center;flex-direction:column;gap:8px}.match-team .title-3{font-size:.875rem;line-height:1.5}.match-card{padding:12px}.calendar-controls button{padding-inline:10px}.calendar-controls .form-field{flex:1;min-width:0}.matches-page .personnel-tabs{gap:8px 16px}}.competition-list{gap:12px;margin-top:24px;display:grid}.competition-link{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex}.competition-link>span:nth-last-child(2){flex:1;gap:6px;min-width:0;display:grid}.competition-link:hover{border-color:var(--club-accent)}.competition-heading{flex-wrap:wrap;align-items:center;gap:24px;margin:24px 0;display:flex}.competition-heading>div{flex:1;min-width:0}.competition-mark{flex-shrink:0;place-items:center;width:64px;height:72px;display:grid}.competition-mark img,.match-team-mark img{object-fit:contain;width:100%;height:100%}.competition-team-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.competition-team-grid a{border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.competition-rounds li{align-items:center;gap:8px;display:flex}.matches-view-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.match-date-filters{flex-wrap:wrap;gap:16px;margin:0 0 24px;display:flex}.match-date-filters .form-field{flex:1}.rule-order{gap:16px;display:grid}.rule-order li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.participant-add-form{flex-wrap:wrap;align-items:flex-end;gap:16px;margin:20px 0;display:flex}.participant-add-form .form-field{flex:1}.participant-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}@media (max-width:480px){.match-date-filters .form-field{flex:100%}.matches-page .personnel-admin-list li{flex-wrap:wrap}.participant-add-form{align-items:stretch}.participant-add-form .form-field{flex-basis:100%}}.football-data-page .data-management-section{border-top:1px solid var(--border);gap:16px;min-width:0;padding-block:24px;display:grid}.data-management-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px 24px;display:grid}.data-management-facts dt{color:var(--muted);text-transform:capitalize;font-size:.8125rem}.data-management-facts dd{overflow-wrap:anywhere;margin-top:4px;font-size:1rem}.football-data-page pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;padding-block:12px;font-size:.75rem;overflow:auto}.data-job{border-bottom:1px solid var(--border);gap:10px;min-width:0;padding-block:16px;display:grid}.data-job button{justify-self:start}.data-job h3{overflow-wrap:anywhere}.football-data-page .form-control{width:100%}
.match-live-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:12px 0;display:flex}.live-label{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:inline-flex}.live-label.is-live{color:var(--club-accent)}.live-label.is-live:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.red-card-count{color:#ff8b8b;white-space:nowrap}.goal-scorers{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px 16px;padding:8px 0 16px;display:flex}.goal-scorers a:hover{color:var(--club-accent)}.match-timeline{margin:24px 0}.match-timeline li{border-bottom:1px solid var(--border);grid-template-columns:56px minmax(0,1fr);gap:16px;padding:20px 0;display:grid}.event-minute{color:var(--club-accent);font-variant-numeric:tabular-nums}.match-timeline li>div{gap:6px;display:grid}.lineup-switch{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.lineup-switch [aria-pressed=true]{border-color:var(--club-accent);color:var(--club-accent)}.comparison-heading{justify-content:space-between;gap:24px;margin:24px 0;display:flex}.comparison-heading span{max-width:45%}.comparison-heading span:last-child{text-align:right}.match-comparisons{gap:24px;margin:24px 0;display:grid}.match-comparisons dt{text-align:center;margin-bottom:10px}.match-comparisons dd{font-variant-numeric:tabular-nums;align-items:center;gap:16px;display:flex}.match-comparisons dd>span{min-width:40px}.match-comparisons dd>span:last-child{text-align:right}.comparison-bar{background:var(--muted);border-radius:6px;flex:1;height:6px;overflow:hidden}.comparison-bar>span{background:var(--club-accent);height:100%;display:block}.live-control{gap:24px;max-width:840px;display:grid}.live-control fieldset{gap:24px;display:grid}.live-actions{flex-wrap:wrap;gap:12px;padding:16px 0;display:flex}.live-event-management li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0;display:flex}.live-event-management li>div{flex:240px;min-width:0}.lineup-admin-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.lineup-admin-row>label:first-child{flex:1;min-width:0}.stat-input-heading{justify-content:space-between;gap:20px;display:flex}.stat-input-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.stat-input-row>span{grid-column:1/-1}.live-audit-json{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding:16px 0;font-size:.75rem}@media (min-width:768px){.stat-input-row{grid-template-columns:minmax(180px,1fr) 1fr 1fr;align-items:center}.stat-input-row>span{grid-column:auto}}.stat-input-row>input{min-width:0}
.home-screen{gap:32px;min-width:0;max-width:1120px;margin:0 auto;display:grid}.home-screen>*{min-width:0}.home-section-title{letter-spacing:-.01em;margin-bottom:8px;font-size:1.125rem;font-weight:600;line-height:1.5rem}.club-masthead{background:var(--club-primary);color:var(--club-on-primary);border-radius:16px;padding-bottom:8px;display:grid;overflow:hidden}.club-masthead a{color:inherit}.club-masthead-main{align-items:center;gap:16px;padding:20px 20px 12px;display:flex}.club-masthead .club-crest{width:56px;height:64px}.club-masthead-copy{flex:1;gap:4px;min-width:0;display:grid}.club-masthead-name{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:1.75rem;font-weight:700;line-height:1.1}.club-masthead-meta{font-size:.875rem;line-height:1.25rem}.club-masthead-main>svg{width:20px;height:20px}.club-masthead-standing{flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:0 20px 14px;font-size:.875rem;line-height:1.25rem;display:flex}.club-standing-position{font-size:1.75rem;line-height:1}.club-standing-points{margin-left:auto}.club-standing-points .num{font-size:1.25rem}.matchday-card{background:var(--surface);border-radius:16px;gap:12px;padding:20px;display:grid}.matchday-context{color:var(--muted);font-size:.875rem;line-height:1.25rem}.matchday-status{font-size:.875rem;font-weight:600;line-height:1.25rem}.matchday-card .match-live-status{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.matchday-card .live-label{font-weight:600}.matchday-card .live-label.is-live{color:var(--club-accent)}.matchday-main{color:var(--foreground);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 0;display:grid}.matchday-team{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.matchday-team .match-team-mark,.matchday-team .match-team-mark .club-crest{width:48px;height:56px}.matchday-team-name{overflow-wrap:anywhere;text-wrap:balance;font-size:1rem;font-weight:600;line-height:1.25rem}.matchday-team[data-own] .matchday-team-name{-webkit-text-decoration:underline 2px var(--club-accent);text-decoration:underline 2px var(--club-accent);text-underline-offset:5px}.matchday-centre{justify-items:center;gap:2px;min-width:4.5rem;display:grid}.matchday-time,.matchday-score{white-space:nowrap;font-size:3rem;line-height:1}.matchday-day,.matchday-countdown{color:var(--muted);font-size:.875rem;line-height:1.25rem}.matchday-countdown{text-align:center}.matchday-actions{gap:8px;margin-top:4px;display:grid}.matchday-primary,.matchday-link{min-height:48px;transition:transform .12s var(--ease-out), background-color .16s var(--ease-out);border-radius:12px;justify-content:center;align-items:center;padding:0 20px;font-size:1rem;font-weight:600;display:inline-flex}.matchday-primary{background:var(--club-accent);color:var(--club-on-accent)}.matchday-link{color:var(--foreground);background:var(--secondary)}.matchday-primary:active,.matchday-link:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.matchday-link:hover{background:color-mix(in oklch, var(--secondary), var(--foreground) 8%)}.matchday-primary:hover{background:color-mix(in oklch, var(--club-accent), white 10%)}}.result-row{border-block:1px solid var(--border);color:var(--foreground);gap:8px;padding:16px 0;display:grid}.result-meta{color:var(--muted);font-size:.875rem;line-height:1.25rem}.result-line{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.result-team{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;font-size:1rem;font-weight:600;line-height:1.25rem;display:flex}.result-team-away{text-align:right;justify-content:flex-end}.result-team .match-team-mark,.result-team .match-team-mark .club-crest{width:32px;height:38px}.result-team[data-own]>span:not(.match-team-mark){-webkit-text-decoration:underline 2px var(--club-accent);text-decoration:underline 2px var(--club-accent);text-underline-offset:4px}.result-score{white-space:nowrap;font-size:1.75rem;line-height:1}.club-masthead{grid-area:masthead}.matchday-card,.home-state{grid-area:matchday}.home-last-result{grid-area:last}.home-screen{grid-template-areas:"masthead""matchday""last"}.home-screen>.home-news,.home-screen>.community-home{grid-column:1/-1}@media (min-width:900px){.home-screen{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-areas:"masthead matchday""last matchday";align-items:start}.matchday-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:359px){.club-masthead-name{font-size:1.5rem}.matchday-time,.matchday-score{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){.matchday-primary,.matchday-link{transition:none}.matchday-primary:active,.matchday-link:active{transform:none}}
.page-loading{width:100%;max-width:calc(1120px + var(--page-gutter,16px) * 2);padding:16px var(--page-gutter,16px);margin-inline:auto}.main-content[data-layout=standard] .page-loading{max-width:1120px;padding-inline:0}.content-skeleton{pointer-events:none;gap:20px;width:100%;min-width:0;padding-block:12px;display:grid}.content-skeleton :is(i,.skeleton-title,.skeleton-line,.skeleton-media,.skeleton-question,.skeleton-metrics>i,.skeleton-field>span,.skeleton-field>i,.skeleton-option>span,.skeleton-row span,.skeleton-profile span){background:var(--secondary);border-radius:6px;display:block}.content-skeleton .skeleton-title{width:min(65%,360px);height:30px}.skeleton-post{border:1px solid var(--border);border-radius:12px;gap:12px;min-height:156px;padding:16px;display:grid}.skeleton-post .skeleton-row{min-height:44px;padding:0}.content-skeleton .skeleton-line{width:75%;height:14px}.content-skeleton .skeleton-line:last-child{width:55%}.skeleton-row{align-items:center;gap:16px;min-height:64px;padding-block:8px;display:flex}.skeleton-row>i{border-radius:10px;flex:none;width:44px;height:44px}.skeleton-row>div{flex:1;gap:10px;display:grid}.skeleton-row span:first-child{width:65%;height:16px}.skeleton-row span:last-child{width:40%;height:12px}.skeleton-field{gap:12px;display:grid}.skeleton-field>span{width:100px;height:14px}.skeleton-field>i{width:100%;height:44px}.skeleton-metrics,.skeleton-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skeleton-metrics>i{height:80px}.skeleton-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-card-grid>div{gap:16px;display:grid}.content-skeleton .skeleton-media{aspect-ratio:2.2;width:100%;max-height:240px}.skeleton-profile{align-items:center;gap:24px;min-height:240px;display:flex}.skeleton-profile>i{border-radius:50%;flex:none;width:96px;height:96px}.skeleton-profile>div{flex:1;gap:16px;display:grid}.skeleton-profile span{width:60%;height:16px}.skeleton-profile span:first-child{width:80%;height:36px}.skeleton-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.skeleton-actions>i{height:64px}.skeleton-question{width:90%;height:64px}.skeleton-option{border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;min-height:52px;padding:12px;display:flex}.skeleton-option>i{border-radius:50%;width:20px;height:20px}.skeleton-option>span{width:65%;height:14px}@media (max-width:600px){.skeleton-card-grid{grid-template-columns:1fr}.skeleton-profile{gap:16px;min-height:220px}.skeleton-profile>i{width:72px;height:72px}}.page-skeleton{gap:16px;min-height:60dvh;display:grid}.page-skeleton>div{background:var(--secondary);border-radius:8px;animation:1.4s ease-in-out infinite alternate content-pulse}.page-skeleton-heading{width:44%;height:32px}.page-skeleton-description{width:72%;height:16px}.page-skeleton-toolbar{height:44px}.page-skeleton-card{height:112px}@keyframes content-pulse{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-skeleton>div{animation:none}}.app-shell{--app-header-height:calc(64px + env(safe-area-inset-top))}.sidebar{width:224px;padding:24px 16px 16px}.app-workspace{margin-left:224px}.sidebar-club{margin:24px 0;padding:12px}.sidebar-club strong{font-size:.875rem}.nav-link{gap:12px;min-height:40px;padding:8px 12px}.nav-link:hover{background:var(--surface);color:var(--foreground)}.nav-link[aria-current=page]{background:var(--club-soft);color:var(--club-accent)}.sidebar-divider{margin:20px 12px}.sidebar-section-label{margin-bottom:8px}.workspace-nav{margin-top:20px}.workspace-nav summary{color:var(--muted);cursor:pointer;align-items:center;gap:12px;padding:12px;font-size:.875rem;list-style:none;display:flex}.workspace-nav summary::-webkit-details-marker{display:none}.workspace-nav summary>svg{width:20px;height:20px}.workspace-nav summary>svg:last-child{width:16px;margin-left:auto}.workspace-nav[open] summary>svg:last-child{transform:rotate(90deg)}.workspace-nav .nav-link{padding-left:20px;font-size:.75rem}.sidebar-account{align-items:center;gap:8px;margin-top:auto;padding-top:24px;display:flex}.sidebar-profile{border-radius:8px;flex:1;align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.sidebar-profile>span:last-child{gap:4px;min-width:0;display:grid}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.sidebar-account-avatar{background:var(--secondary);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.sidebar-account-avatar>img{object-fit:cover;width:100%;height:100%}.sidebar-settings{width:36px;height:40px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.sidebar-settings svg{width:20px;height:20px}.sidebar-profile:hover,.sidebar-settings:hover{background:var(--surface)}.app-header{z-index:var(--layer-sticky);background:var(--background);min-height:var(--app-header-height);padding:calc(12px + env(safe-area-inset-top)) 32px 12px;position:sticky;top:0}.header-actions{gap:12px;min-width:0}.header-club{gap:8px;min-width:0;max-width:240px}.app-header .fan-avatar{flex-shrink:0;display:grid}.header-club>span:not(.club-crest){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-club .club-crest{border-radius:4px;width:24px;height:28px}.header-club .club-crest>svg{width:14px;height:14px}.header-club .club-crest>span{display:none}.fan-avatar{width:36px;height:36px;display:grid}.section-navigation{top:var(--app-header-height);z-index:var(--layer-sticky);background:var(--background);border-bottom:1px solid var(--border);white-space:nowrap;gap:24px;padding:0 32px;display:flex;position:sticky;overflow-x:auto}.section-navigation a{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;flex-shrink:0;align-items:center;font-size:.875rem;display:inline-flex}.section-navigation a[aria-current=page]{color:var(--foreground);border-bottom-color:var(--club-accent);font-weight:600}.section-navigation a:hover{color:var(--foreground)}@media (max-width:1023px){.app-workspace{overflow-x:clip}}.main-content{max-width:1280px;padding:32px}.main-content .page-heading{align-items:flex-start;gap:16px;margin-bottom:24px}.main-content .page-heading .heading-3{letter-spacing:-.035em;font-size:1.875rem;line-height:2.25rem}.main-content .page-heading .body-3{margin-top:8px;font-size:.875rem;line-height:1.25rem}.main-content .page-heading>div:first-child{flex:1;min-width:0}.main-content [data-slot=button]{transition:background-color .15s var(--ease-out), color .15s var(--ease-out), transform .12s var(--ease-out)}.main-content [data-slot=button]:active:not(:disabled){transform:scale(.98)}.main-content [data-slot=button][data-size=sm]{min-height:36px}.personnel-tabs{white-space:nowrap;flex-wrap:nowrap;gap:20px;margin:16px 0 20px;padding-bottom:0;overflow-x:auto}.personnel-tabs>a,.personnel-tabs>button{border-bottom:2px solid #0000;flex-shrink:0;min-height:44px;padding-bottom:8px}.personnel-tabs>[aria-current=page],.personnel-tabs>[aria-pressed=true]{border-bottom-color:var(--club-accent);color:var(--foreground)}.collection-tools{margin:16px 0 24px}.collection-tools-row{align-items:center;gap:12px;display:flex}.collection-search{flex:1;min-width:0;position:relative}.collection-search input{background:var(--surface);border-color:var(--border);width:100%;min-height:40px}.collection-search>svg{width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.collection-search:has(>svg) input{padding-left:40px}.collection-tools-row>[data-slot=button]{align-self:stretch}.filter-count{background:var(--secondary);border-radius:50%;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.75rem;display:inline-grid}.filter-chevron{transition:transform .16s var(--ease-out);width:12px!important;height:12px!important}.filter-chevron-open{transform:rotate(180deg)}.collection-context{justify-content:space-between;align-items:center;gap:16px;min-height:24px;margin-top:8px;display:flex}.clear-filters{color:var(--club-accent);flex-shrink:0;min-height:32px;padding:4px 0}.clear-filters:hover{text-decoration:underline}.collection-filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:16px}.collection-filter-panel[hidden]{display:none}.collection-filter-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.collection-filter-fields .form-field{min-width:0}.collection-filter-fields .title-4{color:var(--muted);font-size:.75rem;font-weight:500}.collection-filter-fields :is(select,input){width:100%;min-height:40px}.collection-filter-fields .form-control{padding:8px 12px;font-size:.875rem}.choice-tabs{border-bottom:1px solid var(--border);flex-wrap:nowrap;gap:24px;margin-bottom:16px}.choice-tabs [data-slot=button]{min-height:44px;color:var(--muted);background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:8px 0}.choice-tabs [aria-pressed=true]{color:var(--foreground);border-bottom-color:var(--club-accent)}.matches-view-bar{gap:12px;margin:0 0 20px}.matches-view-bar .squad-view-controls{margin:0}.matches-view-bar>p{margin-left:auto}.squad-view-controls{gap:4px}.squad-view-controls [aria-pressed=true]{background:var(--secondary);color:var(--foreground);border-color:#0000}.matches-view-bar .caption-2{font-size:.75rem}.table-provenance{color:var(--muted);margin:12px 0;font-size:.75rem}.table-provenance summary{cursor:pointer;padding:8px 0}.table-provenance p{max-width:70ch;padding:8px 0}.more-page{max-width:960px;margin:0 auto}.more-page>.collection-search{max-width:560px;margin-bottom:32px}.more-groups{grid-template-columns:1fr 1fr;gap:40px;display:grid}.more-group h2{margin-bottom:12px}.destination-row{border-bottom:1px solid var(--border);border-radius:4px;align-items:center;gap:16px;min-height:56px;padding:14px 8px;display:flex}.destination-row>svg{width:20px;height:20px;color:var(--muted)}.destination-row>span{flex:1;gap:4px;display:grid}.destination-row>svg:last-child{width:16px;height:16px}.destination-row:hover{background:var(--surface)}.destination-row:hover>svg{color:var(--club-accent)}.more-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex}.more-empty{padding:32px 0}.home-club-ground{color:#dedede;color:lab(88.4% 0 .0000119209);z-index:1;margin-top:20px;position:relative}.community-home{margin-top:32px}.community-feed-tools{justify-content:flex-end;gap:12px;margin:0 0 12px;display:flex}.community-feed-tools .form-field{flex:1}.community-page>.page-heading .profile-form-actions{margin:0}.settings-page{max-width:720px}.settings-section{padding:24px 0}.settings-club-identity{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.settings-club-identity>span:last-child{gap:4px;display:grid}.settings-account-links{margin-top:16px}.settings-account-links a{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:.875rem;display:flex}.settings-account-links svg{width:16px;height:16px;color:var(--muted)}.settings-account-links a:hover{color:var(--club-accent)}.settings-signout{border-bottom:0}@media (max-width:1023px){.app-workspace{padding-bottom:calc(76px + env(safe-area-inset-bottom));margin-left:0}.app-header{padding-left:24px;padding-right:24px}.fan-avatar{display:grid}.section-navigation{padding:0 24px}.main-content{padding:24px}}@media (max-width:767px){.app-header{padding-left:16px;padding-right:16px}.header-actions{gap:8px}.header-club{max-width:150px}.header-club>span:not(.club-crest){max-width:88px;font-size:.75rem}.fan-avatar{width:36px;height:36px}.main-content{padding:24px 16px}.section-navigation{gap:24px;padding:0 16px}.main-content .page-heading{margin-bottom:20px}.home-club-ground{margin-top:12px}.more-groups{grid-template-columns:minmax(0,1fr);gap:32px}.more-page>.collection-search{margin-bottom:24px}.collection-filter-fields{grid-template-columns:minmax(0,1fr)}.collection-search input,.collection-filter-fields :is(input,select){min-height:44px;font-size:1rem}.collection-tools-row{gap:8px}.matches-view-bar{flex-wrap:wrap;align-items:center}.personnel-tabs{gap:16px}.community-page>.personnel-tabs{gap:14px}.community-page>.personnel-tabs>button{font-size:.75rem}.community-page>.page-heading>div:first-child{flex-basis:180px}.community-page>.page-heading p{display:none}.settings-club{flex-wrap:nowrap;gap:12px}.settings-club>a{width:auto}.settings-club>.settings-club-identity{justify-content:flex-start}.settings-club-identity>span:last-child{min-width:0}.settings-club-identity{gap:12px}.settings-club-identity .club-crest{width:36px;height:44px}.settings-club-identity strong{font-size:.875rem}}@media (pointer:coarse){.main-content [data-slot=button],.clear-filters,.sidebar-settings{min-height:44px}.fan-avatar{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.main-content [data-slot=button],.filter-chevron{transition:none}.main-content [data-slot=button]:active:not(:disabled){transform:none}}
.feedback-viewport{z-index:var(--layer-toast,40);pointer-events:none;overscroll-behavior:contain;outline:none;flex-direction:column;gap:8px;width:min(420px,100vw - 32px);max-height:min(50dvh,420px);margin:0;padding:0;list-style:none;display:flex;position:fixed;bottom:24px;right:24px;overflow-y:auto}.feedback-viewport[data-active=true]{pointer-events:auto}.feedback-queued{text-align:center;background:var(--background);border-radius:8px;flex-shrink:0;order:1;padding:8px 12px}.feedback-toast{border:1px solid var(--border);background:var(--surface);min-height:60px;color:var(--foreground);pointer-events:auto;border-radius:12px;flex-shrink:0;align-items:center;gap:12px;padding:12px 8px 12px 16px;display:flex;overflow:hidden}.feedback-toast[data-state=open]{animation:feedback-enter .22s var(--ease-out)}.feedback-toast[data-state=closed]{animation:feedback-leave .16s var(--ease-out) both;pointer-events:none}.feedback-icon{width:24px;height:24px;color:var(--club-accent);flex-shrink:0}.feedback-toast[data-tone=error] .feedback-icon{color:var(--destructive)}.feedback-toast[data-tone=info] .feedback-icon,.feedback-toast[data-tone=loading] .feedback-icon{color:var(--muted)}.feedback-toast[data-tone=loading] .feedback-icon{animation:.9s linear infinite feedback-spin}.feedback-title{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.875rem;font-weight:500;line-height:1.25rem}.feedback-close{width:44px;height:44px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.feedback-close svg{width:16px;height:16px}.feedback-close:hover{color:var(--foreground);background:var(--secondary)}.feedback-toast[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.feedback-toast[data-swipe=cancel]{transition:transform .18s var(--ease-out);transform:translate(0)}.feedback-toast[data-swipe=end]{animation:feedback-exit .15s var(--ease-out)}.feedback-toast:focus-visible{outline:2px solid var(--club-accent);outline-offset:4px}.profile-editor [aria-invalid=true],.jersey-form [aria-invalid=true]{scroll-margin-top:140px}@keyframes feedback-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes feedback-leave{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes feedback-exit{to{opacity:0;transform:translate(100%)}}@keyframes feedback-spin{to{transform:rotate(360deg)}}@media (max-width:1023px){.feedback-viewport{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));width:calc(100vw - 32px)}}@media (prefers-reduced-motion:reduce){.feedback-toast,.feedback-toast[data-swipe=end],.feedback-toast[data-tone=loading] .feedback-icon{animation:none}.feedback-toast[data-swipe=cancel]{transition:none}}
.install-page{max-width:680px}.app-entry-icon{border-radius:16px;margin-bottom:24px;display:block}.app-entry-install{margin-top:32px}.app-entry-install>p,.app-entry-later{margin-top:12px}.app-entry-browser{margin-top:16px}.app-entry-later{text-align:center}.install-feedback,.install-session-note{margin-top:16px}.install-page>p{margin:16px 0 24px}.install-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;padding:20px;display:flex}.install-app-mark{background:var(--club-accent);width:56px;height:56px;color:var(--club-on-accent);border-radius:12px;place-items:center;display:grid}.install-app-mark svg{width:28px;height:28px}.install-card>p,.install-card>[data-slot=button]{margin-left:auto}.install-status{color:var(--club-accent);align-items:center;gap:8px;display:flex}.experience-tabs{border-bottom:1px solid var(--border);gap:16px;margin:24px 0;display:flex;overflow-x:auto}.experience-tabs>button{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;flex-shrink:0;font-size:.875rem}.experience-tabs>[data-state=active]{border-bottom-color:var(--club-accent);color:var(--foreground)}.install-instructions h2{margin:24px 0 16px}.install-instructions ol{color:var(--muted);gap:16px;padding-left:24px;font-size:.875rem;line-height:1.5rem;display:grid}.install-instructions strong{color:var(--foreground);font-weight:500}.welcome-dialog{width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:8px;overflow-y:auto}.welcome-dialog>h2{padding-right:40px;font-size:1.5rem;line-height:2rem}.welcome-flow{margin-top:12px}.welcome-dialog .experience-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 16px;display:grid}.welcome-dialog .experience-tabs>button{min-width:0;font-size:.75rem}.experience-close{width:44px;height:44px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.experience-close:hover{background:var(--secondary);color:var(--foreground)}.experience-close svg{width:20px;height:20px}.welcome-panels{display:grid}.welcome-step{grid-area:1/1;min-height:208px}.welcome-step[data-state=inactive]{visibility:hidden;pointer-events:none}.welcome-step h3{margin:20px 0 12px}.welcome-symbol{background:var(--club-soft);width:64px;height:64px;color:var(--club-accent);border-radius:12px;place-items:center;display:grid}.welcome-symbol>svg{width:32px;height:32px}.welcome-symbol .club-crest{width:44px;height:52px}.welcome-controls{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:16px;display:grid}.welcome-step-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.welcome-controls button{min-height:44px}.install-shortcut{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.more-footer{flex-wrap:wrap}.install-shortcut>svg{width:24px;height:24px;color:var(--club-accent);flex-shrink:0}.install-shortcut>span{gap:4px;display:grid}.landing-download{color:var(--foreground);align-items:center;gap:8px;min-height:44px;margin-top:16px;font-size:.875rem;display:inline-flex}.landing-download svg{width:20px;height:20px}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px;display:flex}.landing-hero-actions .landing-primary,.landing-hero-actions .landing-download{margin-top:0}@media (max-width:420px){.welcome-dialog{padding:20px 16px}.welcome-dialog .experience-tabs>button{font-size:.75rem}.install-card>p,.install-card>[data-slot=button]{margin-left:0}}@media (max-width:359px){.welcome-dialog>h2{font-size:1.25rem;line-height:1.75rem}}
.predictions-page{flex-direction:column;gap:24px;min-width:0;max-width:1120px;margin-inline:auto;display:flex}.prediction-heading-icon{width:32px;height:32px;color:var(--club-accent)}.prediction-statistics dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.prediction-statistics dd{font-variant-numeric:tabular-nums;margin-top:4px}.prediction-statistics.prediction-statistics-compact dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prediction-statistics-compact summary{cursor:pointer;align-content:center;min-height:44px;display:list-item}.prediction-statistics-compact details[open]{margin-bottom:16px}.prediction-statistics{border-bottom:1px solid var(--border);padding-block:8px 16px}.prediction-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.prediction-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;min-width:0;padding:16px;display:flex}.prediction-meta{flex-direction:column;gap:4px;display:flex}.prediction-teams{text-align:center;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;display:grid}.prediction-teams>span{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.prediction-teams strong{overflow-wrap:anywhere}.prediction-status,.prediction-status>span,.prediction-toolbar,.prediction-form-footer,.prediction-pagination{justify-content:space-between;align-items:center;gap:8px;display:flex}.prediction-status>span{justify-content:flex-start}.prediction-status svg{flex-shrink:0;width:16px;height:16px}.prediction-countdown{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--club-accent)}.prediction-points{color:var(--club-accent)}.prediction-form{flex-direction:column;gap:12px;display:flex}.prediction-score-inputs{text-align:center;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:end;gap:8px;display:grid}.prediction-score-inputs label{flex-direction:column;gap:8px;min-width:0;display:flex}.prediction-score-inputs input{text-align:center;font-variant-numeric:tabular-nums;min-height:52px;font-size:24px;font-weight:600}.prediction-score-inputs>span{align-self:center;padding-top:24px}.prediction-form-footer{flex-wrap:wrap}.prediction-result{flex-direction:column;gap:8px;display:flex}.prediction-result strong{float:right;margin-left:16px}.prediction-deadline{margin-top:auto}.prediction-filters,.prediction-admin-form{grid-template-columns:minmax(0,1fr);align-items:end;gap:12px;display:grid}.prediction-filters label,.prediction-admin-form label,.prediction-retry-form label{flex-direction:column;gap:8px;min-width:0;display:flex}.prediction-filters select{border:1px solid var(--border);width:100%;min-height:40px;color:var(--foreground);background:var(--surface);border-radius:8px;padding:8px;font-size:16px}.prediction-pagination{flex-wrap:wrap;justify-content:center;margin-top:8px}.prediction-sign-in,.prediction-admin-section{flex-direction:column;gap:16px;display:flex}.prediction-admin-section{border-top:1px solid var(--border);padding-block:24px}.prediction-activity{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding-block:16px;display:flex}.prediction-activity .prediction-toolbar{flex-wrap:wrap}.prediction-audit{flex-direction:column;gap:16px;display:flex}.prediction-retry-form{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.prediction-retry-form label{flex:240px}.prediction-audit pre{background:var(--secondary);border-radius:8px;max-width:100%;max-height:360px;padding:12px;font-size:12px;overflow:auto}.prediction-rule-history{flex-direction:column;gap:12px;padding-top:12px;display:flex}.prediction-rule-history li{flex-direction:column;gap:4px;display:flex}.profile-predictions{flex-direction:column;gap:16px;display:flex}@media (min-width:540px){.prediction-statistics dl{grid-template-columns:repeat(4,minmax(0,1fr))}.prediction-filters,.prediction-admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:800px){.prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.play-area{flex-direction:column;gap:24px;min-width:0;display:flex}.play-navigation{gap:8px;width:100%;max-width:1120px;margin-inline:auto;display:flex}.play-navigation a{min-height:44px;color:var(--muted);border-radius:8px;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.play-navigation a[aria-current=page]{color:var(--club-accent);background:var(--club-soft)}.quizzes-page{flex-direction:column;gap:24px;width:100%;min-width:0;max-width:1120px;margin-inline:auto;display:flex}.quizzes-page header{flex-direction:column;gap:8px;display:flex}.quizzes-page .page-heading{flex-flow:wrap;align-items:center}.quiz-grid,.quiz-category-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.quiz-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.quiz-card:hover{border-color:var(--club-accent)}.quiz-card-daily{background:var(--club-soft)}.quiz-card-meta,.quiz-card-footer,.quiz-toolbar,.quiz-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-card-meta>span,.quiz-card-footer>span{align-items:center;gap:8px;display:inline-flex}.quiz-card svg{flex-shrink:0;width:16px;height:16px}.quiz-card-footer{margin-top:auto;padding-top:8px}.quiz-card-footer>span:last-child{color:var(--club-accent)}.quiz-difficulty{text-transform:capitalize}.quiz-daily-note{margin-top:8px}.quiz-home{flex-direction:column;gap:16px;margin-block:24px;display:flex}.quiz-statistics{border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding-bottom:16px;display:flex}.quiz-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quiz-stat-grid dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:4px}.quiz-statistics summary,.quiz-categories>summary,.quiz-publication>summary,.quiz-question-nav>summary{cursor:pointer;align-content:center;min-height:44px}.quiz-statistics details[open] .quiz-stat-grid,.quiz-category-grid{margin-top:16px}.quiz-category{border-bottom:1px solid var(--border);text-align:left;flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.quiz-category[aria-pressed=true]{color:var(--club-accent);background:var(--club-soft)}.quiz-filters,.quiz-editor-grid{grid-template-columns:minmax(0,1fr);align-items:end;gap:16px;display:grid}.quiz-filters>label{flex-direction:column;gap:8px;min-width:0;display:flex}.quizzes-page select,.quizzes-page textarea{background:var(--surface);width:100%;min-height:44px;color:var(--foreground);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:16px}.quizzes-page textarea{resize:vertical}.quiz-pagination{justify-content:center}.quiz-detail{max-width:760px}.quiz-detail-facts,.quiz-result-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quiz-detail-facts dd,.quiz-result-summary dd{font-variant-numeric:tabular-nums;margin-top:8px}.quiz-rules{border-block:1px solid var(--border);flex-direction:column;gap:12px;padding-block:24px;display:flex}.quiz-actions,.quiz-game-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quiz-game{max-width:760px;height:calc(100dvh - var(--app-header-height,64px) - 64px);grid-template-rows:auto minmax(0,1fr) auto;gap:0;min-height:320px;display:grid}.quiz-session-top{border-bottom:1px solid var(--border);padding-bottom:16px}.quiz-game .quiz-session-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.quiz-session-heading h1{min-width:0;font-size:1rem;line-height:1.5rem}.quiz-session-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:20px 4px;overflow-y:auto}.quiz-session-body>[role=alert],.quiz-session-body>[role=status]{margin-top:16px}.quiz-session-footer{border-top:1px solid var(--border);background:var(--background);padding-top:16px}.quiz-session-footer>p{text-align:center;margin-top:8px}.quiz-session-footer .quiz-game-actions{flex-wrap:nowrap}.quiz-session-footer button{min-height:48px}.quiz-session-footer button:last-child{flex:1}.quiz-game .quiz-options{gap:8px}.quiz-game .quiz-option{min-height:52px;padding:12px}.quiz-game .quiz-question-image img{max-height:200px}.quiz-options-dialog{flex-direction:column;gap:16px;max-height:calc(100dvh - 48px);display:flex;overflow-y:auto}.quiz-options-dialog>h2{padding-right:32px}@media (max-width:1023px){.app-shell[data-session] :is(.app-header,.bottom-navigation){display:none}.app-shell[data-session] .app-workspace{padding-bottom:0}.app-shell[data-session] .main-content[data-layout]{min-height:0;padding:0}.app-shell[data-session] .play-area{gap:0}.quiz-game{height:100dvh;min-height:0;padding:env(safe-area-inset-top) 16px 0}.quiz-session-top{padding-block:8px 16px}.quiz-session-footer{padding-bottom:max(12px, env(safe-area-inset-bottom))}body:has(.app-shell[data-session]) .feedback-viewport{bottom:calc(112px + env(safe-area-inset-bottom))}}@media (max-width:359px){.quiz-session-footer button:not([data-size=icon]){padding-inline:10px;font-size:.8125rem}}.quiz-game-progress{grid-template-columns:1fr auto;gap:12px;display:grid}.quiz-game-progress progress{width:100%;height:6px;accent-color:var(--club-accent);border:0;border-radius:4px;grid-column:1/-1;overflow:hidden}.quiz-game-progress progress::-webkit-progress-bar{background:var(--secondary)}.quiz-game-progress progress::-webkit-progress-value{background:var(--club-accent)}.quiz-timer{font-variant-numeric:tabular-nums}.quiz-question{flex-direction:column;gap:16px;display:flex}.quiz-question h2:focus{outline:none}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-height:60px;padding:16px;display:flex}.quiz-option[data-selected=true]{border-color:var(--club-accent);background:var(--club-soft)}.quiz-option:focus-within{outline:2px solid var(--club-accent);outline-offset:-3px}.quiz-options,.quiz-option,.quiz-option>span{min-width:0}.quiz-option>span{overflow-wrap:anywhere}.quiz-option input,.quiz-editor-check input,.quiz-bank-choice input,.quiz-correct-toggle input{accent-color:var(--club-accent);flex-shrink:0;width:18px;height:18px}.quiz-game-actions{justify-content:flex-end}.quiz-game-actions button{min-height:44px}.quiz-question-nav nav{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.quiz-question-image{background:var(--surface);border-radius:8px;overflow:hidden}.quiz-question-image img{object-fit:contain;width:100%;max-height:420px;display:block}.quiz-end{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.quiz-end [role=alert]{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.quiz-results{max-width:800px;padding-block:8px 32px}.quiz-result-heading{gap:12px}.quiz-result-heading h1{text-wrap:balance;overflow-wrap:anywhere}.quiz-result-complete{color:var(--foreground);align-items:center;gap:8px;display:flex}.quiz-result-complete svg{width:22px;height:22px;color:var(--club-accent)}.quiz-results .quiz-result-summary{background:var(--surface);border-radius:12px;grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:24px;padding:24px}.quiz-result-summary>div{min-width:0}.quiz-result-summary dd{overflow-wrap:anywhere}.quiz-result-score dd{font-family:var(--font-numeric), sans-serif;font-size:3rem;line-height:1}.quiz-result-breakdown{margin-top:-8px}.quiz-results .quiz-actions{flex-wrap:wrap;padding-top:16px}.quiz-review-question h3,.quiz-review-options li>span{overflow-wrap:anywhere}.quiz-review-options li[data-selected=true]{outline:1px solid var(--border-strong,var(--border));outline-offset:-1px}.quiz-review-wait{background:var(--surface);border-radius:12px;padding:24px}@media (max-width:600px){.quiz-results .quiz-result-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:20px}.quiz-result-score{grid-column:1/-1}.quiz-review-options li{flex-direction:column;align-items:flex-start}.quiz-review-wait{padding:20px}}.quiz-review{flex-direction:column;gap:24px;display:flex}.quiz-review-question{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:24px;display:flex}.quiz-review-options{flex-direction:column;gap:8px;display:flex}.quiz-review-options li{background:var(--surface);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px;display:flex}.quiz-review-options li[data-correct=true]{background:var(--club-soft)}.quiz-review-wait{flex-direction:column;gap:12px;display:flex}.quiz-history-list{flex-direction:column;display:flex}.quiz-history-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:24px;display:flex}.quiz-history-row>div{flex-direction:column;gap:8px;display:flex}.quiz-history-result{align-items:flex-start}.quiz-editor{flex-direction:column;gap:20px;min-width:0;max-width:900px;display:flex}.quiz-editor-field{flex-direction:column;gap:8px;min-width:0;display:flex}.quiz-editor-section,.quiz-editor-options{border-top:1px solid var(--border);flex-direction:column;align-items:stretch;gap:16px;padding-top:24px;display:flex}.quiz-editor-check{align-items:center;gap:12px;min-height:44px;display:flex}.quiz-editor-options legend{padding-block:8px}.quiz-editor-option{align-items:center;gap:8px;display:flex}.quiz-editor-option>input{min-width:0}.quiz-correct-toggle{flex-shrink:0;justify-content:center;align-items:center;width:44px;min-height:44px;display:flex}.quiz-editor-option button{min-width:44px;min-height:44px}.quiz-editor-image{object-fit:contain;background:var(--surface);border-radius:8px;width:100%;max-height:320px;display:block}.quiz-reference{min-width:0}.quiz-reference-paging{flex-wrap:wrap;gap:8px;display:flex}.quiz-selected-questions{flex-direction:column;gap:12px;display:flex}.quiz-selected-questions li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-block:12px;display:flex}.quiz-selected-questions li>span{overflow-wrap:anywhere;min-width:0}.quiz-selected-questions li>span>span{margin-top:4px;display:block}.quiz-selected-questions li>div{flex-shrink:0;display:flex}.quiz-bank-choices{flex-direction:column;gap:8px;display:flex}.quiz-bank-choice{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.quiz-bank-choice span{flex-direction:column;gap:4px;display:flex}.quiz-bank-choice input{margin-top:4px}.quiz-admin-tabs{flex-wrap:wrap}.quiz-management-row{border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding-block:20px;display:flex}.quiz-management-row .quiz-toolbar>div{flex:1;min-width:0}.quiz-management-row .quiz-toolbar h3{overflow-wrap:anywhere}.quiz-publication[open]>form{margin-top:12px}.quiz-audit-json{background:var(--secondary);border-radius:8px;max-width:100%;max-height:400px;padding:16px;font-size:12px;overflow:auto}@media (min-width:640px){.quiz-grid,.quiz-category-grid,.quiz-filters,.quiz-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-history-result{align-items:flex-end}}@media (max-width:440px){.quiz-result-summary,.quiz-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-stat-grid{gap:12px}.quiz-selected-questions li{flex-direction:column;align-items:flex-start}}
.activities-page{flex-direction:column;gap:24px;width:100%;min-width:0;max-width:1120px;margin-inline:auto;display:flex}.activities-page header{flex-direction:column;gap:8px;display:flex}.activity-detail{max-width:760px}.activity-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.activity-meta,.activity-links,.activity-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-links{justify-content:flex-start}.activity-pagination{justify-content:center}.activity-points{color:var(--club-accent);font-variant-numeric:tabular-nums}.activity-state{text-transform:capitalize}.challenge-card,.poll-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.challenge-card h2,.poll-card h2,.activities-page h1,.activities-page p{overflow-wrap:anywhere}.challenge-card progress{width:100%;height:6px;accent-color:var(--club-accent);border:0;border-radius:4px;overflow:hidden}.challenge-card progress::-webkit-progress-bar{background:var(--secondary)}.challenge-card progress::-webkit-progress-value{background:var(--club-accent)}.challenge-requirements{flex-direction:column;gap:12px;display:flex}.challenge-card-status{gap:8px;display:grid}.challenge-summary{top:calc(var(--app-header-height,64px) + 8px);z-index:1;background:var(--surface);border-bottom:1px solid var(--border);padding-block:8px 12px;position:sticky}.challenge-statistics-details>summary{cursor:pointer;min-height:44px;color:var(--muted);align-content:center}.challenge-statistics-details[open] .challenge-statistics{padding-block:16px}.challenge-card-detail .challenge-requirements li{border-bottom:1px solid var(--border);align-items:center;padding-block:12px}.challenge-card-detail .challenge-requirements li>a{align-items:center;min-height:44px;display:inline-flex}.challenge-requirements li{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.challenge-requirements li>span{flex:1}.challenge-requirements li>strong,.activity-remaining{font-variant-numeric:tabular-nums}.activity-filter-tabs{flex-wrap:wrap}.activity-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.activity-stats dd{font-variant-numeric:tabular-nums;margin-top:4px}.challenge-completion{background:var(--club-soft);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.activity-embed{flex-direction:column;gap:16px;margin-block:24px;display:flex}.fan-poll-options{flex-direction:column;gap:12px;display:flex}.fan-vote-action{bottom:calc(80px + env(safe-area-inset-bottom));z-index:var(--layer-sticky);border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;padding:12px;display:grid;position:sticky}.fan-vote-action strong{color:var(--foreground);font-weight:500}@media (min-width:1024px){.fan-vote-action{bottom:16px}}.fan-poll-option{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-height:64px;padding:16px;display:flex}.fan-poll-option[data-selected=true]{background:var(--club-soft);border-color:var(--club-accent)}.fan-poll-option:focus-within{outline:2px solid var(--club-accent);outline-offset:2px}.fan-poll-option[data-unavailable=true]{opacity:.6}.fan-poll-option>input{accent-color:var(--club-accent);flex-shrink:0;width:18px;height:18px}.fan-poll-option>span{flex-direction:column;gap:4px;min-width:0;display:flex}.fan-poll-option .personnel-photo{flex-shrink:0;width:56px;height:64px}.fan-poll-results{border-top:1px solid var(--border);flex-direction:column;gap:16px;padding-top:24px;display:flex}.fan-result-list{flex-direction:column;gap:20px;display:flex}.fan-result-list>li{flex-direction:column;gap:8px;display:flex}.fan-result-track{background:var(--secondary);border-radius:4px;height:8px;overflow:hidden}.fan-result-track>span{background:var(--club-accent);height:100%;display:block}.publisher-activity-link{color:var(--club-accent);padding:12px 0;display:inline-block}.activity-editor{flex-direction:column;gap:20px;min-width:0;max-width:900px;display:flex}.activity-editor-grid{grid-template-columns:minmax(0,1fr);align-items:end;gap:16px;display:grid}.activities-page select,.activities-page textarea{background:var(--surface);width:100%;min-height:44px;color:var(--foreground);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:16px}.activities-page textarea{resize:vertical}.activity-editor-section,.activity-fixture-picker{border-top:1px solid var(--border);flex-direction:column;gap:16px;padding-top:24px;display:flex}.activity-editor-section legend{padding-block:8px}.activity-option-edit{align-items:center;gap:8px;display:flex}.activity-option-edit>input{min-width:0}.activity-manual-candidates{flex-direction:column;gap:16px;display:flex}.activity-requirement-edit{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding-block:16px;display:flex}.activity-requirement-edit legend{padding-block:8px}.activity-management-row{border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding-block:20px;display:flex}.activity-publication summary{cursor:pointer;align-content:center;min-height:44px}.activity-publication[open] form{margin-top:16px}.activity-audit{background:var(--secondary);border-radius:8px;max-width:100%;max-height:400px;padding:16px;font-size:12px;overflow:auto}.play-navigation{flex-wrap:wrap;gap:4px}@media (min-width:640px){.activity-grid,.activity-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:420px){.play-navigation a{padding-inline:10px;font-size:13px}.challenge-card,.poll-card{padding:16px}}
.progression-page{min-width:0}.missions-page{max-width:900px}.mission-feedback:empty{display:none}.mission-period-root,.mission-period-panel{flex-direction:column;gap:20px;min-width:0;display:flex}.mission-period-tabs{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:6px;width:fit-content;max-width:100%;padding:4px;display:flex}.mission-period-tabs>button{min-height:44px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.mission-period-tabs>button[data-state=active]{background:var(--secondary);color:var(--foreground)}.mission-period-tabs>button>span{background:var(--club-soft);color:var(--club-accent);border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600}.mission-period-tabs>button:focus-visible,.mission-period-panel:focus-visible{outline:2px solid var(--club-accent);outline-offset:3px}.mission-extra-goals{border-block:1px solid var(--border);flex-direction:column;gap:10px;margin:0;padding:12px 0;list-style:none;display:flex}.mission-extra-goals>li{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.mission-extra-goals>li>span{align-items:center;gap:6px;display:flex}.mission-extra-goals svg{color:var(--club-accent)}.mission-overview{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;padding:24px;display:grid}.mission-overview h2{margin:8px 0}.mission-overview p{margin:0}.mission-segments{gap:8px;display:flex}.mission-segments>span{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.mission-segments>[data-complete]{color:var(--club-accent);background:var(--club-soft);border-color:var(--club-accent)}.daily-mission-list{flex-direction:column;gap:16px;display:flex}.mission-task{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:12px;padding:24px;display:grid}.mission-task[data-complete]{border-color:var(--club-accent)}.mission-task h3,.mission-task p{margin:0}.mission-task-heading{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.mission-number{border:1px solid var(--border);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.mission-task[data-claimed] .mission-number{border-color:var(--club-accent);background:var(--club-soft);color:var(--club-accent)}.mission-task-heading .mission-state{color:var(--muted);margin-top:4px}.mission-task[data-complete] .mission-state{color:var(--club-accent)}.mission-prize{text-align:right;white-space:nowrap;flex-direction:column;gap:4px;display:flex}.mission-prize>span{color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;display:flex}.mission-task progress{width:100%;display:block}.mission-task-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mission-task-actions>a{align-items:center;gap:4px;display:inline-flex}.mission-task[data-claimed] .mission-task-actions{justify-content:flex-end}.mission-passport{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:24px!important}.arcade-missions-link{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.arcade-missions-link>span{flex-direction:column;flex:1;gap:4px;display:flex}.arcade-missions-link>svg:first-child{color:var(--club-accent);flex:none;width:24px;height:24px}@media (max-width:600px){.mission-overview,.mission-task,.mission-passport{padding:16px!important}.mission-overview{grid-template-columns:minmax(0,1fr);gap:12px}.mission-segments{grid-row:2}.mission-overview>button{width:100%}.mission-task-heading{gap:8px}.mission-task-actions>a{max-width:100%}.mission-passport>.activity-meta{align-items:flex-start}.mission-overview h2{margin-top:4px}}.mission-section{gap:16px;display:grid}.mission-section p{margin:0}.mission-section progress{display:block}.passport-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.passport-days li{text-align:center;min-width:0}.passport-stamp{aspect-ratio:1;border:1px solid var(--border);max-height:48px;color:var(--muted);border-radius:8px;place-items:center;margin-top:8px;display:grid}.passport-days [data-stamped] .passport-stamp{background:var(--club-soft);color:var(--club-accent);border-color:var(--club-accent)}.fan-wallet dt{align-items:center;gap:6px;display:flex}.fan-wallet progress{margin-top:10px;display:block}.fan-reward-amount{text-align:right;flex-direction:column;flex-shrink:0;gap:4px;display:flex}.achievement-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.achievement-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.achievement-card-heading{align-items:center;gap:12px;min-width:0;display:flex}.achievement-card-heading>div{flex:1;min-width:0}.achievement-card h2,.achievement-card p{overflow-wrap:anywhere}.achievement-icon{background:var(--secondary);width:52px;height:52px;color:var(--club-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.achievement-icon img{object-fit:contain;width:100%;height:100%}.achievement-icon-small{border-radius:8px;width:32px;height:32px}.achievement-rarity{text-transform:capitalize}.achievement-card[data-state=locked] .achievement-icon,.achievement-card[data-state=revoked] .achievement-icon{color:var(--muted)}.achievement-card[data-rarity=legendary] .achievement-rarity{color:var(--foreground);font-weight:600}.progression-page progress{width:100%;height:6px;accent-color:var(--club-accent);border:0;border-radius:4px;overflow:hidden}.progression-page progress::-webkit-progress-bar{background:var(--secondary)}.progression-page progress::-webkit-progress-value{background:var(--club-accent)}.achievement-overview{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:8px 16px;display:flex}.achievement-overview progress{flex-basis:100%}.badge-selection-bar{background:var(--club-soft);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.badge-selection-bar [role=alert]{width:100%}.achievement-feature-choice{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.achievement-feature-choice input{width:20px;height:20px;accent-color:var(--club-accent)}.progression-filters{min-width:0}.progression-filters summary,.progression-page details>summary{cursor:pointer;align-content:center;min-height:44px}.progression-filters[open]>div,.progression-filters[open]>.quiz-editor-field{margin-block:12px}.progression-strip{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block:-16px 20px;padding-block:8px 16px;display:flex}.progression-strip strong{color:var(--club-accent)}.progression-embed{border-top:1px solid var(--border);flex-direction:column;gap:16px;min-width:0;padding-block:24px;display:flex}.featured-badges{flex-wrap:wrap;gap:12px;display:flex}.featured-badge{background:var(--secondary);border-radius:8px;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:6px 10px;display:inline-flex}.featured-badge span{overflow-wrap:anywhere}.gameplay-breakdown{flex-direction:column;gap:12px;display:flex}.gameplay-breakdown>div{justify-content:space-between;gap:16px;display:flex}.progression-score{padding-block:16px}.ranking-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ranking-list{min-width:0;padding:0;list-style:none}.ranking-row{border-bottom:1px solid var(--border);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:16px 0;display:grid}.ranking-row[data-self=true]{background:var(--club-soft);border-radius:8px;padding-inline:8px}.ranking-person{align-items:center;gap:12px;min-width:0;display:flex}.ranking-person>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.ranking-person strong,.ranking-person .muted{overflow-wrap:anywhere}.ranking-avatar{background:var(--secondary);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.ranking-avatar .club-crest{width:32px;height:32px}.ranking-avatar img{object-fit:cover;width:40px;height:40px}.ranking-number{font-variant-numeric:tabular-nums;text-align:center;color:var(--muted)}.ranking-score{text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;max-width:180px;display:flex}.ranking-score .caption-2{font-size:11px}.progression-table-wrap{max-width:100%;overflow-x:auto}.progression-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.progression-table th,.progression-table td{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;white-space:nowrap;padding:12px 8px}.score-activity-list{padding:0;list-style:none}.score-activity-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.score-activity-list a{text-transform:capitalize}.score-history-chart{color:var(--club-accent);min-width:0;margin:0}.score-history-chart svg{width:100%;max-height:180px}.score-history-chart figcaption{margin-top:8px}.feedback-achievement-link{color:var(--club-accent);text-align:center;align-content:center;min-width:44px;min-height:44px}.play-navigation{scrollbar-width:thin;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.play-navigation a{flex-shrink:0}@media (min-width:700px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1200px){.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:420px){.achievement-card{padding:16px}.ranking-row{gap:8px}.ranking-score{max-width:100px}.ranking-avatar{width:32px;height:32px}.ranking-person{gap:8px}.ranking-score .caption-2{font-size:10px}}
.fan-avatar-frame{--fan-frame-ink:var(--fan-frame-accent,var(--club-accent));border:2px solid var(--fan-frame-ink);isolation:isolate;background:#1b252e;border-radius:50%;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:5%;display:grid;position:relative;overflow:hidden}.fan-avatar-frame>img,.fan-avatar-frame>span{object-fit:cover;background:var(--club-primary,#26384a);color:#fff;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.fan-avatar-frame[data-fan-frame=frame-club-stripe]{background:conic-gradient(var(--fan-frame-ink) 0 43%, #f3f5f6 43% 50%, var(--fan-frame-ink) 50% 93%, #f3f5f6 93%);border:0;padding:9%}.fan-avatar-frame[data-fan-frame=frame-captain]{background:conic-gradient(#e8edf1 0 70%, var(--fan-frame-ink) 70% 90%, #e8edf1 90%);border:0;padding:10%}.fan-avatar-frame[data-fan-frame=frame-captain]:after{content:"";border-block:2px solid #18232b;width:9%;height:16%;position:absolute;top:42%;left:3%}.fan-avatar-frame[data-fan-frame=frame-floodlight]{background:repeating-conic-gradient(#edf6ff 0 8deg, #718ba0 8deg 16deg);border-color:#dbe9f6;padding:8%}.fan-avatar-frame[data-fan-frame=frame-net]{background:repeating-linear-gradient(45deg,#0000 0 5px,#c7dfdc 5px 6px),repeating-linear-gradient(-45deg,#314c50 0 5px,#b7cfcd 5px 6px);border-color:#dee9e8;padding:11%}.fan-avatar-frame[data-fan-frame=frame-laurel]{background:repeating-conic-gradient(from 5deg, #dbb867 0 9deg, #526d5b 9deg 17deg, #d2dcba 17deg 20deg);border:0;padding:12%}.fan-avatar-frame[data-fan-frame=frame-trophy]{background:linear-gradient(135deg,#e4c16f,#7e5528 35%,#f3e0a5 55%,#a77536 80%,#e4c16f);border:2px solid #f1dc9c;padding:12%;box-shadow:inset 0 0 0 2px #73522d,inset 0 0 0 4px #ebcb85}.fan-cover-art[data-fan-cover]{isolation:isolate;color:#f6f8fb;background:#192933;position:relative;overflow:hidden}.fan-cover-art[data-fan-cover]:before,.fan-cover-art[data-fan-cover]:after{content:"";z-index:-1;pointer-events:none;opacity:1;mix-blend-mode:normal;position:absolute;inset:0}.supporter-cover.fan-cover-art[data-fan-cover] .supporter-cover-graphic{display:none}.fan-cover-art[data-fan-cover=cover-touchline]{background:#153c32}.fan-cover-art[data-fan-cover=cover-touchline]:before{background:repeating-linear-gradient(90deg,#0000 0 12.5%,#ffffff05 12.5% 25%)}.fan-cover-art[data-fan-cover=cover-touchline]:after{background:radial-gradient(circle,#0000 0 24%,#a9c9bc55 24.2% 24.7%,#0000 25%),linear-gradient(90deg,#0000 49.8%,#a9c9bc55 49.8% 50.2%,#0000 50.2%);border:1px solid #a9c9bc55;inset:12% 9%}.fan-cover-art[data-fan-cover=cover-terrace]{background:#18222c}.fan-cover-art[data-fan-cover=cover-terrace]:before{background:repeating-linear-gradient(125deg, transparent 0 22%, color-mix(in srgb, var(--club-primary,#507595) 60%, #111b22) 22% 29%, #e0e4e722 29% 30%, transparent 30% 43%)}.fan-cover-art[data-fan-cover=cover-terrace]:after{background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff05 3px 4px)}.fan-cover-art[data-fan-cover=cover-floodlights]{background:#152635}.fan-cover-art[data-fan-cover=cover-floodlights]:before{background:radial-gradient(at 3% 0,#d9edff66,#0000 42%),radial-gradient(at 97% 0,#d9edff66,#0000 42%)}.fan-cover-art[data-fan-cover=cover-floodlights]:after{background:repeating-linear-gradient(90deg,#0000 0 4px,#ffffff04 4px 5px);border-block:8px solid #b3c9d522}.fan-cover-art[data-fan-cover=cover-tactics]{background:#203a3b}.fan-cover-art[data-fan-cover=cover-tactics]:before{background-color:#0000;background-image:linear-gradient(#c3dbce10 1px,#0000 1px),linear-gradient(90deg,#c3dbce10 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.fan-cover-art[data-fan-cover=cover-tactics]:after{background:radial-gradient(circle at 15% 70%,#0000 0 8px,#a5d0bc88 8px 10px,#0000 10px),radial-gradient(circle at 80% 25%,#0000 0 8px,#a5d0bc88 8px 10px,#0000 10px),linear-gradient(145deg,#0000 49.8%,#a5d0bc66 50%,#0000 50.2%);inset:13% 8%}.fan-cover-art[data-fan-cover=cover-night-match]{background:#14202e}.fan-cover-art[data-fan-cover=cover-night-match]:before{background:radial-gradient(at 10% -25%,#e9f3ff77,#0000 50%),radial-gradient(at 90% -25%,#e9f3ff77,#0000 50%)}.fan-cover-art[data-fan-cover=cover-night-match]:after{background:repeating-linear-gradient(90deg,#71859b22 0 2px,#0000 2px 9px);border:2px solid #a3b6c44d;border-radius:50%;inset:60% -10% -35%;box-shadow:0 -9px #0003,0 -12px #a3b6c42b,0 -22px #0003,0 -25px #a3b6c42b}.fan-cover-art[data-fan-cover=cover-final-whistle]{background:#302c25}.fan-cover-art[data-fan-cover=cover-final-whistle]:before{background:radial-gradient(at 50% -30%,#b99d5855,#0000 70%)}.fan-cover-art[data-fan-cover=cover-final-whistle]:after{opacity:.55;background:linear-gradient(35deg,#0000 46%,#e0bc6a88 46% 52%,#0000 52%) 0 0/61px 47px,linear-gradient(125deg,#0000 47%,#e6cf9a66 47% 52%,#0000 52%) 17px 9px/89px 79px;-webkit-mask-image:radial-gradient(#0000 40%,#000 90%);mask-image:radial-gradient(#0000 40%,#000 90%)}.fan-profile-title{color:#e8d196;letter-spacing:.01em;font-weight:600}.supporter-name .fan-profile-title{margin-block:8px 0}.fan-standing-title{color:var(--foreground);opacity:.9;margin-block:2px;display:block}.fan-shop-page{min-width:0;max-width:1180px}.fan-shop-page .fan-shop-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;display:flex}.fan-shop-heading h1{margin-block:12px}.fan-shop-eyebrow{align-items:center;gap:8px;display:inline-flex}.fan-shop-balance{flex-shrink:0;grid-template-columns:28px auto;gap:8px 12px;display:grid}.fan-shop-balance>svg{width:28px;height:28px;color:var(--club-accent);align-self:center}.fan-shop-balance>div{flex-direction:column;gap:4px;display:flex}.fan-shop-balance>a{grid-column:2}.fan-shop-intro{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding-block:8px 24px;display:grid}.fan-shop-intro>div:last-child{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.fan-shop-look{color:#f6f8fb;text-align:center;background:#202b36;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:230px;padding:24px;display:flex}.fan-shop-look>strong{overflow-wrap:anywhere;max-width:100%}.fan-shop-look-club{opacity:.9}.fan-shop-look-avatar{background:#2b4052;border-radius:50%;place-items:center;width:74px;height:74px;font-size:26px;font-weight:600;display:grid;overflow:hidden}.fan-shop-look-avatar>img{object-fit:cover;width:100%;height:100%}.fan-shop-catalog{min-width:0}.fan-shop-tabs{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.fan-shop-tabs>button{min-height:44px;color:var(--muted);border:1px solid #0000;border-radius:8px;padding:10px 17px;font-size:14px;font-weight:600}.fan-shop-tabs>button[data-state=active]{color:var(--foreground);background:var(--surface);border-color:var(--border)}.fan-shop-catalog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.fan-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.fan-shop-item{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.fan-shop-item-art{background:var(--secondary);justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.fan-shop-item-copy{flex-direction:column;gap:8px;padding:18px 18px 0;display:flex}.fan-shop-item-copy h3{overflow-wrap:anywhere}.fan-shop-item-action{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:18px;display:flex}.fan-shop-item-action>span{align-items:center;gap:6px;display:inline-flex}.fan-shop-item-action svg{width:18px;height:18px}.fan-shop-item-action>button{min-height:44px}.fan-shop-frame-art{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--club-accent) 12%, var(--secondary)), var(--secondary))}.fan-shop-frame-art>div{border-radius:50%;width:90px;height:90px;font-size:28px;font-weight:600;overflow:hidden}.fan-shop-title-art{text-align:center;color:var(--foreground);flex-direction:column;gap:14px;padding:20px}.fan-shop-title-art>strong{text-wrap:balance;font-size:clamp(18px,2vw,23px);font-weight:600;line-height:1.3}.fan-shop-title-rule{background:var(--club-accent);width:32px;height:2px}.fan-shop-art-avatar{background:#e3eaf111;border:2px solid #e3eaf188;border-radius:50%;width:40px;height:40px;position:absolute;bottom:36px;left:24px}.fan-shop-art-name{background:#eef3f5aa;border-radius:3px;width:100px;height:5px;position:absolute;bottom:20px;left:24px}.fan-shop-art-line{border:1px solid #eef3f522;border-radius:5px;position:absolute;inset:12px}.fan-shop-rules{border-block:1px solid var(--border);padding-block:20px}.fan-shop-rules summary{cursor:pointer;min-height:30px}.fan-shop-rules p{max-width:74ch;margin-block:16px}.fan-shop-empty{flex-direction:column;align-items:flex-start;gap:16px;padding-block:24px;display:flex}.fan-shop-empty>svg{width:32px;height:32px;color:var(--muted)}.fan-shop-overlay{z-index:var(--layer-modal);background:#0b121bbd;animation:.16s ease-out fan-shop-fade;position:fixed;inset:0}.fan-shop-dialog{z-index:calc(var(--layer-modal) + 1);overscroll-behavior:contain;border:1px solid var(--border);background:var(--background);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);border-radius:18px;flex-direction:column;gap:16px;padding:24px;animation:.16s ease-out fan-shop-fade;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0006}.fan-shop-dialog-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.fan-shop-dialog .account-text-link{color:var(--foreground)}.fan-shop-dialog .fan-shop-look{min-height:230px}.fan-shop-checkout{flex-direction:column;gap:12px;margin:0;display:flex}.fan-shop-checkout>div{justify-content:space-between;gap:16px;font-size:14px;display:flex}.fan-shop-checkout>div:last-child{border-top:1px solid var(--border);padding-top:12px}.fan-shop-checkout dd{text-align:right;margin:0;font-weight:600}.fan-shop-dialog [role=status]:empty,.fan-shop-page>[role=status]:empty{display:none}@keyframes fan-shop-fade{0%{opacity:0}to{opacity:1}}@media (max-width:820px){.fan-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fan-shop-intro{gap:24px}}@media (max-width:540px){.fan-shop-page .fan-shop-heading{flex-direction:column;align-items:flex-start;gap:20px}.fan-shop-balance{border-block:1px solid var(--border);grid-template-columns:24px 1fr auto;align-items:center;width:100%;padding-block:16px}.fan-shop-balance>a{grid-area:1/3}.fan-shop-intro{grid-template-columns:1fr;gap:20px}.fan-shop-look{min-height:210px}.fan-shop-grid{gap:12px}.fan-shop-item-art{height:128px}.fan-shop-item-copy{padding:14px 12px 0}.fan-shop-item-copy .caption-2{font-size:12px}.fan-shop-item-copy h3{font-size:16px}.fan-shop-item-action{flex-wrap:wrap;padding:14px 12px}.fan-shop-item-action>button{width:100%}.fan-shop-tabs{gap:2px}.fan-shop-tabs>button{padding-inline:10px;font-size:13px}.fan-shop-title-art{padding:14px 10px}.fan-shop-dialog{padding:20px}.fan-shop-dialog .fan-shop-look{gap:8px;min-height:180px;padding:16px}.fan-shop-dialog .fan-shop-look-avatar{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.fan-shop-overlay,.fan-shop-dialog{animation:none}}.fan-avatar-frame[data-fan-frame=frame-wheel-medallion]{background:var(--fan-frame-ink);border:5px double #dbe3e8;padding:10%;box-shadow:inset 0 0 0 2px #263640}.fan-avatar-frame[data-fan-frame=frame-wheel-rosette]{background:var(--fan-frame-ink);clip-path:polygon(50% 0,61% 6%,75% 7%,82% 18%,93% 25%,94% 39%,100% 50%,94% 61%,93% 75%,82% 82%,75% 93%,61% 94%,50% 100%,39% 94%,25% 93%,18% 82%,7% 75%,6% 61%,0 50%,6% 39%,7% 25%,18% 18%,25% 7%,39% 6%);border:0;border-radius:38%;padding:12%}.fan-cover-art[data-fan-cover=cover-wheel-turnstile]{background:#17232c}.fan-cover-art[data-fan-cover=cover-wheel-turnstile]:before{border:16px solid color-mix(in srgb, var(--club-primary,#568390) 65%, #4b6370);border-radius:50% 50% 0 0;inset:12% 12% -70% 35%;transform:rotate(-16deg)}.fan-cover-art[data-fan-cover=cover-wheel-turnstile]:after{border:8px solid #c7d4d9;border-radius:50% 50% 0 0;inset:30% -20% -90% 63%;transform:rotate(-16deg)}.fan-cover-art[data-fan-cover=cover-wheel-floodlight]{background:#182536}.fan-cover-art[data-fan-cover=cover-wheel-floodlight]:before{background:#d6e2e5;width:16px;height:16px;inset:12% auto auto 65%;transform:rotate(12deg);box-shadow:24px 0 #d6e2e5,48px 0 #97aebd,0 24px #97aebd,24px 24px #d6e2e5,48px 24px #d6e2e5,0 48px #d6e2e5,24px 48px #97aebd,48px 48px #d6e2e5}.fan-cover-art[data-fan-cover=cover-wheel-floodlight]:after{background:color-mix(in srgb, var(--club-primary,#568390) 55%, #263640);inset:58% -10% -28% 18%;transform:rotate(-16deg)}
.arcade-page{--arcade-gold:#ebc779;min-width:0}.arcade-heading{border-bottom:1px solid var(--border);padding-block:16px 24px}.arcade-heading>span{color:var(--club-accent);align-items:center;gap:8px;margin-bottom:12px;display:flex}.arcade-heading h1{margin:0 0 8px}.arcade-entry{color:var(--foreground);border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:20px;margin-block:24px;padding:24px;display:flex}.arcade-entry>span:nth-child(2){flex:1;gap:6px;display:grid}.arcade-entry>svg{color:var(--club-accent);flex:none}.arcade-wheel-mark{background:conic-gradient(from -22.5deg,#6587a8 0deg 45deg,#263039 45deg 90deg,#b4c6d2 90deg 135deg,#263039 135deg 180deg,#6587a8 180deg 225deg,#263039 225deg 270deg,#ebc779 270deg 315deg,#263039 315deg);border:3px solid #c9ab6f;border-radius:50%;flex:none;place-items:center;width:76px;height:76px;padding:5px;display:grid}.arcade-wheel-mark>span{color:#ebc779;background:#20262b;border:3px solid #c9ab6f;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.arcade-spin-card{color:var(--foreground);border-bottom:1px solid var(--border);align-items:center;gap:32px;padding:32px 0;display:flex}.arcade-spin-card .arcade-wheel-mark{width:128px;height:128px}.arcade-spin-card>div{gap:12px;display:grid}.arcade-spin-card h2,.arcade-spin-card p{margin:0}.arcade-spin-card .button-sm{color:var(--club-accent);align-items:center;gap:8px;display:flex}.arcade-free{color:var(--club-accent)}.activities-page.skill-lobby{gap:12px;max-width:440px}.skill-lobby-content{min-width:0}.arcade-mode-picker button{min-width:0;min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:8px 12px;font-size:.875rem;font-weight:600}.arcade-mode-picker button[aria-pressed=true]{background:var(--club-soft);color:var(--foreground)}.arcade-mode-picker button:focus-visible{outline:2px solid var(--club-accent);outline-offset:-2px}.skill-lobby .skill-lobby-mark{background:var(--club-soft);width:128px;height:128px;color:var(--club-accent);border-color:var(--border)}.wheel-lobby-tools .skill-record-shortcut{align-items:center;gap:10px;display:flex}.skill-record-shortcut svg{width:20px;height:20px}.skill-game-options{gap:12px;display:grid}.skill-game-options select{white-space:normal;width:100%;min-width:0}@media (max-height:700px){.skill-lobby .skill-lobby-mark{width:96px;height:96px}}@media (max-height:480px) and (orientation:landscape){.activities-page.skill-lobby{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px 16px;max-width:760px;display:grid}.skill-lobby>.arcade-mode-picker{grid-area:2/1}.skill-lobby>.skill-lobby-content{grid-area:2/2/span 2}.skill-lobby .wheel-lobby-launcher>.skill-lobby-mark{grid-area:1/1/3;width:96px;height:96px}}.app-shell .app-workspace .main-content[data-wheel-lobby]{min-height:0;padding:12px 16px}.daily-spin-page.wheel-lobby{gap:12px;max-width:440px}.wheel-lobby>.spin-daily-content[hidden],.wheel-lobby>.bonus-wheel-content[hidden]{display:none}.activities-page.wheel-lobby>.wheel-lobby-heading{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:0;display:grid}.main-content .wheel-lobby .wheel-lobby-heading h1{text-align:center;letter-spacing:-.02em;margin:0;font-size:1.25rem;line-height:1.75rem}.wheel-lobby-heading svg,.wheel-lobby-tools>a svg,.wheel-lobby-tools>button svg{width:20px;height:20px}.wheel-selection{background:var(--surface);border:0;border-radius:8px;gap:4px;margin:0;padding:4px;display:flex}.wheel-selection label{cursor:pointer;flex:1;min-width:0;position:relative}.wheel-selection input{opacity:0;width:1px;height:1px;position:absolute}.wheel-selection span{min-height:40px;color:var(--muted);border-radius:6px;place-items:center;padding:8px 12px;font-size:.875rem;font-weight:600;transition:background .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1);display:grid}.wheel-selection input:checked+span{background:var(--club-soft);color:var(--foreground)}.wheel-selection input:focus-visible+span{outline:2px solid var(--club-accent);outline-offset:-2px}.wheel-selection label:hover span{color:var(--foreground)}.wheel-lobby .spin-daily-content,.wheel-lobby .bonus-wheel-content{flex-direction:column;gap:8px;min-width:0;display:flex}.wheel-lobby .wheel-lobby-launcher{text-align:center;justify-items:center;gap:16px;padding:16px 0 12px;display:grid}.wheel-lobby .wheel-lobby-launcher .arcade-wheel-mark{border-width:4px;width:144px;height:144px;padding:8px}.wheel-lobby .wheel-lobby-launcher .arcade-wheel-mark>span{width:48px;height:48px}.wheel-lobby-launcher h2{margin:0;font-size:1.25rem;line-height:1.75rem}.wheel-lobby-launcher p{margin:0}.wheel-lobby .wheel-lobby-launcher>div{gap:4px}.wheel-lobby .wheel-lobby-play{border-radius:8px;width:100%;min-height:48px;margin:0;font-size:1rem}.wheel-lobby .bonus-entry-choices{border:0;gap:8px;width:100%;margin:0;padding:0;display:flex}.wheel-lobby .bonus-entry-choices label{background:var(--surface);min-width:0;min-height:44px;color:var(--muted);border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.875rem;display:flex;position:relative}.wheel-lobby .bonus-entry-choices label:has(input:checked){background:var(--club-soft);color:var(--foreground)}.wheel-lobby .bonus-entry-choices input{opacity:0;width:1px;height:1px;position:absolute}.wheel-lobby .bonus-entry-choices label:focus-within{outline:2px solid var(--club-accent);outline-offset:2px}.wheel-last-prize{min-height:20px}.wheel-lobby-tools{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:8px;padding-top:12px;display:grid}.wheel-progress-shortcut{min-height:44px;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;gap:8px;padding:4px 8px;display:grid}.wheel-progress-shortcut>span:first-child{justify-content:space-between;gap:8px;display:flex}.wheel-progress-shortcut:hover{background:var(--surface)}.wheel-progress-shortcut:focus-visible{outline:2px solid var(--club-accent);outline-offset:2px}.wheel-progress-dots{gap:4px;display:flex}.wheel-progress-dots i{background:var(--border);border-radius:2px;flex:1;height:4px}.wheel-progress-dots i[data-filled]{background:var(--club-accent)}.wheel-details-backdrop{z-index:var(--layer-modal);background:#0b111bd9;position:fixed;inset:0}.wheel-details-overlay{z-index:calc(var(--layer-modal) + 1);border:1px solid var(--border);background:var(--surface);width:min(520px,100% - 32px);max-height:min(720px,100dvh - 32px);color:var(--foreground);border-radius:12px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.wheel-details-heading{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 12px 12px 20px;display:flex}.wheel-details-heading h2{margin:0}.wheel-details-body{overscroll-behavior:contain;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.wheel-details-body p,.wheel-details-body ul{margin:0}.wheel-details-body .spin-prize-list{grid-template-columns:1fr;padding:0}.wheel-details-body .spin-prize-list li{justify-content:space-between;gap:16px;padding-block:8px;display:flex}.wheel-details-links{flex-wrap:wrap;gap:12px;display:flex}.wheel-earning-summary{align-items:baseline;gap:8px;display:flex}.wheel-today-checks{flex-wrap:wrap;gap:12px 24px;padding:0;font-size:.875rem;list-style:none;display:flex}.wheel-today-checks li{align-items:center;gap:8px;display:flex}.wheel-today-checks svg{border:1px solid var(--border);color:#0000;border-radius:50%;width:24px;height:24px;padding:2px}.wheel-today-checks svg[data-done=true]{background:var(--club-accent);border-color:var(--club-accent);color:var(--club-on-accent)}.wheel-cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.wheel-cosmetic-grid li{min-width:0}.wheel-cosmetic-grid button{width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:8px;padding:0;display:grid}.wheel-cosmetic-grid button:focus-visible{outline:2px solid var(--club-accent);outline-offset:4px}.wheel-cosmetic-grid button:hover .title-4{text-underline-offset:3px;text-decoration:underline}.wheel-cosmetic-grid .fan-shop-item-art{border-radius:8px;width:100%;height:120px;min-height:96px}.wheel-cosmetic-copy{gap:4px;display:grid}@media (max-height:700px){.daily-spin-page.wheel-lobby{gap:8px}.wheel-lobby .wheel-lobby-launcher{gap:12px;padding-block:8px}.wheel-lobby .wheel-lobby-launcher .arcade-wheel-mark{border-width:3px;width:104px;height:104px;padding:5px}.wheel-lobby .wheel-lobby-launcher .arcade-wheel-mark>span{width:36px;height:36px}.wheel-lobby-launcher h2{font-size:1.125rem;line-height:1.75rem}.wheel-lobby-tools{padding-top:8px}}@media (max-width:360px){.wheel-lobby .bonus-entry-choices label{padding-inline:4px;font-size:.75rem}}@media (max-height:650px) and (orientation:portrait){.wheel-lobby .wheel-lobby-launcher .arcade-wheel-mark{width:88px;height:88px}.wheel-lobby .wheel-lobby-launcher .arcade-wheel-mark>span{width:32px;height:32px}}@media (max-height:480px) and (orientation:landscape){.daily-spin-page.wheel-lobby{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;max-width:760px;display:grid}.wheel-lobby>.wheel-lobby-heading{grid-column:1/-1}.wheel-lobby>.wheel-selection{grid-area:2/1;align-self:end}.wheel-lobby>.spin-daily-content,.wheel-lobby>.bonus-wheel-content{grid-area:2/2/span 2}.wheel-lobby>.wheel-lobby-tools{grid-area:3/1;align-self:start}.wheel-lobby .wheel-lobby-launcher{text-align:left;grid-template-columns:104px minmax(0,1fr);column-gap:16px}.wheel-lobby .wheel-lobby-launcher>.arcade-wheel-mark{grid-row:1/4}.wheel-lobby .wheel-lobby-launcher>div,.wheel-lobby .wheel-lobby-launcher>fieldset,.wheel-lobby .wheel-lobby-launcher>.wheel-lobby-play{grid-column:2}}@media (prefers-reduced-motion:reduce){.wheel-selection span{transition:none}}.wheel-cosmetic-won{text-align:center;gap:12px;width:min(100%,400px);display:grid}.wheel-cosmetic-won .fan-shop-look{min-height:240px}.bonus-wheel-dialog .spin-session-actions{flex-wrap:wrap}.bonus-wheel-dialog{background:#141d24}.bonus-wheel-dialog .spin-reveal{max-width:560px}.spin-machine[data-wheel=bonus] .spin-rim{background:#d7e0e7;box-shadow:0 6px #657786,0 12px 8px #0004}.spin-machine[data-wheel=bonus] .spin-sector path{stroke:#b7c8d0}.spin-machine[data-wheel=bonus] .spin-sector[data-special=cosmetic] path{fill:#dce8ec}.spin-machine[data-wheel=bonus] .spin-sector[data-special=respin] path{fill:#344c56}.spin-machine[data-wheel=bonus] .spin-sector[data-special=respin] text{fill:#fff}.spin-machine{--spin-size:min(72vw, 360px);isolation:isolate;justify-items:center;padding:32px 0 16px;display:grid;position:relative}.spin-machine:before{content:"";background:radial-gradient(ellipse, var(--club-soft), transparent 65%);z-index:-1;position:absolute;inset:4% 0 0}.spin-rim{width:var(--spin-size);height:var(--spin-size);background:linear-gradient(145deg,#f9e6af,#b88c43 48%,#f0d698 70%,#8c692e);border-radius:50%;padding:8px;position:relative;overflow:clip;box-shadow:0 6px #5e4929,0 14px 26px #0005}.spin-rotor{border-radius:50%;width:100%;height:100%;overflow:hidden;transition:none!important}.spin-disc{width:100%;height:100%;display:block}.spin-sector path{stroke:#d7b778;stroke-width:1.2px}.spin-sector-0 path{fill:color-mix(in oklch, var(--club-accent) 30%, #19252e)}.spin-sector-1 path{fill:#252e34}.spin-sector[data-bonus] path{fill:#dfbe79}.spin-sector text{fill:#faf5e8;font-family:inherit}.spin-sector[data-bonus] text{fill:#252314}.spin-value{font-size:34px;font-weight:700}.spin-unit{letter-spacing:1px;font-size:13px;font-weight:600}.spin-extra{font-size:11px;font-weight:600}.spin-disc-edge{fill:none;stroke:#171e24;stroke-width:8px}.spin-hub{color:#f1d497;background:linear-gradient(150deg,#363e43,#161c21);border:5px solid #cfac6b;border-radius:50%;place-content:center;justify-items:center;gap:4px;width:25%;height:25%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0007}.spin-hub svg{width:45%;height:45%}.spin-hub span{letter-spacing:1px;font-size:10px;font-weight:700}.spin-stud{pointer-events:none;background:#fff2c8;border-radius:50%;width:4px;height:4px;position:absolute;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 1px 1px #584522}.spin-pointer{z-index:2;filter:drop-shadow(0 3px 2px #0008);position:absolute;top:24px}.spin-pointer span{clip-path:polygon(0 0,100% 0,50% 100%);background:#f8e2a8;width:26px;height:34px;display:block}.spin-plinth{background:linear-gradient(90deg,#0000,#111a21,#0000);border-radius:50%;width:45%;height:18px;margin-top:16px}.spin-reveal{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100px;padding:12px 0;display:flex;position:relative}.spin-won{color:var(--arcade-gold);align-items:center;gap:6px;display:flex}.spin-controls{flex-direction:column;align-items:center;gap:8px;display:flex}.spin-button{width:min(100%,360px)}.spin-button:not(:disabled):active{transform:scale(.98)}.spin-reset{text-align:center;margin:12px 0 28px}.spin-rules{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px;padding:20px 0}.spin-rules summary{cursor:pointer}.spin-rules p{margin-block:16px}.spin-prize-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.spin-prize-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding-block:10px;font-size:.875rem;display:flex}@media (min-width:900px){.spin-machine{--spin-size:400px}}@media (max-width:480px){.arcade-entry{gap:14px;padding:20px 16px}.arcade-entry .arcade-wheel-mark{width:64px;height:64px}.arcade-spin-card{flex-direction:column;align-items:flex-start;gap:24px}.spin-prize-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.spin-button:active{transform:none}}.spin-hub{justify-content:center;align-items:center;gap:0;display:flex}.spin-page-heading{padding-block:8px 16px}.spin-page-heading>span{color:var(--club-accent);align-items:center;gap:8px;display:flex}.spin-page-heading h1{margin:8px 0}.spin-page-heading p{margin:0}.spin-launcher{text-align:center;justify-items:center;gap:16px;padding:24px 0;display:grid}.spin-launcher h2,.spin-launcher p{margin:0}.spin-launcher>div{gap:6px;display:grid}.spin-launcher .arcade-wheel-mark{width:100px;height:100px}.spin-fullscreen-overlay{z-index:var(--layer-modal);background:#10171df5;position:fixed;inset:0}.spin-fullscreen{overscroll-behavior:contain;z-index:calc(var(--layer-modal) + 1);color:#f5f5f5;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(at 50% 45%,#24343f,#141b21 70%);flex-direction:column;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;inset:0;overflow-y:auto}.spin-fullscreen-heading{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:640px;display:flex}.spin-fullscreen-heading h2{margin:0}.spin-fullscreen>p{text-align:center;margin:0}.spin-fullscreen .spin-machine{--spin-size:min(82vw, calc(100dvh - 300px), 480px);flex:none;padding:16px 0}.spin-fullscreen .spin-pointer{top:8px}.spin-fullscreen .spin-reveal{min-height:90px;padding:8px 0}.spin-wheel-trigger{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.spin-wheel-trigger:disabled{cursor:default}.spin-wheel-trigger:focus-visible{outline-offset:-5px;outline:3px solid #fff}.spin-session-actions{justify-content:center;align-items:center;gap:12px;min-height:44px;display:flex}.spin-machine[data-ready] .spin-rim{transition:transform .18s ease-out}.spin-machine[data-ready] .spin-rim:has(.spin-wheel-trigger:active){transform:scale(.965)}@media (hover:hover){.spin-machine[data-ready] .spin-rim:hover{transform:scale(1.025)}}.spin-reveal[data-won]{animation:.35s cubic-bezier(.22,1,.36,1) spin-reward-arrive}@keyframes spin-reward-arrive{0%{opacity:.4;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spin-machine[data-ready] .spin-rim{transition:none;transform:none!important}.spin-reveal[data-won]{animation:none}}@media (max-height:500px) and (orientation:landscape){.spin-fullscreen{grid-template-columns:1fr 1fr;align-content:center;justify-items:center;gap:12px;display:grid}.spin-fullscreen-heading{grid-column:1/-1}.spin-fullscreen>p{grid-column:2}.spin-fullscreen .spin-machine{--spin-size:min(40vw, calc(100dvh - 100px));grid-area:2/1/5}}
.scratch-page{max-width:900px}.scratch-mark{color:#f2d998;background:linear-gradient(145deg,#374b5b,#1b252e);border:1px solid #81949c;border-radius:12px;flex:none;place-items:center;width:128px;height:128px;display:grid}.scratch-mark svg{width:64px;height:64px;transform:rotate(-12deg)}.scratch-pick{gap:16px;padding:16px 0 24px;display:grid}.scratch-pick>p{text-align:center;margin:0}.scratch-tiers{border:0;gap:8px;min-width:0;margin:0;padding:0;display:flex}.scratch-tiers legend{margin-bottom:12px}.scratch-tiers label{border:1px solid var(--border);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:12px 10px;display:flex}.scratch-tiers label[data-selected]{border-color:var(--club-accent);background:var(--club-soft)}.scratch-tiers label:has(input:disabled){cursor:default}.scratch-tiers input{accent-color:var(--club-accent);flex:none}.scratch-tiers label>span{gap:4px;min-width:0;display:grid}.scratch-tiers strong{font-size:.875rem}.scratch-tiers small{color:var(--muted);font-size:.75rem}.scratch-preview{text-align:center;color:#f6f3e8;background:linear-gradient(135deg,#394850,#1a252d);border:1px solid #89979d;border-radius:12px;place-items:center;gap:8px;min-height:180px;padding:20px;display:grid}.scratch-preview>svg{color:#e3ce93;width:40px;height:40px}.scratch-preview>.caption-1{text-transform:capitalize}.scratch-preview[data-tier=matchday]{background:linear-gradient(135deg,#395f78,#1a2b39)}.scratch-preview[data-tier=derby]{background:linear-gradient(135deg,#6a512c,#30281b);border-color:#d6b971}.scratch-collection{border-top:1px solid var(--border);padding-block:24px}.scratch-collection h2{margin:0}.scratch-stamps{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0;padding:0;list-style:none;display:grid}.scratch-stamps li{text-align:center;min-width:0;color:var(--muted);flex-direction:column;align-items:center;gap:8px;display:flex}.scratch-stamps li>span:first-child{aspect-ratio:1;border:1px dashed var(--border);background:var(--surface);border-radius:50%;place-items:center;width:100%;max-width:72px;display:grid;position:relative}.scratch-stamps li svg{width:28px;height:28px}.scratch-stamps [data-owned]{color:var(--club-accent)}.scratch-stamps [data-owned]>span:first-child{border-style:solid;border-color:var(--club-accent);background:var(--club-soft)}.scratch-stamps .stamp-check{background:var(--background);border-radius:50%;width:16px;height:16px;position:absolute;bottom:0;right:0}.scratch-fullscreen{z-index:calc(var(--layer-modal) + 1);overscroll-behavior:contain;color:#f5f5f5;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(at 50% 40%,#293c48,#141c23 75%);flex-direction:column;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;inset:0;overflow:auto}.scratch-fullscreen>p{text-align:center;max-width:540px;margin:0}.scratch-fullscreen .spin-fullscreen-heading{margin-bottom:8px}.scratch-ticket{-webkit-user-select:none;user-select:none;--ticket-edge:#c3c9c6;border:1px solid var(--ticket-edge);background:linear-gradient(140deg,#485b65,#25343e);border-radius:12px;width:min(100%,480px);padding:14px;position:relative;box-shadow:0 6px #0f171d}.scratch-ticket[data-tier=matchday]{--ticket-edge:#9ec2d8;background:linear-gradient(140deg,#3d6580,#223c50)}.scratch-ticket[data-tier=derby]{--ticket-edge:#e0c482;background:linear-gradient(140deg,#775c2e,#3a301c)}.scratch-ticket-header,.scratch-ticket-footer{color:#eee9d8;justify-content:space-between;gap:8px;display:flex}.scratch-ticket-header{text-transform:capitalize;padding-bottom:12px}.scratch-ticket-footer{padding-top:12px}.scratch-surface{aspect-ratio:5/3;isolation:isolate;background:#18252d;border-radius:8px;position:relative}.scratch-prize{text-align:center;color:#f9f2dc;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.scratch-prize-symbol{color:#edcf87;place-items:center;display:grid}.scratch-prize-symbol svg{width:40px;height:40px}.scratch-prize strong{font-size:clamp(1.5rem,6vw,2.25rem)}.scratch-prize>.title-1{font-size:clamp(1.125rem,4vw,1.5rem)}.scratch-foil{touch-action:none;cursor:crosshair;border-radius:8px;width:100%;height:100%;transition:opacity .26s ease-out;position:absolute;inset:0}.scratch-foil[data-cleared]{opacity:0;pointer-events:none}.scratch-coverage{color:#eee9d8;white-space:nowrap;pointer-events:none;background:#23333e;border-radius:4px;padding:2px 8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%,100%)}.scratch-outcome{text-align:center;place-items:center;max-width:480px;min-height:44px;font-size:.875rem;line-height:1.5;display:grid}.scratch-ticket[data-revealed] .scratch-prize-symbol{animation:.32s ease-out scratch-stamp-arrive}@keyframes scratch-stamp-arrive{0%{opacity:.4;transform:translateY(6px)scale(.9)}to{opacity:1;transform:none}}@media (max-width:480px){.scratch-tiers{gap:6px}.scratch-tiers label{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 8px}.scratch-stamps{gap:6px}.scratch-stamps li svg{width:22px;height:22px}.scratch-fullscreen{gap:8px}.scratch-ticket{padding:10px}.scratch-prize{gap:3px}.scratch-prize-symbol svg{width:28px;height:28px}.scratch-prize .caption-1{font-size:.75rem}}.scratch-page.scratch-lobby{gap:12px;max-width:440px}.scratch-lobby-content{min-width:0}.scratch-lobby .scratch-lobby-art{color:#edcf87;background:#263640;border:1px solid #81949c;border-radius:8px;place-content:center;justify-items:center;gap:8px;width:200px;height:128px;display:grid}.scratch-lobby-art svg{width:48px;height:48px}.scratch-lobby-art span{letter-spacing:.18em;font-size:.75rem;font-weight:600}.scratch-lobby-art[data-tier=matchday]{background:#253f53;border-color:#83a7c1}.scratch-lobby-art[data-tier=derby]{background:#493b26;border-color:#d6b971}.scratch-options{gap:20px;display:grid}.scratch-options .bonus-entry-choices{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}.scratch-options legend{margin-bottom:12px}.scratch-options .bonus-entry-choices label{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:12px;font-size:.875rem;display:flex}.scratch-options input{accent-color:var(--club-accent)}.scratch-options label:has(input:checked){border-color:var(--club-accent);background:var(--club-soft)}.scratch-options label:has(input:disabled){cursor:default}.scratch-options label:focus-within{outline:2px solid var(--club-accent);outline-offset:2px}.scratch-options .scratch-tiers{gap:8px;display:grid}.scratch-options .scratch-tiers label{flex-direction:row;align-items:center;gap:12px;padding:12px}.scratch-options .scratch-edition-prizes{color:var(--foreground)}.wheel-details-body .scratch-stamps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;margin:0}.scratch-fullscreen .spin-fullscreen-heading{flex:none;margin:0}.scratch-fullscreen .spin-session-actions{flex:none}@media (max-height:700px){.scratch-lobby .scratch-lobby-art{width:160px;height:104px}}@media (max-height:480px) and (orientation:landscape){.scratch-page.scratch-lobby{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px 16px;max-width:760px;display:grid}.scratch-lobby>.scratch-lobby-content{grid-area:2/2}.scratch-lobby>.wheel-lobby-tools{grid-area:2/1;align-self:center}.scratch-lobby .scratch-lobby-launcher>.scratch-lobby-art{grid-area:1/1/3;width:104px;height:88px}.scratch-fullscreen .spin-session-actions{grid-column:2}}@media (max-height:500px) and (orientation:landscape){.scratch-fullscreen{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-content:center;justify-items:center;gap:10px 20px;display:grid}.scratch-fullscreen .spin-fullscreen-heading{grid-column:1/-1;margin:0}.scratch-ticket{grid-area:2/1/5;max-width:420px}.scratch-fullscreen>p,.scratch-outcome{grid-column:2}}@media (prefers-reduced-motion:reduce){.scratch-foil{transition:none}.scratch-ticket[data-revealed] .scratch-prize-symbol{animation:none}}@media (max-width:480px) and (max-height:650px){.scratch-page{gap:12px}.scratch-page .spin-page-heading{gap:4px;padding-block:0}.scratch-page .spin-page-heading>p{display:none}.scratch-pick{gap:10px;padding-top:0}.scratch-preview{gap:2px;min-height:88px;padding:8px}.scratch-preview>svg{display:none}.scratch-preview strong{font-size:1rem}}