/* 7k348.team — «Маяк и линза Френеля». Штормовая ночь, луч и бирюза. */
:root{
  --bg:#080d12; --panel:#10171e; --panel2:#182129; --line:#243039;
  --acc:#ffd166; --acc2:#3fa9a0; --text:#e9f0f4; --muted:#8fa0ab;
  --disp:"Bona Nova",Georgia,"Times New Roman",serif;
  --body:"Golos Text",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --wrap:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16.5px/1.68 var(--body);color:var(--text);
  background:
    radial-gradient(720px 420px at 88% -8%,rgba(255,209,102,.10),transparent 62%),
    radial-gradient(620px 380px at 4% 12%,rgba(63,169,160,.09),transparent 60%),
    var(--bg);
  -webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--acc2);text-decoration:none}
p{margin:0 0 15px}
h1,h2,h3,h4{font-family:var(--disp);font-weight:700;margin:0;line-height:1.12}
ul{margin:0;padding:0}
.fresnel-em{color:var(--acc)}
.fresnel-skip{position:absolute;top:-48px;left:10px;z-index:99;padding:9px 14px;background:var(--acc);color:#0a0f14;font-weight:700}
.fresnel-skip:focus{top:10px}
main{max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,4.4vw,40px)}

/* ===== MAST ===== */
.fresnel-mast{max-width:var(--wrap);margin:0 auto;padding:18px clamp(18px,4.4vw,40px);
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.fresnel-mark{display:flex;align-items:center;gap:12px;color:var(--text);margin-right:auto}
.fresnel-mark__lamp{display:grid;place-items:center;width:42px;height:42px;background:var(--acc);color:#0a0f14;
  font-family:var(--disp);font-weight:700;font-size:19px;letter-spacing:.5px;
  clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}
.fresnel-mark__t{display:flex;flex-direction:column;font-family:var(--disp);font-weight:700;font-size:19px;letter-spacing:.3px}
.fresnel-mark__sub{font-family:var(--body);font-weight:400;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.fresnel-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;letter-spacing:1.2px;text-transform:uppercase}
.fresnel-nav a{color:var(--muted)}
.fresnel-nav a:hover{color:var(--acc)}

/* ===== CTA ===== */
.fresnel-cta{display:inline-block;font-family:var(--body);font-weight:700;letter-spacing:.4px;
  background:var(--acc);color:#0a0f14;padding:13px 24px;border:1px solid var(--acc)}
.fresnel-cta:hover{background:var(--acc2);border-color:var(--acc2);color:#04100f}
.fresnel-cta--sm{padding:9px 17px;font-size:13.5px}
.fresnel-cta--big{padding:15px 30px;font-size:16px}
.fresnel-cta--ghost{background:transparent;color:var(--acc2);border:1px solid var(--line)}
.fresnel-cta--ghost:hover{background:transparent;color:var(--acc);border-color:var(--acc)}

/* ===== TICKER ===== */
.fresnel-ticker{overflow:hidden;border-bottom:1px solid var(--line);background:var(--panel)}
.fresnel-ticker__track{display:flex;align-items:center;gap:14px;white-space:nowrap;padding:10px 0;
  animation:fresnel-run 42s linear infinite;width:max-content}
@keyframes fresnel-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fresnel-ticker__seg{font-size:12.5px;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}
.fresnel-ticker__dot{color:var(--acc);font-size:10px}
@media (prefers-reduced-motion:reduce){.fresnel-ticker__track{animation:none}}

/* ===== STRIP ===== */
.fresnel-strip{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}
.fresnel-strip__cell{padding:18px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.fresnel-strip__cell:last-child{border-right:0}
.fresnel-strip__num{font-family:var(--disp);font-weight:700;font-size:23px;color:var(--acc)}
.fresnel-strip__lbl{font-size:11.5px;letter-spacing:.9px;text-transform:uppercase;color:var(--muted)}

/* ===== BEACON (hero split с чертой) ===== */
.fresnel-beacon{display:grid;grid-template-columns:minmax(0,1.55fr) 1px minmax(0,1fr);gap:0 38px;
  padding:42px 0 38px;border-bottom:1px solid var(--line);position:relative}
.fresnel-beacon::before{content:"";grid-column:2;background:linear-gradient(180deg,transparent,var(--acc),var(--line),transparent)}
.fresnel-beacon__lead{grid-column:1}
.fresnel-beacon__art{grid-column:3;display:flex;flex-direction:column;justify-content:center;gap:12px}
.fresnel-tag{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin:0 0 16px}
.fresnel-beacon h1{font-size:clamp(29px,4.5vw,50px);letter-spacing:-.4px;margin:0 0 18px;max-width:19ch}
.fresnel-beacon__sub{font-size:clamp(15.5px,1.7vw,18px);color:var(--text);max-width:62ch;margin:0 0 22px}
.fresnel-beacon__btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.fresnel-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.fresnel-quick__i{display:flex;flex-direction:column;gap:4px;padding:14px 15px;background:var(--panel);color:var(--text)}
.fresnel-quick__i:hover{background:var(--panel2)}
.fresnel-quick__k{font-family:var(--disp);font-weight:700;font-size:15px;color:var(--acc2)}
.fresnel-quick__v{font-size:12.5px;color:var(--muted)}
.fresnel-kpi{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border-top:1px solid var(--line)}
.fresnel-kpi__i{display:flex;flex-direction:column;gap:3px;padding:16px 12px 0;border-right:1px solid var(--line)}
.fresnel-kpi__i:last-child{border-right:0}
.fresnel-kpi__n{font-family:var(--disp);font-weight:700;font-size:28px;color:var(--acc)}
.fresnel-kpi__l{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.fresnel-ring{position:relative;height:44px;display:flex;align-items:center;padding-left:14px;
  background:linear-gradient(90deg,rgba(63,169,160,.20),rgba(63,169,160,0));
  width:var(--w);min-width:36%;border-left:3px solid var(--acc2)}
.fresnel-ring span{font-family:var(--disp);font-weight:700;font-size:13.5px;color:var(--text);white-space:nowrap}
.fresnel-ring--top{background:linear-gradient(90deg,rgba(255,209,102,.30),rgba(255,209,102,0));border-left-color:var(--acc)}
.fresnel-ring--top span{color:var(--acc)}

/* ===== PART ===== */
.fresnel-part{padding:44px 0}
.fresnel-part__head{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num label" "num title";column-gap:20px}
.fresnel-part__num{grid-area:num;font-family:var(--disp);font-weight:700;font-size:clamp(38px,5.6vw,64px);
  color:transparent;-webkit-text-stroke:1px var(--line);line-height:.92}
.fresnel-part__label{grid-area:label;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin-bottom:7px}
.fresnel-part__title{grid-area:title;font-size:clamp(23px,3.1vw,36px);letter-spacing:-.2px}
.fresnel-rule{height:1px;background:var(--line);margin:20px 0 24px}
.fresnel-hold{max-width:74ch}
.fresnel-p{color:var(--text);font-size:16px}
.fresnel-sub{font-size:19px;margin:26px 0 9px;color:var(--acc2);border-left:2px solid var(--acc);padding-left:13px}
.fresnel-hold>.fresnel-sub:first-child{margin-top:0}
.fresnel-part__cta{margin:24px 0 0}

/* ===== WELCOME TABLE ===== */
.fresnel-table{width:100%;border-collapse:collapse;margin:24px 0 0;font-size:15px}
.fresnel-table th{text-align:left;font-family:var(--body);font-weight:600;font-size:11px;letter-spacing:1.4px;
  text-transform:uppercase;color:var(--muted);padding:0 14px 11px 0;border-bottom:1px solid var(--line)}
.fresnel-table td{padding:15px 14px 15px 0;border-bottom:1px solid var(--line);vertical-align:top}
.fresnel-table__d{font-family:var(--disp);font-style:italic;color:var(--acc2);white-space:nowrap}
.fresnel-table__p{font-family:var(--disp);font-weight:700;font-size:20px;color:var(--acc)}
.fresnel-table__n{display:block;font-size:12.5px;color:var(--muted);margin-top:5px;line-height:1.5}

/* ===== STEPS ===== */
.fresnel-steps{list-style:none;margin:22px 0 0}
.fresnel-step{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.fresnel-step:last-child{border-bottom:0}
.fresnel-step__n{font-family:var(--disp);font-weight:700;font-size:36px;color:transparent;-webkit-text-stroke:1px var(--acc);line-height:.9}
.fresnel-step__h{font-size:18px;margin:0 0 6px;color:var(--acc2)}
.fresnel-step__b .fresnel-p{margin:0;color:var(--muted);font-size:15px}

/* ===== RANK ===== */
.fresnel-rank{list-style:none;margin:24px 0 0}
.fresnel-rank__r{display:grid;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:16px;
  padding:13px 0;border-bottom:1px solid var(--line)}
.fresnel-rank__r:hover{background:var(--panel)}
.fresnel-rank__n{font-family:var(--disp);font-weight:700;font-size:17px;color:var(--acc);min-width:2ch}
.fresnel-rank__name{font-family:var(--disp);font-weight:700;font-size:17px}
.fresnel-rank__meta{font-size:13px;color:var(--muted)}
.fresnel-rank__go{font-size:13px;font-weight:700;color:var(--acc2);white-space:nowrap}
.fresnel-rank__go:hover{color:var(--acc)}
.fresnel-chips{margin:22px 0 0}
.fresnel-chips__h{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc);margin:0 0 9px}
.fresnel-chips__row{display:flex;flex-wrap:wrap;margin:0}
.fresnel-chips__row span{font-size:13px;color:var(--muted);padding:2px 13px;border-left:1px solid var(--line)}
.fresnel-chips__row span:first-child{padding-left:0;border-left:0}

/* ===== LADDER ===== */
.fresnel-ladder{margin:26px 0 6px;display:flex;flex-direction:column;gap:9px}
.fresnel-ladder__b{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:11px 16px;background:var(--panel);border-left:3px solid var(--acc2);overflow:hidden}
.fresnel-ladder__fill{position:absolute;left:0;top:0;bottom:0;width:var(--f);background:rgba(63,169,160,.14);z-index:0}
.fresnel-ladder__name,.fresnel-ladder__cb{position:relative;z-index:1}
.fresnel-ladder__name{font-family:var(--disp);font-weight:700;font-size:16px}
.fresnel-ladder__cb{font-size:13.5px;color:var(--acc);white-space:nowrap}
.fresnel-ladder__b--top{border-left-color:var(--acc)}
.fresnel-ladder__b--top .fresnel-ladder__fill{background:rgba(255,209,102,.16)}
.fresnel-notes{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-top:28px}
.fresnel-note{padding:20px 0;border-top:1px solid var(--line)}
.fresnel-note__h{font-size:17px;margin:0 0 7px;color:var(--acc)}
.fresnel-note .fresnel-p{margin:0;color:var(--muted);font-size:14.5px}

/* ===== TOURNAMENT FIGURES ===== */
.fresnel-figs{display:flex;flex-wrap:wrap;margin:24px 0 0;border-top:1px solid var(--line)}
.fresnel-figs__i{flex:1;min-width:150px;padding:18px 18px 0 0;border-right:1px solid var(--line);
  display:flex;flex-direction:column;gap:4px}
.fresnel-figs__i:last-child{border-right:0}
.fresnel-figs__n{font-family:var(--disp);font-weight:700;font-size:28px;color:var(--acc)}
.fresnel-figs__l{font-weight:600;font-size:14px}
.fresnel-figs__s{font-size:12.5px;color:var(--muted)}

/* ===== LIVE ===== */
.fresnel-live{list-style:none;margin:24px 0 0}
.fresnel-live__r{display:grid;grid-template-columns:1.5fr 1.1fr .9fr auto auto;align-items:baseline;gap:15px;
  padding:14px 0;border-bottom:1px solid var(--line)}
.fresnel-live__name{font-family:var(--disp);font-weight:700;font-size:16px}
.fresnel-live__desc{font-size:13px;color:var(--muted)}
.fresnel-live__mult{font-size:13.5px;color:var(--acc)}
.fresnel-live__bet{font-size:12.5px;color:var(--muted)}
.fresnel-live__tag{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#04100f;background:var(--acc2);padding:3px 9px;font-weight:700}

/* ===== BADGES ===== */
.fresnel-badges{display:flex;flex-wrap:wrap;margin:24px 0 0;border-top:1px solid var(--line);padding-top:16px}
.fresnel-badge{font-size:12px;color:var(--muted);padding:2px 15px;border-left:1px solid var(--line)}
.fresnel-badge:first-child{padding-left:0;border-left:0}

/* ===== QUOTES ===== */
.fresnel-quotes{margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fresnel-q{margin:0;padding:20px;background:var(--panel);border-top:2px solid var(--acc2)}
.fresnel-q__h{font-size:15px;margin:0 0 10px;color:var(--acc)}
.fresnel-q__stars{color:var(--acc);letter-spacing:3px;font-size:13px;margin:0 0 10px}
.fresnel-q__stars--four .fresnel-star-off{color:var(--line)}
.fresnel-q__t{margin:0 0 12px;font-size:14.5px;color:var(--text);line-height:1.6}
.fresnel-q__by{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}

/* ===== CASHIER ===== */
.fresnel-rails{width:100%;border-collapse:collapse;margin:24px 0 0;max-width:540px}
.fresnel-rails th{text-align:left;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);
  font-family:var(--body);font-weight:600;padding:0 14px 11px 0;border-bottom:1px solid var(--line)}
.fresnel-rails td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted)}
.fresnel-rails__r{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--text)}
.fresnel-times{margin:24px 0 0}
.fresnel-times__row{display:flex;gap:20px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
.fresnel-times__row dt{font-family:var(--disp);font-weight:700;font-size:17px;color:var(--acc);min-width:106px}
.fresnel-times__row dd{margin:0;font-size:14px;color:var(--muted)}

/* ===== FINAL ===== */
.fresnel-final{text-align:center;padding:46px 24px;margin:20px 0;background:var(--panel2);border-top:2px solid var(--acc)}
.fresnel-final__h{font-size:clamp(22px,3vw,34px);margin:0 0 12px}
.fresnel-final__p{color:var(--muted);max-width:54ch;margin:0 auto 20px}

/* ===== FAQ (2 колонки) ===== */
.fresnel-faq{margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.fresnel-qa{padding:16px 0;border-bottom:1px solid var(--line)}
.fresnel-qa summary{cursor:pointer;list-style:none;font-family:var(--disp);font-weight:700;font-size:16.5px;
  color:var(--text);position:relative;padding-right:28px}
.fresnel-qa summary::-webkit-details-marker{display:none}
.fresnel-qa summary::after{content:"+";position:absolute;right:0;top:-3px;color:var(--acc);font-size:22px}
.fresnel-qa[open] summary::after{content:"–"}
.fresnel-qa[open] summary{color:var(--acc)}
.fresnel-qa .fresnel-p{margin:12px 0 0;color:var(--muted);font-size:14.5px}
.fresnel-noteblock .fresnel-p{color:var(--muted);font-size:15px}

/* ===== COLOPHON ===== */
.fresnel-colophon{max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,4.4vw,40px) 38px}
.fresnel-colophon__rule{height:2px;background:var(--acc);margin:0 0 28px}
.fresnel-colophon__top{display:grid;grid-template-columns:1.25fr 2fr;gap:36px}
.fresnel-colophon__brand{min-width:0}
.fresnel-colophon__wm{font-family:var(--disp);font-weight:700;font-size:23px;margin:0}
.fresnel-colophon__tag{font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin:4px 0 13px}
.fresnel-colophon__legal{font-size:12.5px;color:var(--muted);line-height:1.7;margin:0}
.fresnel-colophon__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fresnel-colophon__col h4{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc);
  margin:0 0 11px;font-family:var(--body);font-weight:700}
.fresnel-colophon__col ul{list-style:none}
.fresnel-colophon__col li{font-size:13px;color:var(--muted);padding:4px 0}
.fresnel-colophon__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:13px;margin-top:28px;
  padding-top:17px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)}

/* ===== RESPONSIVE ===== */
@media (max-width:980px){
  .fresnel-beacon{grid-template-columns:1fr;gap:28px}
  .fresnel-beacon::before{display:none}
  .fresnel-beacon__lead,.fresnel-beacon__art{grid-column:1}
  .fresnel-beacon__art{flex-direction:row;flex-wrap:wrap}
  .fresnel-ring{height:38px;width:auto;min-width:0;padding-right:14px}
  .fresnel-notes,.fresnel-faq,.fresnel-colophon__top{grid-template-columns:1fr}
  .fresnel-quotes{grid-template-columns:1fr}
  .fresnel-strip{grid-template-columns:repeat(2,1fr)}
  .fresnel-strip__cell{border-bottom:1px solid var(--line)}
  .fresnel-live__r{grid-template-columns:1fr 1fr;gap:6px 15px}
  .fresnel-live__tag{grid-column:2;justify-self:end}
}
@media (max-width:620px){
  .fresnel-mast{gap:12px}
  .fresnel-nav{order:3;width:100%;gap:13px;font-size:12px}
  .fresnel-quick,.fresnel-kpi{grid-template-columns:1fr}
  .fresnel-kpi__i{border-right:0;border-bottom:1px solid var(--line);padding-bottom:12px}
  .fresnel-part__head{grid-template-columns:1fr;grid-template-areas:"num" "label" "title";row-gap:5px}
  .fresnel-part__num{font-size:40px}
  .fresnel-rank__r{grid-template-columns:auto 1fr auto;gap:9px 13px}
  .fresnel-rank__meta{grid-column:2/4;font-size:12px}
  .fresnel-figs__i{flex:1 0 50%;border-right:0}
  .fresnel-colophon__cols{grid-template-columns:1fr}
  .fresnel-table th:nth-child(4),.fresnel-table td:nth-child(4){font-size:13px}
}