:root{--bg:#000000;--surface:#111111;--line:#323232;--text:#ededed;--muted:#909090;--lime:#e0e0e0;--red:#a9a9a9;--silver:#e2e2e2;--hairline:#e0e0e01c;--glass:#131313e8}
html{background:#000000}body{background:#000000;background-image:none;color:#ededed}body:before{opacity:.012}::selection{background:#cccccc;color:#000000}header{background:#000000cc;border-color:#ffffff0d}header.scrolled{background:#050505df;border-color:#ffffff1b;box-shadow:0 10px 40px #00000077}header nav a{color:#949494}header nav a:hover,header nav a[aria-current]{color:#e3e3e3}header nav a:after{background:linear-gradient(90deg,#cacaca,#707070)}.brand-logo{filter:drop-shadow(0 2px 7px #ffffff0c)}header .brand{font-weight:600;letter-spacing:-1px}.header-right .outline{border-color:#e1e1e130;background:linear-gradient(135deg,#ffffff0d,#ffffff02)}.connection.live{color:#bcbcbc}.dot{background:#cccccc;box-shadow:0 0 10px #e5e5e522}.page-scroll-progress{background:linear-gradient(90deg,#6a6a6a,#dbdbdb);box-shadow:none}
.hero.brand-hero{max-width:none;min-height:690px;display:flex;align-items:center;justify-content:center;position:relative;padding:76px 5% 83px;overflow:clip;background:#000000;isolation:isolate;perspective:none;text-align:center}.hero.brand-hero:after{display:none}.hero.brand-hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#000000cc 0%,#00000077 26%,transparent 55%),linear-gradient(0deg,#000000 0%,transparent 18%,transparent 82%,#00000099 100%)}.brand-hero .hero-visual{position:absolute;inset:-90px -2% -280px;width:auto;height:auto;min-height:0;margin:0;z-index:0;pointer-events:none;opacity:.85;will-change:auto;perspective:none;transform:none!important;animation:glass-reveal 1.4s ease-out both}.brand-hero .hero-visual:before,.brand-hero .hero-visual:after{display:none}.brand-hero .hero-avatar{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center 51%;filter:none;transform:none;animation:glass-breathe 16s ease-in-out infinite;opacity:.9}.brand-hero .hero-copy{z-index:2;position:relative;display:flex;align-items:center;flex-direction:column;max-width:850px;width:100%;animation:glass-copy-in 1s ease-out both}.brand-hero .eyebrow{font-size:7px;letter-spacing:3px;color:#777777;margin:0 0 22px}.brand-hero h1{font-family:'Segoe UI',Arial,sans-serif;position:relative;isolation:isolate;display:block;font-size:clamp(112px,14.5vw,196px);line-height:1;letter-spacing:-9px;font-weight:650;margin:0 0 17px;padding:0 16px 7px 0;background:linear-gradient(164deg,#dddddd 1%,#f1f1f1 7%,#979797 17%,#4f4f4f 26%,#1c1c1c 44%,#2d2d2d 60%,#727272 77%,#bababa 87%,#4f4f4f 99%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #d0d0d064;filter:drop-shadow(0 7px 5px #00000099)}.brand-hero h1:before{content:attr(data-wordmark);position:absolute;inset:0;z-index:-1;padding:0 16px 7px 0;color:#292929;-webkit-text-stroke:1px #70707066;transform:translate(1px,4px);text-shadow:0 1px #4a4a4a,0 3px #202020,0 5px #181818,0 7px #090909}.brand-hero .brand-tagline{font-size:25px;letter-spacing:-.8px;line-height:1.4;font-weight:400;color:#c9c9c9;margin:0}.brand-hero .hero-description{font-size:12px;line-height:1.9;color:#777777;margin-top:23px}.brand-hero .actions{justify-content:center;margin:28px 0 0;gap:12px}.brand-hero .hero-tags{justify-content:center;width:max-content;max-width:100%;gap:28px;padding-top:21px;margin-top:27px;border-top:1px solid #cfcfcf16;color:#646464;font-size:6px;letter-spacing:1.4px}.brand-hero .hero-tags span:not(:last-child):after{color:#8a8a8a59;right:-16px}.hero-bottom-note{position:absolute;left:5%;right:5%;bottom:23px;z-index:3;display:flex;justify-content:space-between;align-items:center;font:6px monospace;letter-spacing:1.8px;color:#636363}.hero-bottom-note a{color:#949494;font-size:6px;letter-spacing:1.3px}
.button.primary{background:linear-gradient(155deg,#dcdcdc,#b3b3b3 58%,#cbcbcb);border:1px solid #e7e7e780;color:#141414;box-shadow:inset 0 1px 0 #ffffff99,inset 0 -2px 3px #6d6d6d33,0 5px 22px #00000066;text-shadow:0 1px #ffffff33}.button.primary:hover{background:linear-gradient(155deg,#f2f2f2,#c5c5c5 65%,#dfdfdf);box-shadow:inset 0 1px 0 #ffffffcc,0 8px 28px #ffffff0a}.button.outline{border-color:#d1d1d13d;background:linear-gradient(145deg,#b0b0b00b,#ffffff02);color:#cbcbcb;box-shadow:inset 0 1px 0 #ffffff08}.button.outline:hover{border-color:#e2e2e27a;background:linear-gradient(145deg,#d2d2d214,#ffffff04)}.button:before{background:linear-gradient(110deg,transparent 15%,#ffffff22 45%,transparent 70%)}.text-button{color:#b1b1b1}.text-button:hover{color:#f2f2f2}.ticker{background:#090909;border-color:#cbcbcb19;transform:none}.ticker>div{font-size:11px;letter-spacing:2px;color:#a6a6a6;padding:18px 0}.ticker em{color:#5b5b5b}
.section{max-width:1380px;padding-top:93px;padding-bottom:88px}.section-title .eyebrow,.section>.eyebrow,.eyebrow{color:#898989}.heading-row h2,.how>h2{font-weight:450;color:#e1e1e1;font-size:clamp(33px,3.5vw,48px);letter-spacing:-2px}.mode-grid{gap:18px}.mode-card{border-radius:15px;background:radial-gradient(ellipse at var(--glint-x,38%) var(--glint-y,-25%),#e7e7e71a,transparent 66%),linear-gradient(155deg,#30303033,#0c0c0c 67%);border-color:#e6e6e62c;box-shadow:inset 0 1px 0 #e8e8e819,inset 1px 0 0 #ffffff07,0 8px 30px #00000077}.mode-card:before{content:'';position:absolute;inset:1px;border-radius:14px;border:1px solid #cfcfcf06;pointer-events:none}.mode-card:hover{border-color:#e4e4e46b;box-shadow:inset 0 1px 0 #f4f4f438,0 20px 45px #000000aa}.mode-card .mode-meta{color:#808080}.mode-card p{color:#7c7c7c}.mode-card h3{color:#d9d9d9;font-size:24px}.mode-card h3>span{color:#a2a2a2;border-color:#d2d2d230}.mode-card:hover h3>span{background:#dedede0b}.shape{filter:drop-shadow(7px 15px 11px #000000aa)!important}.shape i{background:linear-gradient(142deg,#e0e0e066,#82828221 15%,#1f1f1f8c 40%,#0d0d0dcc 65%,#b1b1b15c);border-color:#d0d0d090;box-shadow:inset 1px 1px 4px #ffffff55,inset -1px -1px 3px #cacaca33,4px 5px 0 #161616,5px 6px 0 #63636380;border-radius:11px}.open i{background:linear-gradient(160deg,#cecece20,#0d0d0d40);border-color:#a7a7a765;border-top-color:#dfdfdfc7;box-shadow:inset 0 1px 3px #ffffff55,0 2px 0 #0f0f0f;border-radius:50%}.duel i{border-radius:13px}.blitz i{border-radius:8px}.teams i{border-radius:10px}.lobby-toolbar{border-color:#cfcfcf1c}.lobby-toolbar h3{color:#c6c6c6}.lobby-toolbar h3 span{background:#ffffff09;color:#a3a3a3}.lobby-toolbar select,select,input{background:#0c0c0c;border-color:#cbcbcb38;color:#d2d2d2}.room-row{background:linear-gradient(130deg,#26262633,#0b0b0b);border-color:#dddddd24;box-shadow:inset 0 1px 0 #fff05}.room-row:hover{border-color:#dddddd66;box-shadow:inset 0 1px 0 #ffffff12,-2px 0 0 #c8c8c866}.room-row h3{color:#dcdcdc}.room-row p,.room-row .room-capacity{color:#8d8d8d}.badge,.room-row .badge{color:#b5b5b5;border-color:#d3d3d336;background:#c2c2c207}.empty{border-color:#d9d9d92a;background:radial-gradient(ellipse at center bottom,#bbbbbb0a,transparent 65%),#060606;color:#8a8a8a}.empty:before{color:#c3c3c366}.live-label{color:#949494}.feed-filter{border-color:#cdcdcd1e;background:#0c0c0c}.feed-filter button{color:#888888}.feed-filter button.active{color:#d8d8d8;background:linear-gradient(145deg,#b7b7b717,#161616);box-shadow:inset 0 1px 0 #e1e1e116}.post{background:linear-gradient(145deg,#2222222e,#070707);border-color:#d3d3d32d;box-shadow:inset 0 1px 0 #eaeaea08,0 10px 30px #00000077}.post:hover{border-color:#dddddd66;box-shadow:0 20px 40px #000000aa}.post-header strong{color:#d5d5d5}.post-header small,.post-header>span:last-child{color:#8c8c8c}.avatar,.post-header .avatar,.member .avatar{background:linear-gradient(140deg,#bcbcbc38,#141414);border-color:#dddddd55;color:#cbcbcb;box-shadow:inset 0 1px 2px #ffffff1c,2px 3px #00000088}.post-image{background:#000000;border-color:#d2d2d218}.post-image:after{background:#0d0d0dd9;border-color:#d7d7d740;color:#cbcbcb}.post-bottom p{color:#aaaaaa}.post-pnl{color:#d1d1d1;text-shadow:0 0 18px #d5d5d50a;font-weight:400}.post-bottom>div:last-child{border-color:#d2d2d21a;color:#757575}.fineprint{color:#757575}.negative{color:var(--red)!important}.how,#f2f2f2dd,.launch{border-color:#dedede1a}.steps article:before{background:linear-gradient(90deg,#d6d6d64d,transparent)}.steps article>b{color:#9d9d9d;text-shadow:1px 2px #434343,2px 4px #0f0f0f}.steps h3{color:#d3d3d3}.steps p{color:#8b8b8b}.rules-inline{color:#9b9b9b;border-color:#cccccc22}.launch{background:transparent}.launch>.launch-model{background:radial-gradient(ellipse,#c4c4c409,transparent 65%)}.launch-logo{filter:drop-shadow(0 25px 38px #000000aa);animation:smoke-float 12s ease-in-out infinite}.launch .orbit{border-color:#d5d5d51a}.launch h2{color:#d8d8d8}.launch p{color:#9e9e9e}.launch .silver,.silver{background:linear-gradient(155deg,#ececec,#969696 65%,#cecece);background-clip:text;-webkit-background-clip:text;color:transparent}.launch .badge{background:linear-gradient(135deg,#c4c4c415,#111111);color:#bababa;border-color:#d3d3d347}.launch-details{border-color:#d5d5d533;color:#7a7a7a}.launch-details b{color:#b3b3b3}
.battle-nav{border-color:#cbcbcb1e;color:#919191}.battle-nav>#battle-code{background:#acacac08;border-color:#cfcfcf2d;color:#c2c2c2}.battle-head h1{color:#e0e0e0}.clock{background:linear-gradient(140deg,#c2c2c212,#0c0c0c);border-color:#d2d2d240;box-shadow:inset 0 1px 0 #e7e7e713}.clock>span{color:#939393}.clock b{color:#dbdbdb;text-shadow:0 0 20px #d9d9d90c}.clock.urgent{background:linear-gradient(140deg,#cacaca16,#0a0a0a);border-color:#eeeeeecc}.clock.urgent b{color:#f5f5f5}.round-timer{background:#d4d4d417}.round-timer>div,.round-timer>div.urgent{background:linear-gradient(90deg,#6c6c6c,#e8e8e8);box-shadow:0 0 12px #dddddd2a}.round-tab{background:linear-gradient(135deg,#b3b3b30c,#090909);border-color:#d2d2d226}.round-tab span{color:#8b8b8b}.round-tab b{color:#a7a7a7}.round-tab.active{background:linear-gradient(135deg,#d4d4d416,#131313);border-color:#dcdcdc80;box-shadow:inset 0 1px 0 #dadada1c}.round-tab.active b{color:#dfdfdf}.round-tab.active:after{background:#e6e6e6;box-shadow:0 0 12px #dbdbdb55}.battle-actions{background:linear-gradient(140deg,#a3a3a30a,#080808);border-color:#c5c5c52d}.score-tile{background:linear-gradient(140deg,#b9b9b911,#0a0a0a);border-color:#cfcfcf36}.score-tile small{color:#a8a8a8}.score-tile b{color:#d8d8d8;text-shadow:none}.score-tile>span{color:#858585}.score-tile.leading{background:radial-gradient(ellipse at 100% 0,#d4d4d413,transparent 65%),#111111;border-color:#dcdcdc8c;box-shadow:inset 0 1px 0 #e6e6e626,0 0 22px #d4d4d405}.stage{background:radial-gradient(ellipse at 100% -10%,#d7d7d70d,transparent 65%),#090909;border-color:#d8d8d845}.stage:before{background:linear-gradient(90deg,transparent,#dedede6b,transparent)}.stage h2{color:#dfdfdf}.stage p{color:#a0a0a0}.stage .eyebrow{color:#b1b1b1}.waiting-visual{color:#777777}.waiting-visual span{background:linear-gradient(142deg,#d0d0d04d,#30303055 35%,#121212 70%,#c0c0c040);border-color:#d7d7d799;box-shadow:inset 1px 1px 3px #ffffff38,4px 5px #080808,5px 6px #b3b3b36b;color:#d8d8d8}.waiting-visual span:after{border-color:#d5d5d50d}.upload-form{background:#05050544;border-color:#c3c3c35e}.upload-form.drag-over{border-color:#e5e5e5;background:#c6c6c612}.field>span{color:#b7b7b7}.field input,.field select{background:#070707;border-color:#b4b4b44a;color:#dadada}.field input:hover{border-color:#d2d2d273}.field input:focus{border-color:#e7e7e7;box-shadow:0 0 0 3px #cdcdcd0b}.field input::file-selector-button{background:linear-gradient(135deg,#aeaeae33,#272727);color:#cfcfcf;box-shadow:inset 0 1px 0 #ededed19}.side-panel{background:linear-gradient(140deg,#b0b0b00a,#070707);border-color:#c9c9c933}.side-panel>h3{color:#cbcbcb}.member{border-color:#c1c1c122}.member strong{color:#d1d1d1}.member small{color:#8d8d8d}.messages{scrollbar-color:#757575 #0a0a0a}.message{color:#b2b2b2}.message b{color:#7f7f7f}.chat-form{border-color:#bebebe22}.chat-form input{background:#080808;border-color:#a9a9a940;color:#cfcfcf}.chat-form button{background:linear-gradient(145deg,#dedede,#9a9a9a);color:#131313}.result-line{color:#aaaaaa;border-color:#c5c5c529}.result-line b{color:#cecece}.winner-icon{color:#dcdcdc;text-shadow:0 0 40px #d3d3d318}.match-reward{background:radial-gradient(ellipse at 100% 0,#cecece10,transparent 60%),#101010;border-color:#c4c4c473}.match-reward>h3{color:#d5d5d5}.reward-grid{border-color:#c9c9c925}.reward-grid span{color:#919191}.reward-grid b{color:#c7c7c7}.rank-card{background:linear-gradient(140deg,#c2c2c210,#0a0a0a);border-color:#cbcbcb59}.rank-heading b{color:#d7d7d7}.rank-heading small{color:#afafaf}.rank-heading>span:last-child{color:#828282}.rank-emblem{color:#d0d0d0;text-shadow:2px 3px #494949}.rank-meter{background:#060606}.rank-meter i{background:linear-gradient(90deg,#656565,#d1d1d1);box-shadow:0 0 12px #c0c0c033}.rank-card p{color:#939393}.tops h1{color:#dcdcdc}.tops h1>span{color:#7a7a7a}.tops>p{color:#8a8a8a}.tier-strip span,.tier-strip span:nth-child(n){background:linear-gradient(145deg,#202020,#090909);border-color:#bbbbbb42;border-top-color:#d1d1d17a;color:#b0b0b0}.tier-strip b{color:#757575}.table-wrap{background:linear-gradient(145deg,#1a1a1a,#070707);border-color:#b5b5b540}.table-wrap th{color:#808080;background:#09090944}.table-wrap td{border-color:#bcbcbc2b;color:#afafaf}.table-wrap td:first-child,.table-wrap td:nth-child(4){color:#d2d2d2}.table-wrap td:nth-child(3){color:#979797}.table-wrap tbody tr:hover td{background:#cecece08}
dialog{background:radial-gradient(ellipse at 100% 0,#c4c4c410,transparent 65%),#0b0b0b;border-color:#c9c9c95c;box-shadow:0 35px 130px #000000dd,inset 0 1px 0 #dedede10}dialog::backdrop{background:#000000bb;backdrop-filter:blur(18px) saturate(.1)}dialog h2{color:#d8d8d8}dialog p{color:#979797}.close{color:#bebebe;border-color:#c8c8c833}.close:hover{background:#c4c4c40b}.invite-code{background:#05050566;border-color:#c6c6c680;color:#d2d2d2}.rules-list{color:#a8a8a8}.rules-list li{border-color:#b4b4b425}.photo-large{background:#000000}#toast{background:linear-gradient(135deg,#282828f2,#0c0c0cf5);border-color:#c2c2c273;color:#cbcbcb}.round-intro{background:linear-gradient(135deg,#2d2d2deF,#0a0a0af5);border-color:#c8c8c873;box-shadow:0 20px 80px #000000bb}.round-intro small{color:#a0a0a0}.round-intro strong{color:#d4d4d4}.round-intro span{color:#8f8f8f}.mobile-dock{background:linear-gradient(140deg,#232323eF,#080808f5);border-color:#c0c0c04a}.mobile-dock a{color:#8f8f8f}.mobile-dock a span{color:#adadad}.mobile-dock a[aria-current]{color:#d7d7d7}.mobile-dock a[aria-current] span{color:#e1e1e1;text-shadow:0 0 14px #bbbbbb30}footer{background:#060606;border-color:#b5b5b52b;color:#818181}footer .brand{color:#c8c8c8}footer .text-button{color:#a5a5a5}
@keyframes glass-breathe{0%,100%{scale:1;opacity:.85}50%{scale:1.018;opacity:.94}}@keyframes glass-reveal{from{opacity:0;filter:blur(5px)}to{opacity:.85;filter:none}}@keyframes glass-copy-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes smoke-float{0%,100%{translate:0 0;rotate:0 1 0 -4deg}50%{translate:0 -9px;rotate:0 1 0 5deg}}
@media(min-width:1700px){.hero.brand-hero{min-height:760px}.brand-hero h1{font-size:200px}.brand-hero .hero-visual{inset:-130px 0 -300px}}
@media(max-width:1000px){.hero.brand-hero{min-height:630px;padding-top:70px;padding-bottom:80px}.brand-hero h1{font-size:150px}.brand-hero .hero-visual{inset:-55px -17% -220px}.brand-hero .brand-tagline{font-size:23px}.brand-hero .hero-description{font-size:12px}}
@media(max-width:700px){.hero.brand-hero{min-height:625px;padding:73px 6% 77px}.brand-hero .hero-visual{inset:0 -63% -25px;opacity:.75}.brand-hero .hero-avatar{object-fit:cover;object-position:center 48%}.brand-hero .eyebrow{font-size:6px;letter-spacing:2.2px;margin-bottom:26px}.brand-hero h1{font-size:clamp(89px,25vw,148px);letter-spacing:-5.5px;padding:0 8px 5px 0;margin-bottom:15px;-webkit-text-stroke:.7px #d3d3d373}.brand-hero h1:before{padding:0 8px 5px 0;transform:translate(1px,3px)}.brand-hero .brand-tagline{font-size:19px;letter-spacing:-.5px}.brand-hero .hero-description{font-size:11px;line-height:1.9;margin-top:22px}.brand-hero .actions{gap:9px;margin-top:25px;width:100%;justify-content:center}.brand-hero .button{padding:0 15px;font-size:10px;min-height:43px;gap:13px}.brand-hero .hero-tags{gap:17px;font-size:5px;letter-spacing:.8px;width:100%;padding-top:20px;margin-top:25px}.brand-hero .hero-tags span:not(:last-child):after{right:-10px}.hero-bottom-note{left:6%;right:6%;bottom:23px;font-size:5px;letter-spacing:1px}.hero-bottom-note a{font-size:5px;letter-spacing:.7px}.section{padding-top:64px;padding-bottom:60px}.mode-card{border-radius:12px}.mode-card:before{border-radius:11px}.mode-card h3{font-size:22px}.stage{border-radius:12px}.launch-logo{max-width:none}.round-intro{border-radius:10px}}
@media(max-width:360px){.brand-hero .button{padding:0 11px;font-size:9px}.brand-hero .brand-tagline{font-size:18px}.brand-hero h1{font-size:87px}}
/* Readable controls stay separate from the small decorative brand labels. */
:root{accent-color:#c8c8c8}.brand-hero .hero-description{color:#929292}.brand-hero .hero-tags{font-size:8px;color:#8a8a8a}.field>span{font-size:11px;color:#b6b6b6}.field input,.field select{font-size:14px}.member strong,.post-header strong{font-size:12px;color:#d2d2d2}.member small,.post-header small{font-size:9px;color:#9a9a9a}.message{font-size:12px;color:#b1b1b1}.message b{font-size:10px;color:#8d8d8d}.table-wrap th{font-size:9px;color:#9b9b9b}.table-wrap td{font-size:12px}.score-tile small{font-size:11px;color:#b1b1b1}.score-tile>span{font-size:9px;color:#9a9a9a}.round-tab b{font-size:13px}.round-tab span{font-size:8px;color:#969696}.clock>span{font-size:8px;color:#9f9f9f}.stage>p{font-size:13px;color:#a5a5a5}.side-panel>h3{font-size:13px;color:#bfbfbf}.fineprint{font-size:10px;color:#858585}.rank-card p{font-size:10px;color:#999999}.rank-heading small{font-size:10px;color:#aaaaaa}.reward-grid span{font-size:10px;color:#a0a0a0}header nav{font-size:12px}.mode-card p{font-size:11px;color:#8d8d8d}.rules-list{font-size:12px;color:#adadad}dialog p{color:#a4a4a4}
@media(max-width:700px){.brand-hero .hero-tags{font-size:6px;color:#969696}.brand-hero .hero-description{font-size:12px}.brand-hero .button{font-size:11px}.mode-card p{font-size:10px}.field>span{font-size:10px}.field input,.field select{font-size:13px}.member strong,.post-header strong{font-size:11px}.post-header small,.member small{font-size:9px}.score-tile small{font-size:10px}.score-tile>span{font-size:8px}.round-tab b{font-size:11px}.round-tab span{font-size:7px}.clock>span{font-size:6px}.stage>p{font-size:12px}.stage .button{font-size:11px}.fineprint{font-size:9px}.table-wrap th{font-size:8px}.table-wrap td{font-size:11px}.rules-list{font-size:11px}.mobile-dock a{font-size:9px}.post-bottom>div:last-child{font-size:7px}.post-bottom .text-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-hero .hero-avatar,.brand-hero .hero-copy,.brand-hero .hero-visual,.launch-logo{animation:none!important;scale:1;rotate:none;translate:none}.brand-hero .hero-visual{opacity:.85}}