:root{color-scheme:light;--bg:#f5f7f2;--bg-elev:#eef2e9;--surface:#ffffff;--surface-2:#e8f3e7;--surface-hover:#e2eee1;--border:#d7e2d4;--border-strong:#75a47f;--fg:#173124;--muted:#587064;--faint:#7c8f85;--accent:#168447;--accent-hover:#0f6d39;--accent-soft:#dcefe1;--accent-contrast:#ffffff;--danger:#b83f32;--danger-soft:#fbe8e4;--danger-border:#df9a90;--warning:#8a6400;--info:#256f9d;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(30,67,43,0.08),0 6px 18px rgba(30,67,43,0.05);--shadow-md:0 10px 28px rgba(30,67,43,0.12);--shadow-lg:0 18px 48px rgba(30,67,43,0.16);--app-width:600px;--header-h:56px;--tabbar-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{color-scheme:dark;--bg:#0a1813;--bg-elev:#0f221a;--surface:#11261c;--surface-2:#15301f;--surface-hover:#173726;--border:#21402f;--border-strong:#2c7a4b;--fg:#f3f7f4;--muted:#a8bcb1;--faint:#789084;--accent:#37d276;--accent-hover:#22b85e;--accent-soft:#163a26;--accent-contrast:#07150d;--danger:#f0876f;--danger-soft:#3a201a;--danger-border:#a14a3a;--warning:#e7c14a;--info:#6fb6e0;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.35);--shadow-lg:0 12px 40px rgba(0,0,0,0.45)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg:#0a1813;--bg-elev:#0f221a;--surface:#11261c;--surface-2:#15301f;--surface-hover:#173726;--border:#21402f;--border-strong:#2c7a4b;--fg:#f3f7f4;--muted:#a8bcb1;--faint:#789084;--accent:#37d276;--accent-hover:#22b85e;--accent-soft:#163a26;--accent-contrast:#07150d;--danger:#f0876f;--danger-soft:#3a201a;--danger-border:#a14a3a;--warning:#e7c14a;--info:#6fb6e0}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(120% 60% at 50% -10%,#102a1f 0,var(--bg) 55%);background-attachment:fixed;min-height:100dvh;width:100%;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}button{font-family:inherit}.page{width:100%;max-width:var(--app-width);margin:0 auto;padding:1.5rem 1.15rem calc(2rem + var(--safe-bottom));min-height:100dvh}.page.has-tabbar{padding-bottom:calc(var(--tabbar-h) + 1.5rem + var(--safe-bottom))}.demo-ribbon{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem;background:var(--accent-soft);border-bottom:1px solid var(--border-strong);font-size:.8rem;font-weight:600;text-align:center}.demo-ribbon a{color:var(--accent);text-decoration:underline}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:.6rem;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) 1.15rem 0;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.app-header,.app-header .brand{display:flex;align-items:center}.app-header .brand{gap:.5rem;font-weight:700;font-size:1.05rem}.app-header .brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--border-strong)}.app-header .spacer{flex:1 1}.app-header .app-title{font-weight:600;font-size:1.05rem}.mode-switch{display:flex;gap:.2rem;padding:.2rem;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);font-size:.72rem;font-weight:600}.mode-switch a,.mode-switch span{padding:.4rem .6rem;border-radius:var(--r-pill);color:var(--muted);line-height:1;text-decoration:none;white-space:nowrap}.mode-switch [aria-current=page]{background:var(--accent);color:#fff}.mode-switch a:hover{background:var(--surface-hover)}.app-back,.mode-switch a:hover{color:var(--fg);text-decoration:none}.app-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:-.4rem;border-radius:var(--r-sm);font-size:1.5rem;line-height:1}.app-back:hover{background:var(--surface-hover);text-decoration:none}.app-account{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:-.4rem;border-radius:var(--r-pill);font-size:1.2rem;line-height:1;text-decoration:none}.app-account:hover{background:var(--surface-hover);text-decoration:none}.app-account[aria-current=page]{background:var(--accent-soft)}.theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--fg);font-size:1rem;cursor:pointer}.theme-toggle:hover{background:var(--surface-hover)}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;gap:.25rem;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb,var(--bg-elev) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.tab-bar,.tab-bar a{display:flex;justify-content:center}.tab-bar a{flex:1 1;max-width:110px;flex-direction:column;align-items:center;gap:2px;padding:.5rem .25rem;color:var(--muted);font-size:.7rem;font-weight:500;text-decoration:none}.tab-more{position:relative;flex:1 1;max-width:110px;min-width:0}.tab-more summary{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.5rem .25rem;color:var(--muted);font-size:.7rem;font-weight:500;cursor:pointer;list-style:none;border-radius:14px;-webkit-tap-highlight-color:transparent}.tab-more summary::-webkit-details-marker{display:none}.tab-more summary .ic{font-size:1.15rem;line-height:1;letter-spacing:.08em}.tab-more summary[aria-current=page],.tab-more[open] summary{color:var(--accent);background:var(--accent-soft)}.tab-more-menu{position:absolute;right:0;bottom:calc(100% + .65rem);width:min(260px,calc(100vw - 2rem));padding:.75rem;display:grid;grid-gap:.35rem;gap:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.tab-more-menu>strong{padding:.25rem .45rem;color:var(--muted)}.tab-more-menu a{max-width:none;min-height:48px;flex-direction:row;justify-content:flex-start;gap:.7rem;padding:.65rem .75rem;color:var(--fg);font-size:.92rem;border-radius:var(--r-md)}.tab-more-menu a:hover{background:var(--surface-hover)}.tab-more-menu a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.tab-more-menu .ic{font-size:1.25rem}.tab-more-arrow{margin-left:auto;color:var(--faint);font-size:1.3rem}.tab-bar a .ic{font-size:1.35rem;line-height:1}.tab-bar a[aria-current=page]{color:var(--accent);background:var(--accent-soft);border-radius:14px}.tab-bar a .badge-dot{position:absolute;transform:translate(.9rem,-.6rem);min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-contrast);font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.page-sub{color:var(--muted);margin:0 0 1.5rem;font-size:.95rem}.section-title{font-size:1.1rem;font-weight:600;margin:2rem 0 .85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}a.card{color:var(--fg);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}a.card:hover{text-decoration:none;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-accent,a.card:hover{border-color:var(--border-strong)}.card-accent{background:linear-gradient(180deg,var(--surface-2),var(--surface))}.card-muted{background:var(--bg-elev);border-color:var(--border)}.stack{display:grid;grid-gap:.85rem;gap:.85rem}.stack-sm{display:grid;grid-gap:.5rem;gap:.5rem}.stack-xs{display:grid;grid-gap:.3rem;gap:.3rem}.row{gap:.6rem}.row,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.6rem 1.15rem;border-radius:var(--r-sm);border:1px solid transparent;background:var(--surface-2);color:var(--fg);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease;-webkit-tap-highlight-color:transparent}.btn,.btn:hover{text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-contrast);min-height:48px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 25%,transparent)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--fg)}.btn-ghost:hover{background:var(--surface-hover)}.btn-danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.btn-block{width:100%}.btn-sm{min-height:36px;padding:.35rem .8rem;font-size:.85rem;border-radius:var(--r-sm)}.seg{display:inline-flex;gap:.4rem;flex-wrap:wrap}.seg-btn{min-height:36px;padding:.35rem .85rem;border-radius:var(--r-pill);border:1px solid var(--border);background:transparent;color:var(--fg);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.seg-btn.on{background:var(--accent-soft);border-color:var(--border-strong)}.seg-btn.on-neg{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border-radius:var(--r-pill);font-size:.75rem;font-weight:600;border:1px solid var(--border);color:var(--muted);background:var(--bg-elev);white-space:nowrap}.badge-accent{color:var(--accent);border-color:var(--border-strong);background:var(--accent-soft)}.badge-warn{color:var(--warning);border-color:#5a4d1f;background:#2c2710}.badge-danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.field{display:grid;grid-gap:.4rem;gap:.4rem}.field label{font-size:.85rem;color:var(--muted);font-weight:500}.input,.select,.textarea{width:100%;padding:.7rem .85rem;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);font-size:1rem;font-family:inherit}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:96px;resize:vertical}.empty-state{text-align:center;color:var(--muted);padding:2.5rem 1rem}.empty-state .ic{font-size:2.5rem;display:block;margin-bottom:.5rem}.note{font-size:.85rem;color:var(--faint)}.muted{color:var(--muted)}.small{font-size:.85rem}.pre{white-space:pre-wrap;margin:0}.match-score{font-size:1.4rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;padding:.1rem .6rem;border-radius:var(--r-sm);background:var(--surface-2)}.match-win{color:var(--accent)}.match-loss{color:var(--danger)}.match-draw,.match-upcoming{color:var(--muted)}.match-upcoming{font-size:1.05rem;font-weight:600}.scorer-list{margin:0;padding-left:0;list-style:none;display:grid;grid-gap:.15rem;gap:.15rem}.error-text,.scorer-list li{font-size:.9rem}.error-text{color:var(--danger)}.divider{height:1px;background:var(--border);border:0;margin:1.5rem 0}.list-reset{margin:0;padding-left:1.1rem}.dot{display:inline-block;width:8px;height:8px;border-radius:var(--r-pill);background:var(--accent);margin-right:.45rem;vertical-align:middle}.big-stat{font-size:1.7rem;font-weight:700;letter-spacing:-.02em}.progress{height:8px;background:var(--bg);overflow:hidden}.progress,.progress>i{border-radius:var(--r-pill)}.progress>i{display:block;height:100%;background:var(--accent);transition:width .4s ease}.pending-row{display:flex;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;border-radius:var(--r-sm);background:var(--surface-2);font-size:.92rem}.pending-row.cold{background:var(--danger-soft)}.check-row{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;cursor:pointer}.check-row input{margin-top:.2rem;width:18px;height:18px;accent-color:var(--accent);flex:none}.success-text{color:var(--accent);font-weight:600}@media (max-width:420px){.page{padding-left:1rem;padding-right:1rem}.app-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-switch a,.mode-switch span{padding-inline:.45rem}.mode-switch [aria-current=page]{display:none}.row,.row-between,.row-between>*,.row>div{min-width:0}.tab-bar{gap:0;padding-inline:.25rem}.tab-bar a{min-width:0;padding-inline:.1rem;font-size:.66rem}.tab-bar a .ic{font-size:1.2rem}.btn{max-width:100%;white-space:normal;text-align:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.appearance-controls{position:fixed;z-index:60;top:calc(8px + var(--safe-top));right:10px;display:flex;align-items:center;gap:.35rem;padding:.25rem;border:1px solid var(--border);border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.style-toggle{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:.4rem;padding:.35rem .65rem;border:0;border-radius:var(--r-pill);background:transparent;color:var(--fg);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.style-toggle:hover,.style-toggle[aria-pressed=true]{background:var(--accent-soft)}.style-toggle-ball{display:inline-grid;place-items:center;width:28px;height:28px;font-size:1.15rem;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.style-toggle[aria-pressed=true] .style-toggle-ball{transform:rotate(1turn)}.appearance-controls .theme-toggle{width:44px;height:44px}.app-header{padding-right:7.4rem}:root[data-style=football]{--bg:#d9f36a;--bg-elev:#b9df48;--surface:#fffbea;--surface-2:#e9f7ba;--surface-hover:#f7e97b;--border:#1d572f;--border-strong:#102e1b;--fg:#10261a;--muted:#3a5847;--faint:#607663;--accent:#ffb000;--accent-hover:#f08b00;--accent-soft:#fff0a6;--accent-contrast:#171006;--r-sm:6px;--r-md:10px;--r-lg:14px;--shadow-sm:0 3px 0 rgba(16,46,27,0.34),0 8px 20px rgba(16,46,27,0.14);--shadow-md:0 5px 0 rgba(16,46,27,0.38),0 14px 30px rgba(16,46,27,0.2);--shadow-lg:0 8px 0 rgba(16,46,27,0.42),0 20px 48px rgba(16,46,27,0.24)}:root[data-style=football][data-theme=dark]{--bg:#071b13;--bg-elev:#0b291b;--surface:#102b20;--surface-2:#17412c;--surface-hover:#205636;--border:#56a66d;--border-strong:#9ee66f;--fg:#f8ffe9;--muted:#c0d7c4;--faint:#83a38c;--accent:#ffd43b;--accent-hover:#ffb800;--accent-soft:#394316;--accent-contrast:#191500}@media (prefers-color-scheme:dark){:root[data-style=football]:not([data-theme]){--bg:#071b13;--bg-elev:#0b291b;--surface:#102b20;--surface-2:#17412c;--surface-hover:#205636;--border:#56a66d;--border-strong:#9ee66f;--fg:#f8ffe9;--muted:#c0d7c4;--faint:#83a38c;--accent:#ffd43b;--accent-hover:#ffb800;--accent-soft:#394316;--accent-contrast:#191500}}html[data-style=football] body{background-color:var(--bg);background-image:linear-gradient(color-mix(in srgb,var(--bg) 24%,transparent),color-mix(in srgb,var(--bg) 78%,transparent)),url(/football-mode/field-day.webp);background-position:top;background-size:min(100vw,1200px) auto;background-attachment:fixed;font-family:Trebuchet MS,system-ui,sans-serif}html[data-style=football][data-theme=dark] body{background-image:linear-gradient(rgba(2,12,8,.46),rgba(2,12,8,.84)),url(/football-mode/field-night.webp)}@media (prefers-color-scheme:dark){html[data-style=football]:not([data-theme]) body{background-image:linear-gradient(rgba(2,12,8,.46),rgba(2,12,8,.84)),url(/football-mode/field-night.webp)}}html[data-style=football] .appearance-controls{border:2px solid #eaf6d0;background:linear-gradient(180deg,#153d29,#071b13);box-shadow:0 3px 0 #020b07,0 0 24px rgba(255,212,59,.3)}html[data-style=football] .appearance-controls button{color:#f8ffe9;border-color:#6ebc78;background-color:transparent}html[data-style=football] .page>.note,html[data-style=football] .page>p.note{color:var(--fg);font-weight:600;text-shadow:0 1px 0 color-mix(in srgb,var(--surface) 72%,transparent)}html[data-style=football] .note a{color:#174b2a;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}html[data-style=football][data-theme=dark] .note a{color:#ffd43b}@media (prefers-color-scheme:dark){html[data-style=football]:not([data-theme]) .note a{color:#ffd43b}}html[data-style=football] .mode-switch a,html[data-style=football] .note a,html[data-style=football] a.small{display:inline-flex;min-height:44px;align-items:center}html[data-style=football] .install-prompt{color:#f8ffe9!important}html[data-style=football] .install-prompt p{color:#c0d7c4!important}html[data-style=football] .install-prompt button{min-width:44px;min-height:44px}html[data-style=football] .appearance-controls .style-toggle[aria-pressed=true]{color:#1e1700;background:#ffd43b}html[data-style=football] .app-header{overflow:hidden;color:#fff;border-bottom:3px solid #ffd43b;background:linear-gradient(90deg,rgba(4,19,12,.92),rgba(15,65,34,.88),rgba(4,19,12,.92)),url(/football-mode/stadium.webp) center 62% /cover;box-shadow:0 4px 0 #071b13,0 8px 24px rgba(0,0,0,.32);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-style=football] .app-header:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.2) 38%,transparent 55%);content:"";transform:translateX(-130%);animation:stadium-light 7s ease-in-out infinite}html[data-style=football] .app-header .app-title,html[data-style=football] .app-header a{color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.65)}html[data-style=football] .app-account,html[data-style=football] .app-back,html[data-style=football] .app-header .brand>span{min-width:44px;min-height:44px;border:2px solid #f6f0d0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 19%,#d9dfd9 20% 35%,#17251d 36% 43%,#fff 44% 63%,#17251d 64% 72%,#fff 73%);box-shadow:0 3px 0 #020b07}html[data-style=football] .app-account,html[data-style=football] .app-back{color:#10261a;text-shadow:none}html[data-style=football] .mode-switch{border:2px solid #f6f0d0;background:rgba(3,20,12,.82)}html[data-style=football] .page{position:relative}html[data-style=football]:not([data-zone=legal]) .page:before{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto 1rem;padding:.35rem .8rem;border:2px solid #f8f0ca;border-radius:var(--r-pill);background:#10261a;color:#fff7ca;box-shadow:0 3px 0 rgba(0,0,0,.42);content:"⚽ МАТЧ-ДЕНЬ · ИГРАЕМ ДО ФИНАЛЬНОГО СВИСТКА";font-size:.7rem;font-weight:900;letter-spacing:.06em;text-align:center}html[data-style=football][data-zone=schedule] .page:before{content:"📋 ТРЕНЕРСКИЙ ШТАБ · ПЛАН НА ИГРУ"}html[data-style=football][data-zone=matches] .page:before{content:"🏆 ТАБЛО МАТЧА · БОЛЕЕМ ЗА НАШИХ"}html[data-style=football][data-zone=chat] .page:before{content:"🎙️ КОММЕНТАТОРСКАЯ · МЯЧ В ИГРЕ"}html[data-style=football][data-zone=payments] .page:before{content:"🎟️ КЛУБНАЯ КАССА"}html[data-style=football] .card{position:relative;overflow:hidden;border-width:2px;border-color:var(--border-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-2) 94%,transparent)),url(/football-mode/confetti.webp) 50% /420px;box-shadow:var(--shadow-sm)}html[data-style=football] .card:before{position:absolute;top:0;left:0;width:100%;height:5px;background:repeating-linear-gradient(90deg,#ffcf24 0 28px,#ff5a36 28px 56px,#20a85b 56px 84px,#2f7de1 84px 112px);content:""}html[data-style=football] a.card:hover{transform:translateY(-3px) rotate(-.25deg)}html[data-style=football] .section-card{min-height:94px;padding-right:4.7rem}html[data-style=football] .section-card:after{position:absolute;right:.45rem;bottom:.25rem;width:62px;height:62px;background:url(/football-mode/ball.png) 50%/contain no-repeat;content:"";filter:drop-shadow(0 4px 3px rgba(0,0,0,.3));transform:rotate(8deg)}html[data-style=football] .section-card[data-section=matches]:after{background-image:url(/football-mode/trophy.png)}html[data-style=football] .section-card[data-section=payments]:after{background-image:url(/football-mode/scarf.png)}html[data-style=football] .section-card[data-section=schedule]:after{background-image:url(/football-mode/clipboard.png)}html[data-style=football] .section-card[data-section=account]:after,html[data-style=football] .section-card[data-section=players]:after{background-image:url(/football-mode/jersey.png)}html[data-style=football] .btn{position:relative;overflow:hidden;min-height:44px;border:3px solid var(--border-strong);border-radius:5px 5px 10px 10px;background-color:color-mix(in srgb,var(--surface-2) 88%,transparent);background-image:url(/football-mode/net.webp);background-size:96px 96px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 4px 0 color-mix(in srgb,var(--border-strong) 85%,black);isolation:isolate}html[data-style=football] .btn:after{width:1.15rem;height:1.15rem;flex:none;background:url(/football-mode/ball.png) 50%/contain no-repeat;content:"";filter:drop-shadow(0 2px 1px rgba(0,0,0,.3))}html[data-style=football] .btn-primary{color:#171006;background-color:#ffd43b}html[data-style=football] .btn:active:after{animation:goal-ball .42s ease-out}html[data-style=football] .seg-btn{min-height:44px;border-width:2px;border-color:var(--border-strong);font-weight:800}html[data-style=football] .seg-btn.on:before{content:"⚽ "}html[data-style=football] .seg-btn.on-neg:before{content:"🪑 "}html[data-style=football] .match-card{border:4px solid #f7d244;background:linear-gradient(rgba(4,26,14,.82),rgba(4,26,14,.94)),url(/football-mode/stadium.webp) 50% /cover;color:#fff;box-shadow:0 6px 0 #071b13,0 16px 36px rgba(0,0,0,.32)}html[data-style=football] .match-card:before{height:8px;background:repeating-linear-gradient(90deg,#ffd43b 0 38px,#ec3d45 38px 76px)}html[data-style=football] .match-card .muted{color:#d7ead8}html[data-style=football] .match-team{display:flex;align-items:center;gap:.4rem}html[data-style=football] .match-team-away{justify-content:flex-end}.match-crest{display:none}html[data-style=football] .match-crest{display:block;width:42px;height:42px;flex:none;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.45))}html[data-style=football] .match-score{min-width:86px;padding:.35rem .6rem;border:2px solid #ffed97;border-radius:4px;background:#020806;color:#ffef8a;font-family:ui-monospace,Cascadia Mono,monospace;font-size:1.5rem;letter-spacing:.08em;text-align:center;text-shadow:0 0 8px rgba(255,212,59,.75)}html[data-style=football] .tab-bar{height:calc(var(--tabbar-h) + 8px + var(--safe-bottom));border-top:4px solid #fff;background:linear-gradient(rgba(4,53,25,.85),rgba(2,27,14,.96)),url(/football-mode/grass.webp) 50% /260px;box-shadow:0 -6px 22px rgba(0,0,0,.26);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-style=football] .tab-bar a,html[data-style=football] .tab-more summary{position:relative;color:#dcefd9;font-weight:800}html[data-style=football] .tab-bar [aria-current=page]{color:#fff3a0;background:rgba(255,212,59,.13)}html[data-style=football] .tab-bar [aria-current=page]:after{position:absolute;bottom:1px;width:16px;height:16px;background:url(/football-mode/ball.png) 50%/contain no-repeat;content:"";animation:bench-ball 2.6s ease-in-out infinite}html[data-style=football] .tab-more-menu{border:3px solid #f4e9b0;background:#0b291b}html[data-style=football][data-zone=schedule] .card{background-image:linear-gradient(rgba(251,255,229,.92),rgba(235,249,188,.94)),url(/football-mode/field-day.webp);background-size:auto,520px auto}html[data-style=football][data-zone=chat] .card{border-left:5px solid #2f7de1;background-image:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface-2) 92%,transparent)),url(/football-mode/scarf.png);background-position:50%,right -24px bottom -20px;background-size:auto,110px;background-repeat:no-repeat}html[data-style=football][data-zone=payments] .card{border-style:dashed}html[data-style=football][data-zone=legal] .card,html[data-style=football][data-zone=legal] form{background-image:none;border-color:var(--border);box-shadow:var(--shadow-sm)}html[data-style=football] .badge{border-width:2px;border-color:var(--border-strong);border-radius:4px;font-family:ui-monospace,Cascadia Mono,monospace;font-weight:900}html[data-style=football] .input,html[data-style=football] .textarea,html[data-style=football] input,html[data-style=football] select,html[data-style=football] textarea{border-width:2px;border-color:var(--border-strong);background-color:color-mix(in srgb,var(--surface) 94%,transparent)}.football-prop-rack{display:none}html[data-style=football] .football-prop-rack{position:fixed;z-index:1;inset:70px 0 auto;display:block;max-width:1180px;height:calc(100dvh - 150px);margin:auto;pointer-events:none}html[data-style=football] .football-prop{position:absolute;width:112px;height:112px;background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 7px 5px rgba(0,0,0,.28));opacity:.86}html[data-style=football] .football-prop-whistle{top:6%;left:0;background-image:url(/football-mode/whistle.png);transform:rotate(-12deg)}html[data-style=football] .football-prop-boot{top:35%;right:0;background-image:url(/football-mode/boot.png);transform:rotate(11deg)}html[data-style=football] .football-prop-gloves{bottom:7%;left:-5px;background-image:url(/football-mode/gloves.png);transform:rotate(7deg)}html[data-style=football] .football-prop-cones{bottom:2%;right:8px;background-image:url(/football-mode/cones.png);transform:rotate(-6deg)}.football-only{display:none}html[data-style=football] .football-only{display:initial}html[data-style=football]:not([data-zone=legal]):not([data-zone=payments]) .empty-state:after{display:block;margin-top:.45rem;color:var(--accent);content:"⚽ Пока 0:0 — ждём первого события.";font-size:.78rem;font-weight:800}@keyframes stadium-light{0%,72%,to{transform:translateX(-130%)}84%{transform:translateX(130%)}}@keyframes goal-ball{0%{transform:translate(0) rotate(0deg)}60%{transform:translate(9px,-7px) rotate(160deg) scale(1.2)}to{transform:translate(0) rotate(1turn)}}@keyframes bench-ball{0%,to{transform:translateX(-5px) rotate(0deg)}50%{transform:translateX(5px) rotate(180deg)}}@media (max-width:700px){.appearance-label{display:none}.style-toggle{padding:.3rem}.app-header{padding-right:7.1rem}html[data-style=football] .mode-switch{display:none}html[data-style=football] .page{padding-inline:.85rem}html[data-style=football] .football-prop-rack{display:none}html[data-style=football] .match-team{flex-direction:column;gap:.15rem;font-size:.82rem}html[data-style=football] .match-team-away{flex-direction:column-reverse}html[data-style=football] .match-crest{width:34px;height:34px}}@media (min-width:900px){html[data-style=football]{--app-width:720px}html[data-style=football] .section-card{min-height:104px}}