/* 7k52r7.fun — editorial / print-magazine layout. Заливные луга: зелень, речная синь. */
:root{
  --bg:#0b0f0c; --bg-2:#141a15; --paper:#eaf1ea; --muted:#96a596; --muted-2:#6f8070;
  --acc:#7fbf5a; --gold:#5aa8c9; --rule:#2a3329; --rule-2:#3a4638;
  --disp:"Philosopher",Georgia,"Times New Roman",serif;
  --serif:"Golos Text",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:17px/1.7 var(--serif);color:var(--paper);
  background:radial-gradient(900px 500px at 100% -5%,rgba(127,191,90,.10),transparent 60%),var(--bg);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:var(--acc);text-decoration:none}
p{margin:0 0 16px}
h1,h2,h3,h4{font-family:var(--disp);font-weight:700;margin:0}
.floodm-em{color:var(--acc)}
.floodm-skip{position:absolute;top:-42px;left:8px;padding:8px 12px;background:var(--gold);color:#0b0f0c;z-index:200;font-weight:700}
.floodm-skip:focus{top:8px}
main{max-width:1040px;margin:0 auto;padding:0 clamp(20px,5vw,44px)}

/* ===== MASTHEAD ===== */
.floodm-mast{max-width:1040px;margin:0 auto;padding:22px clamp(20px,5vw,44px) 0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--rule)}
.floodm-mark{display:flex;align-items:center;gap:12px;padding-bottom:16px}
.floodm-mark__lamp{font-family:var(--disp);font-weight:800;font-size:26px;color:var(--acc);border:2px solid var(--acc);border-radius:6px;padding:2px 8px;line-height:1}
.floodm-mark__t{font-family:var(--disp);font-weight:700;font-size:19px;color:var(--paper);line-height:1.15}
.floodm-mark__sub{display:block;font-family:var(--serif);font-style:italic;font-size:12px;color:var(--muted);font-weight:400}
.floodm-nav{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;letter-spacing:.5px;padding-bottom:16px}
.floodm-nav a{color:var(--muted)}.floodm-nav a:hover{color:var(--acc)}
.floodm-cta{font-family:var(--disp);font-weight:700;border-radius:3px;padding:10px 18px;display:inline-block}
.floodm-cta--sm{font-size:13px;background:var(--acc);color:#0b0f0c;margin-bottom:16px}
.floodm-cta--sm:hover{background:var(--gold);color:#0b0f0c}
.floodm-cta--big{font-size:16px;background:var(--acc);color:#0b0f0c;padding:14px 26px}
.floodm-cta--big:hover{background:var(--gold);color:#0b0f0c}
.floodm-cta--ghost{font-size:15px;font-style:italic;color:var(--muted);border-bottom:1px solid var(--rule-2);padding:14px 2px}
.floodm-cta--ghost:hover{color:var(--paper)}

/* ===== TICKER ===== */
.floodm-ticker{overflow:hidden;border-bottom:1px solid var(--rule);background:var(--bg-2)}
.floodm-ticker__track{display:flex;white-space:nowrap;animation:floodm-scroll 42s linear infinite;padding:10px 0}
.floodm-ticker__seg{font-size:13px;color:var(--muted);padding:0 18px}
.floodm-ticker__dot{color:var(--acc)}
@keyframes floodm-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== STATSTRIP ===== */
.floodm-strip{display:flex;flex-wrap:wrap;max-width:1040px;margin:0 auto;padding:0 clamp(20px,5vw,44px);border-bottom:1px solid var(--rule)}
.floodm-strip__cell{flex:1;min-width:150px;padding:18px 18px 18px 0;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:4px}
.floodm-strip__cell:last-child{border-right:0}
.floodm-strip__num{font-family:var(--disp);font-weight:700;font-size:22px;color:var(--paper)}
.floodm-strip__lbl{font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}

/* ===== HERO ===== */
.floodm-hero{padding:44px 0 34px;border-bottom:1px solid var(--rule)}
.floodm-tag{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0 0 18px;font-family:var(--serif)}
.floodm-hero h1{font-size:clamp(30px,5vw,54px);line-height:1.08;letter-spacing:-.5px;max-width:22ch;margin:0 0 22px}
.floodm-hero__sub{font-size:clamp(16.5px,2vw,20px);line-height:1.6;color:var(--paper);max-width:64ch;margin:0 0 22px}
.floodm-hero__btns{display:flex;gap:26px;align-items:baseline;flex-wrap:wrap;margin:0 0 30px}
.floodm-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;border-top:1px solid var(--rule)}
.floodm-quick__i{display:flex;flex-direction:column;gap:4px;padding:18px 16px 0;border-right:1px solid var(--rule);color:var(--paper)}
.floodm-quick__i:last-child{border-right:0}
.floodm-quick__i:hover{background:var(--bg-2)}
.floodm-quick__k{font-family:var(--disp);font-weight:700;font-size:15px;color:var(--acc)}
.floodm-quick__v{font-size:12px;color:var(--muted)}
.floodm-kpi{display:flex;margin-top:22px;border-top:1px solid var(--rule)}
.floodm-kpi__i{flex:1;padding:20px 18px 0;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:4px}
.floodm-kpi__i:last-child{border-right:0}
.floodm-kpi__n{font-family:var(--disp);font-weight:700;font-size:32px;color:var(--gold);line-height:1}
.floodm-kpi__l{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}

/* ===== CHAPTERS ===== */
.floodm-part{padding:48px 0}
.floodm-part__head{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num label" "num title";column-gap:22px;align-items:start}
.floodm-part__num{grid-area:num;font-family:var(--disp);font-weight:800;font-size:clamp(38px,6vw,68px);color:transparent;-webkit-text-stroke:1px var(--rule-2);line-height:.9}
.floodm-part__label{grid-area:label;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.floodm-part__title{grid-area:title;font-size:clamp(24px,3.2vw,38px);line-height:1.14;letter-spacing:-.3px}
.floodm-part__label--center{text-align:center;display:block}
.floodm-rule{height:1px;background:var(--rule);margin:22px 0 26px}
.floodm-hold{max-width:720px}
.floodm-p{color:var(--paper);font-size:16.5px}
.floodm-sub{font-size:20px;margin:28px 0 10px;color:var(--paper);font-style:italic;border-left:2px solid var(--acc);padding-left:14px}
.floodm-part__cta{margin:24px 0 0}

/* welcome deftable */
.floodm-table{width:100%;border-collapse:collapse;margin:26px 0 0;font-size:15px}
.floodm-table th{text-align:left;font-family:var(--serif);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:0 16px 12px 0;border-bottom:1px solid var(--rule-2)}
.floodm-table td{padding:16px 16px 16px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.floodm-table__d{font-family:var(--disp);font-style:italic;color:var(--gold);white-space:nowrap}
.floodm-table__p{font-family:var(--disp);font-weight:700;font-size:20px;color:var(--acc)}
.floodm-table__n{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.5}

/* start rows */
.floodm-steps{list-style:none;padding:0;margin:26px 0 0}
.floodm-step{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--rule)}
.floodm-step:last-child{border-bottom:0}
.floodm-step__n{font-family:var(--disp);font-weight:800;font-size:38px;color:transparent;-webkit-text-stroke:1px var(--acc);line-height:.9}
.floodm-step__h{font-size:19px;margin:0 0 6px}
.floodm-step__b .floodm-p{margin:0;color:var(--muted);font-size:15px}

/* ranked catalogue */
.floodm-rank{list-style:none;padding:0;margin:26px 0 0}
.floodm-rank__r{display:grid;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid var(--rule)}
.floodm-rank__r:hover{background:var(--bg-2)}
.floodm-rank__n{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--gold);min-width:2ch}
.floodm-rank__name{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--paper)}
.floodm-rank__meta{font-size:13px;color:var(--muted);font-style:italic}
.floodm-rank__go{font-size:13px;color:var(--acc);white-space:nowrap;font-weight:700}
.floodm-rank__go:hover{color:var(--gold)}

.floodm-chips{margin:24px 0 0}
.floodm-chips__h{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.floodm-chips__row{display:flex;flex-wrap:wrap;gap:0;margin:0}
.floodm-chips__row span{font-size:13px;color:var(--muted);padding:2px 14px;border-left:1px solid var(--rule-2)}
.floodm-chips__row span:first-child{padding-left:0;border-left:0}

/* VIP ladder */
.floodm-ladder{margin:30px 0 6px;display:flex;flex-wrap:wrap;border-top:1px solid var(--rule)}
.floodm-ladder__b{flex:1;min-width:140px;display:flex;flex-direction:column;gap:8px;padding:18px 16px 0 0}
.floodm-ladder__name{font-family:var(--disp);font-weight:700;font-size:15px;color:var(--paper)}
.floodm-ladder__fill{display:block;height:6px;background:var(--rule-2);position:relative;border-radius:3px;overflow:hidden}
.floodm-ladder__fill::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--f);background:var(--acc)}
.floodm-ladder__cb{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--gold)}
.floodm-ladder__b--top .floodm-ladder__cb{color:var(--acc)}
.floodm-notes{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:34px}
.floodm-note{padding:22px 0;border-top:1px solid var(--rule)}
.floodm-note__h{font-size:17px;margin:0 0 8px;color:var(--gold)}
.floodm-note .floodm-p{margin:0;color:var(--muted);font-size:14.5px}

/* tournament figures */
.floodm-figs{display:flex;flex-wrap:wrap;margin:26px 0 0;border-top:1px solid var(--rule)}
.floodm-figs__i{flex:1;min-width:150px;padding:20px 20px 0 0;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:4px}
.floodm-figs__i:last-child{border-right:0}
.floodm-figs__n{font-family:var(--disp);font-weight:700;font-size:28px;color:var(--gold)}
.floodm-figs__l{font-weight:700;font-size:14px;color:var(--paper)}
.floodm-figs__s{font-size:12.5px;color:var(--muted);font-style:italic}

/* live list */
.floodm-live{list-style:none;padding:0;margin:26px 0 0}
.floodm-live__r{display:grid;grid-template-columns:1.4fr 1.2fr 1fr auto auto;align-items:baseline;gap:16px;padding:15px 0;border-bottom:1px solid var(--rule)}
.floodm-live__name{font-family:var(--disp);font-weight:700;font-size:17px}
.floodm-live__desc{font-size:13px;color:var(--muted);font-style:italic}
.floodm-live__mult{font-size:13.5px;color:var(--gold)}
.floodm-live__bet{font-size:12.5px;color:var(--muted-2)}
.floodm-live__tag{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--bg);background:var(--acc);padding:3px 9px;font-weight:700}

.floodm-badges{display:flex;flex-wrap:wrap;gap:0;margin:26px 0 0;border-top:1px solid var(--rule);padding-top:18px}
.floodm-badge{font-size:12px;letter-spacing:.5px;color:var(--muted);padding:2px 16px;border-left:1px solid var(--rule-2)}
.floodm-badge:first-child{padding-left:0;border-left:0}

/* cashier table */
.floodm-rails{width:100%;border-collapse:collapse;margin:26px 0 0;max-width:520px}
.floodm-rails th{text-align:left;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-family:var(--serif);padding:0 16px 12px 0;border-bottom:1px solid var(--rule-2)}
.floodm-rails td{padding:13px 16px 13px 0;border-bottom:1px solid var(--rule);font-size:15px;color:var(--muted)}
.floodm-rails__r{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--paper)}
.floodm-times{margin:28px 0 0}
.floodm-times__row{display:flex;gap:20px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--rule)}
.floodm-times__row dt{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--gold);min-width:110px}
.floodm-times__row dd{margin:0;font-size:14px;color:var(--muted)}

/* reviews */
.floodm-quotes{margin:26px 0 0}
.floodm-q{margin:0 0 30px;padding-bottom:26px;border-bottom:1px solid var(--rule)}
.floodm-q:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.floodm-q__h{font-size:19px;margin:0 0 10px}
.floodm-q__stars{color:var(--gold);letter-spacing:5px;font-size:15px;margin:0 0 14px}
.floodm-q__stars--four .floodm-star-off{color:var(--rule-2)}
.floodm-q__t{font-family:var(--disp);font-style:italic;font-size:clamp(17px,2vw,21px);line-height:1.5;color:var(--paper);margin:0 0 12px}
.floodm-q__by{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted-2)}

.floodm-final{text-align:center;padding:52px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.floodm-final__h{font-size:clamp(24px,3.2vw,36px);margin:0 0 12px}
.floodm-final__p{color:var(--muted);max-width:52ch;margin:0 auto 22px}

/* faq */
.floodm-faq{margin:26px 0 0}
.floodm-qa{padding:18px 0;border-bottom:1px solid var(--rule)}
.floodm-qa summary{cursor:pointer;list-style:none;font-family:var(--disp);font-weight:700;font-size:17.5px;color:var(--paper);position:relative;padding-right:30px}
.floodm-qa summary::-webkit-details-marker{display:none}
.floodm-qa summary::after{content:"+";position:absolute;right:0;top:-4px;color:var(--acc);font-size:24px;font-family:var(--serif)}
.floodm-qa[open] summary::after{content:"–"}
.floodm-qa[open] summary{color:var(--acc)}
.floodm-qa .floodm-p{margin:14px 0 0;color:var(--muted);font-size:15px}

.floodm-noteblock .floodm-hold{max-width:720px}

/* colophon */
.floodm-colophon{max-width:1040px;margin:0 auto;padding:0 clamp(20px,5vw,44px) 40px}
.floodm-colophon__rule{height:2px;background:var(--gold);margin:0 0 30px}
.floodm-colophon__top{display:grid;grid-template-columns:1.3fr 2fr;gap:40px}
.floodm-colophon__wm{font-family:var(--disp);font-weight:800;font-size:23px;margin:0}
.floodm-colophon__tag{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:4px 0 14px}
.floodm-colophon__legal{font-size:12.5px;color:var(--muted-2);line-height:1.7;margin:0}
.floodm-colophon__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.floodm-colophon__col h4{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin:0 0 12px;font-family:var(--serif)}
.floodm-colophon__col ul{list-style:none;padding:0;margin:0}
.floodm-colophon__col li{font-size:13px;color:var(--muted);padding:4px 0}
.floodm-colophon__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:30px;padding-top:18px;border-top:1px solid var(--rule);font-size:11.5px;color:var(--muted-2)}

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .floodm-notes,.floodm-colophon__top{grid-template-columns:1fr}
  .floodm-quick{grid-template-columns:repeat(2,1fr)}
  .floodm-live__r{grid-template-columns:1fr 1fr;gap:6px 16px}
  .floodm-live__tag{grid-column:2;justify-self:end}
  .floodm-colophon__cols{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  .floodm-strip{flex-wrap:wrap}
  .floodm-strip__cell{flex:1 0 50%;border-bottom:1px solid var(--rule);padding-bottom:16px}
  .floodm-kpi{flex-wrap:wrap}
  .floodm-kpi__i{flex:1 0 50%;border-right:0;padding:8px 0}
  .floodm-part__head{grid-template-columns:1fr;grid-template-areas:"num" "label" "title";row-gap:6px}
  .floodm-part__num{font-size:42px}
  .floodm-rank__r{grid-template-columns:auto 1fr auto;gap:10px 14px}
  .floodm-rank__meta{grid-column:2/4;font-size:12px}
  .floodm-figs__i{flex:1 0 50%;border-right:0}
  .floodm-quick{grid-template-columns:1fr}
  .floodm-quick__i{border-right:0;border-bottom:1px solid var(--rule)}
  .floodm-colophon__cols{grid-template-columns:1fr}
}
