:root{--bg:#090b10;--panel:#11151d;--panel2:#0d1118;--line:#252b36;--text:#f2f4f7;--muted:#8d96a5;--green:#8cff72;--blue:#7387ff;--orange:#ff9b52;--red:#ff5f69;--cyan:#5ee8e0;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{width:min(calc(100% - 40px),760px);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,11,16,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:-.04em;font-size:20px}.brand b{color:var(--green);font-weight:900}.main-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.main-nav a{font-size:12px;font-weight:800;letter-spacing:.08em;color:#b7bdc8}.main-nav a:hover{color:var(--green)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:9px 12px}.hero{min-height:700px;display:flex;align-items:center;border-bottom:1px solid var(--line);background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:80px 0}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--muted)}.pulse{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 14px var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(54px,7vw,94px);line-height:.89;letter-spacing:-.075em;margin:24px 0 30px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy{max-width:630px;color:#aeb5c1;font-size:18px}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--line);font-size:12px;font-weight:900;letter-spacing:.06em}.btn.primary{background:var(--green);color:#071006;border-color:var(--green)}.btn.ghost:hover{border-color:#596171}.terminal{background:linear-gradient(180deg,#131821,#0d1118);border:1px solid #2c3441;padding:22px;box-shadow:0 28px 90px rgba(0,0,0,.32)}.terminal-head{display:flex;justify-content:space-between;color:var(--muted);font:800 10px/1 monospace;letter-spacing:.08em;border-bottom:1px solid var(--line);padding-bottom:18px}.status{color:var(--green)}.match{padding:28px 0 20px}.match small,.odds small{color:var(--muted);font-size:10px;letter-spacing:.1em}.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin-top:14px;font-size:17px}.teams b:last-child{text-align:right}.teams span{color:#626b79;font-size:11px}.odds{display:grid;grid-template-columns:1fr 1fr;gap:10px}.odds>div{border:1px solid var(--line);padding:14px;display:grid;grid-template-columns:1fr auto;align-items:end}.odds strong{font:700 28px/1 monospace;grid-row:1/3;grid-column:2}.odds span{font-size:9px;color:var(--green);letter-spacing:.1em}.spark{height:90px;margin:22px 0 8px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--line)}.spark i{display:block;flex:1;background:#343d4b;height:30%}.spark i:nth-child(2){height:42%}.spark i:nth-child(3){height:35%}.spark i:nth-child(4){height:61%}.spark i:nth-child(5){height:54%}.spark i:nth-child(6){height:72%}.spark i:nth-child(7){height:66%}.spark i:nth-child(8){height:84%;background:var(--green)}.terminal p{font-size:11px;color:var(--muted);margin:12px 0 0}.section{padding:100px 0}.section-alt{background:#0c0f15;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:30px}.section-title h2,.compare h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.055em;line-height:1;margin:10px 0 0}.section-title>p{max-width:400px;color:var(--muted);margin:0}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-card{min-height:330px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s;background:var(--panel2)}.game-card:hover{transform:translateY(-3px);border-color:#49515e}.game-card>span{font:700 11px monospace;color:var(--muted)}.game-card small{font-size:10px;color:var(--muted);letter-spacing:.13em}.game-card h3{font-size:48px;letter-spacing:-.06em;margin:4px 0 8px}.game-card p{color:#9da5b1;font-size:14px}.game-card>b{font-size:11px;letter-spacing:.08em}.game-card.cs h3{color:var(--orange)}.game-card.dota h3{color:var(--red)}.game-card.val h3{color:var(--cyan)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-card{border:1px solid var(--line);padding:28px;min-height:260px;display:flex;flex-direction:column;background:var(--panel)}.article-card:hover{border-color:#4b5564}.article-card small{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.12em}.article-card h3{font-size:26px;line-height:1.05;letter-spacing:-.035em;margin:35px 0 12px}.article-card p{color:var(--muted);font-size:14px}.article-card span{margin-top:auto;font-size:10px;font-weight:900;letter-spacing:.1em}.text-link{font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--green)}.compare{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.compare p{color:var(--muted);max-width:480px;margin:24px 0 30px}.data-table{border:1px solid var(--line);background:var(--panel)}.row{display:grid;grid-template-columns:1.7fr .7fr .6fr .7fr;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line);font-size:13px}.row.head{font-size:9px;letter-spacing:.1em;color:var(--muted)}.muted{color:var(--muted)}.data-table>small{display:block;padding:15px 20px;color:var(--muted)}.page-head,.article-hero{padding:90px 0 55px;border-bottom:1px solid var(--line)}.page-head h1,.article-hero h1{font-size:clamp(46px,7vw,80px);line-height:.95;letter-spacing:-.065em;margin:15px 0}.page-head p{color:var(--muted)}.article-hero .meta{font-size:12px;color:var(--muted)}.prose{font-size:18px;color:#c5cad2;padding-top:60px;padding-bottom:90px}.prose h2{color:var(--text);font-size:34px;letter-spacing:-.04em;margin-top:55px}.prose h3{color:var(--text);font-size:24px}.prose a{color:var(--green);text-decoration:underline}.prose blockquote{margin:35px 0;border-left:3px solid var(--green);padding:18px 24px;background:var(--panel);color:var(--text)}.prose code{background:var(--panel);padding:2px 6px}.site-footer{border-top:1px solid var(--line);padding:55px 0 25px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.footer-grid p{max-width:520px;font-size:13px;margin-top:14px}.footer-grid strong{color:var(--text);font-size:11px;letter-spacing:.1em}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:11px}@media(max-width:800px){.wrap,.narrow{width:min(calc(100% - 28px),var(--max))}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--bg);border-bottom:1px solid var(--line);padding:20px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;gap:18px}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:70px 0 50px;gap:45px}.hero h1{font-size:58px}.actions{flex-direction:column}.game-grid,.article-grid,.compare,.footer-grid{grid-template-columns:1fr}.section{padding:70px 0}.section-title{align-items:start;flex-direction:column}.game-card{min-height:260px}.compare{gap:40px}.row{grid-template-columns:1.4fr .6fr .5fr .7fr;padding:14px 12px;font-size:11px}.footer-grid{gap:30px}}@media(max-width:430px){.hero h1{font-size:49px}.terminal{padding:16px}.teams{font-size:14px}.section-title h2,.compare h2{font-size:38px}.game-card h3{font-size:42px}}

.bookmaker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.bookmaker-card{border:1px solid var(--line);background:var(--panel);padding:28px;min-height:300px;display:flex;flex-direction:column;gap:24px}.bookmaker-card small{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.12em}.bookmaker-card h2{font-size:32px;letter-spacing:-.04em;margin:12px 0}.bookmaker-card p{color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:auto}.metric-row span{padding:14px;font-size:9px;letter-spacing:.1em;color:var(--muted);border-right:1px solid var(--line)}.metric-row span:last-child{border-right:0}.metric-row b{display:block;color:var(--text);font:700 20px/1.4 monospace;letter-spacing:0}.metric-row.large{margin:28px 0;max-width:620px}.empty-state{border:1px dashed var(--line);padding:35px;color:var(--muted)}.disclosure{margin-top:60px;border:1px solid var(--line);padding:24px;background:var(--panel);font-size:14px}.disclosure b{color:var(--text)}.disclosure p{margin:8px 0 0}.nav-links{display:flex;gap:8px;margin-top:30px}.page-numbers{border:1px solid var(--line);padding:8px 12px}.page-numbers.current{background:var(--green);color:#071006;border-color:var(--green)}
@media(max-width:800px){.bookmaker-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(3,1fr)}}
.game-hero{padding:110px 0 80px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 25%,rgba(255,155,82,.08),transparent 28%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.game-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.game-hero h1{font-size:clamp(56px,7vw,92px);line-height:.9;letter-spacing:-.07em;margin:18px 0 28px}.game-hero h1 em{font-style:normal;color:var(--orange)}.game-hero p{max-width:600px;color:var(--muted);font-size:18px}.game-data-panel{border:1px solid var(--line);background:rgba(13,17,24,.88);padding:26px}.data-label{display:block;font:800 10px monospace;letter-spacing:.12em;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}.data-stat{display:grid;grid-template-columns:64px 1fr;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.data-stat b{font:700 30px monospace;color:var(--orange)}.data-stat span{font-size:11px;font-weight:900;letter-spacing:.09em}.data-line{height:70px;display:flex;gap:8px;align-items:end}.data-line i{display:block;flex:1;background:#333b48;height:35%}.data-line i:nth-child(2){height:60%}.data-line i:nth-child(3){height:46%}.data-line i:nth-child(4){height:78%}.data-line i:nth-child(5){height:95%;background:var(--orange)}.roadmap-panel{border:1px solid var(--line);background:var(--panel)}.roadmap-panel>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.roadmap-panel>div:last-child{border-bottom:0}.roadmap-panel span{font:800 9px monospace;color:var(--muted);letter-spacing:.1em}.roadmap-panel b{font-size:13px;letter-spacing:.08em}.guide-hero .lead{font-size:19px;color:#aeb5c1;max-width:680px;margin:20px 0}.guide-layout{padding-top:0;padding-bottom:90px}.guide-note{margin-top:42px;border:1px solid var(--line);border-left:3px solid var(--green);padding:20px 22px;background:var(--panel)}.guide-note span{font-size:9px;color:var(--green);font-weight:900;letter-spacing:.12em}.guide-note p{font-size:14px;color:var(--muted);margin:7px 0 0}.guide-layout .prose{padding-bottom:0}.bet-example{margin:38px 0;border:1px solid var(--line);background:#0d1118;padding:0}.bet-example-head{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);font:800 9px monospace;letter-spacing:.11em;color:var(--muted)}.bet-example-head b{color:var(--orange)}.bet-example-main{display:grid;grid-template-columns:repeat(3,1fr)}.bet-example-main>div{padding:22px;border-right:1px solid var(--line)}.bet-example-main>div:last-child{border-right:0}.bet-example small{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em;margin-bottom:8px}.bet-example strong{font:700 26px monospace;color:var(--text)}.bet-result{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 22px}.bet-result>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;font-weight:900}.bet-result.is-win{color:var(--green)}.bet-result.is-loss{color:var(--red)}.bet-result b{font-size:13px;letter-spacing:.07em}.bet-example>p{font-size:11px;color:var(--muted);padding:14px 18px;margin:0}@media(max-width:800px){.game-hero{padding:75px 0 55px}.game-hero-grid{grid-template-columns:1fr;gap:45px}.game-hero h1{font-size:56px}.bet-example-main{grid-template-columns:1fr}.bet-example-main>div{border-right:0;border-bottom:1px solid var(--line)}.bet-example-main>div:last-child{border-bottom:0}.roadmap-panel>div{grid-template-columns:85px 1fr}}
.bookmaker-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto}.btn.compact{min-height:40px;padding:0 14px;font-size:10px}.bookmaker-card .metric-row{margin-top:0}@media(max-width:520px){.bookmaker-actions{align-items:stretch;flex-direction:column}.bookmaker-actions .text-link{padding:10px 0}.btn.compact{width:100%}}
/* v0.6 tools */
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{min-height:330px;border:1px solid var(--line);background:var(--panel);padding:28px;display:flex;flex-direction:column;transition:.2s}.tool-card:hover{transform:translateY(-3px);border-color:var(--green)}.tool-card>span{font:800 10px monospace;letter-spacing:.12em;color:var(--green)}.tool-card h2{font-size:38px;letter-spacing:-.05em;margin:54px 0 12px}.tool-card p{color:var(--muted);font-size:14px}.tool-card b{margin-top:auto;font-size:11px;letter-spacing:.1em}.calculator{border:1px solid var(--line);background:linear-gradient(180deg,#131821,#0d1118);padding:28px}.calculator label{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.12em}.calculator input{display:block;width:100%;margin-top:10px;background:#090c12;color:var(--text);border:1px solid #323a48;padding:16px 18px;font:700 25px monospace;outline:none}.calculator input:focus{border-color:var(--green)}.calc-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calc-result{margin-top:22px;border:1px solid var(--line);padding:24px;display:grid;grid-template-columns:1fr auto;gap:7px 20px;align-items:end}.calc-result small,.conversion-grid small{color:var(--muted);font:800 9px monospace;letter-spacing:.12em}.calc-result strong{grid-row:1/3;grid-column:2;font:700 42px/1 monospace;color:var(--green)}.calc-result span{font-size:12px;color:var(--muted)}.calc-result span b{color:var(--text)}.conversion-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border:1px solid var(--line)}.conversion-grid>div{padding:24px;border-right:1px solid var(--line)}.conversion-grid>div:last-child{border-right:0}.conversion-grid strong{display:block;margin-top:12px;font:700 30px monospace;color:var(--green)}.tool-copy{padding-top:45px;padding-bottom:0}.tool-copy h2{margin-top:38px}@media(max-width:800px){.tool-grid,.calc-inputs,.conversion-grid{grid-template-columns:1fr}.tool-card{min-height:250px}.tool-card h2{margin-top:38px}.conversion-grid>div{border-right:0;border-bottom:1px solid var(--line)}.conversion-grid>div:last-child{border-bottom:0}.calc-result{grid-template-columns:1fr}.calc-result strong{grid-row:auto;grid-column:auto;margin-top:8px}}


/* v0.7 SEO content */
.cb-wrap{max-width:1180px;margin:0 auto;padding:0 24px}.cb-article{padding:32px 0 80px}.cb-breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;font-size:12px;color:#7f8796;margin:18px 0 54px}.cb-breadcrumbs a{color:#a9b0bd;text-decoration:none}.cb-article-head{max-width:920px;margin-bottom:48px}.cb-article-head h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:14px 0 20px;letter-spacing:-.045em}.cb-article-meta{color:#858d9b;font-size:13px}.cb-article-layout{display:grid;grid-template-columns:260px minmax(0,720px);gap:72px;align-items:start}.cb-toc{position:sticky;top:96px;border:1px solid #262c36;background:#0e1117;padding:18px}.cb-toc__title{font-size:10px;letter-spacing:.15em;color:#8da0bd;font-weight:800;margin-bottom:12px}.cb-toc ol{list-style:none;padding:0;margin:0}.cb-toc li{margin:9px 0}.cb-toc .level-3{padding-left:13px}.cb-toc a{color:#a9b0bd;text-decoration:none;font-size:13px}.cb-toc a:hover{color:#8cff70}.cb-prose{font-size:17px;line-height:1.78;color:#cbd1dc}.cb-prose h2{font-size:32px;line-height:1.12;color:#f5f7fa;margin:58px 0 18px;letter-spacing:-.025em}.cb-prose h3{font-size:23px;color:#f5f7fa;margin:38px 0 14px}.cb-prose a{color:#8cff70}.cb-prose blockquote{margin:30px 0;padding:20px 22px;border-left:2px solid #8cff70;background:#0e1218}.cb-faq{margin-top:70px;padding-top:35px;border-top:1px solid #272d36}.cb-faq h2{margin-top:10px}.cb-faq details{border-top:1px solid #272d36;padding:18px 0}.cb-faq details:last-child{border-bottom:1px solid #272d36}.cb-faq summary{cursor:pointer;color:#f4f6f9;font-weight:700}.cb-faq details div{padding-top:12px;color:#aeb6c4}.cb-related{margin-top:80px;border-top:1px solid #272d36;padding-top:42px}.cb-related h2{font-size:34px;margin:10px 0 24px}.cb-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cb-related-card{display:flex;min-height:180px;flex-direction:column;border:1px solid #272d36;background:#0e1117;padding:20px;text-decoration:none}.cb-related-card span{font-size:10px;letter-spacing:.13em;color:#8da0bd;text-transform:uppercase}.cb-related-card strong{font-size:20px;color:#f3f5f8;margin:18px 0;line-height:1.2}.cb-related-card em{margin-top:auto;color:#8cff70;font-style:normal;font-size:12px;font-weight:800}.cb-related-card:hover{border-color:#485161;transform:translateY(-2px)}
@media(max-width:820px){.cb-article-layout{grid-template-columns:1fr;gap:28px}.cb-toc{position:static}.cb-related-grid{grid-template-columns:1fr}.cb-article-head h1{font-size:44px}.cb-prose{font-size:16px}.cb-prose h2{font-size:28px}.cb-breadcrumbs{margin-bottom:34px}}

.cb-article,.cb-article button,.cb-article input,.cb-article textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cb-article-head .eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8fa6c9}
.cb-prose p{margin:0 0 22px}.cb-prose ul,.cb-prose ol{margin:0 0 24px;padding-left:24px}.cb-prose li{margin:8px 0}
.cb-prose strong{color:#f2f5f8}.cb-prose img{max-width:100%;height:auto;border-radius:10px}
.cb-article-layout>aside:empty{display:none}.cb-article-layout:has(>aside:empty){grid-template-columns:minmax(0,760px)}

/* v0.7.3 discipline cards */
.discipline-hub .lead{max-width:720px;margin-bottom:34px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.guide-card{display:flex;flex-direction:column;min-height:245px;padding:22px;border:1px solid var(--line);background:linear-gradient(180deg,#10151d,#0d1117);text-decoration:none;transition:.18s ease}
.guide-card:hover{border-color:#4b5665;transform:translateY(-2px);background:#121821}
.guide-card__top,.guide-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.guide-card__top span:first-child{color:#8fa6c9}.guide-card h3{font-size:23px;line-height:1.12;letter-spacing:-.02em;color:var(--text);margin:24px 0 12px}.guide-card p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 25px}.guide-card__bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.guide-card__bottom b{color:var(--green)}.guide-empty{grid-column:1/-1}.discipline-all{margin-top:28px}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.guide-grid{grid-template-columns:1fr}.guide-card{min-height:210px}}
