*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090329;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:210px minmax(0,1fr)}.sidebar{display:flex;position:sticky;top:0;height:100vh}.topbar{display:none}.main{min-width:0}.hero-copy h1{font-size:clamp(42px,6vw,86px)}
.sidebar{background:linear-gradient(180deg,#16004b 0%,#3f0492 55%,#8c12d9 100%);padding:28px 20px;flex-direction:column;z-index:30;border-right:1px solid rgba(255,255,255,.08)}.side-logo{width:175px;max-width:100%;margin:0 auto 24px}.side-actions{display:grid;gap:12px}.side-nav{display:grid;gap:6px;margin-top:24px}.side-nav a{padding:10px 13px;border-radius:12px;font-weight:800;color:#f2dcff}.side-nav a:hover{background:rgba(255,255,255,.1)}.sidebar-bottom{margin-top:auto;font-size:12px;color:#ead8ff;display:flex;justify-content:space-between}.topbar{align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,5vw,64px);background:#0c0528;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:40}.topbar .top-logo{width:165px}.topnav{display:flex;gap:22px;align-items:center;font-weight:800}.content{width:min(1500px,calc(100% - 44px));margin:auto}.hero{margin:28px auto 20px;background:linear-gradient(135deg,#ff1597,#ae48ee 55%,#5f1dcb);border-radius:30px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 80px rgba(0,0,0,.28)}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);align-items:center;min-height:500px}.hero-copy{padding:clamp(30px,5vw,78px);position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#ffe5f6;font-size:13px}.hero-copy h1{font-size:clamp(40px,5vw,76px);line-height:.98;margin:14px 0 20px;letter-spacing:-.045em}.hero-copy p{font-size:18px;color:#fff1fb;max-width:720px}.hero-art{padding:20px;min-width:0}.hero-art img{width:100%;height:auto;max-height:470px;object-fit:contain}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:15px;border:0;font-weight:900;cursor:pointer;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(90deg,#ff1597,#ae48ee);color:#fff;box-shadow:0 10px 30px rgba(255,24,159,.25)}.btn-light{background:#fff;color:#251047}.btn-outline{border:1px solid rgba(255,255,255,.34);background:transparent;color:#fff}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.section{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section h2{font-size:clamp(28px,3vw,44px);margin:0;letter-spacing:-.03em}.muted{color:#bdb3d6}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,245px));justify-content:center;gap:18px}.game-card{background:#120a38;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 34px rgba(0,0,0,.18)}.game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;background:#160642}#live .game-grid{grid-template-columns:repeat(auto-fit,minmax(145px,173px));gap:12px}#live .game-card img{aspect-ratio:173/142}.game-info{padding:12px 13px 14px}.game-title{font-weight:900;font-size:14px}.game-sub{font-size:12px;color:#a99fca;margin-top:2px}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cat{min-height:150px;background:linear-gradient(160deg,#ff1597,#ae48ee);border-radius:22px;padding:24px;display:grid;place-items:center;text-align:center;border:1px solid rgba(255,255,255,.14)}.cat .ico{font-size:44px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18))}.cat b{display:block;margin-top:10px}.providers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.provider{padding:18px;border-radius:14px;background:#10082f;border:1px solid rgba(255,255,255,.12);text-align:center;font-weight:900;letter-spacing:.04em}.panel{background:linear-gradient(160deg,rgba(46,10,95,.98),rgba(17,5,54,.98));border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:clamp(22px,4vw,42px);box-shadow:0 20px 50px rgba(0,0,0,.2)}.unique-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.unique-card{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px}.unique-card h3{margin:0 0 8px;font-size:21px}.choice-row{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.choice{padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#160a42;color:#fff;cursor:pointer}.choice.active{background:#ff1597;border-color:#ff1597}.meter{height:14px;background:#1a1041;border-radius:999px;overflow:hidden}.meter>span{display:block;height:100%;background:linear-gradient(90deg,#ff1597,#ffd46c);border-radius:999px}.route{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-step{padding:16px;border-radius:16px;background:#16083f;border:1px solid rgba(255,255,255,.1)}.route-step b{color:#ffd46c;font-size:22px}.calc{display:grid;grid-template-columns:1fr auto;gap:10px}.field{width:100%;background:#0a0627;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:13px 15px;outline:none}.result{margin-top:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.07)}.ranking{display:grid;gap:9px}.rank-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:13px;background:#110731}.heatmap{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.heat{aspect-ratio:1;border-radius:13px;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:900;padding:5px}.feed{display:grid;gap:10px;min-height:220px}.feed-item{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border-radius:14px;background:#10072e;border:1px solid rgba(255,255,255,.08)}.feed-dot{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ff1597,#ae48ee);display:grid;place-items:center}.comment{padding:16px;background:#120833;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.comment strong{color:#ffd46c}.pulse-row{display:grid;grid-template-columns:140px 1fr 48px;gap:12px;align-items:center;margin:12px 0}.bar{height:12px;border-radius:999px;background:#1a0e41;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#ae48ee,#ff1597)}.compare{width:100%;border-collapse:collapse}.compare th,.compare td{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.challenge{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.challenge>div{padding:18px;border-radius:16px;background:#120833}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{padding:22px;border-radius:18px;background:#120832;border:1px solid rgba(255,255,255,.11)}.article-card h3{margin:0 0 10px}.article-card p{color:#beb5d4}.footer{margin-top:60px;padding:38px 0 50px;border-top:1px solid rgba(255,255,255,.09);background:#07021d}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:22px}.footer h4{margin:0 0 10px}.footer a,.footer p{color:#a99fc2;font-size:14px}.legal{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#8f85ad}.article-page{width:min(900px,calc(100% - 34px));margin:50px auto;background:#10082f;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:clamp(24px,5vw,58px)}.article-page h1{font-size:clamp(36px,5vw,62px);line-height:1.02;margin:0 0 20px}.article-page h2{margin-top:34px}.article-page p,.article-page li{color:#d7d2e3;font-size:17px}.article-page img{width:100%;max-height:480px;object-fit:cover;border-radius:18px;margin:24px 0}.back{display:inline-block;margin-bottom:20px;color:#ffcde9}.top-stripe{height:8px;background:linear-gradient(90deg,#ff1597,#ae48ee,#ffd46c)}
@media(max-width:1100px){.game-grid{grid-template-columns:repeat(auto-fit,minmax(170px,245px))}.hero-inner{grid-template-columns:1fr 420px}.unique-grid{grid-template-columns:1fr 1fr}.articles{grid-template-columns:1fr 1fr}}
@media(max-width:900px){#live .game-grid{grid-template-columns:repeat(auto-fit,minmax(145px,173px))}.shell{display:block!important}.sidebar{position:relative!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:13px 16px;overflow-x:auto}.sidebar .side-logo{width:130px;margin:0 8px 0 0}.sidebar .side-actions,.sidebar .sidebar-bottom{display:none}.side-nav{display:flex;margin:0;gap:4px;white-space:nowrap}.side-nav a{padding:8px 10px}.topbar{position:relative}.topnav{display:none}.hero-inner{grid-template-columns:1fr}.hero-art{padding-top:0}.hero-art img{max-height:340px}.categories{grid-template-columns:repeat(3,1fr)}.providers{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.content{width:min(100% - 24px,1500px)}.hero{margin-top:12px;border-radius:22px}.hero-copy{padding:28px 22px}.hero-copy h1{font-size:42px!important}.hero-copy p{font-size:16px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#live .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{border-radius:15px}.categories{grid-template-columns:repeat(2,1fr)}.cat{min-height:120px;padding:18px}.providers{grid-template-columns:repeat(2,1fr)}.unique-grid,.articles,.route,.challenge{grid-template-columns:1fr}.heatmap{grid-template-columns:repeat(3,1fr)}.section{padding:30px 0}.footer-grid{grid-template-columns:1fr}.pulse-row{grid-template-columns:105px 1fr 42px}.calc{grid-template-columns:1fr}.compare{font-size:13px}.topbar{padding:12px 16px}}