/* flash.css layout and motion */
:root{color-scheme:dark;--bg:#0a0a0a;--surface:#141414;--line:#2b2b2b;--text:#f1f1f1;--muted:#888888;--lime:#e9e9e9;--red:#ababab}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}::selection{background:var(--lime);color:#111111}.shell{max-width:1420px;padding-left:6%;padding-right:6%;margin:auto}header{height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5%;border-bottom:1px solid #ffffff0c;background:#0a0a0aed;position:relative;z-index:10}.brand{font-weight:800;font-size:25px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.v-mark{font-size:40px;color:#dcdcdc;text-shadow:1px 2px #676767,2px 3px #3b3b3b}nav{display:flex;gap:32px;font-size:12px;color:#a4a4a4}.header-right{display:flex;align-items:center;gap:20px}.connection{font:9px monospace;letter-spacing:1px;color:#8d8d8d}.connection.live{color:var(--lime)}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #e9e9e940;margin-right:7px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:47px;padding:0 22px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary{background:var(--lime);color:#1d1d1d;box-shadow:0 5px 30px #e9e9e90b}.primary:hover{box-shadow:0 8px 40px #e9e9e920;background:#f2f2f2}.outline{border-color:#464646;background:#ffffff03}.outline:hover{background:#ffffff09}.small{min-height:37px;padding:0 14px;font-size:11px}.text-button{padding:0;font-size:11px;color:#c0c0c0}.text-button:hover{color:var(--lime)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:660px;overflow:hidden;padding-top:35px;padding-bottom:50px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#aeaeae;display:flex;align-items:center;line-height:1.6}h1{font-size:clamp(50px,5.6vw,83px);font-weight:550;letter-spacing:-4.8px;line-height:1.06}h1>span,h2>span{color:#838383}.hero h1{margin:26px 0}.hero-copy>p{line-height:1.9;color:#9d9d9d;font-size:14px}.hero .actions{margin:30px 0}.hero-tags{display:flex;gap:20px;color:#6f6f6f;font-size:8px;letter-spacing:1px}.hero-visual{position:relative;height:510px;margin:0 -50px 0 -20px;perspective:900px}.hero-visual canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:grab;touch-action:pan-y}.hero-visual canvas:active{cursor:grabbing}.orbit{width:95%;height:65%;border:1px solid #8e8e8e20;border-radius:50%;position:absolute;top:18%;left:2%;transform:rotate(-26deg)}.orbit.second{transform:rotate(25deg);border-color:#8e8e8e10}.object-label{position:absolute;left:44px;top:30px;font:8px monospace;letter-spacing:2px;color:#707070}.scene-controls{display:flex;justify-content:center;gap:35px;position:absolute;bottom:5px;left:0;right:0;color:#7e7e7e;font:8px monospace;letter-spacing:1px;z-index:4}.scene-controls button{font:inherit;color:#b0b0b0}.float-label{position:absolute;bottom:72px;right:8px;padding:12px 14px;background:#191919a0;border:1px solid #55555533;backdrop-filter:blur(12px);border-radius:5px;font:8px monospace;color:#a8a8a8;animation:float 7s ease-in-out infinite;z-index:3}.css-sculpture{position:absolute;left:20%;top:23%;width:60%;height:50%;transform:rotateX(24deg);perspective:700px}.css-sculpture i{position:absolute;left:0;width:50%;height:100%;border:23px solid #7a7a7a;border-radius:60% 15% 0 30%;transform:skewY(27deg);box-shadow:inset 4px 5px 12px #ffffff50,7px 15px 0 #222222}.css-sculpture i+i{left:50%;transform:skewY(-27deg);border-radius:15% 60% 30% 0}.ticker{overflow:hidden;border-block:1px solid var(--line);background:#121212;transform:rotate(-.8deg)}.ticker>div{width:max-content;white-space:nowrap;font-size:16px;font-weight:600;letter-spacing:2px;padding:22px 0;word-spacing:12px;animation:ticker 40s linear infinite}.ticker em{font-style:normal;color:#747474}.section{padding-top:90px;padding-bottom:85px}h2{font-size:clamp(34px,3.8vw,52px);font-weight:500;letter-spacing:-2px;line-height:1.13}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:18px 0 32px}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mode-card{display:block;text-align:left;position:relative;border:1px solid #353535;border-radius:11px;padding:20px;background:linear-gradient(145deg,#1c1c1c,#0f0f0f);overflow:hidden;transition:transform .4s,border-color .4s;transform-style:preserve-3d}.mode-card:hover{transform:perspective(600px) rotateX(4deg) translateY(-6px);border-color:#818181}.mode-meta{font:8px monospace;color:#8c8c8c;letter-spacing:1px}.mode-card h3{font-size:22px;font-weight:500;display:flex;justify-content:space-between;letter-spacing:-.5px}.mode-card h3>span{font-size:19px;color:#9f9f9f}.mode-card p{font-size:10px;color:#8a8a8a;margin-top:7px}.shape{height:145px;position:relative;display:flex;align-items:center;justify-content:center;perspective:600px;filter:drop-shadow(8px 14px 10px #00000088)}.shape i{display:block;width:60px;height:65px;position:absolute;background:linear-gradient(130deg,#c2c2c2,#434343 30%,#191919 70%,#898989);border:1px solid #adadad;border-radius:7px;box-shadow:6px 4px 0 #313131,7px 5px 0 #6f6f6f;transition:transform .7s}.duel i{transform:rotateY(-30deg) rotateZ(-20deg) translateX(-28px)}.duel i+i{transform:rotateY(30deg) rotateZ(20deg) translateX(28px)}.blitz i{width:80px;height:28px;transform:rotateX(35deg) rotateZ(-22deg) translateY(-24px)}.blitz i:nth-child(2){transform:rotateX(35deg) rotateZ(-22deg)}.blitz i:nth-child(3){transform:rotateX(35deg) rotateZ(-22deg) translateY(24px)}.open i{border-radius:50%;background:transparent;border:9px solid #737373;border-top-color:#dadada;width:85px;height:85px;transform:rotateX(55deg) translateY(-18px)}.open i:nth-child(2){transform:rotateX(55deg) translateY(6px)}.open i:nth-child(3){transform:rotateX(55deg) translateY(30px)}.teams i{width:43px;height:43px;transform:rotateX(20deg) rotateZ(-15deg) translate(-28px,-22px)}.teams i:nth-child(2){transform:rotateX(20deg) rotateZ(-15deg) translate(22px,-22px)}.teams i:nth-child(3){transform:rotateX(20deg) rotateZ(-15deg) translate(-28px,27px)}.teams i:nth-child(4){transform:rotateX(20deg) rotateZ(-15deg) translate(22px,27px)}.mode-card:hover .shape{animation:float 3s ease-in-out infinite}.lobby-toolbar{display:flex;align-items:center;justify-content:space-between;margin:38px 0 17px}.lobby-toolbar h3{font-size:15px;font-weight:500}.lobby-toolbar h3 span{font:10px monospace;padding:3px 7px;background:#292929;border-radius:4px;margin-left:7px;color:#b3b3b3}select,input{border:1px solid #444444;background:#141414;color:#dedede;padding:11px 13px;border-radius:6px;min-width:0}select{font-size:11px}.room-row{display:grid;grid-template-columns:1.5fr 1fr .7fr auto;gap:18px;align-items:center;padding:22px;border:1px solid #2f2f2f;background:#131313;margin-top:8px;border-radius:8px;transition:border-color .2s}.room-row:hover{border-color:#646464}.room-row h3{font-size:16px;font-weight:500}.room-row p{font-size:10px;color:#868686;margin-top:6px}.badge{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #565656;border-radius:4px;color:#cecece;font:9px monospace;letter-spacing:.7px}.empty{padding:45px 25px;border:1px dashed #424242;text-align:center;border-radius:10px;color:#9c9c9c;line-height:1.9;font-size:13px;grid-column:1/-1}.empty button{margin-top:16px}.live-label{font:8px monospace;color:#9d9d9d;letter-spacing:1px}.feed-filter{display:flex;gap:5px;margin:0 0 23px}.feed-filter button{padding:10px 14px;color:#8d8d8d;font-size:11px;border-radius:5px}.feed-filter button.active{background:#323232;color:#e3e3e3}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post{border:1px solid #393939;border-radius:12px;background:linear-gradient(145deg,#1e1e1e,#0f0f0f);overflow:hidden;animation:enter .4s both}.post-header{display:flex;align-items:center;gap:10px;padding:16px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#545454,#212121);border:1px solid #787878;color:#e2e2e2;font:11px monospace;box-shadow:2px 3px #101010;flex-shrink:0}.post-header strong{font-size:11px;font-weight:500}.post-header small{display:block;font-size:8px;color:#9b9b9b;margin-top:3px}.post-header>span:last-child{margin-left:auto;font-size:8px;color:#b1b1b1}.post-image{width:100%;height:230px;display:block;background:#090909;border:0;padding:0;cursor:zoom-in;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.post-image:hover img{transform:scale(1.035)}.post-bottom{padding:18px}.post-pnl{font-size:29px;letter-spacing:-1px;font-weight:500;color:var(--lime)}.post-bottom p{font-size:11px;color:#bebebe;margin:9px 0;overflow-wrap:anywhere}.post-bottom>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#8b8b8b;font:8px monospace}.negative{color:var(--red)!important}.fineprint{color:#7c7c7c;font-size:10px;line-height:1.8;margin-top:20px}.how{border-top:1px solid #323232}.how h2{margin-top:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:48px 0}.steps article>b{font:40px monospace;color:#656565;text-shadow:2px 2px #242424}.steps h3{font-size:22px;font-weight:500;margin:22px 0 13px;letter-spacing:-.5px}.steps p{font-size:12px;line-height:1.9;color:#999999}.rules-inline{padding-top:22px;border-top:1px solid #373737;display:flex;gap:30px;font:9px monospace;color:#b2b2b2}.rules-inline .text-button{margin-left:auto}.launch{border-top:1px solid #373737;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.launch h2{margin:22px 0;font-size:52px}.launch p{font-size:14px;color:#a9a9a9;margin-bottom:24px}.launch-details{display:flex;justify-content:space-between;gap:15px;margin-top:30px;border-top:1px solid #444444;padding-top:22px;font:8px monospace;color:#909090}.launch-details b{display:block;font:11px 'Segoe UI',sans-serif;color:#cecece;margin-top:9px}.silver{background:linear-gradient(145deg,#ffffff,#8c8c8c 65%,#e0e0e0);background-clip:text;-webkit-background-clip:text;color:transparent}.launch-model{height:350px;position:relative;display:grid;place-items:center;perspective:900px}.metal-card{width:200px;height:230px;background:linear-gradient(130deg,#616161,#191919 36%,#0a0a0a 70%,#3c3c3c);border:1px solid #979797;border-radius:20px;box-shadow:7px 5px #272727,8px 6px #7a7a7a,25px 30px 55px #000000;transform:rotateY(-25deg) rotateX(15deg) rotateZ(-14deg);animation:float 8s ease-in-out infinite;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.metal-card b{font-size:120px;color:#e2e2e2;text-shadow:3px 2px #7e7e7e,6px 4px #363636;line-height:1.3}.metal-card span{font:7px monospace;letter-spacing:1px;color:#a4a4a4}.battle{padding-top:35px;padding-bottom:70px;min-height:75vh}.battle-nav{display:flex;justify-content:space-between;font-size:11px;color:#959595;gap:15px;margin-bottom:30px}.battle-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.battle-head h1{font-size:43px;letter-spacing:-2px;margin-top:12px}.clock{text-align:right}.clock>span{font:8px monospace;color:#afafaf;letter-spacing:1px}.clock b{display:block;font:42px monospace;color:var(--lime);margin-top:5px}.rounds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 20px}.round-tab{padding:16px;border:1px solid #3e3e3e;border-radius:8px;background:#181818;color:#919191}.round-tab.active{border-color:#b7b7b7;color:#e8e8e8;background:linear-gradient(120deg,#45454570,#202020)}.round-tab span{font:9px monospace}.round-tab b{display:block;font-size:13px;font-weight:500;margin-top:7px}.battle-actions{margin-bottom:23px}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.scoreboard{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.score-tile{flex:1;min-width:130px;padding:18px;border:1px solid #535353;border-radius:10px;background:#202020}.score-tile small{font-size:9px;color:#a7a7a7;display:block}.score-tile b{display:block;font-size:28px;font-weight:500;margin:8px 0;color:var(--lime);letter-spacing:-1px}.score-tile>span{font:9px monospace;color:#bbbbbb}.score-tile.leading{border-color:#bebebe;background:linear-gradient(135deg,#51515160,#1a1a1a)}.stage{border:1px solid #575757;border-radius:12px;padding:28px;background:radial-gradient(ellipse at top right,#63636320,transparent 70%),#161616;margin-bottom:26px;position:relative;overflow:hidden}.stage h2{font-size:28px;letter-spacing:-1px;margin:10px 0}.stage p{font-size:12px;color:#adadad;line-height:1.8}.stage .actions{margin-top:20px}.waiting-visual{height:90px;display:flex;align-items:center;justify-content:center;gap:25px;font:35px monospace;color:#c3c3c3}.waiting-visual span{display:grid;place-items:center;width:65px;height:65px;border:1px solid #929292;background:linear-gradient(135deg,#646464,#191919);border-radius:15px;box-shadow:5px 6px #353535;transform:rotate(-10deg);animation:float 4s ease-in-out infinite}.waiting-visual span:last-child{animation-delay:-2s;transform:rotate(10deg)}.upload-form{margin-top:20px}.form-row{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}.field{display:block;margin-bottom:15px}.field>span{display:block;font-size:10px;color:#cdcdcd;margin-bottom:8px}.field input,.field select{width:100%;background:#111111}.field input[type=file]{font-size:10px;padding:10px}.field input::file-selector-button{background:#404040;color:#ededed;border:0;padding:7px;border-radius:4px;cursor:pointer}.upload-preview{max-width:100%;max-height:180px;object-fit:contain;margin-bottom:15px}.form-error{font-size:11px;color:var(--red);margin:10px 0}.compact{margin:24px 0 16px}.compact h3{font-weight:500;font-size:16px}.battle-posts{grid-template-columns:repeat(2,1fr)}.side-panel{padding:20px;background:#181818;border:1px solid #404040;border-radius:10px;margin-bottom:16px}.side-panel>h3{font-size:13px;font-weight:500;margin:0 0 17px;display:flex;justify-content:space-between;align-items:center}.member{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #3b3b3b}.member strong{font-size:11px;font-weight:500}.member small{display:block;font-size:9px;color:#939393;margin-top:4px}.messages{max-height:260px;min-height:70px;overflow:auto;scrollbar-width:thin;font-size:11px}.message{padding:8px 0;overflow-wrap:anywhere;color:#c0c0c0}.message b{display:block;color:#8c8c8c;font-size:9px;margin-bottom:4px}.chat-form{display:flex;margin-top:15px;gap:5px}.chat-form input{width:100%;font-size:11px;padding:10px}.chat-form button{background:var(--lime);color:#202020;border-radius:5px;width:35px;flex-shrink:0}.result-line{font-size:10px;line-height:1.8;color:#b7b7b7;border-top:1px solid #414141;padding:12px 0}.result-line b{color:#e3e3e3;font-weight:500}.winner-icon{font-size:55px;color:var(--lime);text-align:center;animation:spin 18s linear infinite}.tops{min-height:75vh}.tops h1{margin:24px 0}.tops>p{color:#9f9f9f;line-height:1.8}.tier-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:32px 0;font:9px monospace}.tier-strip span{border:1px solid #545454;border-radius:7px;padding:15px;color:#d7d7d7;background:#212121}.tier-strip b{display:block;color:#939393;margin-top:9px;font-weight:400}.table-wrap{overflow:auto;border:1px solid #4c4c4c;border-radius:10px;margin-bottom:28px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font:8px monospace;color:#9d9d9d;padding:18px}td{padding:20px 18px;border-top:1px solid #414141;font-size:12px;color:#d2d2d2}td:first-child{color:var(--lime);font:14px monospace}footer{border-top:1px solid #3e3e3e;padding-top:30px!important;padding-bottom:30px!important;display:flex;align-items:center;gap:25px;color:#929292;font-size:10px}footer>span:last-child{margin-left:auto;font:8px monospace}footer .brand{color:#e0e0e0;font-size:21px}dialog{padding:32px;background:#181818;border:1px solid #717171;border-radius:14px;width:min(520px,calc(100% - 24px));max-height:90dvh;box-shadow:0 30px 130px #000000bb;color:var(--text)}dialog::backdrop{background:#050505c9;backdrop-filter:blur(15px)}dialog[open]{animation:enter .25s ease-out}dialog h2{font-size:29px;margin:13px 25px 17px 0;letter-spacing:-1px}dialog p{font-size:12px;line-height:1.9;color:#b1b1b1;margin-bottom:20px}dialog .actions{margin-top:22px}.close{position:absolute;right:15px;top:12px;font-size:27px;color:#c2c2c2}.photo-large{width:100%;max-height:65dvh;object-fit:contain}.invite-code{font:38px monospace;text-align:center;letter-spacing:5px;padding:25px;border:1px dashed #979797;border-radius:10px;color:var(--lime);margin-bottom:20px}.rules-list{padding-left:18px;color:#bebebe;font-size:12px;line-height:1.9}.rules-list li{padding:6px 0}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;padding:14px 20px;background:#303030;border:1px solid #919191;border-radius:7px;font-size:12px;color:#ededed;z-index:100;pointer-events:none;max-width:90vw;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.offline{padding:15px;text-align:center;background:#272727;color:#c7c7c7;font-size:12px}.offline button{text-decoration:underline}.countdown-number{font:80px monospace;text-align:center;color:var(--lime);margin:20px 0}.hero-copy{animation:enter .8s both}.hero-visual{animation:enter 1.2s both}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal-ready.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes float{50%{translate:0 -10px}}@keyframes spin{to{rotate:360deg}}@media(max-width:1000px){nav{gap:20px}.hero h1{font-size:59px;letter-spacing:-3px}.hero-visual{height:420px}.hero{min-height:570px}.mode-grid{gap:10px}.mode-card{padding:17px}.mode-card h3{font-size:20px}.posts{gap:13px}.post-image{height:190px}.battle-layout{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.battle-posts{grid-template-columns:1fr}.hero-tags{gap:10px;font-size:7px}.tier-strip{grid-template-columns:repeat(3,1fr)}.hero .button{padding:0 15px;gap:12px}}@media(max-width:700px){header{height:72px;padding:0 5%;gap:10px}.brand{font-size:23px}nav{gap:12px;font-size:10px}nav a:nth-child(2){display:none}.connection{display:none}.header-right{gap:8px}.header-right .button{font-size:9px;padding:0 10px;min-height:34px}.v-mark{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:48px;padding-bottom:35px}.hero h1{font-size:clamp(49px,11.7vw,75px);letter-spacing:-3.5px;margin:24px 0}.hero-copy>p{font-size:13px}.hero-tags{font-size:7px;gap:15px}.hero-visual{height:330px;margin:15px -5% 0}.object-label{top:17px;left:30px;font-size:7px}.float-label{bottom:45px;right:10px;font-size:7px}.ticker>div{font-size:12px;padding:17px;letter-spacing:1px}.section{padding-top:60px;padding-bottom:60px}.heading-row{align-items:flex-start;flex-direction:column;gap:18px;margin:17px 0 25px}h2{font-size:36px;letter-spacing:-1.6px}.mode-grid{grid-template-columns:1fr 1fr;gap:13px}.shape{height:123px;scale:.86}.mode-card h3{font-size:22px}.mode-card p{font-size:9px}.mode-meta{font-size:7px}.room-row{grid-template-columns:1fr auto;gap:12px;padding:17px}.room-row>.room-format{display:none}.room-row>.room-capacity{font-size:10px}.room-row h3{font-size:15px}.posts{grid-template-columns:1fr 1fr;gap:12px}.post-header{padding:11px;gap:7px}.avatar{width:27px;height:27px;font-size:9px}.post-header strong{font-size:10px}.post-header>span:last-child{display:none}.post-image{height:165px}.post-bottom{padding:12px}.post-pnl{font-size:23px}.post-bottom p{font-size:10px}.post-bottom>div:last-child{font-size:7px;gap:7px}.post-bottom .text-button{font-size:9px}.feed-filter button{font-size:10px;padding:9px 10px}.steps{grid-template-columns:1fr;gap:28px;margin:32px 0}.steps article{position:relative;padding-left:55px}.steps article>b{position:absolute;left:0;top:0;font-size:28px}.steps h3{font-size:21px;margin:0 0 10px}.steps p{font-size:12px}.rules-inline{font-size:8px;gap:15px;flex-wrap:wrap}.launch{grid-template-columns:1fr;gap:25px}.launch-model{height:260px}.metal-card{width:160px;height:185px}.metal-card b{font-size:100px}.launch h2{font-size:43px}.launch-details{gap:12px}.launch-details b{font-size:10px}.battle{padding-top:25px}.battle-nav{font-size:9px;gap:8px}.battle-nav .text-button{font-size:9px}.battle-head h1{font-size:30px;letter-spacing:-1px}.battle-head .eyebrow{font-size:7px}.clock b{font-size:32px}.clock>span{font-size:7px}.rounds{gap:7px;margin:22px 0 17px}.round-tab{padding:12px 9px}.round-tab span{font-size:7px}.round-tab b{font-size:11px}.battle-actions .button{font-size:10px;min-height:36px;padding:0 12px}.battle-layout{grid-template-columns:1fr}.score-tile{padding:14px;min-width:100px}.score-tile b{font-size:24px}.stage{padding:21px}.stage h2{font-size:25px}.form-row{grid-template-columns:1fr}.battle-posts{grid-template-columns:1fr 1fr}.side-panel{padding:19px}.messages{max-height:180px}.compact{flex-direction:row;align-items:center}.tier-strip{gap:7px}.tier-strip span{font-size:8px;padding:12px}.tops h1{font-size:54px;letter-spacing:-3px}.tops>p{font-size:12px}footer{flex-wrap:wrap;gap:17px;font-size:9px}footer>span:last-child{width:100%;margin:0}.eyebrow{font-size:8px}dialog{padding:26px 22px}.badge{font-size:8px}.post-header small{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}

/* polish.css layout and motion */
.brand-logo{object-fit:contain;mix-blend-mode:screen;transition:transform .5s;filter:drop-shadow(0 2px 8px #ffffff12)}.brand:hover .brand-logo{transform:rotateY(25deg) rotateZ(-7deg)}
body{background:#090909}header{background:#0a0a0aeF;border-color:#272727}.hero{background:radial-gradient(ellipse at 76% 40%,#a8a8a80b,transparent 55%)}.hero h1{font-weight:600}.hero h1>span{background:linear-gradient(120deg,#dbdbdb,#7b7b7b 80%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-visual:before{content:'';position:absolute;inset:13% 12%;background:radial-gradient(ellipse,#d3d3d30a,transparent 65%);filter:blur(15px);pointer-events:none}.hero-visual .orbit{border-color:#b5b5b520}.hero-visual .orbit.second{border-color:#b5b5b510}.ticker{background:#121212}.ticker em{color:#808080}.mode-card{background:linear-gradient(145deg,#1d1d1d,#0e0e0e);border-color:#363636}.mode-card:hover{border-color:#878787;box-shadow:0 20px 40px #00000066}.shape{filter:grayscale(.85) drop-shadow(8px 16px 12px #00000088)}.room-row{background:#131313;border-color:#2f2f2f}.room-row:hover{border-color:#6c6c6c}.room-row p,.mode-card p{color:#999999}.post{background:linear-gradient(145deg,#1d1d1d,#121212);border-color:#393939;box-shadow:0 7px 25px #00000022}.post-image{background:#0a0a0a}.post-header small,.post-header>span:last-child{color:#9e9e9e}.post-bottom p{color:#bdbdbd}.stage{background:radial-gradient(ellipse at top right,#bfbfbf0c,transparent 70%),#141414;border-color:#4f4f4f}.stage:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c9c9c999,transparent);pointer-events:none}.score-tile{background:linear-gradient(145deg,#1e1e1e,#151515);border-color:#444444;transition:background .4s,border-color .4s}.score-tile.leading{background:linear-gradient(135deg,#3f3f3f80,#171717);box-shadow:0 0 24px #e9e9e908}.side-panel{background:#151515;border-color:#393939}.round-tab{background:#161616;border-color:#3d3d3d}.round-tab.active{background:linear-gradient(120deg,#40404080,#1d1d1d)}.messages{scroll-behavior:smooth}.empty{background:linear-gradient(145deg,#16161666,#0f0f0f66);border-color:#464646}.steps article{padding-top:15px;position:relative}.steps article:before{content:'';position:absolute;inset:0 auto auto 0;width:36px;height:1px;background:#717171}.launch{background:radial-gradient(ellipse at 20% 50%,#acacac08,transparent 60%)}.metal-card{filter:grayscale(.7)}.upload-form{border:1px dashed #595959;border-radius:9px;padding:18px;transition:background .2s,border-color .2s}.upload-form.drag-over{background:#40404066;border-color:var(--lime)}.upload-preview{border-radius:7px;box-shadow:0 8px 25px #00000055}.round-tab.active:after{content:'';display:block;width:24px;height:2px;background:var(--lime);margin-top:10px;box-shadow:0 0 14px #e9e9e930}footer{background:#0f0f0f}.table-wrap{background:linear-gradient(120deg,#181818,#111111)}#tops .tier-strip span{background:linear-gradient(145deg,#303030,#161616)}.post-header .avatar,.member .avatar{background:linear-gradient(135deg,#666666,#272727);border-color:#8e8e8e;box-shadow:2px 3px #171717}.clock b{font-variant-numeric:tabular-nums}.battle-posts .post:first-child{animation:receipt-in .5s cubic-bezier(.2,.8,.3,1) both}@keyframes receipt-in{from{opacity:0;transform:perspective(800px) translateY(20px) rotateX(7deg)}to{opacity:1;transform:none}}@media(max-width:700px){.brand-logo{width:32px;height:32px}.brand{gap:6px}.upload-form{padding:13px}.steps article:before{left:55px}.stage{border-radius:12px}}@media(prefers-reduced-motion:reduce){.brand-logo,.post,.messages{animation:none!important;transition:none!important;scroll-behavior:auto}}

/* lobby.css layout and motion */
.hero-avatar{width:95%;height:100%;object-fit:contain;position:absolute;inset:0;filter:drop-shadow(0 25px 40px #00000088);animation:avatar-drift 8s ease-in-out infinite;transform-origin:center}.avatar-scene{perspective:1000px}.hero-visual.avatar-scene .orbit{border-color:#aeaeae1a}.brand-logo{mix-blend-mode:normal}.launch-logo{position:relative;z-index:2;width:87%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 35px #000000aa);animation:avatar-drift 10s ease-in-out infinite}.launch-model .orbit{width:95%;height:80%;top:10%}.rank-card{border:1px solid #5d5d5d;padding:20px;border-radius:12px;background:radial-gradient(ellipse at top right,#93939330,transparent 75%),#171717;margin:18px 0 23px}.rank-heading{display:flex;align-items:center;gap:12px}.rank-heading b{font-size:20px;letter-spacing:-.5px;font-weight:500}.rank-heading small{display:block;font:9px monospace;margin-top:5px;color:#cfcfcf}.rank-heading>span:last-child{margin-left:auto;font:9px monospace;color:#8f8f8f}.rank-emblem{font-size:40px;color:var(--lime);filter:drop-shadow(0 0 16px #e9e9e922)}.rank-meter{height:5px;background:#070707;border-radius:10px;overflow:hidden;margin:20px 0 10px}.rank-meter i{height:100%;background:linear-gradient(90deg,#969696,var(--lime));display:block;transition:width 1s}.rank-card p{font-size:10px;margin:0;color:#a5a5a5}.round-timer{height:4px;width:100%;background:#212121;margin:26px 0 0;border-radius:4px;overflow:hidden}.round-timer>div{height:100%;background:linear-gradient(90deg,#8b8b8b,var(--lime));transition:width .3s linear,background .4s;box-shadow:0 0 18px #e9e9e922}.round-timer>div.urgent{background:linear-gradient(90deg,#7a7a7a,#bebebe)}.rounds{margin-top:15px}.round-tab{position:relative;overflow:hidden;min-height:78px}.round-tab.active{box-shadow:0 0 22px #e9e9e908}.clock{min-width:130px}.clock b{font-size:45px;letter-spacing:-2px}.battle-actions{padding:15px;border:1px solid #414141;border-radius:10px;background:linear-gradient(120deg,#212121,#151515);gap:10px}.battle-actions>button[data-action=ready]{min-width:135px}.battle-actions button[data-action=start]{min-width:135px}.battle-actions button[data-action=leave]{margin-left:auto}.waiting-visual span{font-size:33px;box-shadow:5px 7px #262626,6px 8px #6c6c6c}.member:has(small){transition:background .25s}.match-reward{padding:22px;background:linear-gradient(140deg,#303030,#171717);border:1px solid #818181;border-radius:12px;margin-top:25px;animation:receipt-in .6s both}.match-reward>h3{font-size:35px;color:var(--lime);font-weight:500;letter-spacing:-1px;margin:14px 0 20px}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.reward-grid span{font-size:9px;color:#a2a2a2}.reward-grid b{font-size:16px;display:block;margin-top:9px;color:#e6e6e6;font-weight:500}.match-reward .fineprint{font-size:9px}.stage .eyebrow{color:#cccccc}.stage .countdown-number{font-size:100px;text-shadow:0 0 40px #e9e9e918;animation:count-beat 1s ease-in-out infinite}.badge.ready{color:var(--lime);border-color:#8b8b8b}.avatar.logo-avatar{padding:4px;background:linear-gradient(135deg,#444444,#1d1d1d)}.avatar.logo-avatar img{width:100%;height:100%;object-fit:contain}.tier-strip span{transition:transform .3s}.tier-strip span:hover{transform:translateY(-4px)}@keyframes avatar-drift{0%,100%{transform:rotateY(-6deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(7deg) rotateX(-2deg) translateY(-12px)}}@keyframes count-beat{0%,100%{transform:scale(.97);opacity:.8}50%{transform:scale(1.02);opacity:1}}@media(max-width:700px){.hero-avatar{width:100%}.clock{min-width:88px}.clock b{font-size:35px}.reward-grid{grid-template-columns:1fr 1fr;gap:18px}.battle-actions{padding:12px;gap:9px}.battle-actions>button[data-action=ready],.battle-actions button[data-action=start]{min-width:0;flex:1}.battle-actions button[data-action=leave]{margin-left:0}.rank-card{padding:16px}.round-tab{min-height:72px}.stage .countdown-number{font-size:80px}}@media(prefers-reduced-motion:reduce){.hero-avatar,.launch-logo,.stage .countdown-number{animation:none!important}.round-timer>div,.rank-meter i{transition:none!important}}

/* atelier.css layout and motion */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--glass:#1a1a1ad9;--silver:#dfdfdf;--hairline:#dedede19}
body{background:#0a0a0a;background-image:radial-gradient(ellipse at 85% 3%,#9191910b,transparent 38%);overflow-x:clip}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.shell{max-width:1500px}.page-scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#868686,var(--lime));box-shadow:0 0 15px #e9e9e930;z-index:100;pointer-events:none}
header{position:sticky;top:0;height:82px;backdrop-filter:blur(22px) saturate(1.1);background:#0c0c0ce0;transition:height .4s var(--ease-out),box-shadow .4s,border-color .4s;z-index:40}header.scrolled{height:68px;border-color:#adadad26;box-shadow:0 12px 45px #00000044}header .brand{letter-spacing:-1.2px}.brand-logo{filter:drop-shadow(0 4px 12px #c4c4c41a)}
header nav a{position:relative;padding:10px 0;transition:color .25s}header nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}header nav a:hover,header nav a[aria-current]{color:#f2f2f2}header nav a[aria-current]:after{transform:scaleX(.35)}.connection{font-size:8px;letter-spacing:1.2px;display:flex;align-items:center;gap:7px}.connection.live{color:#c6c6c6}.header-right .outline{background:linear-gradient(135deg,#ffffff0b,#ffffff02);border-color:#6b6b6b50;border-radius:6px}
.hero{min-height:730px;padding-top:65px;padding-bottom:75px;position:relative;perspective:1200px;isolation:isolate}.hero:after{content:'VERS';position:absolute;bottom:-32px;right:1%;z-index:-1;font-size:clamp(130px,20vw,300px);font-weight:700;letter-spacing:-18px;line-height:1;color:transparent;-webkit-text-stroke:1px #e8e8e805;pointer-events:none}.hero-copy{z-index:2}.hero .eyebrow{font-size:9px;letter-spacing:2.2px}.hero h1{font-size:clamp(58px,6.3vw,94px);font-weight:500;line-height:1.04;letter-spacing:-5.8px;margin:28px 0}.hero h1>span{background:linear-gradient(125deg,#e5e5e5 0%,#c7c7c7 34%,#787878 95%);background-clip:text;-webkit-background-clip:text}.hero-copy>p{font-size:15px;line-height:1.95;color:#a0a0a0}.hero .actions{margin:34px 0}.hero-tags{padding-top:22px;border-top:1px solid #aeaeae18;width:max-content;max-width:100%;font:8px monospace;letter-spacing:1.3px;color:#7b7b7b;gap:23px}.hero-tags span{position:relative}.hero-tags span:not(:last-child):after{content:'·';position:absolute;right:-14px;color:#cfcfcf55}
.hero-visual{height:560px;transform-style:preserve-3d;will-change:transform;transition:transform .8s var(--ease-out)}.hero-visual:after{content:'';position:absolute;bottom:40px;left:16%;right:12%;height:60px;border-radius:50%;background:radial-gradient(ellipse,#b2b2b210,transparent 65%);transform:rotateX(65deg);filter:blur(12px);pointer-events:none}.hero-avatar{width:106%;height:106%;left:-3%;top:-3%;filter:drop-shadow(0 30px 35px #000000bb) drop-shadow(0 0 35px #a9a9a90a);animation:logo-suspension 10s ease-in-out infinite}.hero-visual .orbit{height:68%;width:96%;top:17%;border-color:#c4c4c41a;transform:rotate(-26deg)}.hero-visual .orbit:after{content:'';position:absolute;width:5px;height:5px;background:#a4a4a4;border-radius:50%;top:15%;left:13%;box-shadow:0 0 18px #d8d8d84d}.hero-visual .orbit.second{width:84%;left:8%;height:80%;top:10%;transform:rotate(30deg);border-color:#c4c4c40c}.object-label{top:38px;left:50px;color:#767676;font-size:7px;letter-spacing:2px}.float-label{right:8px;bottom:66px;background:linear-gradient(120deg,#313131a8,#181818d9);border:1px solid #b9b9b929;box-shadow:0 12px 35px #00000033;padding:14px 16px;color:#b7b7b7;font-size:7px;letter-spacing:1px;transform:translateZ(35px)}
.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s,border-color .35s,background .35s;min-height:48px;border-radius:6px;letter-spacing:.15px}.button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,#ffffff20 45%,transparent 70%);transform:translateX(-140%);transition:transform .8s var(--ease-out);pointer-events:none}.button:hover:before{transform:translateX(130%)}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0) scale(.98);transition-duration:.12s}.button.primary{background:linear-gradient(120deg,#ededed,#d8d8d8);border-color:#f0f0f0;box-shadow:inset 0 1px 0 #ffffff55,0 6px 26px #e7e7e70d}.button.primary:hover{box-shadow:inset 0 1px 0 #ffffff55,0 9px 34px #e7e7e722}.button.outline{background:linear-gradient(120deg,#ffffff07,#ffffff01);border-color:#b0b0b036}.button.small{min-height:38px}.button:disabled{transform:none;box-shadow:none}.button:disabled:before{display:none}
.ticker{transform:rotate(-.6deg);background:linear-gradient(90deg,#101010,#1a1a1a,#0f0f0f);border-color:#c5c5c520}.ticker>div{font-size:13px;font-weight:500;letter-spacing:2.5px;padding:22px 0;word-spacing:14px;color:#d8d8d8}.ticker em{color:#7d7d7d}
.section{padding-top:106px;padding-bottom:100px;position:relative}.section-title .eyebrow,.section>.eyebrow{color:#919191;letter-spacing:2px}.heading-row{margin-top:20px;margin-bottom:38px}h2{font-size:clamp(36px,4vw,56px);font-weight:450;letter-spacing:-2.6px;line-height:1.1}.mode-grid{gap:18px}.mode-card{min-height:288px;padding:24px;background:radial-gradient(ellipse at var(--glint-x,50%) var(--glint-y,0%),#c7c7c715,transparent 65%),linear-gradient(155deg,#212121,#141414 58%,#0f0f0f);border-color:#bebebe24;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff05,0 8px 25px #00000022;will-change:transform;transition:transform .65s var(--ease-out),border-color .4s,box-shadow .4s}.mode-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #d2d2d205;transition:box-shadow .4s}.mode-card:hover{border-color:#b6b6b65c;box-shadow:0 20px 55px #00000077}.mode-card:hover:after{box-shadow:inset 0 1px 0 #e4e4e42b}.mode-card .shape{height:158px;filter:grayscale(.95) drop-shadow(9px 16px 14px #00000088);transition:filter .5s,translate .6s var(--ease-out)}.mode-card:hover .shape{animation:none;translate:0 -6px;filter:grayscale(.55) drop-shadow(10px 20px 15px #00000088)}.mode-meta{font-size:7px;letter-spacing:1.4px;color:#909090}.mode-card h3{font-size:25px;letter-spacing:-.8px;font-weight:450}.mode-card h3>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #c1c1c126;border-radius:50%;font-size:13px;transition:background .3s,transform .3s}.mode-card:hover h3>span{background:#cfcfcf12;transform:rotate(8deg)}.mode-card p{font-size:10px;color:#929292;line-height:1.7}.lobby-toolbar{margin-top:48px;padding-top:25px;border-top:1px solid #b0b0b01c}.lobby-toolbar h3{letter-spacing:-.3px;font-size:16px}.lobby-toolbar select{background:#151515;border-color:#97979738;font-size:10px}.room-row{border-color:#a6a6a61f;padding:23px 25px;border-radius:9px;background:linear-gradient(110deg,#1c1c1c,#141414);transition:translate .35s var(--ease-out),border-color .3s,box-shadow .3s}.room-row:hover{translate:3px 0;border-color:#c0c0c066;box-shadow:-2px 0 0 #e9e9e950}.room-row .badge{font-size:7px;letter-spacing:1px;border-color:#9c9c9c36;background:#9c9c9c08}.room-row .room-capacity{font:11px monospace;color:#b5b5b5}.empty{border:1px dashed #9b9b9b33;background:radial-gradient(ellipse at 50% 130%,#a3a3a310,transparent 70%),#14141466;padding:57px 25px;color:#a2a2a2;font-size:12px;position:relative}.empty:before{content:'◇';display:block;font-size:28px;line-height:1;color:#d7d7d76b;margin:0 0 19px}.empty button{margin-top:21px}.live-label{font-size:7px;letter-spacing:1.5px;color:#a2a2a2}.dot{box-shadow:0 0 9px #e9e9e930}
#f2f2f2dd{border-top:1px solid #b0b0b014}.feed-filter{margin-bottom:28px;gap:7px;padding:5px;width:max-content;max-width:100%;background:#161616;border:1px solid #a2a2a219;border-radius:7px}.feed-filter button{font-size:10px;padding:9px 15px;transition:background .3s,color .3s}.feed-filter button.active{background:linear-gradient(135deg,#3d3d3d,#2a2a2a);box-shadow:inset 0 1px 0 #e1e1e111;color:#dddddd}.posts{gap:22px}.post{border-radius:12px;border-color:#b8b8b821;background:linear-gradient(145deg,#212121,#151515);box-shadow:0 12px 30px #00000033;transition:translate .5s var(--ease-out),box-shadow .4s,border-color .4s}.post:hover{translate:0 -5px;border-color:#b5b5b552;box-shadow:0 20px 40px #00000066}.post-header{padding:18px}.avatar{border-radius:8px;font-size:10px;border-color:#bababa50;background:linear-gradient(135deg,#4f4f4f,#282828);box-shadow:2px 3px 0 #0f0f0f}.post-image{border-block:1px solid #bebebe12;position:relative;background:#0c0c0c}.post-image:after{content:'⤢';position:absolute;right:10px;bottom:10px;width:27px;height:27px;display:grid;place-items:center;background:#101010c9;border:1px solid #d7d7d727;border-radius:5px;color:#d6d6d6;font-size:16px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.post-image:hover:after{opacity:1;transform:none}.post-image img{transition:transform .75s var(--ease-out)}.post-image:hover img{transform:scale(1.045)}.post-bottom{padding:20px}.post-pnl{font-size:34px;font-weight:450;letter-spacing:-1.4px;font-variant-numeric:tabular-nums}.post-bottom>div:last-child{padding-top:14px;border-top:1px solid #b4b4b417;font-size:7px;letter-spacing:.5px}.post-bottom p{line-height:1.7;font-size:11px}.fineprint{font-size:9px;line-height:1.9;color:#828282}
.steps{gap:40px;margin:48px 0 36px}.steps article{padding:25px 0 0}.steps article:before{width:100%;background:linear-gradient(90deg,#c5c5c54d,transparent)}.steps article>b{font-size:45px;color:#8d8d8d;text-shadow:1px 2px #2e2e2e,2px 4px #181818;font-weight:400}.steps h3{font-size:23px;font-weight:450;letter-spacing:-.7px;margin-top:24px}.steps p{color:#9a9a9a;font-size:12px;line-height:2}.rules-inline{border-color:#b4b4b422;padding-top:26px;color:#afafaf}.launch{gap:80px;overflow:clip}.launch h2{font-size:60px;line-height:1.09;font-weight:450;letter-spacing:-3px}.launch>.launch-model{height:430px;perspective:1000px;background:radial-gradient(ellipse at center,#a8a8a80a,transparent 65%)}.launch-logo{width:102%;height:102%;max-width:none;transform:translateZ(20px);filter:drop-shadow(0 25px 40px #000000aa);animation:logo-suspension 13s ease-in-out infinite}.launch .orbit{border-color:#c9c9c917;height:83%;top:9%;transform:rotate(-30deg)}.launch-details{border-color:#bbbbbb29;margin-top:33px;padding-top:23px;letter-spacing:.8px}.launch-details b{font-size:12px}.launch .badge{background:linear-gradient(120deg,#333333,#222222);border-color:#b2b2b24d;padding:9px 12px;font-size:8px;letter-spacing:1.2px}.launch .silver{background:linear-gradient(120deg,#f5f5f5,#8f8f8f 65%,#c8c8c8);background-clip:text;-webkit-background-clip:text}
.battle{padding-top:32px}.battle-nav{padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid #b3b3b31c;font-size:10px;color:#9a9a9a}.battle-nav>#battle-code{font:9px monospace;color:#cbcbcb;letter-spacing:2px;background:#c2c2c208;border:1px solid #c2c2c21f;padding:6px 9px;border-radius:5px}.battle-head{padding-bottom:8px}.battle-head h1{font-size:47px;font-weight:450;letter-spacing:-2px;line-height:1.2}.battle-meta{letter-spacing:2px}.clock{position:relative;padding:15px 21px;border:1px solid #b5b5b530;border-radius:10px;background:linear-gradient(140deg,#33333366,#161616);min-width:152px;box-shadow:inset 0 1px 0 #dfdfdf08}.clock>span{font-size:7px;letter-spacing:1.3px;color:#9e9e9e}.clock b{font-size:47px;letter-spacing:-2px;color:#e8e8e8;line-height:1.1;margin-top:9px;text-shadow:0 0 22px #e9e9e910}.clock.urgent{border-color:#aeaeae70;background:linear-gradient(140deg,#40404033,#161616)}.clock.urgent b{color:#c9c9c9}.round-timer{height:3px;background:#c8c8c810;margin-top:21px}.round-timer>div{box-shadow:0 0 14px #e9e9e930}.rounds{gap:12px;margin-top:16px}.round-tab{min-height:85px;padding:17px 20px;border-radius:8px;border-color:#cccccc1a;background:linear-gradient(125deg,#23232366,#161616)}.round-tab span{font-size:7px;letter-spacing:1.3px;color:#959595}.round-tab b{font-size:13px;margin-top:10px;letter-spacing:-.2px;color:#aeaeae}.round-tab.active{border-color:#bfbfbf80;background:radial-gradient(ellipse at top left,#cfcfcf18,transparent),#1f1f1f;box-shadow:0 0 25px #cfcfcf07}.round-tab.active b{color:#ebebeb}.round-tab.active:after{width:26px;height:1px;background:#eaeaea;margin-top:11px;box-shadow:0 0 12px #e2e2e270}.battle-actions{margin-top:20px;margin-bottom:22px;padding:14px 16px;background:linear-gradient(110deg,#232323,#171717);border-color:#bdbdbd26;border-radius:9px}.battle-actions .text-button{font-size:10px}.battle-layout{gap:25px}.scoreboard{gap:13px;margin-bottom:20px}.score-tile{padding:20px 22px;border-color:#bcbcbc29;background:linear-gradient(140deg,#272727,#181818);border-radius:10px}.score-tile small{font-size:9px;color:#b4b4b4}.score-tile b{font-size:33px;letter-spacing:-1.2px;margin:11px 0;color:#e3e3e3}.score-tile>span{font-size:8px;letter-spacing:1px;color:#919191}.score-tile.leading{border-color:#cdcdcd73;background:radial-gradient(ellipse at 100% 0,#b6b6b615,transparent 70%),linear-gradient(125deg,#303030,#1b1b1b);box-shadow:0 0 25px #bebebe08}.stage{padding:33px;border-radius:12px;border-color:#c0c0c032;background:radial-gradient(ellipse at 110% -20%,#a7a7a717,transparent 65%),linear-gradient(135deg,#1f1f1f,#151515)}.stage h2{font-size:31px;letter-spacing:-1.2px;font-weight:450;margin:13px 0}.stage>p{font-size:12px;max-width:520px;line-height:1.9}.stage .eyebrow{font-size:8px;letter-spacing:1.8px;color:#b1b1b1}.waiting-visual{height:112px;gap:33px;font-size:24px;color:#828282}.waiting-visual span{width:70px;height:70px;border:1px solid #c3c3c373;border-radius:15px;background:linear-gradient(140deg,#626262,#272727 65%,#333333);box-shadow:4px 5px #1c1c1c,5px 6px #646464;position:relative}.waiting-visual span:after{content:'';position:absolute;inset:5px;border:1px solid #e0e0e00d;border-radius:10px}.upload-form{padding:21px;border-color:#b5b5b54a;background:#0a0a0a26;margin-top:23px}.field>span{font-size:9px;color:#bababa;letter-spacing:.25px}.field input,.field select{border-color:#96969640;background:#0d0d0d66;transition:border-color .25s,box-shadow .25s}.field input:hover{border-color:#b9b9b970}.field input:focus{border-color:#cfcfcf;box-shadow:0 0 0 3px #cfcfcf0a;outline:none}.upload-form .field input[type=file]{border-style:dashed}.side-panel{padding:21px;border-color:#aeaeae26;background:linear-gradient(140deg,#1d1d1d,#161616);border-radius:10px}.side-panel>h3{font-size:12px;letter-spacing:-.2px;color:#c8c8c8}.member{border-color:#afafaf1b;padding:14px 0}.member strong{color:#d6d6d6;font-size:11px}.member small{font-size:8px;letter-spacing:.6px;color:#8e8e8e}.messages{max-height:270px;scrollbar-color:#585858 #171717}.message{font-size:11px;line-height:1.7;color:#bdbdbd}.message b{font-size:8px;letter-spacing:.3px;color:#848484}.chat-form{border-top:1px solid #ababab22;padding-top:16px}.chat-form input{background:#0d0d0d;border-color:#84848440}.chat-form button{background:linear-gradient(140deg,#e2e2e2,#c3c3c3);transition:filter .2s,transform .2s}.chat-form button:hover{filter:brightness(1.12);transform:translateY(-1px)}.result-line{border-color:#bdbdbd1f;font-size:10px;padding:15px 0}.result-line b{color:#d9d9d9}.result-line:last-child{padding-bottom:0}.match-reward{border-color:#bcbcbc62;background:radial-gradient(ellipse at top right,#c8c8c815,transparent),linear-gradient(135deg,#303030,#181818);padding:26px}.match-reward>h3{font-size:42px;letter-spacing:-1.5px}.reward-grid{padding-block:18px;border-block:1px solid #c6c6c620}.reward-grid b{font-size:18px}.winner-icon{font-size:65px;text-shadow:0 0 45px #e3e3e322}.rank-card{padding:23px;border-color:#bdbdbd52;background:radial-gradient(ellipse at 100% 0,#c9c9c918,transparent 65%),linear-gradient(130deg,#2a2a2a,#171717)}.rank-heading b{font-weight:450;font-size:24px;letter-spacing:-.6px}.rank-emblem{font-size:48px;line-height:1;text-shadow:2px 3px #545454}.rank-meter{height:4px;background:#090909;margin-top:23px}.rank-meter i{background:linear-gradient(90deg,#8f8f8f,#dfdfdf);box-shadow:0 0 13px #dfdfdf33}.rank-card p{font-size:9px;color:#a0a0a0}.tops{padding-top:75px;min-height:85vh}.tops h1{font-size:clamp(50px,6vw,85px);font-weight:450;letter-spacing:-4px;line-height:1.05}.tops>p{max-width:430px;line-height:1.9;font-size:12px;color:#9c9c9c}.tier-strip{gap:11px;margin:38px 0 28px}.tier-strip span{padding:20px 15px;position:relative;overflow:hidden;background:linear-gradient(145deg,#303030,#181818);border-color:#bfbfbf32;font-size:8px;letter-spacing:.5px}.tier-strip span:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#e5e5e50d,transparent 60%);pointer-events:none}.tier-strip span:nth-child(1){border-top-color:#99999974}.tier-strip span:nth-child(2){border-top-color:#d7d7d774}.tier-strip span:nth-child(3){border-top-color:#d6d6d674}.tier-strip span:nth-child(4){border-top-color:#d6d6d674}.tier-strip span:nth-child(5){border-top-color:#cacaca74}.tier-strip span:nth-child(6){border-top-color:#e4e4e499}.table-wrap{border-color:#b3b3b330;background:linear-gradient(135deg,#202020,#151515);border-radius:12px;box-shadow:0 20px 60px #00000022}.table-wrap th{padding:20px 24px;font-size:7px;letter-spacing:1.3px;background:#07070730;color:#959595}.table-wrap td{padding:22px 24px;border-color:#b6b6b61d;transition:background .3s}.table-wrap tbody tr:hover td{background:#dddddd05}.table-wrap td:nth-child(4){color:#e4e4e4;font-variant-numeric:tabular-nums}.table-wrap td:nth-child(3){color:#a9a9a9}
dialog{width:min(550px,calc(100% - 28px));padding:35px;border-color:#b7b7b74f;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#b3b3b310,transparent 65%),linear-gradient(145deg,#222222,#151515);box-shadow:0 35px 130px #000000cc,inset 0 1px 0 #e5e5e50b}dialog::backdrop{background:#050505bf;backdrop-filter:blur(18px) saturate(.7)}dialog[open]{animation:dialog-arrive .45s var(--ease-out)}dialog h2{font-size:32px;font-weight:450;letter-spacing:-1.1px}dialog .eyebrow{font-size:7px;letter-spacing:2px}dialog p{font-size:12px;line-height:1.9;color:#a9a9a9}.close{width:29px;height:29px;display:grid;place-items:center;font-size:22px;border:1px solid #c1c1c126;border-radius:50%;line-height:1;transition:background .2s,transform .3s}.close:hover{background:#bebebe0c;transform:rotate(90deg)}.photo-large{border-radius:7px;background:#0b0b0b}.invite-code{font-size:43px;color:#e4e4e4;border-color:#cacaca5c;background:#07070740;letter-spacing:7px;padding:31px}.rules-list{font-size:11px;line-height:1.95;color:#b6b6b6}.rules-list li{padding:9px 0;border-bottom:1px solid #b2b2b217}.rules-list li:last-child{border:0}#toast{background:linear-gradient(110deg,#363636ee,#242424f5);border-color:#bebebe60;box-shadow:0 12px 45px #00000077;backdrop-filter:blur(18px);font-size:11px;padding:15px 22px;border-radius:7px}
footer{padding-top:35px!important;padding-bottom:35px!important;background:#101010;border-color:#aeaeae24;gap:27px}footer .brand{font-size:23px;letter-spacing:-1px}footer .brand-logo{width:35px;height:35px}.mobile-dock{display:none}.round-intro{position:fixed;z-index:70;top:105px;left:50%;width:min(430px,calc(100% - 32px));transform:translateX(-50%);background:linear-gradient(130deg,#323232eF,#181818f5);border:1px solid #d3d3d359;backdrop-filter:blur(24px);border-radius:12px;padding:24px 28px;box-shadow:0 20px 90px #00000099;pointer-events:none;opacity:0}.round-intro small{font:7px monospace;letter-spacing:2px;color:#b8b8b8;display:block;margin-bottom:9px}.round-intro strong{font-size:27px;letter-spacing:-.8px;font-weight:450;color:#e9e9e9;display:block}.round-intro span{font-size:10px;color:#a1a1a1;display:block;margin-top:8px}.round-intro.show{animation:round-signal 1.75s var(--ease-out) both}.motion-reveal{opacity:0;translate:0 18px;transition:opacity .85s var(--ease-out),translate .85s var(--ease-out)}.motion-reveal.motion-visible{opacity:1;translate:0 0}.new-receipt{animation:receipt-arrive .65s var(--ease-out) both}.sr-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html[data-visual-paused] *,html[data-visual-paused] *:before,html[data-visual-paused] *:after{animation-play-state:paused!important}.hero-visual:not(.in-view) .hero-avatar,.launch-model:not(.in-view) .launch-logo{animation-play-state:paused}
@keyframes logo-suspension{0%,100%{transform:rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(6deg) rotateX(-2deg) translateY(-12px)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(15px) scale(.975)}to{opacity:1;transform:none}}@keyframes receipt-arrive{from{opacity:0;translate:0 20px;rotate:1 0 0 4deg}to{opacity:1;translate:0 0;rotate:1 0 0 0deg}}@keyframes round-signal{0%{opacity:0;translate:0 -15px;scale:.97}18%,72%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -7px;scale:.99}}
@media(min-width:1700px){.hero{min-height:800px}.hero-visual{height:620px}.hero h1{font-size:94px}}
@media(max-width:1100px){.hero{min-height:650px}.hero h1{font-size:66px;letter-spacing:-4.4px}.hero-visual{height:470px}.hero-tags{font-size:7px;letter-spacing:.7px;gap:18px}.hero-tags span:not(:last-child):after{right:-11px}.mode-card{padding:20px;min-height:265px}.mode-card .shape{height:145px}.mode-card h3{font-size:22px}.clock{min-width:140px}.post-pnl{font-size:29px}.launch{gap:45px}.launch h2{font-size:51px}.launch>.launch-model{height:380px}}
@media(max-width:800px){header{height:74px}header nav{gap:20px;font-size:10px}.header-right{gap:12px}.connection{font-size:7px;letter-spacing:.3px}.hero h1{font-size:55px;letter-spacing:-3.5px}.hero{min-height:590px;padding-top:40px;padding-bottom:55px}.hero-visual{height:400px}.hero-copy>p{font-size:12px}.hero .eyebrow{font-size:7px;letter-spacing:1.4px}.hero .actions{gap:9px}.hero .button{font-size:10px;padding:0 13px;gap:13px}.hero-tags{font-size:6px;gap:14px;letter-spacing:.5px}.hero-tags span:not(:last-child):after{right:-9px}.object-label{left:30px;font-size:6px}.float-label{font-size:6px;padding:11px 12px;bottom:55px}.mode-grid{gap:12px}.mode-card{padding:17px;min-height:240px}.mode-card .shape{height:132px;scale:.8}.mode-card h3{font-size:20px}.mode-meta{font-size:6px}.mode-card p{font-size:9px}.section{padding-top:80px;padding-bottom:75px}.clock b{font-size:39px}.battle-head h1{font-size:37px}.stage{padding:25px}.post-bottom{padding:16px}.tier-strip{gap:8px}.tier-strip span{padding:15px 11px;font-size:7px}.launch h2{font-size:45px}.launch>.launch-model{height:320px}}
@media(max-width:700px){html{scroll-padding-top:85px}body{padding-bottom:73px}header{height:70px;padding:0 5%;gap:10px}header.scrolled{height:62px}.brand{font-size:23px}.brand-logo{width:33px;height:33px}header nav{display:none}.header-right .connection{display:none}.header-right .button{font-size:10px;min-height:34px;padding:0 11px}.hero{padding-top:48px;padding-bottom:37px;min-height:0}.hero:after{bottom:-10px;right:4%;font-size:43vw;letter-spacing:-12px}.hero .eyebrow{font-size:7px;letter-spacing:1.7px}.hero h1{font-size:clamp(49px,11.8vw,75px);line-height:1.05;letter-spacing:-3.6px;margin:23px 0}.hero-copy>p{font-size:13px;line-height:1.95}.hero .actions{margin:27px 0;gap:10px}.hero .button{padding:0 17px;font-size:11px;min-height:45px}.hero-tags{padding-top:18px;font-size:6px;gap:19px;letter-spacing:.9px;width:100%;justify-content:flex-start}.hero-tags span:not(:last-child):after{right:-12px}.hero-visual{height:330px;margin:20px -5% 0;will-change:auto}.hero-avatar{width:102%;height:102%;left:-1%;top:-1%}.object-label{top:14px;left:32px;font-size:6px;letter-spacing:1.5px}.float-label{bottom:43px;right:9px;font-size:6px;padding:10px 12px}.hero-visual:after{bottom:14px}.ticker>div{font-size:10px;letter-spacing:1.5px;padding:18px 0;word-spacing:10px}.section{padding-top:65px;padding-bottom:60px}h2{font-size:36px;letter-spacing:-1.9px}.heading-row{margin:16px 0 27px;gap:20px}.section-title .eyebrow,.section>.eyebrow{font-size:7px;letter-spacing:1.5px}.heading-row .actions{gap:8px}.heading-row .button.small{font-size:9px;min-height:36px;padding:0 12px;gap:10px}.mode-grid{gap:13px}.mode-card{padding:19px 17px;min-height:253px;will-change:auto}.mode-card .shape{height:146px;scale:.86}.mode-meta{font-size:6px;letter-spacing:1.1px}.mode-card h3{font-size:23px}.mode-card h3>span{width:24px;height:24px;font-size:12px}.mode-card p{font-size:9px}.lobby-toolbar{margin-top:31px;padding-top:22px}.lobby-toolbar h3{font-size:14px}.lobby-toolbar select{font-size:9px;padding:9px}.room-row{padding:18px 17px;border-radius:8px;gap:11px}.room-row h3{font-size:15px}.room-row .room-capacity{font-size:9px}.room-row .button.small{font-size:9px;min-height:34px}.empty{padding:38px 18px;font-size:11px}.empty:before{font-size:24px;margin-bottom:15px}.feed-filter{gap:2px;padding:4px;width:100%}.feed-filter button{flex:1;padding:8px 7px;font-size:9px;white-space:nowrap}.posts{gap:13px}.post{border-radius:9px}.post-header{padding:12px;gap:7px}.post-header .avatar{width:26px;height:26px;font-size:8px}.post-header strong{font-size:9px}.post-header small{font-size:7px}.post-bottom{padding:14px 12px}.post-pnl{font-size:25px;letter-spacing:-1px}.post-bottom p{font-size:10px}.post-bottom>div:last-child{font-size:6px;padding-top:12px;gap:6px}.post-bottom .text-button{font-size:8px}.post-image{height:168px}.post-image:after{opacity:1;transform:none;width:22px;height:22px;font-size:13px;bottom:7px;right:7px}.fineprint{font-size:8px}.steps{gap:33px;margin-top:34px}.steps article{padding:0 0 0 53px}.steps article:before{left:53px;width:calc(100% - 53px);top:-10px}.steps article>b{font-size:27px;left:0;top:2px}.steps h3{font-size:21px;margin:0 0 10px}.steps p{font-size:11px;line-height:1.9}.rules-inline{padding-top:20px;gap:15px;font-size:7px}.rules-inline .text-button{font-size:9px}.launch{gap:28px}.launch>.launch-model{height:290px}.launch-logo{width:100%;height:105%}.launch h2{font-size:43px;letter-spacing:-2.4px}.launch-details{margin-top:26px;padding-top:20px;font-size:7px}.launch-details b{font-size:10px}.battle{padding-top:23px;padding-bottom:45px}.battle-nav{padding-bottom:16px;margin-bottom:23px;font-size:9px;align-items:center}.battle-nav>#battle-code{font-size:7px;letter-spacing:1px;padding:5px 6px}.battle-nav .text-button{font-size:8px}.battle-head{gap:12px;align-items:center}.battle-head h1{font-size:29px;letter-spacing:-1px;overflow-wrap:anywhere}.battle-head .eyebrow{font-size:6px;letter-spacing:.8px}.clock{min-width:97px;padding:11px 12px;border-radius:8px;flex-shrink:0}.clock>span{font-size:5px;letter-spacing:.7px;white-space:nowrap}.clock b{font-size:31px;margin-top:7px;letter-spacing:-1.5px}.round-timer{margin-top:18px}.rounds{gap:8px;margin-top:13px}.round-tab{padding:12px 10px;min-height:79px}.round-tab span{font-size:5px;letter-spacing:.6px}.round-tab b{font-size:10px;margin-top:9px;line-height:1.5}.round-tab.active:after{margin-top:9px;width:19px}.battle-actions{padding:12px;gap:9px;margin:16px 0 18px}.battle-actions>.button.small{font-size:10px;min-height:36px;padding:0 12px}.battle-actions>.text-button{font-size:9px}.battle-actions>button[data-action=ready],.battle-actions>button[data-action=start]{flex:1}.battle-layout{gap:18px}.scoreboard{gap:9px;margin-bottom:17px}.score-tile{padding:16px;min-width:120px;border-radius:9px}.score-tile small{font-size:8px}.score-tile b{font-size:26px;letter-spacing:-1px}.score-tile>span{font-size:6px;letter-spacing:.6px}.stage{padding:23px 20px}.stage h2{font-size:26px;letter-spacing:-1px}.stage>p{font-size:11px}.stage .eyebrow{font-size:6px;letter-spacing:1.2px}.stage .button{min-height:43px;font-size:10px;padding:0 16px;gap:14px}.stage .actions{gap:9px}.waiting-visual{height:100px}.waiting-visual span{width:60px;height:60px;font-size:30px}.upload-form{padding:15px;margin-top:19px}.field>span{font-size:8px}.field input{font-size:12px;padding:11px}.upload-form .field input[type=file]{font-size:8px}.side-panel{padding:20px}.side-panel>h3{font-size:12px}.result-line{font-size:10px}.compact{margin:22px 0 17px}.compact h3{font-size:15px}.match-reward{padding:21px}.match-reward>h3{font-size:34px;margin:14px 0 16px}.reward-grid{gap:16px}.reward-grid span{font-size:8px}.reward-grid b{font-size:16px}.tops{padding-top:50px}.tops h1{font-size:52px;letter-spacing:-3px}.tops>p{font-size:11px}.tier-strip{gap:8px;margin-top:29px}.tier-strip span{padding:15px 12px;font-size:7px}.table-wrap th{font-size:6px;padding:17px 15px}.table-wrap td{padding:19px 15px;font-size:11px}.tops .button{min-height:44px;font-size:11px}dialog{padding:30px 23px;max-height:calc(100dvh - 40px)}dialog h2{font-size:28px}dialog .eyebrow{font-size:6px;letter-spacing:1.5px}dialog p{font-size:11px}.rank-card{padding:19px}.rank-heading b{font-size:23px}.rank-heading small{font-size:8px}.rank-heading>span:last-child{font-size:7px}.rank-card p{font-size:8px}.rank-emblem{font-size:42px}.invite-code{font-size:34px;letter-spacing:5px;padding:25px}.rules-list{font-size:10px}.close{right:13px;top:12px;width:26px;height:26px;font-size:20px}.mobile-dock{position:fixed;z-index:45;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));height:56px;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(120deg,#242424eF,#171717f5);border:1px solid #b9b9b936;border-radius:12px;box-shadow:0 8px 35px #00000088;backdrop-filter:blur(22px)}.mobile-dock a{font-size:8px;letter-spacing:.2px;color:#9b9b9b;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:7px}.mobile-dock a span{font-size:15px;line-height:1;color:#b4b4b4}.mobile-dock a[aria-current]{color:#e7e7e7}.mobile-dock a[aria-current] span{color:var(--lime);text-shadow:0 0 14px #e9e9e927}#toast{bottom:85px;font-size:10px;padding:13px 17px;width:max-content;max-width:calc(100% - 30px)}footer{padding-top:28px!important;padding-bottom:34px!important;gap:17px;font-size:8px}footer .brand{font-size:22px}footer .brand-logo{width:30px;height:30px}.round-intro{top:84px;padding:21px 24px;max-width:360px}.round-intro small{font-size:6px;letter-spacing:1.5px}.round-intro strong{font-size:24px}.round-intro span{font-size:9px}.motion-reveal{translate:0 14px}}
@media(max-width:360px){.hero h1{font-size:46px;letter-spacing:-3px}.hero .button{font-size:10px;padding:0 13px}.hero-tags{font-size:5px;gap:15px}.mode-card{padding:17px 13px}.mode-card h3{font-size:21px}.mode-card p{font-size:8px}.post-bottom>div:last-child{flex-direction:column;align-items:flex-start;gap:8px}.battle-head h1{font-size:25px}.clock{min-width:88px}.clock b{font-size:28px}}
.post,.battle-posts .post:first-child{animation:none}.post.new-receipt,.battle-posts .post.new-receipt:first-child{animation:receipt-arrive .65s var(--ease-out) both}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-visual,.mode-card{will-change:auto;transform:none!important}.motion-reveal{opacity:1;translate:none}.round-intro{display:none}.hero-avatar,.launch-logo{transform:none!important}.page-scroll-progress{display:none}}