@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#060d1b;color:#eef6ff;font-family:Vazirmatn,Tahoma,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 15%,#2a25674f,transparent 48%),radial-gradient(ellipse at 85% 65%,#086d7b3d,transparent 40%),linear-gradient(155deg,#071225,#07101e 60%,#060c18);z-index:-1}.shell{max-width:1100px;margin:0 auto;padding:clamp(40px,6vw,84px) 26px}.eyebrow{color:#70d9ed;font:700 12px Arial,sans-serif;letter-spacing:3px;direction:ltr;text-align:right}h1{font-size:clamp(28px,4vw,48px);line-height:1.4;margin:16px 0 8px;letter-spacing:-1.4px}h1 span{color:#9d8aff}.intro{color:#96aac0;margin:0 0 35px;font-size:14px;line-height:2}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mode-card{border-radius:24px;overflow:hidden;border:1px solid #30465e;background:linear-gradient(165deg,#152742e8,#0c192c);box-shadow:0 20px 65px #0005;display:block;transition:transform .2s,border .2s}.mode-card:hover{transform:translateY(-5px);border-color:#75cbe4}.mode-art{height:170px;background:radial-gradient(circle at 60% 50%,#3e287e,#132742 70%);position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero .mode-art{background:radial-gradient(circle at 50% 54%,#0e746d,#142b47 70%)}.mode-art:before{content:'';inset:10px;position:absolute;border:1px solid #a5d7ff30;border-radius:18px;pointer-events:none}.mode-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 78px,#ffffff08 79px 80px)}.art-glyph{font-size:88px;color:#bcb6ff;text-shadow:0 0 42px #8f77ff;line-height:1}.hero .art-glyph{color:#8affee;text-shadow:0 0 38px #37ebc9}.chips{position:absolute;bottom:17px;right:25px;border:1px solid #ffffff2e;border-radius:20px;padding:5px 12px;background:#050d1d9e;font-size:11px;z-index:1}.mode-top,.mode-card h2,.mode-card p,.mode-foot{margin-inline:24px}.mode-top{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.state{font:700 10px Arial,sans-serif;letter-spacing:1px;color:#baaaff}.state.active{color:#61f0cb}.chev{color:#7798b6;font-size:21px}.mode-card h2{font:900 28px Arial,sans-serif;direction:ltr;text-align:right;margin-top:16px;margin-bottom:10px}.mode-card h2 small{font:700 14px Vazirmatn,Tahoma,sans-serif;color:#a6b9cf;margin-left:10px}.mode-card p{color:#a5b7cb;font-size:13px;line-height:2;min-height:54px;margin-bottom:22px}.mode-foot{border-top:1px solid #ffffff16;padding:18px 0 21px;font-weight:800;font-size:13px;display:flex;justify-content:space-between;color:#98e9f4}.hero .mode-foot{color:#8ef1d8}.join-box{margin-top:25px;padding:24px;border:1px solid #29435a;background:#0c192b8c;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.join-box b{font-size:15px}.join-box p{margin:6px 0 0;color:#8099af;font-size:12px}.join-action{display:flex;gap:10px}.join-action input{width:125px;text-transform:uppercase;background:#071222;color:white;border:1px solid #35506a;border-radius:10px;padding:13px;font:700 16px Arial;letter-spacing:2px;text-align:center}.join-action button{border:0;border-radius:10px;background:#55d8d6;color:#072134;padding:12px 17px;font-family:inherit;font-weight:800;cursor:pointer}.join-action button:hover{background:#8bf3e5}#feedback{color:#fda9b1;font-size:13px;margin-top:14px;min-height:18px}footer{margin-top:20px;text-align:center;color:#617b90;font-size:11px}@media(max-width:720px){.mode-grid{grid-template-columns:1fr}.join-box{flex-direction:column;align-items:stretch}.join-action input{flex:1}.mode-card h2{font-size:23px}}

.tug .mode-art{background:radial-gradient(circle,#123e61,#14233e 72%)}.tug .art-glyph{color:#83d7ff;text-shadow:0 0 35px #54b6f4}.duo .mode-art{background:radial-gradient(circle,#27554e,#18263f 72%)}.duo .art-glyph{color:#aaf3d9;text-shadow:0 0 35px #6edcb4}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.mode-grid{grid-template-columns:1fr}}

.hidden,[hidden]{display:none!important}.step-nav{display:flex;gap:20px;align-items:center;margin:14px 0 12px}.step-nav h2{font-size:22px;margin:0}.back-step{border:1px solid #3a5870;border-radius:12px;background:#182b42;color:#d8eeff;padding:10px 16px;font-family:inherit;cursor:pointer}.step-hint,.notice{font-size:12px;color:#9eb6cc}.gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gateway-card{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:275px;padding:32px 20px;border-radius:22px;border:1px solid #315474;background:linear-gradient(145deg,#152b46,#0b1b30);color:#e9f6ff;cursor:pointer;font-family:inherit;text-align:center;transition:transform .2s,border-color .2s}.gateway-card:hover{transform:translateY(-5px);border-color:#68dce4}.gateway-card b{font-size:25px}.gateway-card small{max-width:260px;color:#a3b8d0;font-size:13px}.gate-icon{font-size:64px;text-shadow:0 0 35px #72c9f677}.gate-cta{color:#74f1e6;font-weight:800;margin-top:auto}.join-center{max-width:630px;margin:20px auto 0;padding:35px 24px;border:1px solid #38576c;border-radius:22px;background:#132339;text-align:center}.join-symbol{font-size:56px}.join-center p{color:#a2bbca;font-size:14px;line-height:2}.join-center .join-action{justify-content:center;margin-top:20px}.join-center .join-action input{min-width:150px}.room-preview{margin-top:20px;padding:14px;background:#173e44;border-radius:10px;color:#96f7e9}.race .mode-art{background:radial-gradient(circle at 50% 50%,#63481a,#152a42 70%)}.race .art-glyph{color:#ffe095;text-shadow:0 0 40px #e9ba65}.race .mode-foot{color:#ffe095}@media(max-width:720px){.gateway-grid{grid-template-columns:1fr}.join-center .join-action{flex-wrap:wrap}.join-center .join-action button{flex:1}}

button:disabled{opacity:.55;cursor:not-allowed}.portal .mode-grid{margin-top:15px}