:root{--purple:#8b43ff;--violet:#6324ed;--violetlight:#c59aff;--blue:#2699ff;--pink:#e43cae;--cyan:#03cfff;--orange:#ff6b17;--white:#f8f6ff;--muted:#a9aad0;--bg:#050614;--panel:rgba(9,10,28,.96);--border:rgba(108,72,223,.62);--page:min(1740px,75vw);--gap:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--white);font:13px/1.45 'Inter',Arial,sans-serif;background:radial-gradient(ellipse 60% 38% at 50% 24%,#241253 0%,#0c0922 48%,#060716 92%);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #19d6ff;outline-offset:3px}svg{width:1em;height:1em;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.shell{position:relative;z-index:2;width:var(--page);max-width:1740px;margin:0 auto}.ambient-stars{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#7757e3 .7px,transparent .8px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000 0%,transparent 70%)}
/* SIDE WALLPAPERS: Two actual 720 x 2000px assets, proportional sizing by height.
   Never force background-size:100% 100% — that stretched older 150px strips.
   On ultra-wide, purple CSS gradients fill extra width rather than upscaling art. */
.wall{position:fixed;top:0;bottom:0;width:calc((100vw - var(--page))/2 + 35px);pointer-events:none;z-index:0;background-color:#080521;background-repeat:no-repeat;background-size:auto 100%,auto 100%;opacity:.96;filter:none;transform:translateZ(0)}
.wall-left{left:0;background-image:linear-gradient(90deg,rgba(4,5,17,.05),rgba(6,7,20,.02) 70%,#060716 100%),url('assets/wall-left-hd.webp');background-position:center center,center center;mask-image:linear-gradient(90deg,#000 0 72%,transparent 100%)}
.wall-right{right:0;background-image:linear-gradient(270deg,rgba(4,5,17,.05),rgba(6,7,20,.02) 70%,#060716 100%),url('assets/wall-right-hd.webp');background-position:center center,center center;mask-image:linear-gradient(270deg,#000 0 72%,transparent 100%)}
body:before{content:"";position:fixed;pointer-events:none;z-index:0;inset:0;background:radial-gradient(ellipse 55% 75% at 51% 25%,rgba(93,31,200,.15),transparent 73%)}
.panel{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,rgba(14,13,34,.96),rgba(7,8,24,.96));border-radius:9px;box-shadow:0 7px 25px #0008,inset 0 0 30px rgba(125,62,232,.07)}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:radial-gradient(#a04dfa .55px,transparent .8px);background-size:19px 19px;opacity:.06}
.site-header{height:70px;position:relative;z-index:9;background:linear-gradient(180deg,rgba(5,5,16,.98),rgba(9,6,30,.91));border-bottom:1px solid rgba(109,67,210,.48);box-shadow:0 1px 16px #4a1bd728}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:900;font-style:italic;font-size:clamp(20px,1.7vw,30px);letter-spacing:-1.7px;white-space:nowrap;position:relative;filter:drop-shadow(0 0 6px #813aff);line-height:1}.brand span{color:#d7b4ff}.brand i{position:absolute;right:28px;top:-15px;color:#ffac36;font-size:18px;font-style:normal;transform:rotate(-8deg)}.nav{height:100%;display:flex;align-items:center;gap:2px}.nav a{font-size:clamp(10px,.67vw,13px);color:#dedaf3;padding:11px 12px;border-radius:8px;white-space:nowrap;transition:.18s}.nav a:hover,.nav a.active{background:rgba(47,17,110,.74);color:#fff;box-shadow:inset 0 0 0 1px #7a31ec,0 0 14px #6326e94b}.header-actions{display:flex;align-items:center;gap:12px}.header-social{display:flex;gap:13px;align-items:center}.header-social a{color:#e9e4fe;font-size:21px;display:flex;transition:.15s}.header-social a:hover{transform:translateY(-3px);filter:drop-shadow(0 0 8px currentColor)}.header-social a:nth-child(1){color:#af5cff}.header-social a:nth-child(2){color:#fe2e5e}.header-social a:nth-child(3){color:#ff58c4}.header-social a:nth-child(4){color:#fef3ff}.header-social a:nth-child(5){color:#afadff}.btn{min-height:41px;display:inline-flex;gap:10px;justify-content:center;align-items:center;padding:0 17px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap;transition:filter .2s,transform .2s}.btn:hover{filter:brightness(1.18);transform:translateY(-2px)}.btn svg{font-size:19px}.btn-outline{border:1px solid #8249ff;background:linear-gradient(110deg,#24105a,#130b36);box-shadow:0 0 15px rgba(113,57,255,.42)}.btn-purple{background:linear-gradient(110deg,#8537ff,#4f1cdd);border:1px solid #ad69ff;box-shadow:0 0 18px rgba(131,59,255,.57)}.nav-toggle{display:none;align-items:center;justify-content:center;color:white;border:1px solid #7f50ea;background:rgba(77,35,158,.7);border-radius:8px;width:41px;height:39px;font-size:21px}
.main{padding-top:12px;padding-bottom:20px}.top-grid{display:grid;grid-template-columns:minmax(0,40.2fr) minmax(0,59.8fr);gap:var(--gap);height:clamp(380px,24.1vw,515px)}.hero{border-color:#944aff;background:#070b21;isolation:isolate}.hero-scene{position:absolute;inset:0;background:url('assets/cs2-scene.webp') center/cover;opacity:.68}.hero-person{position:absolute;z-index:0;height:96%;width:57%;right:1%;top:2%;object-fit:contain;object-position:right center;filter:saturate(1.18) contrast(1.04) drop-shadow(0 0 20px #760f9e6a)}.hero-sheen{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#070b22 0%,rgba(8,7,28,.92) 22%,rgba(12,7,29,.56) 51%,transparent 100%),linear-gradient(0deg,#0e0928 1%,transparent 33%),radial-gradient(circle at 74% 35%,#a02fff52,transparent 56%)}.neon-crown{position:absolute;z-index:2;top:6%;right:29%;font-size:72px;line-height:1;color:#b72fff;text-shadow:0 0 10px #d32dff,0 0 25px #7319f5;transform:rotate(-17deg)}.hero-main{position:absolute;z-index:3;top:25%;left:6%;right:4%}.overline{display:block;color:#b9bbdc;font-size:10px;letter-spacing:2.2px;font-weight:750}.hero h1{font-size:clamp(29px,2.55vw,49px);letter-spacing:-1.8px;line-height:.98;font-weight:900;margin:8px 0 4px;text-shadow:0 3px 15px #000;white-space:nowrap}.hero-subtitle{font-size:clamp(11px,.81vw,15px);font-weight:800;margin:0 0 18px}.hero-subtitle b{color:#b882f1}.hero-description{width:65%;max-width:400px;font-size:clamp(10px,.72vw,14px);line-height:1.56;color:#e4def5;margin:0;text-shadow:0 1px 7px #000}.hero-description span{color:#ff296b}.hero-tags{display:flex;gap:7px;margin-top:16px}.hero-tags span{border-radius:25px;font-size:clamp(9px,.63vw,12px);font-weight:800;min-width:88px;text-align:center;padding:6px 10px;border:1px solid #ff8240;background:linear-gradient(90deg,#f41c12,#aa0a21);box-shadow:0 0 13px #f40d3890;white-space:nowrap}.hero-tags span:nth-child(2){background:linear-gradient(90deg,#026a37,#07462a);border-color:#44df66;box-shadow:0 0 13px #05cc6590}.hero-tags span:nth-child(3){background:linear-gradient(90deg,#067ec5,#165fba);border-color:#39d9ff;box-shadow:0 0 13px #16a8ff85}.hero-stats{position:absolute;z-index:3;bottom:0;left:0;right:0;min-height:64px;display:grid;grid-template-columns:repeat(3,1fr);padding:12px 16px;gap:9px;background:linear-gradient(0deg,#0b0822ec,#120b39c9);border-top:1px solid #9854fe66}.hero-stats>div{padding-left:10px;border-right:1px solid #5a39705a}.hero-stats>div:last-child{border:0}.hero-stats strong{display:block;font-size:11px;color:#e8d4ff;letter-spacing:.3px}.hero-stats small{display:block;color:#acb2d7;font-size:10px}
.broadcast{padding:0 12px 11px;border-color:#9b51ed;display:flex;flex-direction:column}.panel-title{position:relative;z-index:2;height:52px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 15px}.panel-title h2{font-size:clamp(16px,1.2vw,23px);letter-spacing:-.3px;white-space:nowrap;margin:0;font-weight:800}.title-left{display:flex;gap:10px;align-items:center;min-width:0}.icon-square{display:inline-flex;justify-content:center;align-items:center;border-radius:6px;width:33px;height:33px;font-size:22px;flex-shrink:0}.twitch-bg{color:white;background:linear-gradient(130deg,#b456ff,#5424e8);box-shadow:0 0 12px #884aff}.stream-channel{display:inline-flex;color:#cba6ff;font-weight:800;letter-spacing:.3px;font-size:11px}.mini-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;font-weight:750;font-size:11px;white-space:nowrap;padding:8px 12px;border-radius:9px;color:white;background:linear-gradient(90deg,#5820c1,#8d36f2);border:1px solid #a065fe;box-shadow:0 0 13px #7517ff5c}.mini-button svg{font-size:14px}.video-wrap{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid #4c327b;border-radius:7px;background:#04030e;cursor:pointer}.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.video-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#100824ab,transparent 45%)}.video-centered{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:6px;justify-items:center;color:#fff;font-weight:750;font-size:11px;pointer-events:none;text-shadow:0 2px 8px #000}.video-play{display:flex;justify-content:center;align-items:center;width:57px;height:57px;border-radius:50%;background:#15102aa6;border:2px solid #bf75ff;box-shadow:0 0 23px #8f3affcc;font-size:27px}.video-wrap iframe{position:absolute;z-index:3;inset:0;width:100%;height:100%;border:0;pointer-events:none}.video-click{position:absolute;inset:0;z-index:4;cursor:pointer}.video-click:focus-visible{outline-offset:-4px}.broadcast-footer{height:73px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0;padding:8px 2px 0}.broadcast-footer>div{min-width:0}.broadcast-footer strong{display:block;font-size:clamp(13px,.92vw,17px);letter-spacing:.2px}.broadcast-footer>div>span{display:block;color:#c8c4df;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill-tags{display:flex;gap:5px;margin-top:5px}.pill-tags span{font-size:9px;color:#d9c4ff;border:1px solid #7843b5;background:#210e49;border-radius:16px;padding:1px 9px}.watch-button{min-height:43px;font-size:12px}
.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-top:var(--gap)}.social-card{display:block;height:clamp(106px,7.2vw,145px);transition:filter .2s,transform .2s}.social-card:hover{filter:brightness(1.17);transform:translateY(-3px)}.social-bg{position:absolute;inset:0;background-size:cover;background-position:70% 35%;opacity:.92}.youtube .social-bg{background-image:url('assets/social-youtube.webp')}.instagram .social-bg{background-image:url('assets/social-instagram.webp')}.tiktok .social-bg{background-image:url('assets/social-tiktok.webp')}.discord .social-bg{background-image:url('assets/social-discord.webp')}.social-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0c081af2 1%,rgba(13,5,26,.85) 34%,rgba(16,7,29,.18) 100%)}.social-content{z-index:2;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px 15px}.social-heading{display:flex;align-items:center;gap:11px}.social-heading>div{min-width:0}.social-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;flex-shrink:0;color:white;font-size:23px;background:linear-gradient(145deg,#ff3348,#a81240);box-shadow:0 0 13px #ef1c3f65}.instagram .social-icon{background:linear-gradient(140deg,#ff953f,#d0209d,#6731db)}.tiktok .social-icon{background:linear-gradient(140deg,#000c19,#008e9d);filter:drop-shadow(2px 2px 1px #ea1750)}.discord .social-icon{background:linear-gradient(140deg,#697dff,#3441d8)}.social-heading strong{display:block;white-space:nowrap;font-size:clamp(12px,.93vw,18px);letter-spacing:.25px}.social-heading small{display:block;color:#c7c6e2;font-size:clamp(9px,.65vw,12px);white-space:nowrap}.social-button{display:inline-flex;width:fit-content;align-items:center;gap:11px;padding:6px 15px;font-size:11px;line-height:1.3;font-weight:800;border-radius:7px;border:1px solid #ed466e;background:linear-gradient(90deg,#f11b4d,#a9113c);box-shadow:0 0 15px #f3134a69}.social-button svg{font-size:13px}.instagram .social-button{background:linear-gradient(90deg,#b22bea,#7224cb);border-color:#e068ed;box-shadow:0 0 14px #ac38de70}.tiktok .social-button{background:linear-gradient(90deg,#05aacd,#0778a5);border-color:#19eeff;box-shadow:0 0 14px #04dafa75}.discord .social-button{background:linear-gradient(90deg,#285af0,#1834b5);border-color:#538aff;box-shadow:0 0 14px #3556ee75}
.bottom-grid{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,28fr) minmax(0,37fr);gap:var(--gap);margin-top:var(--gap)}.bottom-grid>.panel{height:clamp(270px,18.2vw,360px)}.steam-panel{border-color:#874cff}.steam-art{position:absolute;inset:0;background-image:url('assets/kinole-steam-hd.webp');background-size:cover;background-position:center}.steam-glass{position:absolute;inset:0;background:linear-gradient(90deg,#0b0920ed,#1c0a30b3 51%,#07051746),linear-gradient(0deg,#08061c 0%,transparent 53%)}.steam-content{position:relative;z-index:2;height:100%;padding:17px 19px;display:flex;flex-direction:column;align-items:flex-start}.steam-kicker{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.5px;font-weight:900;color:#c6c1fb}.steam-circle{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1c2862;color:white;font-size:25px;border:1px solid #b1aafc;box-shadow:0 0 12px #543cfe}.kinole-title{font-family:Rajdhani,Inter,Arial,sans-serif;font-size:clamp(39px,3.15vw,60px);font-style:italic;font-weight:700;letter-spacing:-1.2px;line-height:.73;text-shadow:0 0 14px #9040ff,0 4px 6px #000;margin:20px 0 16px;position:relative;display:flex;flex-direction:column;transform:skewX(-5deg)}.kinole-title span{color:#dfb4ff}.kinole-title i{position:absolute;top:-13px;right:-8px;font-size:26px;color:#ffbb2e;font-style:normal}.steam-content p{max-width:360px;font-size:clamp(10px,.67vw,13px);line-height:1.5;color:#dce0fa;margin:0 0 auto}.steam-join{margin-top:12px;min-height:41px;font-size:12px}.steam-domain{margin-top:7px;color:#c6b0ee;font-size:9px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
.faceit-panel{border-color:#a75a41;background:radial-gradient(ellipse at 57% 47%,#341316 0%,#0e101f 64%,#090917 100%)}.faceit-panel .panel-title,.games-panel .panel-title{height:54px;border-bottom:1px solid #342c4661}.faceit-panel .panel-title>small,.games-panel .panel-title>small{color:#9593af;font-size:10px}.faceit-bg{background:#21110c;border:1px solid #d74c11;color:#ff6924;box-shadow:0 0 8px #ff5a19}.games-bg{color:#c1c5ff;background:#18205c;box-shadow:0 0 9px #5d65ff}.elo-row{display:flex;align-items:center;justify-content:center;gap:16px;margin:14px 13px 8px}.elo-ring{width:clamp(89px,6vw,119px);height:clamp(89px,6vw,119px);flex:0 0 auto;border-radius:50%;background:conic-gradient(#ff5409 0deg,#fc8b3f 220deg,#2b2432 220deg,#2b2432 360deg);box-shadow:0 0 19px #e85e2525;display:grid;place-items:center}.elo-ring>div{border-radius:50%;width:78%;height:78%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 40% 40%,#261c24,#070b16);border:3px solid #272033}.elo-ring strong{font-size:clamp(31px,2.5vw,48px);line-height:1;color:#ff7840}.elo-ring span{font-size:10px;color:#afaaa8;font-weight:800}.elo-data{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.elo-data small{font-size:10px;font-weight:700;color:#dfd7d7}.elo-data strong{font-size:clamp(31px,2.3vw,43px);line-height:1.1}.elo-data .waiting{border:1px solid #90553a;background:#5e311859;color:#f9a781;border-radius:5px;padding:3px 6px;font-size:9px;white-space:nowrap;font-weight:900}.elo-hint{font-size:10px;text-align:center;color:#aaa9c5;min-height:28px;margin:0 14px 5px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 13px 11px;padding:9px 0 8px;background:#080912aa;border-block:1px solid #53415b62}.metrics>div{text-align:center;border-right:1px solid #4e40515b}.metrics>div:last-child{border:none}.metrics small{display:block;color:#aaaac2;font-size:10px}.metrics strong{display:block;font-size:17px}.outlink{z-index:2;position:relative;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;min-height:38px;border:1px solid #ff6522;color:#fff;border-radius:7px;background:linear-gradient(120deg,#180d0d,#141018);transition:background .2s,box-shadow .2s}.outlink:hover{box-shadow:0 0 15px #ff5c2866;background:#221320}.outlink svg{color:#fb772f;font-size:17px}.faceit-button{margin:0 16px}
.games-panel{border-color:#4c50b8}.matches-columns{display:grid;grid-template-columns:1.33fr .8fr 1fr .62fr .95fr;gap:5px;margin:0 14px;padding:10px 3px 8px;border-bottom:1px solid #44426872;color:#aaaac8;font-size:9px;letter-spacing:.4px}.matches{min-height:clamp(108px,8.2vw,162px);padding:4px 14px 0}.match-row{display:grid;grid-template-columns:1.33fr .8fr 1fr .62fr .95fr;gap:5px;align-items:center;min-height:29px;border-bottom:1px solid #3734535c;font-size:10px}.match-row .map{font-weight:700}.match-row .result{font-weight:900;border-radius:5px;width:fit-content;padding:3px 6px}.match-row .win{background:#0a5c2f;color:#afffc6}.match-row .lose{background:#70182d;color:#ffd4db}.match-row .positive{color:#36ff83}.match-row .negative{color:#ff4574}.matches-message{color:#b5add1;font-size:11px;line-height:1.5;margin:10px 16px;min-height:35px}.matches-message[hidden]{display:none}.match-link{margin:4px 15px 0;border-color:#6245cc}.match-link svg{color:#b47aff}
.settings-compact{margin-top:var(--gap);padding:13px 20px;display:flex;align-items:center;gap:15px;min-height:73px;background:linear-gradient(90deg,#110e33,#120922)}.settings-bg{background:#40319d;color:#fff;box-shadow:0 0 10px #803dff}.settings-compact>div{min-width:0}.settings-compact strong{font-size:14px}.settings-compact p{font-size:11px;color:#bab5d8;margin:2px 0 0}.soon{margin-left:auto;white-space:nowrap;font-size:10px;color:#cdb4ff;letter-spacing:.5px;border:1px solid #554079;background:#39216344;border-radius:5px;padding:7px 10px}footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:15px;padding:23px 4px 18px;color:#a8a4c9;font-size:11px}footer>div{display:flex;gap:20px}footer a:hover{color:#f7e5ff}
@media(min-width:2200px){:root{--gap:15px}.hero-main{top:26%}.steam-content{padding:23px}.social-content{padding:18px}.panel-title{height:62px}.games-panel .panel-title,.faceit-panel .panel-title{height:62px}.matches{min-height:165px}.elo-hint{margin-block:10px}}
@media(max-width:1650px){:root{--page:calc(100vw - 40px);--gap:10px}.wall{width:0;display:none}.hero-main{top:25%}.top-grid{height:390px}.bottom-grid>.panel{height:293px}.hero h1{font-size:clamp(31px,3.05vw,43px)}.hero-description{font-size:12px}.nav a{padding:10px 10px;font-size:11px}}
@media(max-width:1180px){.nav{display:none;position:absolute;left:20px;right:20px;top:65px;height:auto;flex-direction:column;align-items:stretch;padding:12px;background:#0b0b23;border:1px solid #633bbc;border-radius:12px;box-shadow:0 10px 30px #0009}.nav.expanded{display:flex}.nav a{font-size:13px;padding:13px}.nav-toggle{display:inline-flex}.header-inner{max-width:100%}.top-grid{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}.hero-main{top:21%;left:5%}.hero-description{max-width:78%}.hero-tags span{min-width:0;font-size:10px;padding:6px 9px}.bottom-grid{grid-template-columns:1.15fr .96fr}.games-panel{grid-column:span 2}.bottom-grid>.panel{height:300px}.matches{min-height:144px}.games-panel .panel-title{height:52px}.faceit-panel .panel-title{height:52px}.social-card{height:124px}.wall{display:none}}
@media(max-width:820px){:root{--page:calc(100vw - 28px);--gap:12px}.site-header{height:64px}.head-join{display:none}.header-social{gap:10px}.header-social a{font-size:19px}.nav{top:62px;left:14px;right:14px}.main{padding-top:12px}.top-grid{height:auto;grid-template-columns:1fr}.hero{min-height:405px}.hero-person{width:55%;height:90%}.hero-main{top:26%;left:6%}.hero h1{font-size:clamp(35px,7vw,51px)}.hero-description{max-width:65%;width:65%;font-size:12px}.broadcast{height:465px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card{height:135px}.bottom-grid{grid-template-columns:1fr 1fr}.steam-panel{grid-column:span 2}.bottom-grid>.panel{height:325px}.steam-panel .steam-art{background-position:right 40%}.games-panel{grid-column:span 2}.elo-row{gap:11px}.faceit-panel .panel-title>small{display:none}.settings-compact p{font-size:10px}}
@media(max-width:570px){.header-social{gap:10px}.header-social a:nth-child(3),.header-social a:nth-child(4),.header-social a:nth-child(5){display:none}.brand{font-size:25px}.header-inner{gap:5px}.hero{min-height:460px}.hero-person{width:78%;right:-17%;top:2%;height:72%;opacity:.95}.hero-sheen{background:linear-gradient(90deg,#05091de8,rgba(8,5,21,.55) 51%,rgba(6,6,20,.1)),linear-gradient(0deg,#110b2f 0,transparent 34%)}.hero-main{top:24%;left:5%;right:3%}.hero h1{font-size:clamp(30px,10.3vw,46px)}.hero-subtitle{font-size:12px}.hero-description{font-size:12px;max-width:75%;width:75%}.hero-tags{gap:6px;flex-wrap:wrap}.hero-tags span{font-size:9px;min-width:77px}.hero-stats{padding:10px 8px;gap:4px}.hero-stats>div{padding-left:3px}.hero-stats strong{font-size:9px}.hero-stats small{font-size:9px}.neon-crown{right:21%;font-size:53px}.broadcast{height:390px;padding:0 10px 10px}.broadcast-title{height:52px;padding:0 2px}.broadcast-title h2{font-size:18px}.stream-channel{display:none}.mini-button{font-size:10px;padding:7px 9px}.video-centered{font-size:10px}.broadcast-footer{height:86px}.broadcast-footer strong{font-size:12px}.broadcast-footer>div>span{font-size:10px}.watch-button{padding:0 10px;font-size:10px;min-height:39px}.watch-button svg:first-child{display:none}.pill-tags{max-width:200px;overflow:hidden}.social-grid{gap:10px}.social-card{height:119px}.social-content{padding:9px}.social-icon{width:28px;height:28px;font-size:19px}.social-heading{gap:7px}.social-heading strong{font-size:11px}.social-heading small{font-size:9px}.social-button{font-size:10px;padding:5px 9px;gap:5px}.bottom-grid{display:flex;flex-direction:column}.bottom-grid>.panel{height:316px}.steam-panel{height:345px!important}.steam-content{padding:18px}.steam-content p{font-size:12px;max-width:260px}.kinole-title{font-size:55px}.faceit-panel .panel-title>small{display:inline}.elo-ring{width:100px;height:100px}.elo-data strong{font-size:40px}.metrics strong{font-size:17px}.games-panel{height:330px!important}.matches{min-height:130px}.matches-columns{font-size:8px}.match-row{font-size:9px}.settings-compact{align-items:flex-start;padding:14px}.soon{font-size:8px;padding:5px;margin-top:5px}footer{flex-direction:column;gap:9px}footer>div{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.social-card,.btn,.header-social a{transition:none}}

/* Neutralne szkielety tabeli: wskazuja brak danych, nie udaja rozegranych meczow. */
.skeleton-row{display:grid;grid-template-columns:1.33fr .8fr 1fr .62fr .95fr;align-items:center;gap:10px;height:27px;border-bottom:1px solid rgba(91,74,130,.22)}
.skeleton-row i{height:7px;border-radius:3px;background:linear-gradient(100deg,rgba(77,72,121,.38),rgba(140,105,198,.18));width:75%}
.skeleton-row i:first-child{width:88%}.skeleton-row i:nth-child(2){width:60%}.skeleton-row i:last-child{width:65%}

/* Logo Steam — KINOLE ESPORT */
.steam-circle img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    filter: drop-shadow(0 0 5px #a58aff);
}