/* ================================================================== TVD RALLY CLUB · «STAGE ZERO» — единая дизайн-система (COMPACT) Шрифты: Oswald + Archivo + Azeret Mono (Google Fonts) в страницы. ================================================================== */ :root{ --bg:#070b11; --bg2:#0a0f17; --panel:#0f1620; --panel2:#131c28; --hi:#172230; --line:#243247; --line2:#19222f; --ink:#eef3fa; --dim:#8e9bb0; --faint:#56627a; --orange:#ff4612; --ember:#ff8a4d; --blood:#9e1d06; --lime:#34e0c8; --gold:#e6c25a; --ice:#a9d8ff; --accent:var(--orange); --shadow:0 26px 60px -28px rgba(0,0,0,.9); --glow:0 0 44px -12px var(--accent); } body.dudarev-mode{--accent:#E30613} *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--bg);color:var(--ink);font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.45;min-height:100vh;display:flex;flex-direction:column} ::selection{background:var(--accent);color:#fff} a{color:inherit;text-decoration:none} ::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg)} ::-webkit-scrollbar-thumb{background:#2a2e37;border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)} .custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-thumb{background:#3a3f49;border-radius:3px}.custom-scroll::-webkit-scrollbar-track{background:transparent} .bg{position:fixed;inset:0;z-index:-4;background:radial-gradient(140% 110% at 50% -20%,#13203a 0%,var(--bg) 52%,#02040a 100%)} .bg-map{position:fixed;inset:0;z-index:-3;opacity:.55;background-size:1300px 1300px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1300' height='1300' viewBox='0 0 1300 1300'%3E%3Cg fill='none' stroke='%23ff4612' stroke-opacity='0.06' stroke-width='1.3'%3E%3Cpath d='M-60 300 C240 210 420 430 620 360 S980 200 1360 340'/%3E%3Cpath d='M-60 440 C260 340 460 590 660 510 S1000 330 1360 480'/%3E%3Cpath d='M-60 620 C280 510 500 760 700 650 S1040 450 1360 620'/%3E%3Cpath d='M-60 820 C300 690 520 960 740 830 S1080 600 1360 800'/%3E%3C/g%3E%3C/svg%3E")} .bg-lines{position:fixed;inset:0;z-index:-2;opacity:.35;background-image:repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.015) 119px 120px)} .bg-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.045;mix-blend-mode:overlay; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} .wrap{max-width:1280px;margin:0 auto;padding:0 22px;width:100%} .mono{font-family:'Azeret Mono',monospace;font-variant-numeric:tabular-nums} .anton{font-family:'Oswald',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.005em} .eyebrow{font-weight:800;letter-spacing:.26em;text-transform:uppercase;font-size:10px;color:var(--faint)} .eyebrow .dot{color:var(--accent)} .chip{display:inline-flex;align-items:center;gap:5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:10px;padding:3px 8px;border:1px solid var(--line);border-radius:2px;color:var(--dim)} .chip.snow{color:var(--ice);border-color:#33485c;background:#0c151c}.chip.gravel{color:#e0a05a;border-color:#5a3f22;background:#1a130a} .chip.tarmac{color:#8fb4ff;border-color:#2a3a5c;background:#0d121d}.chip.live{color:var(--lime);border-color:#2c3a17;background:#10160a} .chip.future{color:var(--ember);border-color:#5a3f22;background:#1a130a}.chip.archive{color:var(--faint);border-color:var(--line)} .chip.active{color:var(--lime);border-color:#2c3a17;background:#10160a} .btn{font-weight:800;letter-spacing:.07em;text-transform:uppercase;font-size:12px;padding:10px 18px;border-radius:3px;cursor:pointer;border:1px solid transparent;transition:.18s;display:inline-flex;align-items:center;gap:8px} .btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:var(--glow)} .btn-ghost{border-color:var(--line);color:var(--dim)}.btn-ghost:hover{border-color:#fff;color:#fff} .btn-sm{padding:8px 14px;font-size:11px} .panel{border:1px solid var(--line);border-radius:5px;background:var(--panel);overflow:hidden} .panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:var(--hi);border-bottom:1px solid var(--line)} .panel-head h3{font-weight:800;letter-spacing:.11em;text-transform:uppercase;font-size:12px;display:flex;align-items:center;gap:8px} .panel-head h3 .b{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)} .panel-head .more{font-size:12px;color:var(--faint)}.panel-head .more:hover{color:var(--accent)} header.nav{position:fixed;top:0;left:0;right:0;z-index:80;transition:.25s;border-bottom:1px solid transparent} header.nav.scrolled,header.nav.solid{background:rgba(7,8,9,.88);backdrop-filter:blur(16px);border-bottom-color:var(--line)} .nav-inner{display:flex;align-items:center;justify-content:space-between;height:58px} .brand{display:flex;align-items:center;gap:10px} .brand .mark{font-family:'Oswald';font-size:20px;line-height:1;color:#fff;background:var(--accent);padding:7px 8px 5px;border-radius:3px;box-shadow:0 0 22px -6px var(--accent)} .brand .name{font-family:'Oswald';font-size:19px;letter-spacing:.04em}.brand .name b{color:var(--accent)} .nav-links{display:flex;align-items:center;gap:2px} .nav-links a{position:relative;font-weight:600;font-size:13.5px;color:var(--dim);padding:8px 13px;border-radius:3px;transition:.18s} .nav-links a:hover{color:#fff;background:#16181d}.nav-links a.active{color:#fff} .nav-links a.active::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:var(--accent)} .nav-right{display:flex;align-items:center;gap:10px} .coin{display:flex;align-items:center;gap:6px;font-family:'Azeret Mono';font-weight:600;font-size:12.5px;color:var(--gold);padding:6px 10px;border:1px solid #3a3013;background:#15120a;border-radius:3px} .live-pill{display:flex;align-items:center;gap:7px;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);padding:6px 10px;border:1px solid #2c3a17;background:#10160a;border-radius:3px} .live-pill .blip{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:blip 1.4s infinite} @keyframes blip{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}} .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}.burger span{width:22px;height:2px;background:var(--ink)} .page-hero{position:relative;padding:92px 0 22px;overflow:hidden} .page-hero::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(55% 90% at 82% 0%,rgba(255,70,18,.14),transparent 60%)} .page-hero .wrap{position:relative;z-index:2} .page-hero h1{font-family:'Oswald';font-size:clamp(38px,6vw,80px);line-height:.86;text-transform:uppercase} .page-hero h1 .o{color:var(--accent)} .page-hero .sub{color:var(--dim);font-size:14px;margin-top:10px;max-width:560px} .section{padding:30px 0} .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px} .sec-head .h2{font-family:'Oswald';font-size:clamp(24px,3vw,40px);line-height:.9;text-transform:uppercase} .sec-head .h2 .n{color:var(--accent);font-size:.4em;vertical-align:super;margin-right:10px;font-family:'Azeret Mono';font-weight:600} .sec-head .sub{color:var(--dim);font-size:13px;max-width:540px;margin-top:6px} .tabs{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:4px;padding:3px;gap:2px} .tabs button{font-weight:800;letter-spacing:.07em;text-transform:uppercase;font-size:12px;color:var(--dim);background:none;border:none;padding:8px 16px;border-radius:3px;cursor:pointer;transition:.15s} .tabs button:hover{color:#fff}.tabs button.on{background:var(--accent);color:#fff} .search{position:relative;display:inline-block} .search input{font-family:'Archivo';background:var(--bg2);border:1px solid var(--line);border-radius:4px;color:#fff;font-size:13.5px;padding:9px 14px 9px 36px;width:240px;outline:none;transition:.15s} .search input:focus{border-color:var(--accent)} .search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--faint)} .champ-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .champ{position:relative;border:1px solid var(--line);border-radius:5px;background:var(--panel);overflow:hidden;transition:.2s;cursor:pointer;display:flex;flex-direction:column} .champ:hover{transform:translateY(-3px);border-color:#3a3e48;box-shadow:var(--shadow)} .champ .cover{height:104px;position:relative;background:linear-gradient(135deg,#1d2128,#0e1014);border-bottom:1px solid var(--line2);background-size:cover;background-position:center} .champ .cover::before{content:"";position:absolute;inset:0;opacity:.15;background:repeating-linear-gradient(135deg,var(--accent) 0 2px,transparent 2px 16px)} .champ .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,8,9,.72))} .champ .cover .badge{position:absolute;top:11px;left:11px;z-index:2}.champ .cover .rounds{position:absolute;bottom:10px;right:13px;z-index:2;font-family:'Azeret Mono';font-size:11px;color:var(--dim)} .champ .cover .glyph{position:absolute;right:-12px;bottom:-24px;font-family:'Oswald';font-size:108px;line-height:1;color:rgba(255,255,255,.035)} .champ .meta{padding:15px;flex:1;display:flex;flex-direction:column;gap:10px} .champ .meta h4{font-family:'Oswald';font-size:21px;text-transform:uppercase;line-height:1} .champ .meta .ldr{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--dim)}.champ .meta .ldr b{color:var(--ink);font-weight:700} .prog{height:5px;background:#0a0b0e;border-radius:4px;overflow:hidden;border:1px solid var(--line2)}.prog>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--ember))} .champ .go{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-top:1px solid var(--line2);font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:11px;color:var(--dim)}.champ:hover .go{color:var(--accent)} .lead .row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line2);transition:.15s} .lead .row:hover{background:#16181d}.lead .row:last-child{border-bottom:none} .lead .row .pos{font-family:'Oswald';font-size:20px;color:var(--faint);text-align:center;line-height:1} .lead .row.p1 .pos{color:var(--gold)}.lead .row.p2 .pos{color:#cfd6df}.lead .row.p3 .pos{color:#d08a4f} .lead .who{display:flex;align-items:center;gap:11px;min-width:0} .lead .ava{width:34px;height:34px;border-radius:4px;flex:none;background:linear-gradient(135deg,#2a2e36,#16181c);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:'Oswald';font-size:13px;color:var(--dim)} .lead .nm{font-weight:800;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lead .rk{font-weight:600;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)} .lead .val{font-family:'Azeret Mono';font-weight:600;font-size:16px;color:var(--lime);text-align:right}.lead .val small{color:var(--faint);font-size:10.5px}.lead .val.gold{color:var(--gold)} .donate{border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:18px} .donate .topr{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:11px;flex-wrap:wrap;gap:8px} .donate h4{font-family:'Oswald';font-size:19px;text-transform:uppercase} .donate .amt{font-family:'Azeret Mono';font-size:14px;color:var(--dim)}.donate .amt b{color:var(--lime)} .dprog{height:10px;border-radius:6px;background:#0a0b0e;border:1px solid var(--line2);overflow:hidden} .dprog>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));position:relative}.dprog>span::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(0,0,0,.18) 10px 12px)} footer{border-top:1px solid var(--line);margin-top:auto;background:var(--bg2)} .foot{display:flex;justify-content:space-between;align-items:center;padding:26px 0 14px;flex-wrap:wrap;gap:18px} .soc{display:flex;gap:9px}.soc a{width:38px;height:38px;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--dim);font-family:'Oswald';font-size:13px;transition:.18s}.soc a:hover{border-color:var(--accent);color:#fff} .games{display:flex;align-items:center;gap:15px;padding:14px 0 28px;border-top:1px solid var(--line2);flex-wrap:wrap} .games .lbl{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:10px;color:var(--faint)} .games .g{font-family:'Oswald';letter-spacing:.04em;text-transform:uppercase;font-size:15px;color:var(--dim)}.games .g:hover{color:var(--accent)}.games .sep{color:#2a2e37} .modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(4,5,6,.86);backdrop-filter:blur(6px)} .modal.open{display:flex} .modal-box{background:var(--panel);border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);width:95%;max-width:560px;position:relative;overflow:hidden} .modal-x{position:absolute;top:13px;right:15px;font-size:22px;color:var(--faint);cursor:pointer;line-height:1}.modal-x:hover{color:#fff} .rv{opacity:0;transform:translateY(16px)}.rv.in{opacity:1;transform:none;transition:.55s cubic-bezier(.2,.7,.2,1)} .hidden{display:none} @media(max-width:1050px){.champ-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.burger{display:flex}} @media(max-width:640px){.champ-grid{grid-template-columns:1fr}.coin{display:none}.search input{width:170px}.page-hero{padding-top:80px}}