.founding-gate{position:relative;isolation:isolate;overflow:hidden;margin:0 0 34px;padding:30px 32px;border:1px solid #37323f;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(133,75,255,.18),transparent 33%),radial-gradient(circle at 4% 100%,rgba(255,101,43,.12),transparent 30%),#121116;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.founding-gate:before,.founding-gate:after{content:"";position:absolute;z-index:-1;border-radius:50%;border:12px double rgba(255,255,255,.04)}
.founding-gate:before{width:220px;height:220px;right:-46px;top:-92px;box-shadow:inset 0 0 0 24px rgba(132,77,255,.04)}
.founding-gate:after{width:150px;height:150px;right:118px;bottom:-112px;box-shadow:inset 0 0 0 19px rgba(255,102,43,.04)}
.founding-gate-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:44px;align-items:center}
.founding-gate .launch-kicker{display:flex;align-items:center;gap:10px;margin:0 0 13px;color:#c9ff00;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.founding-gate .launch-kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:#c9ff00;box-shadow:0 0 18px rgba(201,255,0,.8)}
.founding-gate h2{margin:0;color:#f8f7fa;font-size:clamp(30px,4vw,58px);line-height:.96;letter-spacing:-.055em;text-transform:uppercase}
.founding-gate h2 em{color:#8b57ff;font-style:normal}
.founding-gate-copy{max-width:650px;margin:18px 0 0;color:#aaa5b1;font-size:15px;line-height:1.55}
.launch-meter{padding:22px;border:1px solid #3f3948;border-radius:22px;background:rgba(5,5,7,.55);backdrop-filter:blur(12px)}
.launch-meter-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.launch-meter-top span{color:#8f8998;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.launch-meter-top strong{color:#fff;font-size:34px;line-height:1;letter-spacing:-.05em}
.launch-meter-top strong b{color:#c9ff00}
.launch-meter-top strong span{color:#fff;font:inherit;letter-spacing:inherit;text-transform:none}
.launch-track{height:12px;margin:18px 0 14px;padding:2px;border:1px solid #45404b;border-radius:999px;background:#09090b}
.launch-track i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#8250ff 0%,#c9ff00 68%,#ff672e 100%);box-shadow:0 0 22px rgba(201,255,0,.35);transition:width .65s cubic-bezier(.2,.8,.2,1)}
.launch-remaining{display:block;color:#dedbe2;font-size:13px;line-height:1.35}
.launch-remaining b{color:#ff713c}
.launch-actions{display:flex;align-items:center;gap:12px;margin-top:18px}
.launch-share{min-height:44px;padding:0 18px;border:0;border-radius:13px;background:#f4f2f7;color:#111015;font:800 12px/1 inherit;letter-spacing:.05em;cursor:pointer;text-transform:uppercase}
.launch-actions small{color:#77717f;font-size:11px;line-height:1.35}
.launch-lock-modal{position:fixed;z-index:10050;inset:0;display:none;place-items:center;padding:20px;background:rgba(4,4,6,.82);backdrop-filter:blur(16px)}
.launch-lock-modal.show{display:grid}
.launch-lock-card{position:relative;overflow:hidden;width:min(560px,100%);padding:36px;border:1px solid #494250;border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(134,80,255,.2),transparent 40%),#141218;box-shadow:0 40px 120px rgba(0,0,0,.65)}
.launch-lock-card:before{content:"B";position:absolute;right:-10px;top:-48px;color:rgba(201,255,0,.045);font:italic 900 220px/1 Arial;transform:rotate(-8deg)}
.launch-lock-close{position:absolute;z-index:2;right:18px;top:18px;width:38px;height:38px;border:1px solid #4a4550;border-radius:50%;background:#201d24;color:#fff;font-size:23px;cursor:pointer}
.launch-lock-card .launch-kicker{margin:0 0 16px;color:#c9ff00;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.launch-lock-card h2{position:relative;margin:0 0 14px;color:#fff;font-size:clamp(34px,7vw,58px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}
.launch-lock-card>p{position:relative;margin:0;color:#aaa4b0;line-height:1.55}
.launch-lock-count{position:relative;display:flex;align-items:center;gap:16px;margin:26px 0 12px;padding:18px;border:1px solid #403b45;border-radius:18px;background:#0d0c10}
.launch-lock-count strong{color:#fff;font-size:42px;letter-spacing:-.05em}
.launch-lock-count strong b{color:#c9ff00}
.launch-lock-count span{color:#928c99;font-size:12px;line-height:1.35;text-transform:uppercase}
.launch-modal-progress{height:8px;margin-bottom:24px;border-radius:999px;background:#27232b;overflow:hidden}
.launch-modal-progress i{display:block;height:100%;background:linear-gradient(90deg,#8250ff,#c9ff00);transition:width .5s ease}
.launch-lock-card footer{position:relative;display:flex;gap:10px}
.launch-lock-card footer button{flex:1;min-height:48px;border:1px solid #49434f;border-radius:14px;background:#242027;color:#fff;font-weight:800;cursor:pointer}
.launch-lock-card footer .launch-modal-share{border-color:#c9ff00;background:#c9ff00;color:#0a0a0b}
.launch-copy-status{display:block;min-height:18px;margin-top:12px;color:#c9ff00;font-size:12px}
body.launch-locked .fab{border-color:#c9ff00;background:#17151b;color:#c9ff00}
body.launch-locked .fab:before{content:"";width:7px;height:7px;margin-right:6px;border-radius:50%;background:#ff6a35}
@media(max-width:760px){.founding-gate{padding:24px 20px;border-radius:22px}.founding-gate-grid{grid-template-columns:1fr;gap:24px}.founding-gate h2{font-size:38px}.launch-meter{padding:18px}.launch-lock-card{padding:30px 22px}.launch-lock-card footer{flex-direction:column}}

.milestone-gate{display:block;padding:32px}
.milestone-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,390px);gap:42px;align-items:center}
.milestone-road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.milestone-road article{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;min-height:132px;padding:18px;border:1px solid #36313c;border-radius:18px;background:rgba(7,7,9,.54);transition:border-color .25s,transform .25s}
.milestone-road article>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #49434f;border-radius:50%;color:#827c89;font-size:12px;font-weight:900}
.milestone-road article small{display:block;margin:2px 0 7px;color:#77717f;font-size:9px;font-weight:900;letter-spacing:.13em}
.milestone-road article strong{display:block;color:#f4f2f6;font-size:14px;line-height:1.15}
.milestone-road article p{margin:7px 0 0;color:#8e8994;font-size:11px;line-height:1.38}
.milestone-road article>em{position:absolute;right:14px;top:13px;color:#6f6976;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.12em}
.milestone-road article.current{border-color:#8b57ff;box-shadow:inset 0 0 0 1px rgba(139,87,255,.15),0 12px 34px rgba(0,0,0,.22);transform:translateY(-2px)}
.milestone-road article.current>span{border-color:#8b57ff;background:#8b57ff;color:#fff;box-shadow:0 0 22px rgba(139,87,255,.35)}
.milestone-road article.current>em{color:#a981ff}
.milestone-road article.unlocked{border-color:rgba(201,255,0,.32);background:linear-gradient(145deg,rgba(201,255,0,.08),rgba(7,7,9,.58))}
.milestone-road article.unlocked>span{border-color:#c9ff00;background:#c9ff00;color:#0a0a0b}
.milestone-road article.unlocked>em{color:#c9ff00}
body[data-launch-phase="season"] .milestone-gate{background:radial-gradient(circle at 85% 0,rgba(255,190,49,.15),transparent 38%),radial-gradient(circle at 0 100%,rgba(133,75,255,.16),transparent 32%),#121116}
@media(max-width:900px){.milestone-intro{grid-template-columns:1fr;gap:24px}.milestone-road{grid-template-columns:1fr}.milestone-road article{min-height:110px}}
@media(max-width:760px){.milestone-gate{padding:24px 18px}.milestone-road{gap:9px;margin-top:20px}.milestone-road article{grid-template-columns:40px minmax(0,1fr);padding:15px}.milestone-road article>span{width:36px;height:36px}.milestone-road article>em{position:static;grid-column:2;margin-top:4px}}
.battle-mode-picker button.milestone-locked{position:relative;opacity:.48;filter:saturate(.45);cursor:not-allowed}.battle-mode-picker button.milestone-locked:after{content:'ЗАКРЫТО';position:absolute;right:9px;top:9px;padding:4px 6px;border:1px solid #67616d;border-radius:999px;background:#0c0b0e;color:#aaa4b0;font-size:7px;font-weight:900;letter-spacing:.1em}.battle-mode-picker button.milestone-locked>b{color:#aaa4b0}
