:root{--et-accent:#1E8E4A;--et-accent-dark:#146536;--et-tint:#EAF6EE;--et-ink:#17181C;--et-ink-soft:#4A4E52;--et-radius:14px;} html body.t-body,html body{background-color:#FFFFFF !important;} .t-btn{border-radius:var(--et-radius) !important;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease !important;letter-spacing:.02em;} .t-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15);} #rec2485089413 .t-btn,#rec2500358183 .t-btn,#rec2500423823 .t-btn,#rec866644856 .t-btn,#rec866644857 .t-btn,#rec866644859 .t-btn,#rec2500457953 .t-btn{background-color:var(--et-accent) !important;border:none !important;color:#fff !important;border-radius:var(--et-radius) !important;} #rec2485089413 .t-btn:hover,#rec2500358183 .t-btn:hover,#rec2500423823 .t-btn:hover,#rec866644856 .t-btn:hover,#rec866644857 .t-btn:hover,#rec866644859 .t-btn:hover,#rec2500457953 .t-btn:hover{background-color:var(--et-accent-dark) !important;} #rec866644835 .t-btn:hover{background-color:rgba(255,255,255,.15) !important;} #rec866780507{background-color:var(--et-tint) !important;} #rec866644840,#rec866644841,#rec866644842{background-color:var(--et-tint) !important;} .t-descr,.t396__descr{color:var(--et-ink-soft) !important;} .t431__withoutmobilescroll,.t431__wrapper-for-mobile,.t431__table-wrapper{overflow-x:auto !important;-webkit-overflow-scrolling:touch;} #rec866677635 .t431__table{min-width:640px;} @media (max-width:640px){.r{padding-left:16px !important;padding-right:16px !important;}} #rec866677635,#rec1510460991{background-image:none !important;background-color:var(--et-tint) !important;} #rec866677635 *,#rec1510460991 *{color:var(--et-ink) !important;} #rec2485061883,#rec2485054863{background-image:none !important;background-color:#FFFFFF !important;} #rec2485061883 *,#rec2485054863 *{color:var(--et-ink) !important;} /* v2: blue/lavender palette per user feedback */ :root{--et-blue:#4FA8D8;--et-blue-dark:#3B8CC0;--et-tint-blue:#E8F4FB;--et-tint-purple:#EDEAFB;} #rec2485089413 .t-btn,#rec2500358183 .t-btn,#rec2500423823 .t-btn,#rec866644856 .t-btn,#rec866644857 .t-btn,#rec866644859 .t-btn,#rec2500457953 .t-btn{background-color:var(--et-blue) !important;} #rec2485089413 .t-btn:hover,#rec2500358183 .t-btn:hover,#rec2500423823 .t-btn:hover,#rec866644856 .t-btn:hover,#rec866644857 .t-btn:hover,#rec866644859 .t-btn:hover,#rec2500457953 .t-btn:hover{background-color:var(--et-blue-dark) !important;} #rec866644835 .t-btn{font-size:18px !important;padding-left:28px !important;padding-right:28px !important;} #rec866644835 .t-descr{color:#ffffff !important;} #rec866644835{background-color:var(--et-tint-blue) !important;} #rec866644843,#rec866644844,#rec2460817403{background-color:var(--et-tint-purple) !important;} #rec866644844 br{display:block !important;content:"" !important;margin-bottom:14px !important;} #rec866644840,#rec866644841,#rec866644842{background-color:var(--et-tint-blue) !important;} #rec866644840 .t-title,#rec866644841 .t-title,#rec866644842 .t-title{font-size:60px !important;} #rec867885437,#rec2485089413,#rec2500358183,#rec2500423823,#rec866677635{background-color:var(--et-tint-purple) !important;} #rec866780507{background-color:var(--et-tint-blue) !important;} #rec1510460991{background-color:var(--et-tint-purple) !important;} #rec1510460991 .t-container{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:20px !important;} #rec1510460991 .t516__row{width:calc(50% - 10px) !important;margin-bottom:0 !important;} #rec1510460991 .t516__leftcol,#rec1510460991 .t516__rightcol{font-size:14px !important;} @media (max-width:768px){#rec1510460991 .t516__row{width:100% !important;}} #rec866644856,#rec866644857,#rec866644859{background-color:var(--et-tint-blue) !important;} #rec2485061883{background-color:var(--et-tint-blue) !important;} #rec2485054863{background-color:var(--et-tint-purple) !important;} #rec2485063133{background-color:var(--et-tint-blue) !important;} #rec2485063133 .t-cover__filter{background-image:none !important;background-color:transparent !important;} #rec2485063133 .t164__text{color:var(--et-ink) !important;} /* v3: correction pass - revert section tints to white, fix real bugs, keep blue only on buttons */ #rec866644835{background-color:#FFFFFF !important;} #rec866644835 .t995__wrapper{padding:0 !important;} #rec866644843,#rec866644844,#rec2460817403{background-color:#FFFFFF !important;} #rec866644843 *,#rec866644844 *{color:var(--et-ink) !important;} #rec866644840,#rec866644841,#rec866644842{background-color:#FFFFFF !important;} #rec867885437,#rec2485089413,#rec2500358183,#rec2500423823,#rec866677635{background-color:#FFFFFF !important;} #rec867885437 *{color:var(--et-ink) !important;} #rec866780507{background-color:#FFFFFF !important;} #rec1510460991{background-color:#FFFFFF !important;} #rec1510460991 .t-container{display:block !important;} #rec1510460991 .t516__row{width:100% !important;} #rec1510460991 .t516__rightcol *,#rec1510460991 .t516__leftcol *{line-height:1.3 !important;margin:2px 0 !important;} #rec866644856,#rec866644857,#rec866644859{background-color:#FFFFFF !important;} #rec2485061883{background-color:#FFFFFF !important;} #rec2485054863{background-color:#FFFFFF !important;} #rec2485063133{background-color:#FFFFFF !important;} /* v4: test tint on "Обо мне" section only */ #rec866644843,#rec866644844,#rec2460817403{background-color:#D6EBFA !important;} /* v5: distinct tint for "Моя работа в цифрах" */ #rec866644840,#rec866644841,#rec866644842{background-color:#DCD6F5 !important;} /* v6: revert disliked periwinkle test, add dramatic CTA block from avatar colors */ #rec866644840,#rec866644841,#rec866644842{background-color:#FFFFFF !important;} #rec866644856,#rec866644857,#rec866644859{background-image:radial-gradient(circle at center,#4B2B7A 0%,#1A0F2E 100%) !important;background-color:#1A0F2E !important;} #rec866644856 .t-title,#rec866644856 *{color:#ffffff !important;} #rec866644856 .t588__title,#rec866644856 [class*="__title"]{text-shadow:0 0 20px rgba(224,64,158,0.8),0 0 40px rgba(224,64,158,0.5) !important;} #rec866644856 .t-btn,#rec866644857 .t-btn,#rec866644859 .t-btn{background-color:#E8963C !important;color:#1A0F2E !important;border:none !important;} #rec866644856 .t-btn:hover,#rec866644857 .t-btn:hover,#rec866644859 .t-btn:hover{background-color:#D68A2E !important;} /* v7: hero + June "Итоги месяца" dark bookends, gold accent numbers */ #rec866644835 .t-cover__filter{background:linear-gradient(rgba(75,43,122,0.55),rgba(26,15,46,0.75)) !important;} #rec866644835 .t-title{text-shadow:0 0 20px rgba(224,64,158,0.8),0 0 40px rgba(224,64,158,0.5) !important;} #rec2485089413 .t-btn:hover{box-shadow:0 0 20px rgba(224,64,158,0.5) !important;} #rec866644841 .t-title,#rec866644842 .t-title{color:#E8963C !important;} #rec2485063133{background-color:#1A0F2E !important;background-image:radial-gradient(circle at center,#4B2B7A 0%,#1A0F2E 100%) !important;} #rec2485063133 .t164__text,#rec2485063133 *{color:#ffffff !important;} /* v8: fix stuck lazy-load thumbnail on hero cover - force full-res image */ #recorddiv866644835{background-image:url("https://static.tildacdn.com/tild3666-6635-4361-b663-393531616461/noroot.png") !important;background-size:cover !important;background-position:center !important;} /* v9: "Обо мне" bridge accent - purple heading + glowing photo frame, ties to header/CTA style */ #rec866644843 .t-uptitle{color:#4B2B7A !important;} #rec866644844 .t013__img{border:3px solid #4B2B7A !important;box-shadow:0 0 16px rgba(224,64,158,0.45) !important;} /* v10: "Моя работа в цифрах" - fix oversized numbers on mobile, warm cream backdrop accent */ #rec866644840,#rec866644841,#rec866644842{background-color:#FBF0DE !important;} @media (max-width:640px){ #rec866644840 .t-title,#rec866644841 .t-title,#rec866644842 .t-title{font-size:30px !important;} #rec866644841 .t1034__divider,#rec866644842 .t1034__divider{margin-top:8px !important;margin-bottom:8px !important;} #rec866644841 .t1034__col,#rec866644842 .t1034__col{padding-top:6px !important;padding-bottom:6px !important;} } /* v11: "Статистика по месяцам" heading - soft blush accent (table and button left untouched, past regressions there) */ #rec867885437{background-color:#D6EBFA !important;} /* v12: revert pink, apply blue across the WHOLE "Статистика по месяцам" block (heading + button + table), per user request to stop the rainbow and consolidate on blue */ #rec2485089413{background-color:#D6EBFA !important;} #rec866677635{background-color:#F2F9FD !important;} #rec866677635 .t431__oddrow{background-color:#FFFFFF !important;} #rec866677635 .t431__evenrow{background-color:#D6EBFA !important;} /* v13: "Статьи" backdrop - reuse cream from "Моя работа в цифрах" (no new rainbow color), cards stay white so they pop */ #rec866780507{background-color:#FBF0DE !important;} /* v14: "Валуйная статистика" - real fix. Root cause found: decorative timeline (2px line + 15px circle in an 84px column) plus a 90px bottom-padding text wrapper meant for the timeline graphic, and oversized/bold typography (month label 24px/600, "Выручка" line mistakenly styled as a 26px/600 heading, other lines 16px/600) were inflating every single entry to ~235px tall, especially visible on mobile where a separate Tilda-generated duplicate (.t516__time_mobile) was never touched by earlier fixes. */ #rec1510460991 .t516__line, #rec1510460991 .t516__timelinewrapper, #rec1510460991 .t516__circlewrapper{display:none !important;} #rec1510460991 .t516__sectiontextwrapper{padding:0 !important;} #rec1510460991 .t516__time{font-size:18px !important;font-weight:600 !important;margin:0 0 4px 0 !important;} #rec1510460991 .t516__title{font-size:16px !important;font-weight:600 !important;margin:2px 0 !important;} #rec1510460991 .t516__persdescr{font-size:16px !important;font-weight:400 !important;margin:2px 0 !important;} #rec1510460991 .t516__row{padding-bottom:10px !important;margin-bottom:10px !important;border-bottom:1px solid rgba(75,43,122,0.15) !important;} #rec1510460991 .t516__row:last-child{border-bottom:none !important;margin-bottom:0 !important;} #rec1510460991 .t516__text{font-size:14px !important;font-weight:300 !important;line-height:1.4 !important;margin:2px 0 !important;} #rec1510460991{background:linear-gradient(to bottom, #FBF0DE 0%, #FBF0DE 5%, #D6EBFA 10%, #D6EBFA 100%) !important;} #rec1510460991 .t516__time,#rec1510460991 .t516__title,#rec1510460991 .t516__persdescr,#rec1510460991 .t516__text{color:var(--et-ink) !important;} #rec1510460991 .t516__row{border-bottom:1px solid rgba(75,43,122,0.18) !important;} #rec2485054863{background-color:#F2F9FD !important;} #rec2485054863 .t431__oddrow{background-color:#FFFFFF !important;} #rec2485054863 .t431__evenrow{background-color:#D6EBFA !important;} #rec2485061883{background-color:#FBF0DE !important;} #recorddiv2485063133{background-image:radial-gradient(circle at center, #4B2B7A 0%, #1A0F2E 100%) !important;background-color:#1A0F2E !important;} /* v5: unify May/April/Free month pages with June's title & summary background style */ #rec2500355883,#rec2500421333,#rec2500451433{background-image:none !important;background-color:#FBF0DE !important;} #rec2500355883 *,#rec2500421333 *,#rec2500451433 *{color:var(--et-ink) !important;} #rec2500355903,#rec2500421353,#rec2500451453,#recorddiv2500355903,#recorddiv2500421353,#recorddiv2500451453{background-image:radial-gradient(circle at center,#4B2B7A 0%,#1A0F2E 100%) !important;background-color:#1A0F2E !important;} #rec2500355903 .t-cover__filter,#rec2500421353 .t-cover__filter,#rec2500451453 .t-cover__filter{background-image:none !important;background-color:transparent !important;} #rec2500355903 *,#rec2500421353 *,#rec2500451453 *{color:#ffffff !important;} .euro-home-btn{position:fixed;top:16px;left:16px;z-index:9999;display:inline-flex;align-items:center;gap:6px;background:#4B2B7A;color:#ffffff !important;padding:10px 18px;border-radius:24px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px rgba(26,15,46,0.35);transition:background 0.2s ease, transform 0.2s ease;} .euro-home-btn:hover{background:#3a2260;transform:translateY(-1px);} .euro-home-btn svg{width:14px;height:14px;flex-shrink:0;} @media screen and (max-width:640px){.euro-home-btn{top:10px;left:10px;padding:8px 14px;font-size:13px;}} .t-popup__close{position:absolute !important;left:20px !important;right:auto !important;top:50% !important;transform:translateY(-50%) !important;width:auto !important;max-width:none !important;height:auto !important;padding:6px 10px !important;display:inline-flex !important;align-items:center !important;white-space:nowrap !important;} .t-popup__close .t-popup__close-icon{display:none !important;} .t-popup__close::after{content:"← На главную";color:#4B2B7A !important;font-size:15px;font-weight:700;white-space:nowrap;font-family:inherit;text-shadow:0 1px 3px rgba(255,255,255,0.9), 0 0 8px rgba(255,255,255,0.7);} .t-popup__close:hover::after{color:#3a2260 !important;} @media screen and (max-width:640px){.t-popup__close::after{font-size:13px;}} /* v3: equal-width VIP month buttons */ #rec2485089413 .t-btn,#rec2500358183 .t-btn,#rec2500423823 .t-btn{width:232px !important;} #rec2500457953 .t-btn{width:340px !important;} /* v4: mobile fix - prevent text clipping on VIP/free buttons */ @media (max-width:640px){ #rec2485089413 .t-btn,#rec2500358183 .t-btn,#rec2500423823 .t-btn,#rec2500457953 .t-btn{width:auto !important;min-width:200px !important;max-width:94% !important;padding-left:18px !important;padding-right:18px !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;line-height:1.3 !important;} #rec2500457953 .t-btn{font-size:15px !important;} } /* v6: players-top100 page - title cream bg, summary purple bg (match June/May/April/Free) */ #rec2504168673,#recorddiv2504168673{background-image:none !important;background-color:#FBF0DE !important;} #rec2504168673 *{color:var(--et-ink) !important;} #rec2504168693,#recorddiv2504168693{background-image:radial-gradient(circle at center,#4B2B7A 0%,#1A0F2E 100%) !important;background-color:#1A0F2E !important;} #rec2504168693 .t-cover__filter{background-image:none !important;background-color:transparent !important;} #rec2504168693 *{color:#ffffff !important;} /* v7: homepage teaser for players-top100 section */ #rec2504174953{background-color:#F2F9FD !important;} #rec2504174953 .t467__title{color:#4B2B7A !important;} #rec2504174953 .t467__descr{color:#17181C !important;} #rec2504174953 .t-btn{background-color:#E8963C !important;color:#ffffff !important;border:2.4px solid #000000 !important;border-radius:14px !important;box-shadow:none !important;} /* v8: player list buttons on top-100 hub page - gold brand style */ #rec2504852483 .t-btn,#rec2504857493 .t-btn{ background-color:#E8963C !important; color:#ffffff !important; border:2.4px solid #000000 !important; border-radius:14px !important; box-shadow:none !important; } /* v8: individual player pages - title cream bg, body purple bg (Sinner, Zverev, Alcaraz) */ #rec2504201383,#recorddiv2504201383{background-image:none !important;background-color:#4B2B7A !important;} #rec2504201383 *{color:#ffffff !important;} #rec2504201393,#recorddiv2504201393{background-image:none !important;background-color:#F2F9FD !important;} #rec2504201393 *{color:var(--et-ink) !important;} #rec2504209543,#recorddiv2504209543{background-image:none !important;background-color:#4B2B7A !important;} #rec2504209543 *{color:#ffffff !important;} #rec2504209553,#recorddiv2504209553{background-image:none !important;background-color:#F2F9FD !important;} #rec2504209553 *{color:var(--et-ink) !important;} #rec2504214443,#recorddiv2504214443{background-image:none !important;background-color:#4B2B7A !important;} #rec2504214443 *{color:#ffffff !important;} #rec2504214453,#recorddiv2504214453{background-image:none !important;background-color:#F2F9FD !important;} #rec2504214453 *{color:var(--et-ink) !important;} /* v9: hero duplicate "Топ-100" button, matches "Обо мне"/"Статистика" style */ #rec2504876963{padding-top:20px !important;padding-bottom:60px !important;} #rec2504876963 .t-btn{ background-color:#010101b5 !important; color:#ffffff !important; border:2px solid #ffffff !important; border-radius:5px !important; padding:16.8px 60px !important; box-shadow:none !important; } /* v10: fix Sinner button missing border (specificity fix) + unify size + reduce Alcaraz block gap */ #rec2504852483 .t-btnflex.t-btnflex_type_button, #rec2504852483 .t-btnflex.t-btnflex_type_button2, #rec2504857493 .t-btnflex.t-btnflex_type_button{ background-color:#E8963C !important; color:#ffffff !important; border-style:solid !important; border-width:2.4px !important; border-color:#000000 !important; border-radius:14px !important; box-shadow:none !important; min-width:230px !important; text-align:center !important; } #rec2504857493{padding-top:20px !important;padding-bottom:90px !important;} /* v11: fix hero "Топ-100" button specificity (native rule set black border/text, override to match Обо мне/Статистика) */ #rec2504876963 .t-btnflex.t-btnflex_type_button{ background-color:#010101b5 !important; color:#ffffff !important; border-style:solid !important; border-width:2px !important; border-color:#ffffff !important; border-radius:5px !important; box-shadow:none !important; } /* v12: specificity boost (repeat ID) to beat Tilda's native inline block styles for these buttons */ #rec2504852483#rec2504852483 .t-btnflex.t-btnflex_type_button{ border-style:solid !important; border-width:2.4px !important; border-color:#000000 !important; } #rec2504876963#rec2504876963 .t-btnflex.t-btnflex_type_button{ background-color:#010101b5 !important; color:#ffffff !important; border-style:solid !important; border-width:2px !important; border-color:#ffffff !important; border-radius:5px !important; box-shadow:none !important; } /* v42: fix Топ-100 button not turning transparent on hover like all other hero buttons. Root cause: the doubled-ID rule above (specificity 2 IDs) silently outranks the shared hover rule ("html body #recID .t-btn:hover", 1 ID) since ID count is compared first, regardless of extra elements/classes on the other side. Adding a matching doubled-ID hover rule with higher specificity so hover actually applies for this button. */ #rec2504876963#rec2504876963 .t-btnflex.t-btnflex_type_button:hover, #rec2504876963#rec2504876963 .t-btn:hover{ background-color: rgba(255,255,255,0.15) !important; } /* v13: remove residual dark gradient overlay (.t-cover__filter) on player page body blocks - was darkening bottom text */ #rec2504201393 .t-cover__filter, #rec2504209553 .t-cover__filter, #rec2504214453 .t-cover__filter{ background-image:none !important; background-color:transparent !important; } /* v14: remove residual dark gradient overlay on Auger-Aliassime body block (same fix as v13) */ #rec2504905203 .t-cover__filter{background-image:none !important;background-color:transparent !important;} /* v15: remove residual dark gradient overlay on de Minaur body block */ #rec2504937253 .t-cover__filter{background-image:none !important;background-color:transparent !important;} /* v16: remove residual dark gradient overlay on Shelton body block */ #rec2504944683 .t-cover__filter{background-image:none !important;background-color:transparent !important;} /* v17: top-100 page - extend gold brand button style to players 4-6 (Auger-Aliassime, de Minaur, Shelton) */ #rec2504962113 .t-btn,#rec2504959263 .t-btn,#rec2504961563 .t-btn{ background-color:#E8963C !important; color:#ffffff !important; border:2.4px solid #000000 !important; border-radius:14px !important; box-shadow:none !important; } /* v18: top-100 page - equalize button width and block spacing across all 6 player buttons */ #rec2504852483 .t-btnflex.t-btnflex_type_button, #rec2504852483 .t-btnflex.t-btnflex_type_button2, #rec2504857493 .t-btnflex.t-btnflex_type_button, #rec2504962113 .t-btn, #rec2504959263 .t-btn, #rec2504961563 .t-btn{ width:350px !important; min-width:350px !important; } #rec2504852483{padding-bottom:20px !important;} #rec2504857493{padding-top:20px !important;padding-bottom:20px !important;} #rec2504962113{padding-top:20px !important;padding-bottom:20px !important;} #rec2504959263{padding-top:20px !important;padding-bottom:20px !important;} #rec2504961563{padding-top:20px !important;padding-bottom:40px !important;} /* v19: fix missing title/body background overrides on Auger-Aliassime, de Minaur, Shelton pages (same pattern as Sinner/Zverev/Alcaraz v8) */ #rec2504905193,#recorddiv2504905193{background-image:none !important;background-color:#4B2B7A !important;} #rec2504905193 *{color:#ffffff !important;} #rec2504905203,#recorddiv2504905203{background-image:none !important;background-color:#F2F9FD !important;} #rec2504905203 *{color:var(--et-ink) !important;} #rec2504937243,#recorddiv2504937243{background-image:none !important;background-color:#4B2B7A !important;} #rec2504937243 *{color:#ffffff !important;} #rec2504937253,#recorddiv2504937253{background-image:none !important;background-color:#F2F9FD !important;} #rec2504937253 *{color:var(--et-ink) !important;} #rec2504944673,#recorddiv2504944673{background-image:none !important;background-color:#4B2B7A !important;} #rec2504944673 *{color:#ffffff !important;} #rec2504944683,#recorddiv2504944683{background-image:none !important;background-color:#F2F9FD !important;} #rec2504944683 *{color:var(--et-ink) !important;} /* v20: homepage - connect Топ-100 button visually to hero CTA row (Обо мне/Статистика) instead of floating on plain white below, and match button style exactly */ #rec2504876963{background-color:#1A0F2E !important;padding-top:32px !important;padding-bottom:32px !important;} #rec2504876963 .t-btn{border-radius:14px !important;padding:15.4px 28px !important;} /* v21: fix specificity - v9's ".t-btnflex.t-btnflex_type_button" rule (2 classes) beats v20's ".t-btn" (1 class) for radius/padding */ #rec2504876963 .t-btnflex.t-btnflex_type_button{border-radius:14px !important;padding:15.4px 28px !important;} /* v22: repeated-ID specificity to beat v12's repeated-ID rule for Топ-100 button radius/padding */ #rec2504876963#rec2504876963 .t-btnflex.t-btnflex_type_button{border-radius:14px !important;padding:15.4px 28px !important;} /* v20: top-100 page - extend gold brand button style + equalized width/spacing to 5 new players (Medvedev, Djokovic, Fritz, Cobolli, Bublik) */ #rec2518126803 .t-btn, #rec2518134603 .t-btn, #rec2518141503 .t-btn, #rec2518172403 .t-btn, #rec2518192303 .t-btn{ background-color:#E8963C !important; color:#ffffff !important; border:2.4px solid #000000 !important; border-radius:14px !important; box-shadow:none !important; width:350px !important; min-width:350px !important; } #rec2518126803{padding-top:20px !important;padding-bottom:20px !important;} #rec2518134603{padding-top:20px !important;padding-bottom:20px !important;} #rec2518141503{padding-top:20px !important;padding-bottom:20px !important;} #rec2518172403{padding-top:20px !important;padding-bottom:20px !important;} #rec2518192303{padding-top:20px !important;padding-bottom:40px !important;} /* v21: fix leftover default gradient backgrounds on title/body blocks of 5 new players (Medvedev, Djokovic, Fritz, Cobolli, Bublik) - same pattern as v19 fix */ #rec2518012303,#recorddiv2518012403, #rec2518041103,#recorddiv2518041203, #rec2518063003,#recorddiv2518063103, #rec2518070903,#recorddiv2518071003, #rec2518105403,#recorddiv2518105503{ background-image:none !important; } #rec2518012303,#rec2518041103,#rec2518063003,#rec2518070903,#rec2518105403{ background-color:#4B2B7A !important; } #recorddiv2518012403,#recorddiv2518041203,#recorddiv2518063103,#recorddiv2518071003,#recorddiv2518105503{ background-color:#F2F9FD !important; } /* v22: fix leftover dark .t-cover__filter overlay on body block of 5 new players (Medvedev, Djokovic, Fritz, Cobolli, Bublik) - overlay div darkens toward bottom making text unreadable */ #recorddiv2518012403 .t-cover__filter, #recorddiv2518041203 .t-cover__filter, #recorddiv2518063103 .t-cover__filter, #recorddiv2518071003 .t-cover__filter, #recorddiv2518105503 .t-cover__filter{ background-image:none !important; background-color:transparent !important; } /* v23: fix white text on now-light body background of 5 new players (Medvedev, Djokovic, Fritz, Cobolli, Bublik) - text was authored white for old dark background, now unreadable after v21/v22 bg fixes */ #recorddiv2518012403 .t164__text, #recorddiv2518012403 .t164__text *, #recorddiv2518041203 .t164__text, #recorddiv2518041203 .t164__text *, #recorddiv2518063103 .t164__text, #recorddiv2518063103 .t164__text *, #recorddiv2518071003 .t164__text, #recorddiv2518071003 .t164__text *, #recorddiv2518105503 .t164__text, #recorddiv2518105503 .t164__text *{ color:#17181C !important; } /* v24: preemptive fix for 5 new players (Lehecka, Rublev, Ruud, Musetti, Mensik) before first publish - replicate v21+v22+v23 pattern so gradient/overlay/white-text bugs never appear live */ #rec2588479403, #rec2589806303, #rec2589858003, #rec2589911303, #rec2589943103{ background-image:none !important; background-color:#4B2B7A !important; } #rec2588479503, #rec2589806403, #rec2589858103, #rec2589911403, #rec2589943203{ background-image:none !important; background-color:#F2F9FD !important; } #recorddiv2588479503 .t-cover__filter, #recorddiv2589806403 .t-cover__filter, #recorddiv2589858103 .t-cover__filter, #recorddiv2589911403 .t-cover__filter, #recorddiv2589943203 .t-cover__filter{ background-image:none !important; background-color:transparent !important; } #recorddiv2588479503 .t164__text, #recorddiv2588479503 .t164__text *, #recorddiv2589806403 .t164__text, #recorddiv2589806403 .t164__text *, #recorddiv2589858103 .t164__text, #recorddiv2589858103 .t164__text *, #recorddiv2589911403 .t164__text, #recorddiv2589911403 .t164__text *, #recorddiv2589943203 .t164__text, #recorddiv2589943203 .t164__text *{ color:#17181C !important; } /* v25: top-100 page - extend gold brand button style + equalized width/spacing to 5 new players (Lehecka, Rublev, Ruud, Musetti, Mensik) */ #rec2590630303 .t-btn, #rec2591434003 .t-btn, #rec2591464403 .t-btn, #rec2591481103 .t-btn, #rec2591490703 .t-btn{ background-color:#E8963C !important; color:#ffffff !important; border:2.4px solid #000000 !important; border-radius:14px !important; box-shadow:none !important; width:350px !important; min-width:350px !important; } #rec2590630303{padding-top:20px !important;padding-bottom:20px !important;} #rec2591434003{padding-top:20px !important;padding-bottom:20px !important;} #rec2591464403{padding-top:20px !important;padding-bottom:20px !important;} #rec2591481103{padding-top:20px !important;padding-bottom:20px !important;} #rec2591490703{padding-top:20px !important;padding-bottom:40px !important;} /* v26: root cause of recurring dark-gray bug - the recorddiv wrapper itself (class .t-cover) carries Tilda's default black+gray linear-gradient, separate from the outer #rec bg and .t-cover__filter overlay already fixed in v24. Must neutralize recorddiv id directly (Lehecka, Rublev, Ruud, Musetti, Mensik body blocks) */ #recorddiv2588479503, #recorddiv2589806403, #recorddiv2589858103, #recorddiv2589911403, #recorddiv2589943203{ background-image:none !important; background-color:#F2F9FD !important; } /* v27: homepage dark theme test - replace purple (#4B2B7A/#1A0F2E/#8D269D) with graphite/black glow gradient (#1C1C1E -> #0D0D0F), accent color unified to gold #E8963C (blue left as-is). Hero photo overlay, Обо мне label+photo border, "12+" stat digit, divider strip before Статьи, and top-100 teaser title. */ #rec866644835{ background-image:linear-gradient(rgba(28,28,30,0.6), rgba(13,13,15,0.85)) !important; } #rec2504876963{ background-color:#0D0D0F !important; background-image:linear-gradient(#1C1C1E, #0D0D0F) !important; } #rec2504876963 *{ color:#F2F2F3 !important; } #rec866644843 .t015__uptitle, #rec866644840 .t015__uptitle, #rec2504174953 .t467__title{ color:#E8963C !important; } #rec866644844 .t013__img{ border-color:#E8963C !important; } #rec866644841 span, #rec866644842 span{ color:#E8963C !important; } #rec866644856, #rec866644857{ background-image:radial-gradient(circle, #1C1C1E 0%, #0D0D0F 100%) !important; background-color:#0D0D0F !important; } /* v28: fix hero overlay - actual visible layer is .t-cover__filter child inside recorddiv, not the outer #rec wrapper */ #recorddiv866644835 .t-cover__filter{ background-image:linear-gradient(rgba(28,28,30,0.6), rgba(13,13,15,0.85)) !important; } /* v29: switch single accent from gold to mint (#2FD9B4 bright / #0E7D68 dark-on-white), remove remaining light-blue/cream/saturated-blue tints on homepage - unify to plain white sections + graphite sections only, per user request to cut homepage down to 4 colors max (black/graphite, white, mint, text) */ /* accent text/border -> dark mint (sits on white bg) */ #rec866644843 .t015__uptitle, #rec866644840 .t015__uptitle, #rec2504174953 .t467__title{ color:#0E7D68 !important; } #rec866644844 .t013__img{ border-color:#0E7D68 !important; } #rec866644841 span, #rec866644842 span{ color:#0E7D68 !important; } /* v30: single flat graphite background across entire homepage (no alternating light/dark bands, per reference site direction). Softened mint accent via CSS vars so it can be swapped to gold+coral later with one edit. Revert VIP/free-stats buttons to native Tilda style (v29 mint fill removed above). Fix hero title glow from pink to graphite. Rework "Валуйная статистика" fully. Fix global .t431__evenrow light-blue table rows. */ :root{ --at-bg: #1C1C1E; --at-bg-alt: #242426; --at-accent: #D9D7D2; --at-accent-deep: #B0AEA8; --at-text: #F2F2F3; } /* v41: hero title graphite neon glow - previous shadow used near-black colors which are invisible against the dark page background; switched to light silver/graphite layers so the glow is actually visible, like a neon sign lit in graphite/steel tone rather than pure white. */ #rec866644835 .t-title.t995__title, #rec866644835 .t-title{ color:#F5F5F6 !important; text-shadow: 0 0 6px rgba(230,230,235,0.85), 0 0 14px rgba(200,200,210,0.7), 0 0 28px rgba(160,163,175,0.6), 0 0 52px rgba(130,133,145,0.45) !important; } /* unify all previously-white sections to the same flat graphite as the rest of the page */ #rec866644843, #rec866644844, #rec2460817403, #rec867885437, #rec2485089413, #rec866644840, #rec866644841, #rec866644842, #rec2504174953, #rec2504876963{ background-color: var(--at-bg) !important; background-image: none !important; } #rec866644843 *, #rec866644844 *, #rec2460817403 *, #rec867885437 *, #rec2485089413 *, #rec866644840 *, #rec866644841 *, #rec866644842 *, #rec2504174953 *{ color: var(--at-text) !important; } /* accent (uptitles, photo border, digits) -> bright accent, since backgrounds are now dark */ #rec866644843 .t015__uptitle, #rec866644840 .t015__uptitle, #rec2504174953 .t467__title{ color: var(--at-accent) !important; } #rec866644844 .t013__img{ border-color: var(--at-accent) !important; } #rec866644841 span, #rec866644842 span{ color: var(--at-accent) !important; } /* Статьи: section background graphite, but article cards stay white (untouched, no "*" override here) */ #rec866780507{ background-color: var(--at-bg) !important; background-image: none !important; } /* Валуйная статистика + Статистика по месяцам combined block: full rework from cream/blue gradient to flat graphite */ #rec1510460991{ background: var(--at-bg) !important; } #rec1510460991 *{ color: var(--at-text) !important; border-color: rgba(255,255,255,0.12) !important; } #rec1510460991 .t516__line{ background-color: rgba(255,255,255,0.15) !important; } /* global fix: leftover light-blue table zebra rows anywhere on homepage (Tilda t431 table plugin) */ #rec866677635 .t431__evenrow{ background-color: var(--at-bg-alt) !important; } /* v31: fix contrast + specificity losses found after v30. Several old pre-existing rules (from before this dark-theme project) used class-based selectors with the same or higher specificity as my broad "*" overrides and were still winning, leaving black-on-graphite text. Also found a second neon-glow heading ("Присоединяйся и будь среди лучших!", t588 block) that was never touched, and strengthened the hero photo overlay since it read as barely darkened. */ /* monthly stats table: text was still dark ink left over from the old light-blue/cream era */ #rec866677635 *{ color: var(--at-text) !important; } /* Валуйная статистика: old rule targeted these exact t516 classes with equal specificity to my generic "*" override and won because it's class-based - re-declare same classes here, later in file */ #rec1510460991 .t516__time, #rec1510460991 .t516__title, #rec1510460991 .t516__persdescr, #rec1510460991 .t516__text{ color: var(--at-text) !important; } /* Профили игроков ТОП-100 teaser: title -> white (not mint, per updated request), descr line -> white too */ #rec2504174953 .t467__title{ color: var(--at-text) !important; } #rec2504174953 .t467__descr{ color: var(--at-text) !important; } /* second neon-glow heading, separate from hero - same pink-to-graphite glow fix */ #rec866644856 .t588__title{ color:#F5F5F6 !important; text-shadow: rgba(60,60,66,0.9) 0px 0px 20px, rgba(20,20,24,0.7) 0px 0px 40px !important; } /* Статьи: section heading text was pure black, invisible on graphite section bg (cards stay white/untouched) */ #rec866780507 .js-block-header, #rec866780507 .js-block-header *{ color: var(--at-text) !important; } /* hero photo overlay: strengthen so it reads clearly darkened top-to-bottom, not "unchanged" */ #recorddiv866644835 .t-cover__filter{ background-image: linear-gradient(rgba(13,13,15,0.75), rgba(13,13,15,0.92)) !important; } /* v32: found the actual root cause of the "header row / odd rows still white-blue" bug - the OUTER section container #rec866677635 itself still has its original light-blue background (#F2F9FD) from before this project; I had only re-colored the row-level .t431__evenrow/.t431__oddrow classes, not the container behind them, so the thead row and any transparent row gaps still showed the old light-blue through. */ #rec866677635{ background-color: var(--at-bg) !important; background-image: none !important; } #rec866677635 .t431__oddrow{ background-color: var(--at-bg) !important; } /* v33: three button-row sections were never added to the flat-graphite-background list in v30 (Май ВИП, Апрель ВИП, Статистика бесплатных 2026) - they still had their original white section background, creating a white/graphite striped look instead of one flat page. Also: "Смотреть профили игроков" button was still native orange - a 5th stray color outside the agreed 4-color max - converting it to the mint accent to match the rest. */ #rec2500457953, #rec2500358183, #rec2500423823, #rec2620477803{ background-color: var(--at-bg) !important; background-image: none !important; } #rec2504174953 .t-btn{ background-color: var(--at-accent) !important; border-color: var(--at-accent) !important; color: #0D0D0F !important; } /* v34: user now wants VIP buttons (Июнь/Май/Апрель), "Статистика бесплатных 2026", and "Смотреть профили игроков" to match the same transparent/outline style as "Обо мне" - copied the exact computed style of #rec866644835 .t-btnflex_type_button (background:#010101b5, border 1.6px solid white, radius 14px, white text). */ #rec2500457953 .t-btn, #rec2485089413 .t-btn, #rec2500358183 .t-btn, #rec2500423823 .t-btn, #rec2504174953 .t-btn, #rec2620477803 .t-btn{ background-color:#010101b5 !important; border-style: solid !important; border-color:#ffffff !important; border-width: 1.6px !important; border-radius: 14px !important; color:#ffffff !important; box-shadow: none !important; } /* v35: same specificity trap as before - a pre-existing rule using ".t-btnflex.t-btnflex_type_button" (2 classes) has higher specificity than my ".t-btn" (1 class) and kept winning for border-color specifically (border stayed black), even though background/text color from v34 worked fine. */ #rec2500457953 .t-btnflex.t-btnflex_type_button, #rec2485089413 .t-btnflex.t-btnflex_type_button, #rec2500358183 .t-btnflex.t-btnflex_type_button, #rec2500423823 .t-btnflex.t-btnflex_type_button, #rec2504174953 .t-btnflex.t-btnflex_type_button, #rec2620477803 .t-btnflex.t-btnflex_type_button{ border-color: #ffffff !important; } /* v36: the black border wasn't coming from custom.css at all - it's an inline tag that Tilda auto-generates per-block (href:null in styleSheets), scoped only to #rec2485089413 specifically, with the exact same specificity (ID+2 classes) as my v35 fix, and inline blocks apply after linked stylesheets - so it won on the tie. Adding "html body" prefixes to bump specificity higher (adds 2 type-selectors) without changing the ID/class count, which settles the tie in my favor. */ html body #rec2500457953 .t-btnflex.t-btnflex_type_button, html body #rec2485089413 .t-btnflex.t-btnflex_type_button, html body #rec2500358183 .t-btnflex.t-btnflex_type_button, html body #rec2500423823 .t-btnflex.t-btnflex_type_button, html body #rec2504174953 .t-btnflex.t-btnflex_type_button, html body #rec2620477803 .t-btnflex.t-btnflex_type_button{ border-color: #ffffff !important; } /* v37: hover behavior fix - reference buttons (Обо мне/Статистика, #rec866644835) have a dedicated hover rule turning bg into a subtle white tint (rgba(255,255,255,0.15)); every other button never had this hover rule added, so they either stayed static (Топ-100) or fell back to Tilda's native blue hover (VIP buttons, Статистика бесплатных). Also fixing "Смотреть профили игроков" - its border-style/width were being reset to none/0 by another per-block inline tag (same specificity-tie pattern as v36), so no border was visible even though border-color was already correct. */ #rec2504876963 .t-btn:hover, #rec2500457953 .t-btn:hover, #rec2485089413 .t-btn:hover, #rec2500358183 .t-btn:hover, #rec2500423823 .t-btn:hover, #rec2504174953 .t-btn:hover{ background-color: rgba(255, 255, 255, 0.15) !important; } #rec2620477803 .t-btn:hover{ background-color: rgba(255, 255, 255, 0.15) !important; } html body #rec2504174953 .t-btnflex.t-btnflex_type_button{ border-style: solid !important; border-width: 1.6px !important; } /* v38: leftover pink neon box-shadow on hover for Июнь ВИП button specifically (old rule, never touched) - neutralize alongside the hover background fix. */ #rec2504876963 .t-btn:hover, #rec2500457953 .t-btn:hover, #rec2485089413 .t-btn:hover, #rec2500358183 .t-btn:hover, #rec2500423823 .t-btn:hover, #rec2504174953 .t-btn:hover{ box-shadow: none !important; } #rec2620477803 .t-btn:hover{ box-shadow: none !important; } /* v39: hover background still wasn't applying despite matching specificity + later source order (verified via live :hover state testing) - forcing higher specificity with the "html body" prefix trick (proven reliable earlier for border-color) to remove any doubt. */ html body #rec2504876963 .t-btn:hover, html body #rec2500457953 .t-btn:hover, html body #rec2485089413 .t-btn:hover, html body #rec2500358183 .t-btn:hover, html body #rec2500423823 .t-btn:hover, html body #rec2504174953 .t-btn:hover{ background-color: rgba(255, 255, 255, 0.15) !important; } html body #rec2620477803 .t-btn:hover{ background-color: rgba(255, 255, 255, 0.15) !important; } /* Валуйная статистика: тонкие контурные иконки вместо эмодзи (rec1510460991) */ #rec1510460991 .t516__title::before, #rec1510460991 .t516__persdescr::before, #rec1510460991 .t516__text::before { content: '' !important; display: inline-block !important; width: 0.85em !important; height: 0.85em !important; vertical-align: -0.1em !important; margin-right: 0.45em !important; background-color: var(--at-accent) !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask-position: center !important; mask-position: center !important; } #rec1510460991 .t516__title::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='6'%20width='18'%20height='12'%20rx='2.5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='2.4'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='6'%20width='18'%20height='12'%20rx='2.5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='2.4'/%3E%3C/svg%3E") !important; } #rec1510460991 .t516__persdescr::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M4.5%206.5c3%203.2%203%208%200%2011'/%3E%3Cpath%20d='M19.5%206.5c-3%203.2-3%208%200%2011'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M4.5%206.5c3%203.2%203%208%200%2011'/%3E%3Cpath%20d='M19.5%206.5c-3%203.2-3%208%200%2011'/%3E%3C/svg%3E") !important; } #rec1510460991 .t516__text::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M8.3%2012.3l2.6%202.6%205-5.2'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M8.3%2012.3l2.6%202.6%205-5.2'/%3E%3C/svg%3E") !important; } /* Hero subtitle: subtle graphite glow to match title (rec866644835) */ #rec866644835 .t995__descr, #rec866644835 .t-descr { text-shadow: rgba(60,60,66,0.85) 0px 0px 10px, rgba(20,20,24,0.6) 0px 0px 20px !important; } /* v43: black/gray design for 4 new top-100 player pages (Tien, Vacherot, Tiafoe, Cerundolo) - black title bg + white text, gray description bg + white text, per user request for new visual style */ #rec2627123203, #rec2627174403, #rec2627196703, #rec2627214903{ background-image:none !important; background-color:#000000 !important; } #rec2627123303, #recorddiv2627123303, #rec2627174503, #recorddiv2627174503, #rec2627196803, #recorddiv2627196803, #rec2627215003, #recorddiv2627215003{ background-image:none !important; background-color:#464646 !important; } #recorddiv2627123303 .t-cover__filter, #recorddiv2627174503 .t-cover__filter, #recorddiv2627196803 .t-cover__filter, #recorddiv2627215003 .t-cover__filter{ background-image:none !important; background-color:transparent !important; } #recorddiv2627123303 .t164__text, #recorddiv2627123303 .t164__text *, #recorddiv2627174503 .t164__text, #recorddiv2627174503 .t164__text *, #recorddiv2627196803 .t164__text, #recorddiv2627196803 .t164__text *, #recorddiv2627215003 .t164__text, #recorddiv2627215003 .t164__text *{ color:#FFFFFF !important; }