*{margin:0;padding:0;box-sizing:border-box}:root{--amber:#ffb000;--amber-hot:#ffd166;--cyan:#20f4ff;--teal:#3cffc4;--red:#ff3f3f;--ink:#07090d;--panel:rgba(9,13,18,.78);--panel-bright:rgba(20,28,36,.86);--line:rgba(255,176,0,.36);--card-w:min(880px,66vw);--card-h:min(500px,52vh);--peek:calc((100vw - var(--card-w)) / 2);--gap:12px;--mq-h:46px}body,html{height:100%;overflow:hidden;background:var(--ink);color:#fff;font-family:Rajdhani,Segoe UI,system-ui,sans-serif}#bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(255,176,0,.16),transparent 34%),radial-gradient(circle at 82% 78%,rgba(32,244,255,.1),transparent 36%),linear-gradient(180deg,#080a0e,#07090d 72%,#050608)}#bg:before{background:url(/assets/images/cs2-simple-tactical-bg.png) 50%/cover no-repeat;filter:saturate(.82) brightness(.62);opacity:.46}#bg:after,#bg:before{content:"";position:absolute;inset:0}#bg:after{background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 0),radial-gradient(circle at 50% 42%,rgba(32,244,255,.08),transparent 30%),linear-gradient(110deg,rgba(255,176,0,.12),transparent 34%),linear-gradient(250deg,rgba(32,244,255,.09),transparent 38%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px);background-size:72px 72px,72px 72px,auto,auto,auto,auto;mix-blend-mode:screen;opacity:.72}#players-left,#players-right{position:fixed;z-index:2;bottom:var(--mq-h);top:0;width:25vw;display:flex;align-items:flex-end;pointer-events:none;overflow:hidden;opacity:.9}#players-left{left:0;-webkit-mask-image:linear-gradient(90deg,black 20%,transparent);mask-image:linear-gradient(90deg,black 20%,transparent)}#players-right{right:0;justify-content:flex-end;-webkit-mask-image:linear-gradient(270deg,black 20%,transparent);mask-image:linear-gradient(270deg,black 20%,transparent)}.pbg{flex-shrink:0;width:150px;height:90%;background-size:contain;background-repeat:no-repeat;background-position:bottom;opacity:0;filter:grayscale(.7) contrast(1.25) brightness(.52) drop-shadow(0 0 26px rgba(32,244,255,.16));transition:opacity 1.1s ease;margin:0 -20px}.pbg.vis{opacity:.42}#vignette{z-index:3;pointer-events:none;background:radial-gradient(ellipse 64vw 70% at 50% 52%,transparent 0,rgba(7,9,13,.38) 64%,rgba(7,9,13,.92) 100%),linear-gradient(180deg,rgba(7,9,13,.08),rgba(7,9,13,.82))}#hub,#vignette{position:fixed;inset:0}#hub{z-index:10;display:flex;flex-direction:column;align-items:center;padding:54px 0 calc(var(--mq-h) + 18px)}#hub-title{text-align:center;flex-shrink:0;margin-bottom:16px;z-index:5;text-transform:uppercase;transform:translateY(70px)}.title-eyebrow{font-size:clamp(.9rem,1.5vw,1.18rem);font-weight:700;letter-spacing:.36em;color:rgba(255,255,255,.88);margin-bottom:8px;text-shadow:0 0 18px rgba(255,255,255,.16)}.title-main{font-size:clamp(1.8rem,3.95vw,3.8rem);font-weight:700;letter-spacing:.07em;color:#fff;line-height:.9;text-shadow:0 4px 0 rgba(0,0,0,.72)}.title-main .title-accent{color:var(--amber-hot)}.title-tagline{margin-top:10px;font-size:.78rem;font-weight:700;letter-spacing:.28em;color:rgba(255,255,255,.72)}#carousel-wrap{flex:1 1;min-height:0;width:100%;position:relative;overflow:hidden;z-index:5}#carousel-track,#carousel-wrap{display:flex;align-items:center}#carousel-track{gap:var(--gap);will-change:transform}.game-card{width:var(--card-w);height:var(--card-h);flex-shrink:0;overflow:hidden;position:relative;cursor:pointer;background:var(--panel);border:1px solid rgba(255,255,255,.08);filter:brightness(.42) saturate(.72);transform:perspective(1000px) rotateY(0deg) scale(.94);transition:filter .42s ease,transform .42s ease,border-color .42s ease,box-shadow .42s ease;-webkit-clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.game-card:before{inset:0;z-index:3;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 10%,transparent 90%,rgba(255,255,255,.08)),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 6px);mix-blend-mode:screen;opacity:.35}.game-card:after,.game-card:before{content:"";position:absolute;pointer-events:none}.game-card:after{inset:10px;z-index:4;border:1px solid rgba(255,255,255,.09);-webkit-clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}.game-card.is-center{filter:brightness(1.08) saturate(1.28);transform:perspective(1000px) rotateY(0deg) scale(1);border-color:rgba(255,176,0,.58);box-shadow:0 26px 80px rgba(0,0,0,.48),0 0 42px rgba(255,176,0,.16),0 0 70px rgba(32,244,255,.1)}.game-card.unavailable{cursor:default;filter:brightness(.32) saturate(.28) grayscale(.75);border-color:rgba(255,255,255,.07)}.game-card.is-center.unavailable{cursor:default;filter:brightness(.62) saturate(.34) grayscale(.72);transform:perspective(1000px) rotateY(0deg) scale(1);border-color:rgba(255,255,255,.16);box-shadow:0 24px 68px rgba(0,0,0,.46)}.card-art{position:absolute;inset:0;overflow:hidden}.game-card.unavailable .card-art{opacity:.58}.lock-badge{position:absolute;top:50%;left:50%;z-index:7;transform:translate(-50%,-58%);width:88px;height:88px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(4,6,9,.68);color:rgba(255,255,255,.72);box-shadow:0 18px 48px rgba(0,0,0,.34);-webkit-clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);pointer-events:none}.lock-icon{position:relative;width:34px;height:40px;filter:drop-shadow(0 0 14px rgba(255,255,255,.14))}.lock-icon:before{content:"";position:absolute;left:6px;top:0;width:22px;height:24px;border:5px solid rgba(255,255,255,.78);border-bottom:0;border-radius:14px 14px 0 0}.lock-icon:after{content:"";position:absolute;left:1px;bottom:0;width:32px;height:25px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(190,198,204,.68));-webkit-clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.lock-keyhole{bottom:7px;z-index:2;width:6px;height:12px;border-radius:6px}.lock-keyhole,.lock-keyhole:before{position:absolute;left:50%;transform:translateX(-50%);background:rgba(4,6,9,.82)}.lock-keyhole:before{content:"";top:-5px;width:9px;height:9px;border-radius:50%}.card-info{position:absolute;bottom:0;left:0;right:0;z-index:6;padding:20px 28px 24px;background:linear-gradient(0deg,rgba(4,6,9,.96),rgba(4,6,9,.78) 52%,transparent);display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.card-label{display:inline-flex;padding:4px 8px 3px;margin-bottom:7px;border:1px solid rgba(32,244,255,.34);color:var(--cyan);background:rgba(32,244,255,.08);font-size:.6rem;letter-spacing:.22em}.card-label,.card-title{font-weight:700;text-transform:uppercase}.card-title{font-size:clamp(1.55rem,2.6vw,2.45rem);letter-spacing:.06em;color:#fff;line-height:.95;text-shadow:0 0 24px rgba(255,176,0,.34)}.card-tagline{font-size:.82rem;color:rgba(255,255,255,.62);letter-spacing:.05em;margin-top:7px;font-weight:600}.card-btn{flex-shrink:0;min-width:130px;padding:12px 18px 11px;font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;-webkit-clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.card-btn.play{background:var(--amber);color:#100900;box-shadow:0 0 28px rgba(255,176,0,.28)}.card-btn.play:hover{transform:translateY(-2px);background:var(--amber-hot)}.recommended-badge{position:absolute;top:22px;left:24px;z-index:8;padding:10px 16px 9px;background:var(--amber);color:#100900;box-shadow:0 0 28px rgba(255,176,0,.28);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;-webkit-clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);pointer-events:none}.card-btn.soon{color:rgba(255,255,255,.34);cursor:default}.card-btn.soon,.game-card.unavailable .card-label{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14)}.game-card.unavailable .card-label{color:rgba(255,255,255,.48)}.game-card.unavailable .card-title{color:rgba(255,255,255,.66);text-shadow:none}.game-card.unavailable .card-tagline{color:rgba(255,255,255,.38)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:72px;background:rgba(5,8,12,.84);border:1px solid rgba(32,244,255,.26);color:rgba(255,255,255,.84);font-size:2.1rem;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:transform .18s,border-color .18s,color .18s,background .18s,box-shadow .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.carousel-arrow:hover{transform:translateY(-50%) scale(1.04);background:rgba(8,12,18,.96);border-color:rgba(255,176,0,.72);color:var(--amber-hot);box-shadow:0 0 28px rgba(255,176,0,.18)}#arrow-left{left:calc(var(--peek) - 24px)}#arrow-right{right:calc(var(--peek) - 24px)}#carousel-dots{display:flex;gap:8px;margin-top:14px;flex-shrink:0;z-index:5}.dot{height:6px;width:30px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:width .25s,background .25s,box-shadow .25s;-webkit-clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.dot.active{background:var(--amber);width:54px;box-shadow:0 0 18px rgba(255,176,0,.45)}#team-marquee{position:fixed;bottom:0;left:0;right:0;z-index:50;height:var(--mq-h);background:rgba(4,6,9,.96);border-top:1px solid rgba(255,176,0,.28);overflow:hidden;display:flex;align-items:center;box-shadow:0 -18px 42px rgba(0,0,0,.28)}#team-marquee:before{content:none}#marquee-scroll{white-space:nowrap;overflow:hidden;flex:1 1}#marquee-inner,#marquee-scroll{display:flex;align-items:center}#marquee-inner{animation:mscroll 48s linear infinite}#team-marquee:hover #marquee-inner{animation-play-state:paused}@keyframes mscroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.mq-team{display:inline-flex;align-items:center;gap:8px;padding:0 24px;height:var(--mq-h);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.42);border-right:1px solid rgba(255,255,255,.06);white-space:nowrap;cursor:default;transition:color .2s}.mq-team:hover{color:#fff}.mq-dot{width:6px;height:6px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);flex-shrink:0}.mq-team:hover .mq-dot{background:var(--amber);box-shadow:0 0 12px var(--amber)}.art-hl{background:#07090d}.hl-thumb{position:absolute;inset:0;background:url(/assets/hl-thumb.png) 50%/cover no-repeat}.hl-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 52%,rgba(255,176,0,.34),transparent 28%),radial-gradient(circle at 26% 45%,rgba(32,244,255,.2),transparent 25%),radial-gradient(circle at 75% 40%,rgba(255,63,63,.18),transparent 26%);animation:card-heat 4.5s ease-in-out infinite}@keyframes card-heat{50%{transform:scale(1.04) rotate(1deg);filter:saturate(1.25)}}.hl-scene{position:absolute;inset:0;justify-content:center;gap:clamp(28px,5vw,72px)}.hl-col,.hl-scene{display:flex;align-items:center}.hl-col{width:126px;flex-direction:column;gap:10px;transform:skewX(-6deg)}.hl-avatar{width:82px;height:82px;border:2px solid rgba(32,244,255,.72);background:linear-gradient(145deg,rgba(32,244,255,.18),rgba(255,255,255,.04));box-shadow:0 0 28px rgba(32,244,255,.22);-webkit-clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.hl-bar{width:86px;background:linear-gradient(180deg,rgba(255,176,0,.9),rgba(255,63,63,.28));border:1px solid rgba(255,176,0,.58);border-bottom:none;box-shadow:0 0 28px rgba(255,176,0,.16)}.hl-vs{width:96px;height:96px;flex-shrink:0;background:linear-gradient(148deg,var(--amber-hot),var(--amber) 58%,#9b4b00);-webkit-clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);display:grid;place-items:center;font-size:1.35rem;font-weight:700;color:#110900;filter:drop-shadow(0 0 26px rgba(255,176,0,.78));letter-spacing:.08em}.art-gtp{background:linear-gradient(150deg,#130c05,#251400 58%,#07080b)}.conn-scene,.gtp-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.gtp-light{position:absolute;top:-18%;left:50%;transform:translateX(-50%);width:420px;height:118%;background:radial-gradient(ellipse at top,rgba(255,176,0,.28),transparent 62%)}.gtp-wrap{position:relative;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 36px rgba(255,176,0,.28))}.gtp-head{width:88px;height:88px;background:rgba(255,176,0,.12);border:2px solid rgba(255,176,0,.34);-webkit-clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.gtp-body{width:132px;height:104px;background:rgba(255,176,0,.08);border:2px solid rgba(255,176,0,.22);margin-top:-6px;-webkit-clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}.gtp-q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:7.5rem;font-weight:700;color:var(--amber-hot);text-shadow:0 0 44px rgba(255,176,0,.9);line-height:1}.art-conn{background:linear-gradient(150deg,#051315,#061e1a 58%,#07080b)}.conn-grid{display:grid;grid-template-columns:repeat(4,74px);grid-template-rows:repeat(2,74px);grid-gap:12px;gap:12px;transform:rotate(-3deg)}.conn-cell{border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 18px rgba(0,0,0,.36);-webkit-clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.cc-a{background:rgba(60,255,196,.26);border-color:rgba(60,255,196,.46)}.cc-b{background:rgba(32,244,255,.22);border-color:rgba(32,244,255,.42)}.cc-c{background:rgba(255,176,0,.24);border-color:rgba(255,176,0,.46)}.cc-d{background:rgba(255,63,63,.22);border-color:rgba(255,63,63,.42)}.art-wordle{background:linear-gradient(150deg,#060d18,#0b1a10 58%,#060c18)}.wdl-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.wdl-grid{display:grid;grid-template-columns:repeat(6,42px);grid-gap:6px;gap:6px}.wdl-box{width:42px;height:42px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700;letter-spacing:0;color:#fff}.wdl-box.correct{background:#50dc78;color:#081808;border:2px solid #50dc78}.wdl-box.present{background:#e8b84b;color:#1a1000;border:2px solid #e8b84b}.wdl-box.absent{background:#253040;border:2px solid #253040}.wdl-box.empty{background:transparent;border:2px solid rgba(255,255,255,.12)}.art-o5{background:#07090d}.o5-thumb{position:absolute;inset:0;background:url(/assets/o5-thumb.png) 50%/cover no-repeat}.art-roster{background:#07090d}.roster-thumb{position:absolute;inset:0;background:url(/assets/roster-thumb.png) 50%/cover no-repeat}.art-skinmog{background:linear-gradient(150deg,#0a0d06,#0d1a06 58%,#070a0d)}.skinmog-thumb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Rajdhani,sans-serif;font-size:48px;font-weight:700;letter-spacing:.1em;color:rgba(232,184,75,.18);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skinmog-thumb:before{content:"SKIN";color:rgba(255,255,255,.12);margin-right:6px}.skinmog-thumb:after{content:"MOG";color:rgba(232,184,75,.22)}.art-sort{background:linear-gradient(150deg,#150706,#221003 58%,#07080b)}.sort-scene{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 110px 86px;gap:18px}.sort-bar{flex:1 1;max-width:82px;border:1px solid rgba(255,176,0,.48);border-bottom:none;background:linear-gradient(180deg,rgba(255,176,0,.85),rgba(255,63,63,.18));box-shadow:0 0 26px rgba(255,176,0,.16);-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}@media (max-width:820px){:root{--card-w:82vw;--card-h:min(480px,54vh);--gap:10px}#hub{padding-top:38px}#hub-title{transform:translateY(18px)}.title-main{font-size:clamp(1.45rem,6vw,2.1rem)}.title-eyebrow,.title-tagline{letter-spacing:.22em}.card-info{flex-direction:column;align-items:flex-start;padding:18px 20px 22px}.card-btn{width:100%}.lock-badge{width:72px;height:72px}.lock-icon{width:30px;height:36px}.carousel-arrow{width:40px;height:58px}#arrow-left{left:8px}#arrow-right{right:8px}#players-left,#players-right,#team-marquee:before{display:none}.hl-scene{gap:18px}.hl-col{width:84px}.hl-avatar{width:58px;height:58px}.hl-vs{width:74px;height:74px}.conn-grid{grid-template-columns:repeat(4,52px);grid-template-rows:repeat(2,52px)}.sort-scene{padding:0 64px 92px}}