:root{--navy:#102a43;--green:#bbef38;--paper:#f5f4ed;--ink:#132238;--muted:#6c7786;--line:#dce1dc;--coral:#ff705d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px Manrope,Arial,sans-serif}.header{height:76px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8ebe7}.brand{color:var(--navy);font:700 18px Unbounded,sans-serif;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.brand span span{color:#4e718e}.brand-ball{font-size:23px}.nav{display:flex;gap:28px;margin-left:auto;margin-right:32px}.nav a{color:#5f6d7b;text-decoration:none;font-weight:700;font-size:13px}.city-button{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 13px;font:700 13px Manrope;cursor:pointer;color:var(--ink)}.pin{color:#269b72;font-size:19px;margin-right:5px}.chevron{margin-left:10px}.hero{min-height:355px;padding:68px max(9vw,34px);display:flex;overflow:hidden;background:var(--navy);color:white;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{font:700 10px Unbounded,sans-serif;letter-spacing:1.1px;color:#48c99b;margin:0 0 17px}.hero h1{font:700 clamp(35px,4.4vw,61px)/1.1 Unbounded,sans-serif;letter-spacing:-3.3px;margin:0}.hero h1 em{font-style:normal;color:var(--green)}.lead{font-size:15px;line-height:1.7;max-width:470px;color:#c4d3dc;margin:22px 0 0}.hero-pitch{position:absolute;right:4vw;top:-34px;width:530px;height:425px;background:linear-gradient(90deg,#143651 0 10%,#173c58 10% 20%,#143651 20% 30%,#173c58 30% 40%,#143651 40% 50%,#173c58 50% 60%,#143651 60% 70%,#173c58 70% 80%,#143651 80% 90%,#173c58 90%);transform:rotate(13deg);opacity:.85}.field-line{position:absolute;border:2px solid #598197;left:35px;right:35px}.field-top{top:28px;height:370px}.field-bottom{bottom:28px}.field-mid{top:212px}.circle{position:absolute;border:2px solid #598197;border-radius:50%;width:110px;height:110px;left:210px;top:157px}.center-dot{position:absolute;background:#598197;width:6px;height:6px;border-radius:50%;left:262px;top:209px}.score-card{position:absolute;z-index:2;background:var(--green);padding:16px 20px;color:var(--navy);left:78px;top:94px;transform:rotate(-13deg);border-radius:4px;box-shadow:0 10px 30px #071a2b}.score-card span{display:block;font-size:9px;font-weight:800;letter-spacing:1px}.score-card strong{font:700 24px/1.5 Unbounded}.score-card small{font-weight:700;display:block}.hero-ball{position:absolute;z-index:2;font-size:57px;right:40px;bottom:53px;transform:rotate(-13deg)}.finder{max-width:1120px;margin:0 auto;padding:42px 28px 76px}.dates{display:flex;gap:9px;overflow:auto;padding-bottom:4px}.date{min-width:104px;padding:12px 13px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);cursor:pointer}.date b,.date span{display:block}.date b{font-size:13px}.date span{font-size:11px;color:#778392;margin-top:2px}.date.active{background:var(--navy);border-color:var(--navy);color:white}.date.active span{color:#b9c8d3}.date.calendar{min-width:140px;display:flex;gap:8px;align-items:center}.date.calendar span{font-size:18px;color:#2a9a73;margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:30px 0 18px}.tabs{padding:4px;background:#e7e9e5;border-radius:9px}.view{border:0;background:transparent;padding:8px 13px;border-radius:6px;color:#697482;font:700 12px Manrope;cursor:pointer}.view.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #cbd0c9}.radius{color:#75808c;font-weight:700;font-size:12px}.radius select{margin-left:6px;padding:8px 7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:700 12px Manrope}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.filter{background:white;border:1px solid var(--line);border-radius:30px;padding:8px 13px;font:700 12px Manrope;color:#596674;cursor:pointer}.filter.active{background:#c9f15e;border-color:#c9f15e;color:#132238}.filter span{background:#ffffff8f;border-radius:12px;padding:1px 5px;margin-left:4px}.fan-filter{margin-left:auto}.results-head{display:flex;align-items:end;justify-content:space-between;margin:31px 0 17px}.date-title{color:#72808d;font-size:12px;margin:0 0 5px}.results-head h2,.how h2,dialog h2{font:700 25px Unbounded;margin:0;letter-spacing:-1.5px}.fresh{margin:0;color:#81909b;font-size:11px;font-weight:600}.fresh span{width:7px;height:7px;background:#32b879;border-radius:100%;display:inline-block}.match-list{display:grid;gap:11px}.match{background:#fff;border:1px solid #e5e8e3;border-radius:13px;padding:18px 19px;display:grid;grid-template-columns:71px 1.4fr 1fr 130px 36px;align-items:center;gap:13px;transition:.15s}.match:hover{transform:translateY(-2px);box-shadow:0 8px 22px #172c4012}.time{font:800 18px Unbounded;color:var(--navy)}.status{font-size:10px;font-weight:700;color:#35aa7a;margin-top:3px}.fixture h3{font-size:15px;margin:0 0 5px;letter-spacing:-.3px}.tournament{margin:0;color:#74818e;font-size:12px;font-weight:700}.venue{font-size:12px;color:#4e5d6c;line-height:1.55}.venue b{display:block;color:#1f3041}.fan{font-size:11px;font-weight:700;line-height:1.35}.fan.yes{color:#d75749}.fan.no{color:#29936d}.tickets{border:0;background:var(--navy);color:#fff;border-radius:7px;padding:9px 11px;text-decoration:none;text-align:center;font-weight:800;font-size:11px}.more{border:0;background:none;font-size:23px;cursor:pointer;color:#80909e}.map-panel{height:530px;border-radius:13px;overflow:hidden;background:#e2e4d7;position:relative;border:1px solid #d4d9ce}.hidden{display:none}.map-grid{position:absolute;inset:0;background-image:linear-gradient(25deg,transparent 49%,#ffffffa1 50%,transparent 51%),linear-gradient(-36deg,transparent 49%,#ffffffab 50%,transparent 51%),linear-gradient(90deg,transparent 49%,#b9c9a955 50%,transparent 51%);background-size:88px 66px,110px 90px,54px 100%;opacity:.85}.river{position:absolute;width:135%;height:80px;top:47%;left:-20%;background:#9fd4dfaa;transform:rotate(-15deg);border:8px solid #d2e7e966}.map-label{position:absolute;color:#7e8b7f;font:700 11px Unbounded;letter-spacing:1px}.moscow{top:43%;left:42%}.khimki{top:22%;left:37%}.mytishi{top:27%;right:15%}.marker{position:absolute;background:var(--navy);border:3px solid white;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;box-shadow:0 3px 10px #263a3c55;cursor:pointer}.marker i{position:absolute;right:-7px;top:-6px;width:17px;height:17px;border-radius:10px;background:var(--coral);color:#fff;text-align:center;font:700 10px/17px Manrope;font-style:normal}.marker-one{left:46%;top:43%}.marker-two{left:35%;top:54%}.marker-three{right:26%;top:35%}.marker-four{left:60%;bottom:18%}.map-card{position:absolute;background:#fff;left:calc(46% + 22px);top:calc(43% - 66px);border-radius:10px;padding:14px 16px;box-shadow:0 8px 28px #2134433b;min-width:210px}.map-card h3{margin:2px 0;font-size:14px}.map-card p{margin:3px 0;font-size:11px;color:#6d7b88;font-weight:600}.map-card .map-time{color:#24936c;font-weight:800}.map-card span{font-size:10px;color:#d65d50;font-weight:800}.map-note{position:absolute;left:15px;bottom:15px;padding:9px 12px;border-radius:7px;background:#fff;font-size:11px;color:#6b7782}.how{background:#e9eee7;padding:68px max(9vw,34px)}.how h2{font-size:31px;margin-bottom:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1050px}.steps article{border-top:1px solid #bfcabf;padding-top:14px}.steps span{font:700 11px Unbounded;color:#31a779}.steps h3{font-size:16px;margin:21px 0 8px}.steps p{max-width:250px;line-height:1.6;color:#63717d;font-size:13px;margin:0}footer{padding:35px max(9vw,34px);background:var(--navy);color:#b7c5cf;display:flex;gap:30px;align-items:center;font-size:12px}footer .brand{color:#fff}footer small{margin-left:auto;color:#708799}dialog{border:0;border-radius:15px;padding:27px;min-width:320px;color:var(--ink);box-shadow:0 20px 60px #0004}dialog::backdrop{background:#0e243b8c}.close{float:right;border:0;background:#eef1ed;border-radius:50%;width:28px;height:28px;font-size:21px;cursor:pointer}.city-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:21px}.city-options button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;text-align:left;font:700 12px Manrope;cursor:pointer}.city-options button:hover{border-color:#38a97d;background:#f0f8f4}@media(max-width:720px){.header{height:65px}.nav{display:none}.city-button{margin-left:auto}.hero{min-height:330px;padding-top:50px}.hero-pitch{opacity:.27;right:-190px}.finder{padding:27px 16px 52px}.filters{flex-wrap:nowrap;overflow:auto}.fan-filter{margin-left:0}.results-head{align-items:start}.fresh{display:none}.match{grid-template-columns:54px 1fr 27px;padding:14px;gap:8px}.fixture{grid-column:2}.venue{grid-column:2}.fan{grid-column:2}.tickets{display:none}.time{font-size:14px;grid-row:1}.more{grid-column:3;grid-row:1;align-self:start}.map-card{left:15px;top:15px}.steps{grid-template-columns:1fr}.how{padding:48px 28px}footer{display:block}footer p{margin:15px 0}footer small{display:block}.results-head h2,.how h2{font-size:21px}}
.date-navigation { display:grid; grid-template-columns:38px minmax(0,1fr) 38px auto; gap:8px; align-items:stretch; position:relative; }
.dates { scrollbar-width:none; scroll-snap-type:x proximity; overscroll-behavior-inline:contain; }
.dates::-webkit-scrollbar { display:none; }
.dates .date { flex:0 0 104px; scroll-snap-align:start; }
.date-arrow { border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--navy); font:700 27px/1 Manrope; cursor:pointer; transition:.15s; }
.date-arrow:hover { border-color:#9cad9e; background:#edf3ea; }
.date-navigation > .calendar { min-width:140px; }
.date-picker { position: absolute; right:0; bottom:0; width:1px; height:1px; opacity:0; pointer-events:none; }
.region-search { width:100%; margin-top:18px; padding:12px; border:1px solid var(--line); border-radius:9px; font:600 13px Manrope; }
.region-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; max-height:430px; overflow:auto; padding-right:4px; }
.region-options button { background:#fff; border:1px solid var(--line); border-radius:8px; padding:10px; text-align:left; font:700 11px Manrope; cursor:pointer; }
.region-options button:hover,.region-options button.active { border-color:#38a97d; background:#f0f8f4; }
.region-badge { display:inline-block; margin-top:6px; padding:3px 7px; border-radius:10px; background:#dff7a5; color:#315a22; font-size:9px; font-weight:800; }
.all-matches-note { color:#647583; font-size:11px; font-weight:700; margin-top:5px; }
@media(max-width:720px) { .date-navigation { grid-template-columns:34px minmax(0,1fr) 34px; } .date-navigation > .calendar { grid-column:1/-1; justify-content:center; min-height:43px; } .region-options { grid-template-columns:1fr; } .city-button { max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } }