:root{--orange:#f7931a;--gold:#ffd34e;--black:#050608;--panel:#0e1116;--panel2:#171b21;--muted:#8fa3b8;--green:#9cff40;--cyan:#00d1ff;--red:#ff4545;--purple:#bd5cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:"Pixelify Sans","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.ticker{height:28px;overflow:hidden;background:var(--orange);color:#111;font:700 11px/28px Silkscreen,monospace;white-space:nowrap}.ticker div{display:inline-block;min-width:200%;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}header{height:72px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:38px;padding:0 clamp(15px,4vw,66px);background:rgba(4,5,7,.94);border-bottom:1px solid #2e2f31;backdrop-filter:blur(12px)}.logo{font:700 25px Silkscreen,monospace;color:#fff;text-shadow:3px 3px 0 #642c00;white-space:nowrap}.logo span{color:var(--orange)}nav{display:flex;gap:28px;margin-left:auto}nav a{font-weight:700;color:#b9c2ce;font-size:14px}nav a:hover{color:var(--orange)}.wallet{display:flex;align-items:center;gap:9px;background:#191d23;color:white;border:1px solid #4a4e55;border-radius:5px;padding:10px 14px;font-weight:700}.wallet i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 9px var(--orange)}.hero{position:relative;min-height:calc(100vh - 100px);overflow:hidden;padding:100px clamp(20px,8vw,150px) 120px;display:flex;align-items:center;isolation:isolate;background:radial-gradient(circle at 78% 42%,#281306 0%,#100b08 27%,#050608 64%)}.hero:before{content:"";position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,#050608 0 42%,transparent 74%),linear-gradient(0deg,#050608,transparent 38%)}.scanlines{position:absolute;z-index:8;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.18) 3px 4px)}.hero-grid{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(247,147,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(247,147,26,.05) 1px,transparent 1px);background-size:38px 38px;perspective:500px;transform:scale(1.3) rotateX(55deg) translateY(41%);transform-origin:bottom}.hero-content{position:relative;z-index:10;width:min(770px,100%)}.season,.label{font:700 11px Silkscreen,monospace;color:var(--orange);letter-spacing:1px}.season{display:inline-block;border:1px solid var(--orange);background:#1b1006;padding:8px 11px;box-shadow:5px 5px 0 #5d2c00}.kicker{color:#b8c3cf;letter-spacing:2px;margin-top:25px;font-weight:700}.hero h1{font:700 clamp(64px,7.5vw,128px)/.82 "Pixelify Sans",sans-serif;letter-spacing:-4px;margin:22px 0;text-transform:uppercase;text-shadow:7px 7px 0 #20150a}.hero h1 span{color:#fff}.hero h1 em{color:var(--orange);font-style:normal}.intro{max-width:650px;color:#b6c1ce;font-size:20px;line-height:1.55}.hero-actions{display:flex;gap:12px;margin:30px 0}.primary,.secondary{min-height:49px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:3px;font-weight:700;border:1px solid var(--orange);transition:.15s}.primary{background:var(--orange);color:#0a0a0a;box-shadow:5px 5px 0 #773700}.secondary{background:#11151b;color:#fff}.primary:hover,.secondary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #773700}.chain-note{display:flex;align-items:center;gap:14px;font:700 11px Silkscreen,monospace;color:#a7b0bb}.chain-note span{color:var(--green)}.chain-note b{color:#111;background:var(--gold);padding:7px}.pixel-citadel{position:absolute;right:5vw;bottom:10%;width:400px;height:440px;z-index:3;filter:drop-shadow(22px 20px 0 rgba(0,0,0,.32))}.tower-body{position:absolute;left:115px;bottom:70px;width:170px;height:280px;background:linear-gradient(90deg,#5b6672 0 14%,#9aa6ad 14% 31%,#626c76 31% 72%,#343c44 72%);border:9px solid #1d2228;clip-path:polygon(14% 0,86% 0,100% 11%,100% 100%,0 100%,0 11%)}.tower-body:before{content:"TAIWAN";position:absolute;top:36px;left:19px;color:#111;background:var(--orange);padding:7px;font:700 15px Silkscreen}.tower-body i{display:block;width:26px;height:36px;background:#0c171d;border:5px solid #333b43;margin:92px auto -20px}.antenna{position:absolute;width:12px;height:85px;background:var(--orange);left:194px;top:5px;box-shadow:0 -15px 0 -3px #fff}.antenna:after{content:"";position:absolute;width:50px;height:12px;background:#777;left:-18px;top:30px}.wall{position:absolute;bottom:40px;width:145px;height:145px;background:repeating-linear-gradient(0deg,#444c54 0 25px,#2c333b 25px 30px);border:8px solid #1b2025}.wall.left{left:0}.wall.right{right:0}.gate{position:absolute;bottom:22px;left:153px;width:95px;height:115px;background:#101215;border:9px solid #343b42;border-radius:48px 48px 0 0}.enemy-cloud{position:absolute;right:1.8vw;top:15%;z-index:5;width:490px;height:300px}.enemy-cloud i{position:absolute;display:grid;place-items:center;width:62px;height:62px;background:#222935;border:5px solid #050608;color:var(--red);font:700 28px Silkscreen;animation:enemyFloat 2.8s ease-in-out infinite}.enemy-cloud i:nth-child(1){left:0;top:40%}.enemy-cloud i:nth-child(2){left:25%;top:5%;animation-delay:-.5s}.enemy-cloud i:nth-child(3){right:16%;top:28%;animation-delay:-1s}.enemy-cloud i:nth-child(4){left:34%;bottom:0;animation-delay:-1.6s}.enemy-cloud i:nth-child(5){right:0;bottom:6%;animation-delay:-2.1s}@keyframes enemyFloat{50%{transform:translateY(-12px)}}.live-strip{position:absolute;left:0;right:0;bottom:0;height:58px;background:rgba(11,14,18,.95);border-top:1px solid #32363b;display:flex;align-items:center;justify-content:center;gap:38px;font:700 12px Silkscreen;color:#8996a4;z-index:10}.live-strip b{color:var(--green)}section{padding:100px clamp(16px,5vw,80px)}.section-title{max-width:1400px;margin:0 auto 42px;display:flex;align-items:end;justify-content:space-between;gap:40px}.section-title h2{font-size:clamp(43px,5vw,76px);line-height:.9;margin:10px 0 0;text-transform:uppercase}.section-title>p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.6}.section-title.centered{display:block;text-align:center}.section-title.centered>p{margin:15px auto}.game-section{background:#090b0e}.game-shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:195px minmax(0,1fr) 245px;gap:12px}.hud,.canvas-wrap{border:1px solid #3a3f47;background:var(--panel);box-shadow:7px 7px 0 #000}.hud{padding:14px}.hud-title{font:700 11px Silkscreen;color:var(--orange);border-bottom:1px solid #383d43;padding:4px 0 13px;margin-bottom:8px}.hud-row{padding:11px 5px;border-bottom:1px solid #282c31}.hud-row span{display:block;color:#81909f;font-size:12px}.hud-row b{font:700 25px Silkscreen;color:#fff}.small-btn{width:100%;margin-top:16px;padding:10px;background:#191d22;color:#a9b1ba;border:1px solid #41464d}.canvas-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block;background:#0a0d11;touch-action:none}.canvas-top{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;font:700 10px Silkscreen;text-shadow:2px 2px #000;pointer-events:none}.canvas-top b{color:var(--orange)}.start-screen{position:absolute;inset:0;background:rgba(3,4,6,.76);backdrop-filter:blur(3px);display:grid;place-items:center;transition:.2s}.start-screen.hidden{opacity:0;visibility:hidden}.start-screen>div{text-align:center;background:#0e1116;border:1px solid var(--orange);padding:30px 35px;box-shadow:8px 8px 0 #000}.start-screen>div>span{font-size:45px;color:var(--orange)}.start-screen h3{font-size:33px;margin:8px}.start-screen p{color:#a1adb9;line-height:1.6}.message{position:absolute;top:53px;left:50%;transform:translate(-50%,-15px);background:#11151b;border:1px solid var(--orange);padding:9px 13px;opacity:0;transition:.2s;font-weight:700;white-space:nowrap}.message.show{opacity:1;transform:translate(-50%,0)}.tower-choice{width:100%;display:grid;grid-template-columns:32px 1fr auto;gap:7px;align-items:center;text-align:left;background:#171b21;color:#fff;border:1px solid #31363c;padding:9px 8px;margin:7px 0}.tower-choice:hover,.tower-choice.selected{border-color:var(--orange);background:#25180b}.tower-choice i{font-style:normal;font-size:22px;color:var(--orange)}.tower-choice span{display:flex;flex-direction:column}.tower-choice small{color:#7f8b97;font-size:11px}.tower-choice em{font-style:normal;color:var(--gold);font:700 10px Silkscreen}.wave-btn{width:100%;padding:12px;background:var(--orange);border:0;color:#0b0c0e;font-weight:700;margin-top:12px;box-shadow:4px 4px 0 #6f3400}.how-section{background:#f0eee7;color:#101216}.how-section .section-title p{color:#58616c}.how-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-grid article{position:relative;background:#fff;border:2px solid #111;padding:30px;box-shadow:8px 8px 0 #111}.how-grid article>span{position:absolute;right:16px;top:12px;color:#d3d3d3;font:700 35px Silkscreen}.how-grid i{font-style:normal;font-size:44px}.how-grid h3{font-size:30px;margin:14px 0}.how-grid p{color:#56616d;line-height:1.6}.tower-section{background:#0b0d11}.tower-cards{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.tower-cards article{min-height:225px;padding:22px 16px;background:#15191f;border:1px solid #383e46;box-shadow:5px 5px 0 #000}.tower-cards i{display:grid;place-items:center;width:58px;height:58px;border:2px solid currentColor;font-style:normal;font-size:32px}.tower-cards b{display:block;font:700 16px Silkscreen;margin:22px 0 10px}.tower-cards p{color:#919daa;line-height:1.5;font-size:14px}.green{color:var(--green)}.purple{color:var(--purple)}.red{color:var(--red)}.blue{color:#4e8cff}.cyan{color:var(--cyan)}.gold{color:var(--gold)}.road-section{background:#07090b}.phases{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.phases article{min-height:220px;padding:24px 20px;background:#11151a;border:1px solid #383e45}.phases article.active{border-color:var(--orange);transform:translateY(-8px);box-shadow:8px 8px 0 #5b2b00}.phases small{font:700 10px Silkscreen;color:#7d8a98}.phases h3{font-size:27px;margin:18px 0 8px}.phases p{color:#8996a3;line-height:1.55}.phases b{font:700 10px Silkscreen;color:var(--orange)}.phases.done b{color:var(--green)}.bsc-section{background:var(--orange);color:#090a0c}.bsc-section>div{max-width:1200px;margin:auto;display:grid;grid-template-columns:100px 1fr auto;gap:28px;align-items:center}.bsc-logo{width:85px;height:85px;background:#0a0c0e;color:var(--orange);display:grid;place-items:center;font:700 52px Silkscreen;box-shadow:7px 7px 0 #713400}.bsc-section .label{color:#723500}.bsc-section h2{font-size:40px;margin:8px 0}.bsc-section p{max-width:700px;font-size:17px}.bsc-section .primary{background:#080a0c;color:#fff}footer{padding:34px clamp(18px,5vw,80px);display:flex;align-items:center;gap:28px;border-top:1px solid #2e3237;background:#030405}footer p{color:var(--orange);font:700 11px Silkscreen}footer small{margin-left:auto;color:#737f8a}@media(max-width:1150px){.pixel-citadel{right:-8vw;opacity:.7}.enemy-cloud{opacity:.45}.game-shell{grid-template-columns:1fr}.hud{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.hud-title,.small-btn{grid-column:1/-1}.hud-row{border:1px solid #282c31}.tower-shop{grid-template-columns:repeat(3,1fr)}.tower-shop .tower-choice{margin:0}.tower-shop .wave-btn{grid-column:1/-1}.tower-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){header{height:60px;padding:0 12px}.logo{font-size:17px}nav{display:none}.wallet{margin-left:auto;font-size:11px;padding:8px}.hero{padding:75px 17px 100px;align-items:flex-start}.hero h1{font-size:59px;letter-spacing:-2px}.intro{font-size:16px;max-width:88%}.pixel-citadel{width:280px;transform:scale(.72);transform-origin:bottom right;right:-10px;bottom:25px;opacity:.48}.enemy-cloud{display:none}.live-strip{justify-content:flex-start;overflow:hidden;padding-left:12px;gap:25px}.section-title{display:block}.section-title>p{margin-top:14px}section{padding:72px 12px}.hud{grid-template-columns:repeat(2,1fr)}.canvas-wrap{aspect-ratio:10/8}.tower-shop{grid-template-columns:repeat(2,1fr)}.how-grid,.phases{grid-template-columns:1fr}.tower-cards{grid-template-columns:repeat(2,1fr)}.phases article.active{transform:none}.bsc-section>div{display:block}.bsc-logo{margin-bottom:20px}.bsc-section .primary{width:100%;margin-top:14px}footer{display:block;text-align:center}footer small{display:block;margin:15px 0 0}.hero-actions{flex-direction:column;align-items:flex-start}}