:root{color-scheme:dark;--bg:#08090c;--panel:#101217;--line:#29303a;--gold:#f1bd55;--red:#f04c35;--blue:#63b5fa;--ink:#f5f3ed;--muted:#9aa1ac;--display:'Barlow Condensed',Impact,sans-serif;--sans:'DM Sans',Arial,sans-serif;--max:1510px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:radial-gradient(ellipse at 48% 8%,#25130f 0,transparent 30%),var(--bg);color:var(--ink);font:13px/1.45 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.topbar{height:64px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:38px;padding:0 max(24px,calc((100vw - var(--max))/2));background:#07080bf2;border-bottom:1px solid #ffffff17;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-emblem{width:39px;height:39px;display:grid;place-items:center;clip-path:polygon(50% 0,88% 19%,100% 68%,50% 100%,0 68%,12% 19%);background:linear-gradient(145deg,#ffe18a,#e39b24 55%,#8d4116);color:#18120a;font:900 23px var(--display);text-shadow:0 1px #fff5}.brand-type{font:900 24px/.75 var(--display);letter-spacing:-.5px;background:linear-gradient(#fff4d1,#d59a38);color:transparent;background-clip:text}.brand-type small{display:block;padding-top:5px;text-align:center;font:700 11px/1 var(--display);letter-spacing:2.2px;color:#e5c27d}.site-nav{display:flex;align-items:center;gap:clamp(15px,2.1vw,34px);height:100%;flex:1}.site-nav a{height:100%;display:grid;place-items:center;position:relative;color:#c9cbd0;font:700 13px var(--display);letter-spacing:.8px;white-space:nowrap}.site-nav a:hover,.site-nav a.active{color:#f4bc57}.site-nav a.active:after{position:absolute;content:"";bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#f35a34,transparent);box-shadow:0 0 12px #f35a34}.top-actions{display:flex;align-items:center;gap:9px;flex:none}.icon-btn{width:34px;height:34px;border:0;background:transparent;color:#e4e5e8;font-size:24px;cursor:pointer}.langs{display:flex;gap:2px;margin-right:5px}.langs button{padding:5px 6px;border:0;background:transparent;color:#888f99;font-size:10px;cursor:pointer}.langs button.active{color:#fff}.login,.signup{padding:9px 13px;border:1px solid #ffffff3d;border-radius:3px;font:700 11px var(--display);letter-spacing:.6px;white-space:nowrap}.signup{border-color:#dda743;color:#ffd786;box-shadow:inset 0 0 14px #df9c2a20,0 0 12px #df9c2a1a}.menu-toggle{display:none}
.hero{min-height:390px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:30px max(40px,calc((100vw - var(--max))/2));border-bottom:1px solid #ffffff13;background:radial-gradient(ellipse at 69% 43%,#f356273e,transparent 27%),radial-gradient(ellipse at 81% 61%,#d47b1d1b,transparent 41%),linear-gradient(90deg,#080b11 0%,#11131a 43%,#171114 100%)}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#07090dcf 0%,#08090b7c 38%,#09090a08 71%,#08090b65 100%),linear-gradient(0deg,#08090c 0%,transparent 28%,#0a0b0e25 74%,#08090c48 100%)}.hero-atmosphere{position:absolute;z-index:-2;inset:0;overflow:hidden;background:repeating-linear-gradient(112deg,transparent 0 75px,#ffffff04 76px 78px,transparent 80px 160px)}.phoenix{position:absolute;left:43%;top:-96px;width:min(48vw,640px);height:450px;display:grid;place-items:center;clip-path:polygon(50% 0,61% 16%,94% 3%,80% 31%,100% 45%,73% 53%,89% 77%,62% 68%,51% 100%,38% 68%,11% 77%,27% 53%,0 45%,20% 31%,6% 3%,40% 16%);background:radial-gradient(ellipse,#ffe6a8 0,#ed762e 15%,#aa231f 33%,#37131b 51%,transparent 70%);filter:drop-shadow(0 0 45px #fa5729aa);opacity:.8;animation:flame 8s ease-in-out infinite alternate}.phoenix span{font-size:205px;color:#ffd77c;text-shadow:0 0 18px #ffcf60,0 0 60px #ff4a19;transform:translateY(25px)}.hero-city{position:absolute;bottom:0;left:31%;right:0;height:40%;opacity:.6;background:linear-gradient(0deg,#0a0b0e,#15141a 13%,transparent 14%),repeating-linear-gradient(90deg,transparent 0 31px,#171a22 32px 48px,transparent 49px 69px);clip-path:polygon(0 62%,4% 62%,4% 30%,8% 30%,8% 52%,14% 52%,14% 13%,19% 13%,19% 47%,24% 47%,24% 26%,29% 26%,29% 59%,35% 59%,35% 8%,42% 8%,42% 50%,48% 50%,48% 27%,53% 27%,53% 61%,58% 61%,58% 21%,65% 21%,65% 52%,71% 52%,71% 12%,77% 12%,77% 56%,82% 56%,82% 31%,89% 31%,89% 56%,94% 56%,94% 17%,100% 17%,100% 100%,0 100%)}.hero-copy{position:relative;z-index:2}.overline{margin:0 0 4px;color:#d7cbb5;font-size:9px;font-weight:700;letter-spacing:5px}.hero h1{margin:0;color:#fff;font:900 clamp(51px,6vw,85px)/.78 var(--display);letter-spacing:1px;text-shadow:0 3px 22px #000}.hero h1 em{font-style:normal;background:linear-gradient(180deg,#fff0bd 5%,#fb7b36 55%,#d9261e 100%);color:transparent;background-clip:text;filter:drop-shadow(0 5px 12px #b93b245c)}.hero-motto{margin:16px 0 20px;color:#e6d9c3;font-size:9px;font-weight:700;letter-spacing:2px}.hero-buttons{display:flex;gap:12px}.button{height:39px;min-width:146px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e7ad43;border-radius:4px;font:800 13px var(--display);letter-spacing:.5px}.button-hot{background:linear-gradient(100deg,#d92b27,#ed652e);box-shadow:0 0 22px #ec3e2c48;color:#fff}.button-quiet{background:#08090dbd;border-color:#bb934f;color:#fff2d4}.button:hover,.small-cta:hover,.discord-cta:hover{filter:brightness(1.2);transform:translateY(-2px)}.hero-stats{display:flex;gap:22px;margin-top:22px}.hero-stats div{display:grid;grid-template-columns:24px auto;align-items:center;column-gap:7px}.hero-stats b{grid-row:span 2;color:#e8b654;font-size:18px}.hero-stats span{color:#a9a49b;font-size:7px;letter-spacing:1px}.hero-stats strong{font:700 13px var(--display);letter-spacing:1px}.hero-side{position:relative;z-index:2;align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end}.hero-stamp{position:absolute;right:10%;top:16%;font:900 clamp(29px,4vw,55px)/.72 var(--display);letter-spacing:-1px;color:#efbd60;text-shadow:0 3px 22px #f66b31,0 0 3px #fff;text-align:center;transform:rotate(-7deg)}.hero-stamp small{font-size:.43em;letter-spacing:5px}.hero-carousel{width:min(470px,100%);height:53px;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #ffffff35;border-radius:4px;background:#07080bc9;box-shadow:0 8px 26px #0008}.hero-carousel button{width:34px;height:34px;flex:none;border:1px solid #f0c875;border-radius:50%;background:#0b0c10;color:#ffdc89;cursor:pointer}.hero-carousel span{font:700 11px var(--display);letter-spacing:1px}.hero-carousel i{margin-left:auto;color:#92929a;font-size:9px;font-style:normal}.hero-edge{position:absolute;bottom:9px;left:max(40px,calc((100vw - var(--max))/2));right:max(40px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;color:#8f8c8a;font:700 8px var(--display);letter-spacing:2px}
.dashboard{display:grid;grid-template-columns:1.03fr 1.08fr 1.34fr;gap:12px;padding-top:13px;padding-bottom:17px}.panel{position:relative;min-width:0;overflow:hidden;border:1px solid #2b3037;border-radius:5px;background:linear-gradient(145deg,#11141a,#0c0e12);box-shadow:0 9px 25px #0005}.panel-title{height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid #ffffff12;color:#eac06d}.panel-title>span:first-child{font-size:15px}.panel-title h2{margin:0;font:800 15px/1 var(--display);letter-spacing:.7px}.panel-title small{display:block;margin-top:3px;color:#9299a2;font-size:7px;letter-spacing:1px}.panel-title>a{margin-left:auto;color:#aab0b9;font:700 8px var(--display);white-space:nowrap}.red-pip{width:9px;height:9px;border-radius:50%;background:#f34b42;box-shadow:0 0 12px #f34b42}.live-panel{min-height:170px}.corner-mark{margin-left:auto;color:#66717e;font-size:21px}.versus{height:95px;display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;padding:9px 13px;background:radial-gradient(ellipse at center,#5d1b1c3d,transparent 70%)}.team-mini{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font:700 11px var(--display)}.mini-crest{width:52px;height:48px;display:grid;place-items:center;clip-path:polygon(50% 0,95% 18%,86% 77%,50% 100%,14% 77%,5% 18%);background:radial-gradient(circle,#fbcc6b,#8e2b1b 63%,#211111);border:1px solid #e9bc65;color:#fff2d0;font:900 28px var(--display);text-shadow:0 2px 7px #000}.team-shadow .mini-crest{background:radial-gradient(circle,#86b4ef,#263a72 64%,#111626)}.versus>strong{color:#e95341;font:900 19px var(--display);font-style:italic}.live-foot{display:flex;justify-content:space-between;align-items:center;padding:0 13px 11px;color:#aeb5bd;font-size:10px}.live-foot>span:last-child{font-size:9px}.live-tag{padding:3px 8px;border-radius:3px;background:#de2829;color:#fff;font-size:8px;font-weight:800}.tournament-panel{min-height:170px;padding-bottom:10px;background:radial-gradient(ellipse at 85% 51%,#c8893030,transparent 38%),linear-gradient(145deg,#17140e,#0d0e10)}.trophy-art{position:absolute;right:12px;top:23px;color:#dfa93f7a;font-size:92px;text-shadow:0 0 24px #e3a94248}.gold-title{color:#f3c96d}.tournament-panel>p{position:relative;margin:6px 13px;color:#adb1b3;font-size:8px;letter-spacing:.7px}.countdown{position:relative;display:flex;gap:6px;margin:9px 13px}.countdown div{min-width:43px;padding:4px 6px;border:1px solid #ffffff19;border-radius:3px;background:#080a0cb8;text-align:center}.countdown b{display:block;font:800 19px/.95 var(--display)}.countdown span{font-size:6px;color:#a5a49e;letter-spacing:.7px}.small-cta{position:relative;height:25px;display:grid;place-items:center;margin:0 13px;border:1px solid #c99c46;border-radius:3px;background:linear-gradient(#45321b,#16120d);color:#f0cf87;font:800 10px var(--display);letter-spacing:.8px;transition:.2s}.games-panel{min-height:170px}.blue-title{color:#77bff3}.game-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:9px}.game-tile{height:107px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:6px 3px;border:1px solid #4a5058;border-radius:3px;background:radial-gradient(ellipse at 50% 25%,#fd5c25a0,transparent 56%),linear-gradient(145deg,#561a19,#11151b 65%);text-align:center;transition:transform .2s,border-color .2s}.game-tile:before{position:absolute;content:"";inset:0;background:linear-gradient(180deg,transparent 20%,#06070be8 100%)}.game-tile:hover{transform:translateY(-3px);border-color:#f3b94f}.game-tile.snake{background:radial-gradient(ellipse at 50% 27%,#298a64bd,transparent 58%),linear-gradient(145deg,#123a2e,#10151b 65%)}.game-tile.battle{background:radial-gradient(ellipse at 50% 27%,#657ad0bd,transparent 58%),linear-gradient(145deg,#1f2c58,#121319 65%)}.game-tile.skins{background:radial-gradient(ellipse at 50% 27%,#b757c8ad,transparent 58%),linear-gradient(145deg,#492354,#131319 65%)}.game-emoji{position:absolute;top:7px;font-size:34px;filter:drop-shadow(0 3px 5px #000)}.game-tile>b,.game-tile>i{position:relative;z-index:1}.game-tile>b{font:800 11px/.85 var(--display);letter-spacing:.4px}.game-tile>b small{font-size:9px}.game-tile>i{width:76%;margin-top:5px;padding:2px;border:1px solid #d2a244;border-radius:2px;color:#f5d590;font:700 8px var(--display);font-style:normal}
.roster-panel{grid-column:span 1;min-height:184px}.roster-panel .panel-title>a,.news-panel .panel-title>a,.community-panel .panel-title>a{margin-left:auto}.roster-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px}.roster-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;border:1px solid #976238;border-radius:4px;background:linear-gradient(150deg,#221a17,#111318);text-align:center}.roster-portrait{width:100%;height:83px;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff2dc;font:900 38px var(--display);text-shadow:0 2px 9px #000;isolation:isolate}.roster-portrait:before{position:absolute;z-index:-1;inset:0;content:"";background:radial-gradient(ellipse at 50% 31%,#ffbd6577,transparent 43%),linear-gradient(145deg,#42221d,#17151a 66%)}.p2:before{background:radial-gradient(ellipse at 50% 31%,#c276a277,transparent 43%),linear-gradient(145deg,#392132,#17151a 66%)}.p3:before{background:radial-gradient(ellipse at 50% 31%,#ca729377,transparent 43%),linear-gradient(145deg,#492130,#17151a 66%)}.p4:before{background:radial-gradient(ellipse at 50% 31%,#b8623277,transparent 43%),linear-gradient(145deg,#49291c,#17151a 66%)}.p5:before{background:radial-gradient(ellipse at 50% 31%,#7b9bcb77,transparent 43%),linear-gradient(145deg,#1c2a41,#17151a 66%)}.p6:before{background:radial-gradient(ellipse at 50% 31%,#9a697b77,transparent 43%),linear-gradient(145deg,#35202b,#17151a 66%)}.roster-card>b{width:100%;overflow:hidden;padding:4px 2px 0;color:#f0d3a0;font:700 13px var(--display);text-overflow:ellipsis;white-space:nowrap}.roster-card>small{padding:0 0 5px;color:#98938b;font-size:6px;letter-spacing:.55px}.news-panel{min-height:184px}.news-item{min-height:46px;display:flex;align-items:center;gap:9px;padding:5px 9px;border-bottom:1px solid #ffffff0d}.news-item:last-child{border:0}.news-item:hover{background:#ffffff08}.news-thumb{width:57px;height:35px;flex:none;display:grid;place-items:center;border-radius:3px;background:radial-gradient(circle,#5880d8,#202843);font-size:21px}.news-two{background:radial-gradient(circle,#cd56a0,#382044)}.news-three{background:radial-gradient(circle,#e66426,#46211b)}.news-item>span:last-child{min-width:0;display:grid;grid-template-columns:1fr auto;column-gap:5px}.news-item b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.news-item small{grid-column:1/-1;color:#959ca6;font-size:8px}.news-item i{grid-column:2;grid-row:1;color:#c4a15e;font-size:6px;font-style:normal}.community-panel{grid-column:span 1;min-height:184px;padding-bottom:10px;text-align:center;background:radial-gradient(ellipse at 50% 48%,#4b66b52e,transparent 56%),linear-gradient(145deg,#111722,#0d1015)}.community-panel .panel-title{justify-content:flex-start;text-align:left}.discord-mark{margin:8px auto 0;color:#91a9ff;font-size:33px;text-shadow:0 0 18px #6d7ffb}.community-panel h3{margin:-5px 0 0;font:900 15px var(--display);letter-spacing:1px}.community-panel p{margin:0;color:#aeb4be;font-size:8px}.community-panel ul{width:100%;margin:5px 0