:root{
  --bg:#050810;
  --bg2:#08101b;
  --panel:#0d1624;
  --panel2:#111d2e;
  --text:#f6f8fb;
  --muted:#91a0b4;
  --line:rgba(255,255,255,.09);
  --dota:#f05a3e;
  --cs:#3fa8ff;
  --lol:#d7ac55;
  --live:#ff3b5f;
  --max:1280px;
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
.be-shell{width:min(var(--max),calc(100% - 44px));margin-inline:auto}

/* Header */
.be-header{position:sticky;top:0;z-index:100;background:rgba(5,8,16,.72);backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid var(--line)}
.be-header__inner{height:76px;display:flex;align-items:center;gap:34px}
.be-brand{display:inline-flex;align-items:center;gap:12px;letter-spacing:.09em;font-size:13px;font-weight:950}
.be-brand__mark{width:36px;height:36px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid rgba(255,255,255,.28);background:linear-gradient(135deg,var(--dota),#8a5cff 48%,var(--cs));box-shadow:0 0 34px rgba(63,168,255,.16)}
.be-brand__mark i{font-style:normal;transform:rotate(-45deg);font-size:11px}
.be-brand__text b{font-weight:500;color:#8290a2}
.be-nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:12px;font-weight:850;color:#c4ccd7}
.be-nav a{position:relative;padding:10px 0;transition:.2s}
.be-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:#fff;transition:.25s}
.be-nav a:hover{color:#fff}.be-nav a:hover:after{right:0}
.be-nav .is-dota:hover{color:var(--dota)}.be-nav .is-dota:after{background:var(--dota)}
.be-nav .is-cs:hover{color:var(--cs)}.be-nav .is-cs:after{background:var(--cs)}
.be-nav .is-lol:hover{color:var(--lol)}.be-nav .is-lol:after{background:var(--lol)}
.be-menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);margin-left:auto;padding:10px}
.be-menu-button span{display:block;height:2px;background:#fff;margin:5px 0;transition:.25s}

/* Hero */
.be-hero{position:relative;overflow:hidden;min-height:760px;padding:100px 0 42px;background:
linear-gradient(180deg,rgba(5,8,16,.1),#050810 94%),
radial-gradient(circle at 75% 20%,#102447 0%,#08111f 35%,#050810 72%)}
.be-hero__mesh{position:absolute;inset:0;opacity:.38;background-image:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.85) 58%,transparent 100%)}
.be-hero:after{content:"";position:absolute;inset:-20% -10% auto 45%;height:70%;background:conic-gradient(from 210deg,transparent,rgba(73,168,255,.12),rgba(215,172,85,.08),transparent);filter:blur(36px);transform:rotate(-8deg)}
.be-hero__orb{position:absolute;border-radius:50%;filter:blur(85px);opacity:.24;pointer-events:none}
.be-hero__orb--red{width:420px;height:420px;background:var(--dota);left:-170px;bottom:-110px}
.be-hero__orb--blue{width:470px;height:470px;background:var(--cs);right:-140px;top:40px}
.be-hero__orb--gold{width:260px;height:260px;background:var(--lol);right:28%;bottom:-120px;opacity:.12}
.be-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:center}
.be-kicker,.be-eyebrow{font-size:11px;letter-spacing:.26em;font-weight:950;color:#84a9d8}
.be-hero h1{font-size:clamp(70px,9vw,132px);line-height:.78;margin:24px 0 34px;letter-spacing:-.068em;max-width:880px}
.be-hero h1 span{display:inline-block;background:linear-gradient(90deg,#fff,#d9e5f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.be-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.34)}
.be-hero__copy>p{max-width:650px;font-size:18px;line-height:1.7;color:#a8b5c6}
.be-hero__actions{display:flex;gap:13px;margin-top:30px}
.be-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:.04em;border:1px solid var(--line);transition:.25s}
.be-btn:hover{transform:translateY(-3px)}
.be-btn--primary{background:#fff;color:#080b12;box-shadow:0 12px 34px rgba(255,255,255,.08)}
.be-btn--glass{background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.be-hero-panel{position:relative;border:1px solid var(--line);border-radius:28px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));backdrop-filter:blur(16px);box-shadow:0 34px 90px rgba(0,0,0,.3)}
.be-hero-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 45%,rgba(63,168,255,.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}
.be-hero-panel__head{display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:950;letter-spacing:.14em;color:#b7c1cf}
.be-live-pulse{color:#ff6b84}.be-live-pulse i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--live);box-shadow:0 0 14px var(--live);animation:be-pulse 1.6s infinite}
.be-hero-panel__metric{padding:34px 0 30px;border-bottom:1px solid var(--line)}
.be-hero-panel__metric strong{display:block;font-size:68px;line-height:1;letter-spacing:-.06em}.be-hero-panel__metric span{color:var(--muted);font-size:12px}
.be-hero-panel__games{padding-top:15px}.be-hero-panel__games div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:12px;color:#c6cfdb}.be-hero-panel__games b{font-size:14px;color:#fff}
.be-game-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 15px currentColor}
.be-game-dot--dota2{background:var(--dota);color:var(--dota)}.be-game-dot--cs2{background:var(--cs);color:var(--cs)}.be-game-dot--lol{background:var(--lol);color:var(--lol)}
.be-hero__games{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:74px}
.be-game-tile{min-height:132px;border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;position:relative;overflow:hidden;background:#0b111a;transition:.3s;isolation:isolate}
.be-game-tile:before{content:"";position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center 26%;opacity:.68;filter:saturate(.92) contrast(1.05);transform:scale(1.03);transition:.4s}
.be-game-tile:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,8,14,.94) 0%,rgba(5,8,14,.6) 48%,rgba(5,8,14,.42) 100%),radial-gradient(circle at 82% 50%,var(--tile),transparent 72%);opacity:.96}
.be-game-tile>*{position:relative;z-index:2}.be-game-tile:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.18)}.be-game-tile:hover:before{transform:scale(1.075);opacity:.8}
.be-game-tile--dota{--tile:rgba(240,90,62,.24)}.be-game-tile--dota:before{background-image:url('../images/arena-dota2.webp')}
.be-game-tile--cs{--tile:rgba(63,168,255,.24)}.be-game-tile--cs:before{background-image:url('../images/arena-cs2.webp')}
.be-game-tile--lol{--tile:rgba(219,178,103,.22)}.be-game-tile--lol:before{background-image:url('../images/arena-lol.webp')}
.be-game-tile__index{font-size:10px;letter-spacing:.16em;color:#7d8b9d}.be-game-tile strong{display:block;font-size:19px}.be-game-tile small{display:block;color:#94a2b5;margin-top:7px}.be-game-tile>i{font-style:normal;font-size:21px;color:#8493a7}

/* Ticker */
.be-ticker{overflow:hidden;border-block:1px solid var(--line);background:#070c14;color:#74849a;white-space:nowrap}
.be-ticker__track{display:flex;width:max-content;animation:be-ticker var(--be-ticker-duration,56s) linear infinite;will-change:transform}
.be-ticker:hover .be-ticker__track,.be-ticker:focus-within .be-ticker__track{animation-play-state:paused}
.be-ticker__group{display:flex;align-items:stretch;flex:none}
.be-ticker-match{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 18px;border-right:1px solid rgba(255,255,255,.075);font-size:10px;letter-spacing:0;color:#9eacbd;transition:.2s}
.be-ticker-match:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);opacity:0;transition:.2s}
.be-ticker-match>*{position:relative;z-index:1}.be-ticker-match:hover,.be-ticker-match:focus-visible{color:#fff;background:rgba(255,255,255,.035);outline:none}
.be-ticker-match:hover:before,.be-ticker-match:focus-visible:before{opacity:1}
.be-ticker-match strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.be-ticker-match b{min-width:40px;text-align:center;color:#fff;font-size:12px}
.be-ticker-match small{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#66778d}
.be-ticker-match i{font-style:normal;color:#65768b;transition:.2s}.be-ticker-match:hover i{transform:translateX(3px);color:#fff}
.be-ticker-match__state{font-size:8px;letter-spacing:.12em;font-weight:950;color:#7e8da1}
.be-ticker-match--running .be-ticker-match__state{color:#ff6680}
.be-ticker-match--running .be-ticker-match__state:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--live);box-shadow:0 0 12px var(--live);animation:be-pulse 1.6s infinite}
.be-ticker--static{padding:13px 0}.be-ticker__fallback{padding-left:22px;font-size:10px;font-weight:950;letter-spacing:.18em;color:#59687b}

/* Sections */
.be-section{padding:96px 0;position:relative}
.be-section--matches{background:linear-gradient(180deg,#07101b,#050810);border-bottom:1px solid var(--line)}
.be-section--news{padding:78px 0;background:linear-gradient(180deg,#060b13,#08101a);border-bottom:1px solid var(--line)}
.be-section--live{background:radial-gradient(circle at 15% 10%,rgba(255,59,95,.09),transparent 30%),#070b13}
.be-section--arenas{background:#050810}
.be-section--portal{background:linear-gradient(135deg,#08101a,#090d14);border-top:1px solid var(--line)}
.be-section__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}
.be-section__heading--spaced{margin-top:80px}
.be-section__heading h2{font-size:clamp(36px,5vw,64px);line-height:.96;margin:10px 0 0;letter-spacing:-.045em}
.be-section__heading>a{font-size:12px;font-weight:850;color:#91a5bf}.be-section__heading>a:hover{color:#fff}
.be-eyebrow--live{color:#ff627e}

/* Matches */
.be-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.be-match-card{position:relative;padding:20px 22px 23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));overflow:hidden;transition:.28s}
.be-match-card:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);opacity:.5}
.be-match-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.17);box-shadow:0 20px 55px rgba(0,0,0,.2)}
.be-match-card--running{box-shadow:inset 3px 0 var(--live)}
.be-match-card__top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;color:#7f8da0;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.be-match-card__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:25px}
.be-team{display:flex;align-items:center;gap:11px;min-width:0}.be-team--right{justify-content:flex-end;text-align:right}.be-team img,.be-team__placeholder{width:34px;height:34px;border-radius:10px;object-fit:contain;background:rgba(255,255,255,.05);display:grid;place-items:center;font-weight:950}.be-team strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.be-match-card__score{text-align:center;min-width:78px}.be-match-card__score b{font-size:22px;display:block}.be-status{font-size:8px;font-weight:950;letter-spacing:.14em;color:#738197}.be-status--running{color:var(--live)}
.be-empty{border:1px dashed rgba(255,255,255,.14);border-radius:22px;padding:30px;color:var(--muted)}
.be-empty--api{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:rgba(255,255,255,.018)}
.be-empty__icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(63,168,255,.2),rgba(240,90,62,.12));font-size:20px;color:#dbe7f6}.be-empty strong{display:block;color:#fff;font-size:15px}.be-empty p{margin:8px 0 0;line-height:1.6}.be-empty>span{font-size:9px;font-weight:950;letter-spacing:.16em;color:#66758a}

/* Arena cards */
.be-discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.be-discipline{--accent:#fff;position:relative;min-height:560px;border:1px solid var(--line);border-radius:30px;padding:26px;overflow:hidden;background:#080d15;display:flex;flex-direction:column;transition:.35s;isolation:isolate}
.be-discipline:before{content:"";position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center top;opacity:.86;filter:saturate(.96) contrast(1.06);transform:scale(1.02);transition:.45s}
.be-discipline:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,14,.2) 0%,rgba(5,8,14,.38) 43%,rgba(5,8,14,.97) 90%),radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 40%);pointer-events:none;z-index:-2}
.be-discipline--dota:before{background-image:url('../images/arena-dota2.webp')}
.be-discipline--cs:before{background-image:url('../images/arena-cs2.webp')}
.be-discipline--lol:before{background-image:url('../images/arena-lol.webp')}
.be-discipline:hover:before{transform:scale(1.06);opacity:.94}
.be-discipline__art{position:absolute;inset:0;overflow:hidden;z-index:-1;opacity:.26}
.be-discipline__art:before,.be-discipline__art:after,.be-discipline__art span{content:"";position:absolute;display:block}
.be-discipline__art:before{width:480px;height:480px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-190px;top:-150px}
.be-discipline__art:after{width:285px;height:285px;border:1px solid rgba(255,255,255,.08);transform:rotate(45deg);right:-95px;top:125px}
.be-discipline__art span{width:380px;height:380px;border-radius:50%;filter:blur(78px);right:-130px;top:55px;background:var(--accent);opacity:.38}
.be-discipline--dota{--accent:var(--dota)}.be-discipline--cs{--accent:var(--cs)}.be-discipline--lol{--accent:var(--lol)}
.be-discipline:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.2);box-shadow:0 35px 90px rgba(0,0,0,.34)}
.be-discipline__top,.be-discipline__stage,.be-discipline__copy{position:relative;z-index:2}
.be-discipline__top{display:flex;justify-content:space-between;align-items:center;color:#7e8da1}
.be-discipline__top span{font-size:10px;letter-spacing:.18em}.be-discipline__top small{font-size:9px;letter-spacing:.14em;font-weight:900}
.be-discipline__stage{margin-top:38px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018));backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.be-discipline__emblem{width:86px;height:86px;display:grid;place-items:center;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.16),transparent 44%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 32%,#111827),#09111b);font-size:28px;font-weight:950;letter-spacing:-.05em;box-shadow:0 22px 45px color-mix(in srgb,var(--accent) 18%,transparent)}
.be-discipline__pulse{display:inline-flex;align-items:center;margin-top:17px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#7f8fa4;font-size:8px;font-weight:950;letter-spacing:.12em}
.be-discipline__pulse i{width:6px;height:6px;margin-right:7px;border-radius:50%;background:#637287}
.be-discipline__pulse.is-live{color:#ff748b}.be-discipline__pulse.is-live i{background:var(--live);box-shadow:0 0 12px var(--live);animation:be-pulse 1.6s infinite}
.be-discipline__meters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.be-discipline__meters span{padding:12px 10px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(4,8,14,.25)}
.be-discipline__meters b{display:block;font-size:20px;letter-spacing:-.04em}.be-discipline__meters small{display:block;margin-top:2px;color:#718197;font-size:8px}
.be-discipline__copy{margin-top:auto;padding-top:32px}
.be-discipline__copy h3{font-size:42px;line-height:.95;letter-spacing:-.045em;margin:0 0 13px}
.be-discipline__chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.be-discipline__chips span{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:8px;color:#8392a6}
.be-discipline__copy>b{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-size:12px}.be-discipline__copy>b i{font-style:normal;transition:.25s}.be-discipline:hover .be-discipline__copy>b i{transform:translateX(5px)}


/* News */
.be-news-grid{display:grid;grid-template-columns:1.35fr repeat(2,.825fr);grid-template-rows:repeat(2,1fr);gap:14px}
.be-news-card{min-height:250px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));display:grid;grid-template-columns:150px 1fr;transition:.28s}
.be-news-card--lead{grid-row:1/3;grid-template-columns:1fr;grid-template-rows:285px 1fr;min-height:520px}
.be-news-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.25)}
.be-news-card__media{position:relative;min-height:100%;background-size:cover;background-position:center}
.be-news-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,8,16,.74))}
.be-news-card__media.is-empty{background:
radial-gradient(circle at 78% 22%,rgba(63,168,255,.24),transparent 30%),
radial-gradient(circle at 20% 85%,rgba(240,90,62,.18),transparent 34%),
linear-gradient(145deg,#111c2c,#090f19)}
.be-news-card__media.is-empty:before{content:"BESTORAMA";position:absolute;left:18px;bottom:20px;font-size:11px;font-weight:950;letter-spacing:.18em;color:rgba(255,255,255,.22)}
.be-news-card__media>span{position:absolute;z-index:2;left:14px;top:14px;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(5,8,16,.58);backdrop-filter:blur(12px);font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.be-news-card__body{padding:19px;display:flex;flex-direction:column}
.be-news-card--lead .be-news-card__body{padding:24px}
.be-news-card__meta{display:flex;gap:7px;color:#6f8198;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.be-news-card h3{font-size:18px;line-height:1.16;letter-spacing:-.025em;margin:11px 0 9px}
.be-news-card--lead h3{font-size:31px;max-width:650px}
.be-news-card b{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:15px;font-size:10px}
.be-news-card b i{font-style:normal;transition:.2s}.be-news-card:hover b i{transform:translateX(4px)}
.be-news-empty{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:26px 28px;border:1px solid var(--line);border-radius:22px;background:
radial-gradient(circle at 92% 50%,rgba(63,168,255,.11),transparent 28%),
rgba(255,255,255,.025)}
.be-news-empty__signal{width:64px;height:64px;border-radius:18px;border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:center;gap:5px;padding:15px;background:#0b1420}
.be-news-empty__signal span{width:6px;border-radius:999px;background:#52657d}.be-news-empty__signal span:nth-child(1){height:14px}.be-news-empty__signal span:nth-child(2){height:28px;background:#4d9ee5}.be-news-empty__signal span:nth-child(3){height:21px}
.be-news-empty strong{display:block;font-size:18px}.be-news-empty p{margin:6px 0 0;max-width:760px;color:#8392a6;line-height:1.55;font-size:12px}
.be-news-empty__badge{padding:9px 11px;border:1px solid var(--line);border-radius:999px;color:#6e8198;font-size:8px;font-weight:950;letter-spacing:.1em}

/* Portal */
.be-portal-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.be-portal-copy h2{font-size:clamp(42px,5vw,70px);line-height:.95;letter-spacing:-.05em;margin:14px 0 20px}.be-portal-copy p{color:#95a4b7;line-height:1.7;max-width:520px}
.be-portal-cards{display:grid;gap:10px}.be-portal-cards a{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:23px 24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);transition:.25s}
.be-portal-cards a:hover{background:rgba(255,255,255,.05);transform:translateX(5px)}
.be-portal-cards span{grid-row:1/3;color:#637186;font-size:10px;letter-spacing:.14em}.be-portal-cards strong{font-size:19px}.be-portal-cards small{color:#7f8ea3;margin-top:5px}.be-portal-cards i{grid-row:1/3;grid-column:3;font-style:normal;font-size:22px;color:#6d7c90}

/* Sub pages */
.be-subhero{padding:105px 0 80px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:
radial-gradient(circle at 80% 0%,rgba(63,168,255,.13),transparent 30%),linear-gradient(180deg,#0a1421,#050810)}
.be-subhero h1,.be-game-hero h1{font-size:clamp(64px,9vw,120px);line-height:.85;letter-spacing:-.065em;margin:18px 0 20px}.be-subhero p,.be-game-hero p{color:#9aa8bb;font-size:17px;max-width:650px;line-height:1.7}
.be-game-hero{position:relative;overflow:hidden;padding:110px 0 90px;border-bottom:1px solid var(--line);background:#07101b}
.be-game-hero__mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:40px 40px}
.be-game-hero:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-120px;top:-220px;filter:blur(70px);opacity:.23}
.be-game-hero--dota:after{background:var(--dota)}.be-game-hero--cs:after{background:var(--cs)}.be-game-hero--lol:after{background:var(--lol)}
.be-game-hero__inner{position:relative;z-index:2}
.be-game-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.be-game-stats div{min-width:120px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.be-game-stats strong{display:block;font-size:26px;letter-spacing:-.04em}.be-game-stats span{font-size:8px;letter-spacing:.15em;color:#7c8b9e;font-weight:900}

/* Footer */
.be-footer{padding:72px 0 26px;border-top:1px solid var(--line);background:#03060b;color:#8190a4}
.be-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}
.be-footer h4{color:#fff;margin:0 0 15px}.be-footer a{display:block;margin:10px 0;font-size:13px}.be-footer a:hover{color:#fff}
.be-footer__about p{max-width:500px;line-height:1.7}.be-brand--footer{color:#fff}
.be-footer__bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:50px;font-size:10px;letter-spacing:.06em}

/* Motion */
@keyframes be-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}
@keyframes be-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.be-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.be-reveal.is-visible{opacity:1;transform:none}

/* Responsive */
@media(max-width:980px){
  .be-hero__grid,.be-portal-grid{grid-template-columns:1fr}
  .be-news-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.be-news-card--lead{grid-column:1/-1;grid-row:auto;min-height:420px}
  .be-hero-panel{max-width:580px}
  .be-hero__games,.be-discipline-grid{grid-template-columns:1fr}
  .be-discipline{min-height:360px}
}
@media(max-width:850px){
  .be-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 22px;background:rgba(5,8,16,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:6px}
  .be-nav.is-open{display:flex}.be-menu-button{display:block}
  .be-match-grid{grid-template-columns:1fr}
  .be-footer__grid{grid-template-columns:1fr 1fr}.be-footer__about{grid-column:1/-1}
}
@media(max-width:620px){
  .be-ticker-match{padding:0 13px}.be-ticker-match strong{max-width:95px}.be-ticker-match small{display:none}
  .be-news-grid{grid-template-columns:1fr}.be-news-card,.be-news-card--lead{grid-column:auto;grid-template-columns:1fr;grid-template-rows:190px auto;min-height:0}.be-news-empty{grid-template-columns:auto 1fr}.be-news-empty__badge{display:none}
  .be-shell{width:min(var(--max),calc(100% - 28px))}
  .be-header__inner{height:68px}.be-nav{top:68px}
  .be-brand__text{font-size:11px}
  .be-hero{padding-top:72px}.be-hero h1{font-size:58px}
  .be-hero__copy>p{font-size:15px}
  .be-hero__actions{flex-direction:column;align-items:stretch}
  .be-hero__games{margin-top:48px}
  .be-game-tile{grid-template-columns:auto 1fr;min-height:110px}.be-game-tile>i{display:none}
  .be-section{padding:70px 0}.be-section__heading{align-items:flex-start;flex-direction:column}.be-section__heading h2{font-size:42px}
  .be-match-card__teams{gap:8px}.be-team strong{font-size:12px}.be-team img,.be-team__placeholder{width:28px;height:28px}.be-match-card__score{min-width:64px}.be-match-card__score b{font-size:18px}
  .be-empty--api{grid-template-columns:auto 1fr}.be-empty--api>span{display:none}
  .be-discipline{min-height:330px}.be-discipline__copy h3{font-size:34px}
  .be-subhero h1,.be-game-hero h1{font-size:62px}
  .be-game-stats{display:grid;grid-template-columns:repeat(2,1fr)}.be-game-stats div{min-width:0}
  .be-footer__grid{grid-template-columns:1fr}.be-footer__about{grid-column:auto}.be-footer__bottom{flex-direction:column}
}


/* v0.3 catalogs */
.be-subhero--compact{padding-bottom:58px}
.be-catalog-stats{display:grid;grid-template-columns:repeat(4,minmax(0,150px));gap:10px;margin-top:34px}
.be-catalog-stats div{padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.be-catalog-stats strong{display:block;font-size:25px;letter-spacing:-.04em}
.be-catalog-stats span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#718197;font-weight:900}
.be-section--catalog{background:linear-gradient(180deg,#050810,#07101b)}
.be-catalog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.be-catalog-toolbar h2{font-size:clamp(36px,4vw,54px);margin:8px 0 0;letter-spacing:-.045em}
.be-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}
.be-filter-tab{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:11px;font-weight:850;color:#96a5b8;transition:.2s}
.be-filter-tab:hover,.be-filter-tab.is-active{background:#fff;color:#070a10;border-color:#fff}

.be-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.be-team-card{position:relative;display:flex;align-items:center;gap:15px;min-height:120px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));overflow:hidden;transition:.25s}
.be-team-card:before{content:"";position:absolute;inset:auto -40px -70px auto;width:150px;height:150px;border-radius:50%;background:var(--team-accent);filter:blur(50px);opacity:.12}
.be-team-card--dota{--team-accent:var(--dota)}.be-team-card--cs{--team-accent:var(--cs)}.be-team-card--lol{--team-accent:var(--lol)}
.be-team-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.17)}
.be-team-card__logo{position:relative;z-index:1;flex:0 0 62px;width:62px;height:62px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#edf3fb,#cbd4df);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.be-team-card__logo img{width:45px;height:45px;object-fit:contain}
.be-team-card__logo span{color:#111827;font-size:24px;font-weight:950}
.be-team-card__body{position:relative;z-index:1;min-width:0}.be-team-card h3{font-size:15px;margin:7px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.be-team-card__meta{display:flex;gap:8px;flex-wrap:wrap;color:#74849a;font-size:10px}
.be-team-card__meta span+span:before{content:"•";margin-right:8px}
.be-game-badge{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.be-game-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.be-game-badge--dota{color:var(--dota)}.be-game-badge--cs{color:var(--cs)}.be-game-badge--lol{color:var(--lol)}

.be-tournament-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.be-tournament-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));overflow:hidden;transition:.25s}
.be-tournament-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.17)}
.be-tournament-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--tour-accent);opacity:.65}
.be-tournament-card--dota{--tour-accent:var(--dota)}.be-tournament-card--cs{--tour-accent:var(--cs)}.be-tournament-card--lol{--tour-accent:var(--lol)}
.be-tournament-card__top{display:flex;justify-content:space-between;gap:14px;align-items:center}
.be-tournament-card__date{font-size:9px;color:#74849a;letter-spacing:.06em}
.be-tournament-card__content{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:24px}
.be-tournament-card__logo{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#edf3fb,#cbd4df)}
.be-tournament-card__logo img{width:40px;height:40px;object-fit:contain}
.be-tournament-card__logo span{color:#111827;font-weight:950}
.be-tournament-card h3{font-size:18px;line-height:1.25;margin:0 0 9px}
.be-tournament-card__meta{display:flex;gap:9px;flex-wrap:wrap;color:#7f8ea2;font-size:10px}
.be-tournament-card__meta span+span:before{content:"•";margin-right:9px}

.be-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:34px;flex-wrap:wrap}
.be-pagination a{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:11px;font-weight:850;color:#8d9caf;background:rgba(255,255,255,.02)}
.be-pagination a:hover,.be-pagination a.is-active{background:#fff;color:#070a10;border-color:#fff}
.be-pagination__dots{color:#66758a}

/* improve contrast for dark team logos in match cards */
.be-team img{background:linear-gradient(145deg,#f0f4f9,#cbd4df);padding:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}

@media(max-width:1100px){
  .be-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .be-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .be-tournament-grid{grid-template-columns:1fr}
  .be-catalog-toolbar{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .be-catalog-stats{grid-template-columns:repeat(2,1fr)}
  .be-team-grid{grid-template-columns:1fr}
}


/* v0.3.1 clickable detail pages */
.be-team-card,.be-tournament-card{color:inherit;text-decoration:none}
.be-card-arrow{margin-left:auto;align-self:center;color:#66758a;font-size:20px;transition:.22s;position:relative;z-index:2}
.be-team-card:hover .be-card-arrow,.be-tournament-card:hover .be-card-arrow{transform:translateX(5px);color:#fff}
.be-tournament-card__content{grid-template-columns:auto 1fr auto}
.be-back-link{display:inline-flex;align-items:center;gap:8px;color:#91a5bf;font-size:12px;font-weight:850;margin-bottom:28px}
.be-back-link:hover{color:#fff}

.be-detail-hero{position:relative;overflow:hidden;padding:92px 0 72px;border-bottom:1px solid var(--line);background:#07101b}
.be-detail-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:-210px;filter:blur(80px);opacity:.20;background:var(--detail-accent)}
.be-detail-hero--dota{--detail-accent:var(--dota)}
.be-detail-hero--cs{--detail-accent:var(--cs)}
.be-detail-hero--lol{--detail-accent:var(--lol)}
.be-detail-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.be-detail-logo{width:112px;height:112px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#f2f5fa,#ccd5e0);box-shadow:0 18px 40px rgba(0,0,0,.2)}
.be-detail-logo img{width:82px;height:82px;object-fit:contain}
.be-detail-logo span{font-size:38px;font-weight:950;color:#111827}
.be-detail-hero h1{font-size:clamp(46px,6vw,82px);line-height:.9;letter-spacing:-.055em;margin:14px 0 20px;max-width:1050px}
.be-detail-meta{display:flex;gap:10px;flex-wrap:wrap}
.be-detail-meta span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:10px;color:#91a0b4}
.be-detail-meta b{color:#dce5ef}

@media(max-width:620px){
  .be-detail-hero{padding:70px 0 55px}
  .be-detail-hero__grid{grid-template-columns:1fr}
  .be-detail-logo{width:92px;height:92px;border-radius:24px}
  .be-detail-logo img{width:66px;height:66px}
  .be-detail-hero h1{font-size:48px}
}


/* v0.4 rich detail pages */
.be-match-card{display:block;color:inherit;text-decoration:none}
.be-match-card__open{display:block;margin-top:16px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#66758a;font-weight:900;transition:.2s}
.be-match-card:hover .be-match-card__open{color:#fff;transform:translateX(4px)}

.be-section--roster{background:linear-gradient(180deg,#07101b,#050810)}
.be-player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.be-player-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.025)}
.be-player-card__photo{width:58px;height:58px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#eef3f9,#cbd4df);color:#111827;font-weight:950}
.be-player-card__photo img{width:100%;height:100%;object-fit:cover}
.be-player-card h3{margin:0;font-size:16px}.be-player-card p{margin:4px 0 7px;color:#8e9db0;font-size:11px}
.be-player-card__meta{display:flex;gap:8px;flex-wrap:wrap;color:#728299;font-size:9px}
.be-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.be-mini-list>div{display:flex;justify-content:space-between;gap:15px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02)}
.be-mini-list strong{font-size:12px}.be-mini-list span{font-size:9px;color:#718197;text-transform:uppercase}

.be-match-detail-hero{position:relative;overflow:hidden;padding:90px 0 70px;border-bottom:1px solid var(--line);background:#07101b}
.be-match-detail-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-130px;top:-220px;filter:blur(80px);opacity:.18;background:var(--match-accent)}
.be-match-detail-hero--dota{--match-accent:var(--dota)}.be-match-detail-hero--cs{--match-accent:var(--cs)}.be-match-detail-hero--lol{--match-accent:var(--lol)}
.be-match-detail__meta-top{position:relative;z-index:2;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#8595a9;font-size:10px}
.be-match-detail__meta-top>span:not(.be-game-badge){padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)}
.be-match-detail__versus{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;gap:45px;align-items:center;margin-top:44px}
.be-match-side{text-align:left}.be-match-side--right{text-align:right}
.be-match-side__logo{width:100px;height:100px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#eef3f9,#cbd4df)}
.be-match-side--right .be-match-side__logo{margin-left:auto}
.be-match-side__logo img{width:76px;height:76px;object-fit:contain}.be-match-side__logo span{color:#111827;font-size:34px;font-weight:950}
.be-match-side h1{font-size:clamp(34px,4.3vw,62px);line-height:.95;letter-spacing:-.05em;margin:18px 0 14px}
.be-match-detail__center{text-align:center;min-width:130px}.be-match-detail__center strong{display:block;font-size:50px;letter-spacing:-.05em}.be-match-detail__center .be-status{font-size:9px}
.be-form{display:flex;gap:6px}.be-match-side--right .be-form{justify-content:flex-end}.be-form__item{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:9px;font-weight:950}
.be-form__item--w{background:rgba(45,206,137,.14);color:#54d99f}.be-form__item--l{background:rgba(255,59,95,.13);color:#ff6b84}.be-form__item--d{background:rgba(255,255,255,.06);color:#93a2b5}
.be-form-empty{font-size:10px;color:#6f7f94}
.be-streams{position:relative;z-index:2;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:32px}.be-streams>span{font-size:10px;color:#74849a}.be-streams a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-size:9px;font-weight:900}.be-streams a:hover{background:#fff;color:#070a10}
.be-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.be-info-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.be-info-card span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#708096}.be-info-card strong{display:block;margin-top:7px;font-size:20px}

.be-standings-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px}
.be-standings{width:100%;border-collapse:collapse;min-width:650px}.be-standings th,.be-standings td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}.be-standings th{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#718197;background:rgba(255,255,255,.025)}.be-standings tbody tr:last-child td{border-bottom:0}
.be-standing-team{display:flex;align-items:center;gap:10px}.be-standing-team img{width:28px;height:28px;object-fit:contain;background:#e6edf5;border-radius:8px;padding:3px}
.be-participant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.be-participant-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.be-participant-card>div{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#eef3f9,#cbd4df);display:grid;place-items:center}.be-participant-card img{width:34px;height:34px;object-fit:contain}.be-participant-card>div span{color:#111827}.be-participant-card strong{font-size:12px}.be-participant-card small{color:#718197}
.be-bracket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.be-bracket-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02)}.be-bracket-item span,.be-bracket-item small{font-size:9px;color:#728197}.be-bracket-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:980px){
  .be-player-grid,.be-participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .be-match-detail__versus{grid-template-columns:1fr;gap:24px}
  .be-match-side,.be-match-side--right{text-align:center}.be-match-side__logo,.be-match-side--right .be-match-side__logo{margin-inline:auto}.be-match-side--right .be-form,.be-form{justify-content:center}
  .be-match-detail__center{order:2}.be-match-side--right{order:3}
  .be-info-grid{grid-template-columns:repeat(2,1fr)}
  .be-mini-list,.be-bracket-list{grid-template-columns:1fr}
}
@media(max-width:540px){
  .be-player-grid,.be-participant-grid{grid-template-columns:1fr}
}

/* v0.4.1 remote history completeness patch */


/* v0.5 internal navigation + player profiles */
.be-player-card{color:inherit;text-decoration:none;transition:.24s}
.be-player-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.be-mini-list a{display:flex;justify-content:space-between;gap:15px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02);color:inherit;transition:.22s}
.be-mini-list a:hover{transform:translateX(4px);border-color:rgba(255,255,255,.17)}
.be-mini-list a strong{font-size:12px}.be-mini-list a span{font-size:9px;color:#718197;text-transform:uppercase}

.be-match-side{color:inherit;text-decoration:none}
.be-match-side[href]{transition:.22s}.be-match-side[href]:hover{transform:translateY(-4px)}
.be-open-profile{display:block;margin-top:12px;font-size:9px;color:#64758a;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.be-match-side[href]:hover .be-open-profile{color:#fff}
.be-match-meta-link{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);font-size:10px;color:#8595a9}
.be-match-meta-link:hover{color:#fff;border-color:rgba(255,255,255,.18)}

.be-standing-team{color:inherit;text-decoration:none}.be-standing-team span{margin-left:auto;color:#64758a}.be-standing-team[href]:hover strong{color:#fff}
.be-participant-card{color:inherit;text-decoration:none;transition:.22s}.be-participant-card[href]:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)}

.be-player-hero{position:relative;overflow:hidden;padding:90px 0 76px;border-bottom:1px solid var(--line);background:
radial-gradient(circle at 82% 0%,rgba(63,168,255,.14),transparent 30%),#07101b}
.be-player-hero__grid{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}
.be-player-hero__photo{width:150px;height:150px;border-radius:32px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#eef3f9,#cbd4df);box-shadow:0 28px 70px rgba(0,0,0,.25)}
.be-player-hero__photo img{width:100%;height:100%;object-fit:cover}.be-player-hero__photo span{font-size:50px;font-weight:950;color:#111827}
.be-player-hero h1{font-size:clamp(58px,8vw,104px);line-height:.82;letter-spacing:-.065em;margin:17px 0 18px}
.be-player-realname{font-size:17px;color:#9baaBC;margin:0 0 20px}
.be-current-team{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px 12px;align-items:center;max-width:420px;margin-top:24px;padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);transition:.22s}
.be-current-team:hover{transform:translateX(4px);border-color:rgba(255,255,255,.18)}
.be-current-team img{grid-row:1/3;width:42px;height:42px;object-fit:contain;background:#e7edf5;border-radius:11px;padding:4px}
.be-current-team span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#718197}.be-current-team strong{font-size:13px}.be-current-team i{grid-row:1/3;grid-column:3;font-style:normal;color:#66758a}
.be-player-tournaments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.be-player-tournaments a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);transition:.22s}
.be-player-tournaments a:hover{transform:translateX(4px);border-color:rgba(255,255,255,.18)}
.be-player-tournaments strong{display:block;font-size:12px}.be-player-tournaments small{display:block;margin-top:5px;color:#75849a}.be-player-tournaments span{font-size:9px;color:#6d7c90;text-transform:uppercase}

@media(max-width:720px){
  .be-player-hero__grid{grid-template-columns:1fr}
  .be-player-hero__photo{width:120px;height:120px;border-radius:27px}
  .be-player-tournaments{grid-template-columns:1fr}
}


/* v0.5.1 player fallback */
.be-source-note,.be-history-note{
  display:inline-flex;
  margin:0 0 16px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#7f90a5;
  font-size:9px;
  letter-spacing:.06em;
}
.be-history-note{margin:0 0 20px;border-radius:14px}


/* v0.5.4 news hub */
.be-news-card--dota2 .be-news-card__media.is-empty{background:
radial-gradient(circle at 75% 20%,rgba(240,90,62,.26),transparent 32%),
linear-gradient(145deg,#211310,#080d15)}
.be-news-card--cs2 .be-news-card__media.is-empty{background:
radial-gradient(circle at 75% 20%,rgba(244,164,67,.25),transparent 32%),
linear-gradient(145deg,#20180d,#080d15)}
.be-news-card--lol .be-news-card__media.is-empty{background:
radial-gradient(circle at 75% 20%,rgba(63,168,255,.25),transparent 32%),
linear-gradient(145deg,#0c1928,#080d15)}

.be-news-archive-hero{padding:95px 0 58px;border-bottom:1px solid var(--line);background:
radial-gradient(circle at 85% 0%,rgba(63,168,255,.12),transparent 28%),
radial-gradient(circle at 8% 75%,rgba(240,90,62,.08),transparent 28%),#07101a}
.be-news-archive-hero h1{font-size:clamp(52px,7vw,92px);line-height:.88;letter-spacing:-.06em;margin:14px 0 18px}
.be-news-archive-hero p{max-width:720px;margin:0;color:#91a1b5;line-height:1.65}
.be-news-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.be-news-filter a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#74859b;font-size:9px;font-weight:900;transition:.2s}.be-news-filter a:hover{color:#fff;border-color:rgba(255,255,255,.22)}
.be-news-filter .is-active{background:#fff;color:#080d15;border-color:#fff}

.be-news-list{display:grid;gap:10px}
.be-news-row{--news-accent:#6f8198;display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:18px;padding:10px 18px 10px 10px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.022);transition:.22s;overflow:hidden}
.be-news-row__image{height:92px;border-radius:13px;background:#0b1420 center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.be-news-row--dota2{--news-accent:var(--dota)}.be-news-row--cs2{--news-accent:var(--cs)}.be-news-row--lol{--news-accent:var(--lol)}
.be-news-row:hover{transform:translateX(5px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035)}
.be-news-row__signal{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:#0b1420}
.be-news-row__signal span{width:10px;height:10px;border-radius:50%;background:var(--news-accent);box-shadow:0 0 22px color-mix(in srgb,var(--news-accent) 60%,transparent)}
.be-news-row__meta{display:flex;gap:7px;flex-wrap:wrap;color:#6e8197;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.be-news-row__meta i{font-style:normal}.be-news-row h2{margin:7px 0 5px;font-size:20px;line-height:1.15;letter-spacing:-.025em}
.be-news-row>b{display:flex;gap:8px;align-items:center;font-size:10px}.be-news-row>b i{font-style:normal;transition:.2s}.be-news-row:hover>b i{transform:translateX(4px)}
.be-pagination{display:flex;gap:8px;justify-content:center;margin-top:30px}.be-pagination .page-numbers{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;font-size:10px}.be-pagination .current{background:#fff;color:#080d15}

.be-news-detail{min-height:70vh;padding:95px 0;background:
radial-gradient(circle at 82% 0%,rgba(63,168,255,.1),transparent 28%),#07101a}
.be-news-detail__inner{max-width:920px}
.be-news-detail__back{display:inline-flex;margin-bottom:34px;color:#78899e;font-size:10px;font-weight:900}
.be-news-detail__meta{display:flex;gap:8px;flex-wrap:wrap;color:#718399;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.be-news-detail__meta i{font-style:normal}
.be-news-detail h1{max-width:900px;font-size:clamp(44px,6vw,76px);line-height:.94;letter-spacing:-.05em;margin:18px 0 34px}
.be-news-detail__notice{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.025)}
.be-news-detail__notice>span{font-size:8px;letter-spacing:.12em;color:#60728a}.be-news-detail__notice strong{font-size:15px}.be-news-detail__notice p{margin:7px 0 0;color:#8595a9;line-height:1.55;font-size:11px}
.be-news-detail__lead{max-width:720px;margin:28px 0 0;color:#a2afc0;font-size:17px;line-height:1.65}
.be-news-detail__source{margin-top:27px}

@media(max-width:700px){
  .be-news-row{grid-template-columns:86px 1fr}.be-news-row__image{height:78px}.be-news-row>b{grid-column:2}
  .be-news-detail__notice{grid-template-columns:1fr}
}


/* =========================================================
   v0.5.7 — approved mockup visual pass
   ========================================================= */

:root{
  --max:1440px;
  --bg:#030914;
  --bg2:#07111f;
  --panel:#091523;
  --text:#f7f9fc;
  --muted:#8fa1b8;
  --line:rgba(121,159,205,.18);
}

body.home{
  background:
    radial-gradient(circle at 2% 28%,rgba(152,28,41,.17),transparent 24%),
    radial-gradient(circle at 92% 20%,rgba(17,79,144,.2),transparent 30%),
    linear-gradient(180deg,#020711 0%,#04101c 62%,#020813 100%);
}

/* Header */
.be-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(2,9,18,.93);
  border-bottom:1px solid rgba(106,149,203,.19);
  backdrop-filter:blur(18px) saturate(135%);
}
.be-header__inner{
  min-height:62px;
  height:62px;
  gap:22px;
}
.be-brand{
  gap:10px;
  min-width:190px;
}
.be-brand__mark{
  width:34px;
  height:34px;
  border:0;
  border-radius:10px 10px 14px 14px;
  transform:none;
  background:
    linear-gradient(145deg,#0968ff,#42a8ff);
  clip-path:polygon(50% 0,65% 24%,89% 13%,82% 72%,50% 100%,18% 72%,11% 13%,35% 24%);
  box-shadow:0 0 25px rgba(43,134,255,.28);
}
.be-brand__mark i{
  transform:none;
  color:#06101f;
  font-size:0;
}
.be-brand__text{
  line-height:1;
  font-size:16px;
  letter-spacing:.04em;
}
.be-brand__text b{
  display:block;
  margin-top:4px;
  color:#aec8e8;
  font-size:8px;
  letter-spacing:.28em;
  font-weight:850;
}
.be-nav{
  margin:0;
  gap:22px;
  font-size:11px;
  font-weight:750;
  color:#b6c5d8;
}
.be-nav a{
  padding:22px 0 19px;
}
.be-nav a:after{
  bottom:10px;
  height:2px;
  background:#2998ff;
  box-shadow:0 0 13px rgba(41,152,255,.6);
}
.be-nav a.is-active{
  color:#fff;
}
.be-nav a.is-active:after{
  right:0;
}
.be-header-search{
  width:310px;
  height:38px;
  display:flex;
  align-items:center;
  gap:9px;
  margin-left:auto;
  padding:0 13px;
  border:1px solid rgba(95,140,196,.27);
  border-radius:11px;
  background:rgba(6,18,33,.72);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.be-header-search>span{
  color:#8aa7c9;
  font-size:19px;
  line-height:1;
  transform:rotate(-15deg);
}
.be-header-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#dce8f7;
  font-size:10px;
}
.be-header-search input::placeholder{
  color:#8296ad;
}
.be-header-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.be-header-action{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(96,139,191,.19);
  border-radius:50%;
  background:rgba(5,15,27,.75);
  color:#d6e4f5;
}
.be-login{
  min-width:84px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0 18px;
  border:1px solid #168df6;
  border-radius:11px;
  background:linear-gradient(180deg,rgba(21,112,205,.35),rgba(7,49,94,.35));
  box-shadow:0 0 22px rgba(20,130,238,.2),inset 0 0 0 1px rgba(112,190,255,.08);
  font-size:11px;
  font-weight:850;
  transition:.2s;
}
.be-login:hover{
  box-shadow:0 0 30px rgba(20,130,238,.38),inset 0 0 0 1px rgba(112,190,255,.15);
}

/* Live ticker directly below header */
.be-live-ticker{
  position:relative;
  z-index:20;
  min-height:58px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:stretch;
  overflow:hidden;
  border-top:0;
  border-bottom:1px solid rgba(111,154,206,.18);
  background:
    linear-gradient(90deg,rgba(81,9,30,.2),rgba(5,17,31,.97) 20%,rgba(5,22,39,.97) 82%,rgba(5,17,31,.97));
}
.be-ticker__label{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:105px;
  padding:0 22px 0 32px;
  border-right:1px solid rgba(255,255,255,.09);
  color:#ff466b;
  font-size:11px;
}
.be-ticker__label i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff315a;
  box-shadow:0 0 14px rgba(255,49,90,.85);
  animation:be-pulse 1.6s infinite;
}
.be-ticker__label strong{
  letter-spacing:.04em;
}
.be-ticker__label span{
  display:none;
}
.be-ticker__viewport{
  overflow:hidden;
  min-width:0;
}
.be-ticker__track{
  height:58px;
}
.be-ticker__group{
  height:58px;
}
.be-live-ticker:hover .be-ticker__track,
.be-live-ticker:focus-within .be-ticker__track{
  animation-play-state:paused;
}
.be-ticker-match{
  min-height:58px;
  height:58px;
  gap:8px;
  padding:0 18px;
  border-right:1px solid rgba(255,255,255,.08);
  color:#d4deeb;
}
.be-ticker-match strong{
  max-width:125px;
  font-size:11px;
  font-weight:850;
}
.be-ticker-match b{
  min-width:43px;
  padding:6px 8px;
  border:1px solid rgba(116,157,207,.33);
  border-radius:8px;
  background:rgba(6,16,29,.64);
  font-size:10px;
}
.be-ticker-match small{
  max-width:140px;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#7891ae;
  text-transform:none;
  font-size:8px;
}
.be-ticker__all{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:130px;
  padding:0 26px;
  border-left:1px solid rgba(255,255,255,.08);
  background:rgba(4,16,29,.68);
  color:#9dc8f4;
  font-size:10px;
  font-weight:800;
}
.be-ticker__all span{
  color:#fff;
  font-size:16px;
}

/* Main approved showcase */
.be-home-showcase{
  position:relative;
  overflow:hidden;
  padding:34px 0 34px;
  border-bottom:1px solid rgba(111,154,206,.11);
  background:
    linear-gradient(180deg,rgba(3,12,22,.42),rgba(2,9,18,.88)),
    radial-gradient(circle at 50% 0%,rgba(16,65,113,.16),transparent 42%);
}
.be-home-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(69,115,169,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(69,115,169,.05) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 82%);
}
.be-home-showcase__glow{
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  filter:blur(110px);
  opacity:.18;
  pointer-events:none;
}
.be-home-showcase__glow--red{
  left:-190px;
  top:50px;
  background:#b61f32;
}
.be-home-showcase__glow--blue{
  right:-120px;
  top:-80px;
  background:#1470c9;
}
.be-showcase-intro{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(290px,.65fr);
  align-items:end;
  gap:50px;
  padding:12px 34px 22px;
}
.be-showcase-intro .be-eyebrow{
  color:#67b8ff;
  font-size:10px;
  letter-spacing:.23em;
}
.be-showcase-intro h1{
  max-width:none;
  margin:10px 0 8px;
  font-size:clamp(48px,4.5vw,72px);
  line-height:.96;
  letter-spacing:-.055em;
}
.be-showcase-intro>div>p{
  margin:0;
  color:#8fa2ba;
  font-size:17px;
}
.be-showcase-intro__side{
  margin:0 0 7px;
  color:#8ea0b7;
  font-size:12px;
  line-height:1.55;
}

/* Rich arena cards matching the approved mockup */
.be-discipline-grid--showcase{
  position:relative;
  z-index:2;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  padding:0 0 8px;
}
.be-discipline-grid--showcase .be-discipline{
  min-height:430px;
  padding:18px 20px 18px;
  border-radius:18px;
  border-color:rgba(99,146,199,.27);
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  background:#08111d;
}
.be-discipline-grid--showcase .be-discipline:before{
  opacity:.95;
  background-position:center 20%;
  filter:saturate(1.08) contrast(1.08) brightness(.92);
}
.be-discipline-grid--showcase .be-discipline:after{
  background:
    linear-gradient(180deg,rgba(2,7,13,.04) 0%,rgba(2,8,14,.1) 28%,rgba(3,9,17,.46) 58%,rgba(3,8,15,.97) 94%),
    linear-gradient(90deg,rgba(3,8,15,.18),transparent 45%);
}
.be-discipline-grid--showcase .be-discipline--dota{
  border-color:rgba(255,79,74,.45);
  box-shadow:0 22px 70px rgba(106,17,27,.15);
}
.be-discipline-grid--showcase .be-discipline--cs{
  border-color:rgba(48,153,255,.35);
  box-shadow:0 22px 70px rgba(0,72,137,.15);
}
.be-discipline-grid--showcase .be-discipline--lol{
  border-color:rgba(145,102,234,.34);
  box-shadow:0 22px 70px rgba(83,38,141,.14);
}
.be-discipline-grid--showcase .be-discipline__top{
  color:#abc1da;
}
.be-discipline-grid--showcase .be-discipline__top span{
  font-size:9px;
}
.be-discipline-grid--showcase .be-discipline__top small{
  color:#c3d4e8;
  font-size:8px;
}
.be-discipline-grid--showcase .be-discipline__stage{
  width:calc(100% - 16px);
  margin:20px auto 0;
  padding:14px;
  border-radius:16px;
  border-color:rgba(149,185,224,.2);
  background:linear-gradient(145deg,rgba(12,30,50,.72),rgba(4,13,24,.45));
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 40px rgba(0,0,0,.1);
}
.be-discipline-grid--showcase .be-discipline__emblem{
  width:68px;
  height:68px;
  border-radius:16px;
  font-size:23px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--accent) 28%,#17243a),#06101e);
  box-shadow:0 14px 35px color-mix(in srgb,var(--accent) 18%,transparent);
}
.be-discipline-grid--showcase .be-discipline__pulse{
  margin-top:10px;
  padding:6px 9px;
  font-size:7px;
  background:rgba(4,11,20,.48);
}
.be-discipline-grid--showcase .be-discipline__meters{
  margin-top:13px;
  gap:7px;
}
.be-discipline-grid--showcase .be-discipline__meters span{
  padding:10px 9px;
  border-radius:11px;
  background:rgba(3,11,20,.58);
  border-color:rgba(126,161,202,.16);
}
.be-discipline-grid--showcase .be-discipline__meters b{
  font-size:18px;
}
.be-discipline-grid--showcase .be-discipline__meters small{
  color:#8da1b8;
  font-size:7px;
}
.be-discipline-grid--showcase .be-discipline__copy{
  padding-top:15px;
}
.be-discipline-grid--showcase .be-discipline__copy h2{
  margin:0 0 8px;
  font-size:31px;
  line-height:1;
  letter-spacing:-.045em;
}
.be-discipline-grid--showcase .be-discipline__chips{
  margin-top:5px;
}
.be-discipline-grid--showcase .be-discipline__chips span{
  padding:6px 9px;
  border-color:rgba(131,166,204,.24);
  background:rgba(2,9,17,.5);
  color:#bac8d9;
  font-size:8px;
}
.be-discipline-grid--showcase .be-discipline__copy>b{
  margin-top:13px;
  font-size:10px;
}
.be-discipline-grid--showcase .be-discipline:hover{
  transform:translateY(-6px);
}

/* News row as four compact horizontal cards */
.be-section--news-showcase{
  padding:24px 0 48px;
  border-bottom:1px solid rgba(111,154,206,.1);
  background:
    radial-gradient(circle at 12% 20%,rgba(109,21,34,.08),transparent 25%),
    linear-gradient(180deg,#030b15,#04101b);
}
.be-section--news-showcase .be-section__heading{
  margin-bottom:16px;
  padding-inline:34px;
}
.be-section--news-showcase .be-section__heading h2{
  margin-top:7px;
  font-size:clamp(34px,3vw,49px);
}
.be-section--news-showcase .be-section__heading>a{
  margin-bottom:5px;
  color:#71b9fb;
  font-size:10px;
}
.be-news-grid--showcase{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:none;
  gap:12px;
}
.be-news-grid--showcase .be-news-card{
  min-height:176px;
  display:grid;
  grid-template-columns:125px minmax(0,1fr);
  grid-template-rows:1fr;
  border-radius:14px;
  border-color:rgba(103,148,198,.22);
  background:rgba(5,17,30,.75);
  box-shadow:0 12px 35px rgba(0,0,0,.12);
}
.be-news-grid--showcase .be-news-card:hover{
  transform:translateY(-3px);
  border-color:rgba(111,179,241,.35);
}
.be-news-grid--showcase .be-news-card__media{
  min-height:176px;
  background-position:center;
}
.be-news-grid--showcase .be-news-card__media:after{
  background:linear-gradient(90deg,transparent 55%,rgba(3,10,18,.62));
}
.be-news-grid--showcase .be-news-card__body{
  min-width:0;
  padding:12px 12px 11px;
}
.be-news-card__tag{
  align-self:flex-start;
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:7px;
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:#112033;
  color:#fff;
  font-size:7px;
  font-weight:950;
  text-transform:uppercase;
}
.be-news-card--dota2 .be-news-card__tag{
  background:#d72f45;
}
.be-news-card--cs2 .be-news-card__tag{
  border-color:#d4a03a;
  background:rgba(101,71,14,.26);
  color:#ffd168;
}
.be-news-card--lol .be-news-card__tag{
  border-color:#9d50ef;
  background:#7a2dc0;
}
.be-news-grid--showcase .be-news-card__meta{
  gap:5px;
  color:#7190b2;
  font-size:7px;
}
.be-news-grid--showcase .be-news-card h3{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  margin:7px 0 5px;
  font-size:14px;
  line-height:1.12;
}
.be-news-grid--showcase .be-news-card b{
  padding-top:6px;
  font-size:8px;
}

/* Keep lower sections visually consistent */
.be-section--live,
.be-section--matches,
.be-section--portal{
  border-top:1px solid rgba(111,154,206,.08);
}

/* Responsive */
@media(max-width:1220px){
  .be-header-search{display:none}
  .be-news-grid--showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .be-header__inner{height:62px;min-height:62px}
  .be-header-actions{margin-left:auto}
  .be-showcase-intro{grid-template-columns:1fr;padding-inline:0}
  .be-showcase-intro__side{display:none}
  .be-discipline-grid--showcase{grid-template-columns:1fr}
  .be-discipline-grid--showcase .be-discipline{min-height:440px}
  .be-section--news-showcase .be-section__heading{padding-inline:0}
}
@media(max-width:760px){
  .be-brand{min-width:auto}
  .be-brand__text{font-size:13px}
  .be-header-actions{display:none}
  .be-live-ticker{grid-template-columns:auto minmax(0,1fr)}
  .be-ticker__label{min-width:84px;padding-inline:14px}
  .be-ticker__all{display:none}
  .be-ticker-match{padding-inline:13px}
  .be-ticker-match small{display:none}
  .be-home-showcase{padding-top:25px}
  .be-showcase-intro h1{font-size:44px}
  .be-showcase-intro>div>p{font-size:14px}
  .be-news-grid--showcase{grid-template-columns:1fr}
}
@media(max-width:520px){
  .be-live-ticker{display:block}
  .be-ticker__label{height:34px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .be-ticker__track,.be-ticker__group,.be-ticker-match{height:50px;min-height:50px}
  .be-showcase-intro h1{font-size:38px}
  .be-discipline-grid--showcase .be-discipline{min-height:410px}
  .be-news-grid--showcase .be-news-card{grid-template-columns:110px 1fr}
}


/* =========================================================
   v0.6.0 — clean standalone artwork pass
   Standalone artwork only: no embedded UI/text/logos.
   ========================================================= */

/* Header controls/search remain available; the mockup is visual reference only. */

/* Clean CSS-only ambient background: no screenshot crops. */
body.home{
  background:
    radial-gradient(circle at 8% 22%,rgba(154,28,43,.10),transparent 28%),
    radial-gradient(circle at 92% 20%,rgba(38,92,177,.12),transparent 30%),
    linear-gradient(180deg,#02070d 0%,#020812 44%,#030b14 100%);
}
.be-home-showcase{
  background:
    radial-gradient(circle at 0% 34%,rgba(178,35,48,.18),transparent 25%),
    radial-gradient(circle at 96% 24%,rgba(25,104,189,.19),transparent 32%),
    linear-gradient(180deg,rgba(2,8,15,.26),rgba(2,8,15,.72));
}
.be-home-showcase:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(126,14,33,.06),transparent 28%,transparent 72%,rgba(25,101,190,.06)),
    radial-gradient(circle at 52% 18%,rgba(41,110,174,.11),transparent 42%);
  z-index:0;
}

/* Clean game-card artwork; website UI stays layered above it. */
.be-discipline-grid--showcase .be-discipline--dota:before{
  background-image:url('../images/arena-dota2.webp') !important;
  background-position:center 31% !important;
}
.be-discipline-grid--showcase .be-discipline--cs:before{
  background-image:url('../images/arena-cs2.webp') !important;
  background-position:center 30% !important;
}
.be-discipline-grid--showcase .be-discipline--lol:before{
  background-image:url('../images/arena-lol.webp') !important;
  background-position:center 28% !important;
}

/* Keep artwork visible beneath the site-owned UI. */
.be-discipline-grid--showcase .be-discipline{
  min-height:405px;
  padding:17px 18px 16px;
  border-radius:17px;
  overflow:hidden;
}
.be-discipline-grid--showcase .be-discipline:before{
  opacity:1 !important;
  filter:saturate(1.13) contrast(1.08) brightness(.93) !important;
  transform:scale(1.015) !important;
}
.be-discipline-grid--showcase .be-discipline:hover:before{
  transform:scale(1.045) !important;
}
.be-discipline-grid--showcase .be-discipline:after{
  background:
    linear-gradient(180deg,rgba(2,7,13,.07) 0%,rgba(2,8,15,.10) 24%,rgba(2,8,15,.23) 44%,rgba(2,8,15,.82) 82%,rgba(2,8,15,.97) 100%),
    linear-gradient(90deg,rgba(2,8,15,.12),transparent 58%) !important;
}

/* Remove the giant dark glass rectangle that was hiding the artwork */
.be-discipline-grid--showcase .be-discipline__stage{
  width:auto !important;
  margin:23px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}

/* Icon — compact floating glass square like the reference */
.be-discipline-grid--showcase .be-discipline__emblem{
  width:72px;
  height:72px;
  border-radius:16px;
  border:1px solid rgba(175,205,238,.25);
  background:
    radial-gradient(circle at 35% 20%,rgba(255,255,255,.14),transparent 42%),
    linear-gradient(145deg,rgba(25,50,76,.88),rgba(5,14,25,.9));
  backdrop-filter:blur(9px);
  box-shadow:0 14px 35px rgba(0,0,0,.26);
}

/* LIVE pill under the icon */
.be-discipline-grid--showcase .be-discipline__pulse{
  width:max-content;
  margin-top:9px;
  padding:6px 9px;
  border-color:rgba(149,185,225,.23);
  background:rgba(3,10,19,.66);
  backdrop-filter:blur(8px);
}

/* Stats — three independent compact blocks, not one giant panel */
.be-discipline-grid--showcase .be-discipline__meters{
  width:78%;
  max-width:330px;
  margin-top:11px;
  gap:7px;
}
.be-discipline-grid--showcase .be-discipline__meters span{
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(142,178,218,.20);
  border-radius:11px;
  background:rgba(3,10,19,.66);
  backdrop-filter:blur(9px);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.be-discipline-grid--showcase .be-discipline__meters b{
  font-size:18px;
}

/* Bottom title/chips sit over a clear dark gradient just like the mockup */
.be-discipline-grid--showcase .be-discipline__copy{
  margin-top:auto;
  padding-top:22px;
  text-shadow:0 2px 16px rgba(0,0,0,.48);
}
.be-discipline-grid--showcase .be-discipline__copy h2{
  margin-bottom:8px;
  font-size:29px;
}
.be-discipline-grid--showcase .be-discipline__chips span{
  background:rgba(3,9,17,.62);
  border-color:rgba(150,184,222,.24);
  backdrop-filter:blur(7px);
}

/* Stronger game-specific edge glow to match the reference */
.be-discipline-grid--showcase .be-discipline--dota{
  border-color:rgba(255,68,63,.56) !important;
  box-shadow:0 22px 70px rgba(106,17,27,.19),inset 0 0 34px rgba(113,19,24,.06) !important;
}
.be-discipline-grid--showcase .be-discipline--cs{
  border-color:rgba(42,151,255,.44) !important;
  box-shadow:0 22px 70px rgba(0,72,137,.18),inset 0 0 34px rgba(20,92,157,.07) !important;
}
.be-discipline-grid--showcase .be-discipline--lol{
  border-color:rgba(148,76,224,.42) !important;
  box-shadow:0 22px 70px rgba(83,38,141,.18),inset 0 0 34px rgba(111,55,171,.07) !important;
}

/* News fallback art uses the same clean game artwork family. */
.be-news-card--dota2 .be-news-card__media{
  background-image:url('../images/arena-dota2.webp') !important;
}
.be-news-card--cs2 .be-news-card__media{
  background-image:url('../images/arena-cs2.webp') !important;
}
.be-news-card--lol .be-news-card__media{
  background-image:url('../images/arena-lol.webp') !important;
}

/* Slightly tighter intro proportions matching the approved mockup */
.be-showcase-intro{
  padding-top:8px;
}
.be-showcase-intro h1{
  font-size:clamp(46px,4.25vw,68px);
}
.be-showcase-intro>div>p{
  color:#96a8bd;
}


/* =========================================================
   v0.6.0 — clean side artwork + team logos in live ticker
   ========================================================= */

/*
 * Clean red/blue side artwork.
 * It sits outside/behind the content and fades naturally into the center.
 */
.be-home-showcase{
  isolation:isolate;
}
.be-home-showcase:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:min(330px,18vw);
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,8,15,.02) 0%,rgba(3,8,15,.08) 42%,rgba(3,8,15,.97) 100%),
    url('../images/hero-side-left.webp') left center/cover no-repeat !important;
  opacity:.95 !important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 56%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 56%,transparent 100%);
}
.be-home-showcase:after{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:min(340px,18vw);
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(270deg,rgba(3,8,15,.01) 0%,rgba(3,8,15,.06) 42%,rgba(3,8,15,.97) 100%),
    url('../images/hero-side-right.webp') right center/cover no-repeat !important;
  opacity:.96 !important;
  -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 58%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 0%,#000 58%,transparent 100%);
}
.be-home-showcase>.be-shell{
  position:relative;
  z-index:2;
}

/* Extra edge glow like the reference */
body.home:before,
body.home:after{
  content:"";
  position:fixed;
  top:116px;
  bottom:0;
  width:150px;
  z-index:-1;
  pointer-events:none;
  filter:blur(46px);
  opacity:.16;
}
body.home:before{
  left:-55px;
  background:#aa2030;
}
body.home:after{
  right:-55px;
  background:#155aa6;
}

/* Ticker team logos */
.be-ticker-match{
  gap:9px;
}
.be-ticker-team{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.be-ticker-team--right{
  flex-direction:row;
}
.be-ticker-team__logo{
  flex:0 0 auto;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:7px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
}
.be-ticker-team__logo img{
  width:22px;
  height:22px;
  display:block;
  object-fit:contain;
}
.be-ticker-team__logo--fallback{
  border:1px solid rgba(132,169,211,.2);
  color:#91a6be;
  font-size:8px;
  font-weight:900;
}
.be-ticker-team strong{
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.be-ticker-match b{
  flex:0 0 auto;
}
.be-ticker-match small{
  flex:0 0 auto;
}

/* Keep side character art visible on large monitors like the reference */
@media(min-width:1700px){
  .be-home-showcase:before{
    width:360px;
  }
  .be-home-showcase:after{
    width:370px;
  }
}
@media(max-width:1180px){
  .be-home-showcase:before,
  .be-home-showcase:after{
    opacity:.66 !important;
    width:150px;
  }
}
@media(max-width:760px){
  .be-home-showcase:before,
  .be-home-showcase:after{
    display:none;
  }
  .be-ticker-team__logo{
    width:20px;
    height:20px;
  }
  .be-ticker-team__logo img{
    width:18px;
    height:18px;
  }
  .be-ticker-team strong{
    max-width:82px;
  }
}


/* =========================================================
   v0.6.0 — final clean-art safeguards
   ========================================================= */
.be-discipline-grid--showcase .be-discipline:before{
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
@media(max-width:980px){
  .be-home-showcase:before,
  .be-home-showcase:after{
    opacity:.72 !important;
  }
}
@media(max-width:760px){
  .be-home-showcase:before,
  .be-home-showcase:after{
    display:none;
  }
}