:root{--ink:#07152c;--navy:#0c1c38;--blue:#1e83ff;--sky:#59c8ff;--yellow:#ffd43b;--orange:#ff9f21;--cream:#fff9e7;--line:rgba(255,255,255,.18);--shadow:0 18px 55px rgba(4,15,38,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07152c;color:#fff;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.topbar{position:fixed;z-index:100;left:0;right:0;top:0;height:76px;padding:0 clamp(18px,4vw,72px);display:flex;align-items:center;gap:42px;background:linear-gradient(180deg,rgba(5,15,34,.94),rgba(5,15,34,.72));border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;font-weight:1000;letter-spacing:1.5px}.brand-mark{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:linear-gradient(145deg,var(--yellow),#ff8b26);border:3px solid white;box-shadow:0 0 0 3px rgba(0,145,255,.7)}.brand-mark i{position:absolute;width:18px;height:30px;background:linear-gradient(90deg,#122952 25%,transparent 25% 42%,#122952 42% 62%,transparent 62% 75%,#122952 75%);bottom:3px;opacity:.3}.brand-mark b{z-index:1;font-size:14px}.desktop-nav{display:flex;gap:30px;margin-left:auto}.desktop-nav a{font-size:14px;color:#dce8ff;font-weight:700;transition:.2s}.desktop-nav a:hover{color:var(--yellow)}.wallet-btn{border:1px solid rgba(255,212,59,.65);border-radius:12px;background:rgba(255,212,59,.08);color:#fff;padding:11px 16px;font-weight:800;display:flex;gap:8px;align-items:center}.status-dot,.live-dot{width:8px;height:8px;border-radius:50%;background:#ffc52e;box-shadow:0 0 12px #ffc52e}.hero{position:relative;min-height:100vh;padding:140px clamp(25px,7vw,130px) 100px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#168dda url("assets/bg-city.jpg") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,17,42,.92) 0%,rgba(4,17,42,.58) 45%,rgba(5,17,41,.06) 78%),linear-gradient(0deg,rgba(4,17,42,.72),transparent 36%)}.city-haze{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 68% 33%,rgba(255,222,84,.45),transparent 30%)}.hero-copy{position:relative;z-index:8;width:min(660px,100%)}.stage-pill,.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#173056;background:var(--yellow);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:1000;letter-spacing:.8px}.stage-pill span{width:8px;height:8px;border-radius:50%;background:#18a957;box-shadow:0 0 10px #18a957}.hero h1{font-family:Impact,"Arial Black",sans-serif;margin:22px 0 12px;font-size:clamp(72px,8.7vw,154px);line-height:.75;letter-spacing:-3px;text-transform:uppercase;text-shadow:7px 8px 0 rgba(7,21,44,.25)}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p{max-width:560px;font-size:clamp(18px,2vw,27px);font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-actions{display:flex;gap:14px;margin:28px 0}.btn{min-height:48px;border-radius:12px;padding:0 24px;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:1000;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--yellow);color:#132440;border-color:var(--yellow);box-shadow:0 8px 0 #ce8612}.btn-ghost{border-color:#fff;background:rgba(5,18,43,.45);color:#fff}.contract-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px}.contract-line strong{color:#11284e;background:#fff;border-radius:7px;padding:7px 10px}.contract-line small{width:100%;opacity:.7}.hero-car{position:absolute;z-index:4;filter:drop-shadow(0 28px 28px rgba(4,13,35,.42));pointer-events:none}.car-yellow{width:min(47vw,790px);right:-1vw;bottom:-5%;transform:rotate(-4deg)}.car-red{width:min(25vw,410px);right:24vw;top:13%;transform:rotate(9deg)}.float-coin{position:absolute;width:85px;z-index:6;filter:drop-shadow(0 12px 15px rgba(0,0,0,.25));animation:float 3s ease-in-out infinite}.coin-one{right:9%;top:22%}.coin-two{right:39%;bottom:18%;animation-delay:-1.4s}.scroll-cue{position:absolute;z-index:8;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:900;text-transform:uppercase}.scroll-cue i{font-style:normal;width:30px;height:30px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}@keyframes float{50%{transform:translateY(-16px) rotate(8deg)}}.section{padding:100px clamp(20px,5vw,88px)}.section-head{max-width:1320px;margin:0 auto 42px;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head h2{margin:10px 0 0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(39px,5vw,74px);line-height:1;letter-spacing:1px}.section-head p{max-width:510px;color:#bcd0ee;line-height:1.8;margin:0}.section-head.centered{display:block;text-align:center}.section-head.centered p{margin:12px auto}.eyebrow{padding:0;background:none;color:var(--yellow);border-radius:0}.game-section{background:linear-gradient(180deg,#07152c,#0b2343);position:relative}.game-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr) 230px;gap:16px;align-items:stretch}.game-panel,.game-stage{border:1px solid rgba(88,191,255,.25);background:rgba(5,16,36,.8);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.game-panel{padding:16px}.panel-title{font-weight:1000;margin-bottom:14px;display:flex;gap:8px;align-items:center}.live-dot{background:#44e48a;box-shadow:0 0 12px #44e48a}.stat-card{background:#10294d;border:1px solid rgba(112,202,255,.13);padding:13px 12px;border-radius:12px;margin:9px 0}.stat-card span{display:block;color:#8fb3dd;font-size:12px}.stat-card strong{font-size:25px;color:var(--yellow)}.mini-btn{width:100%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#cbd9ec;padding:10px;border-radius:9px;margin-top:12px}.mini-btn:hover{background:#162f51}.game-stage{position:relative;aspect-ratio:16/9;background:#0b2b3c}.game-stage canvas{display:block;width:100%;height:100%;touch-action:none}.game-topline{position:absolute;left:14px;right:14px;top:12px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 3px #000;font-size:12px}.game-topline b{color:var(--yellow)}.start-overlay{position:absolute;inset:0;background:rgba(4,13,32,.65);backdrop-filter:blur(4px);display:grid;place-items:center;transition:.25s}.start-overlay.hidden{opacity:0;visibility:hidden}.start-card{text-align:center;background:rgba(10,32,61,.95);border:1px solid rgba(255,212,59,.55);padding:24px 34px 31px;border-radius:22px;box-shadow:var(--shadow)}.play-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;padding-left:4px;margin:auto;background:var(--yellow);color:#10203b}.start-card h3{font-size:30px;margin:12px 0 5px}.start-card p{color:#b8cce5;line-height:1.6}.game-toast{position:absolute;left:50%;top:65px;transform:translate(-50%,-20px);padding:10px 16px;border-radius:10px;background:#152b49;border:1px solid var(--yellow);opacity:0;transition:.25s;pointer-events:none;font-weight:800;white-space:nowrap}.game-toast.show{opacity:1;transform:translate(-50%,0)}.build-card{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;text-align:left;gap:8px;padding:12px 9px;margin:9px 0;border-radius:12px;border:1px solid rgba(255,212,59,.18);background:#10294d;color:white}.build-card:hover{border-color:var(--yellow);transform:translateY(-1px)}.build-card span:nth-child(2){display:flex;flex-direction:column}.build-card small{color:#8fb3dd;margin-top:2px}.build-card>strong{font-size:12px;color:var(--yellow)}.build-icon{font-size:24px}.panel-note{margin-top:18px;color:#7798bf;font-size:11px;line-height:1.6}.mobile-controls{display:none;position:absolute;left:14px;bottom:14px;gap:8px;align-items:center}.mobile-controls div{display:flex;flex-direction:column;gap:5px}.mobile-controls button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(5,18,40,.72);color:#fff;font-size:20px;user-select:none}.journey{background:#eef9ff;color:#0a1c37}.journey .section-head p{color:#516b8a}.journey-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.journey-grid article{position:relative;min-height:350px;overflow:hidden;background:white;border-radius:20px;padding:22px;box-shadow:0 15px 45px rgba(14,69,122,.12);border:1px solid #d8eaf7}.journey-grid article:nth-child(even){transform:translateY(22px)}.journey-grid img{width:100%;height:185px;object-fit:contain;filter:drop-shadow(0 15px 15px rgba(15,55,92,.18))}.journey-grid h3{font-size:25px;margin:8px 0}.journey-grid p{color:#5b708b;line-height:1.6;margin:0}.step-no{position:absolute;right:16px;top:11px;color:#d9e9f4;font:900 42px/1 Impact}.roadmap{background:#081a34}.road-line{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.road-line article{position:relative;background:#0e284b;border:1px solid #234a73;border-radius:18px;padding:25px 21px;min-height:235px}.road-line article:before{content:"";position:absolute;top:-7px;left:22px;width:14px;height:14px;background:#294665;border:4px solid #081a34;border-radius:50%}.road-line article.done:before,.road-line article.active:before{background:#4ff0a1}.road-line article.active{border-color:var(--yellow);transform:translateY(-10px)}.road-line span{color:#74a2d1;font-size:12px}.road-line h3{font-size:24px;margin:14px 0}.road-line p{color:#9db7d4;line-height:1.6}.road-line b{display:inline-block;margin-top:12px;color:var(--yellow);font-size:12px}.bsc-section{background:#eef9ff;color:#102443}.bsc-card{max-width:1150px;margin:auto;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:28px;background:white;border-radius:24px;padding:35px 42px;box-shadow:0 15px 55px rgba(10,53,96,.13);border:1px solid #d7e8f6}.chain-logo{width:82px;height:82px;border-radius:22px;background:var(--yellow);display:grid;place-items:center;font:900 48px Impact;color:#11294c;transform:rotate(-4deg)}.bsc-card h2{margin:8px 0;font-size:36px}.bsc-card p{color:#5e7690;line-height:1.7;margin:0}.bsc-card .btn{border:0}footer{padding:35px clamp(20px,5vw,88px);display:flex;align-items:center;gap:25px;background:#040e20;border-top:1px solid #173151}footer>p{color:#89a7c8}.legal{margin-left:auto;font-size:11px;max-width:370px;text-align:right}.mobile-controls{z-index:10}@media(max-width:1100px){.game-layout{grid-template-columns:1fr}.game-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.game-panel .panel-title,.game-panel .panel-note,.game-panel .mini-btn{grid-column:1/-1}.stat-card{margin:0}.action-panel{grid-template-columns:repeat(2,1fr)}.road-line,.journey-grid{grid-template-columns:repeat(2,1fr)}.bsc-card{grid-template-columns:70px 1fr}.bsc-card .btn{grid-column:1/-1}.hero h1{font-size:clamp(65px,12vw,120px)}.car-yellow{width:60vw;right:-15vw}.car-red{display:none}}@media(max-width:760px){.topbar{height:66px;padding:0 14px}.topbar .brand>span:last-child{display:none}.desktop-nav{display:none}.wallet-btn{margin-left:auto;font-size:12px;padding:9px}.hero{padding:110px 20px 90px;align-items:flex-start}.hero h1{font-size:68px;line-height:.82}.hero-copy>p{font-size:17px;max-width:330px}.car-yellow{width:95vw;right:-28vw;bottom:2%}.float-coin{width:54px}.coin-one{right:7%;top:30%}.coin-two{display:none}.contract-line{max-width:300px}.section{padding:72px 14px}.section-head{display:block}.section-head p{margin-top:15px}.game-panel{grid-template-columns:repeat(2,1fr)}.action-panel{grid-template-columns:1fr}.game-stage{aspect-ratio:10/8}.game-stage canvas{object-fit:cover}.mobile-controls{display:flex}.journey-grid,.road-line{grid-template-columns:1fr}.journey-grid article:nth-child(even),.road-line article.active{transform:none}.bsc-card{display:block;padding:25px}.chain-logo{margin-bottom:20px}.bsc-card .btn{margin-top:20px;width:100%}footer{display:block;text-align:center}footer .brand{justify-content:center}footer .legal{text-align:center;margin:18px auto 0}.scroll-cue{display:none}}