:root{color-scheme:dark;--bg:#0d1519;--panel:#142126;--line:#ffffff16;--text:#e8e4d9;--muted:#8e9b9d;--gold:#ccad75;--green:#83b4a2;font-family:Inter,'Microsoft YaHei',sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% 20%,#25443855,transparent 55%),linear-gradient(115deg,#101c21,#0d1419 70%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#ffffff04;border-radius:4px;padding:10px 16px;transition:background .2s,transform .2s,border-color .2s}button:hover{background:#ffffff0c;border-color:#ccad7566}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Noto Serif SC','Songti SC',SimSun,Georgia,serif}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 5vw;gap:20px}.brand{border:0;display:flex;align-items:center;gap:14px;background:none;padding:0;font-family:Georgia,serif;font-size:24px;letter-spacing:5px}.brand small{display:block;font:10px sans-serif;letter-spacing:7px;color:var(--muted);margin-top:8px}.brand-mark{font-size:50px;color:var(--gold);line-height:1;display:inline-block;transform:scaleX(.8);text-shadow:0 0 30px #cfab7944}.header-right{display:flex;align-items:center;gap:20px}.header-right button{border:0;color:#bdc7c5;font-size:12px}.edition{font-size:10px;letter-spacing:2px;color:#708587;margin-right:20px}.landing{max-width:1600px;margin:auto;min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 6vw 50px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:20px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:12px}.intro h1{font-size:clamp(30px,3.6vw,58px);font-weight:600;line-height:1.55;letter-spacing:1px;margin-bottom:24px}.intro em{font-style:normal;color:var(--gold)}.lead{font-size:14px;line-height:2.2;color:#a0acad}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.primary{background:var(--gold);color:#20231e;border-color:var(--gold);font-weight:700}.primary:hover{background:#e1c795;border-color:#e1c795;transform:translateY(-1px)}.primary span{margin-left:28px}.large{padding:17px 24px;font-size:13px}.secondary{border-color:#687b7566}.intro-meta{display:flex;gap:24px;margin-top:40px;font-size:10px;color:#7e9290}.hero-display{position:relative;height:480px;display:flex;align-items:center;justify-content:center;isolation:isolate;perspective:1000px}.orbit{position:absolute;width:440px;height:440px;border:1px solid #bca16c20;border-radius:50%;z-index:-1}.orbit-two{width:510px;height:510px;border-style:dashed;opacity:.5}.orbit-one:after{content:'✧';position:absolute;left:50%;top:-16px;color:var(--gold);font-size:24px}.display-caption{position:absolute;top:-15px;font-size:9px;letter-spacing:4px;color:#7d8c80}.showcase-card{position:absolute;width:205px;height:334px;border:1px solid #a9926488;border-radius:8px;background:linear-gradient(140deg,color-mix(in srgb,var(--color) 30%,#172021),#111a1c 70%);box-shadow:0 30px 50px #0009,inset 0 0 0 5px #121a1bcc;overflow:hidden;transform-origin:50% 80%}.red{--color:#bf6951}.blue{--color:#6198be}.green{--color:#699f77}.black{--color:#ac87c4}.neutral{--color:#b6a880}.show-0{transform:translateX(-135px) rotate(-13deg) translateY(24px);z-index:1}.show-1{z-index:3;transform:translateY(-12px);width:220px;height:360px}.show-2{transform:translateX(135px) rotate(13deg) translateY(24px);z-index:2}.card-rune{position:absolute;left:14px;top:14px;color:var(--color);font-size:22px}.portrait-art{height:210px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--color) 40%,transparent),transparent 60%);overflow:hidden}.portrait-art:before,.portrait-art:after{content:'';position:absolute;border:1px solid var(--color);width:110px;height:110px;transform:rotate(45deg);opacity:.35}.portrait-art:after{width:150px;height:150px}.portrait-art span{font-family:Georgia,serif;font-size:115px;color:var(--color);text-shadow:0 0 28px var(--color);z-index:1}.portrait-art i{position:absolute;bottom:0;width:160px;height:150px;background:linear-gradient(transparent,#10181b);clip-path:polygon(50% 0,70% 30%,100% 100%,0 100%,30% 30%);opacity:.6}.showcase-info{padding:10px 20px;position:relative;background:linear-gradient(transparent,#11191ce6);text-align:center}.showcase-info small{font-size:9px;color:var(--color);letter-spacing:3px}.showcase-info h2{font-size:20px;margin:8px 0}.showcase-info p{font-size:9px;color:#91a09f;margin-bottom:18px}.stats{display:flex;justify-content:space-between;gap:4px;font-size:12px;font-family:Georgia,'Microsoft YaHei',serif}.stats b:first-child{color:#dcc193}.stats .hp,.stats b:last-child{color:#a8c7b0}.display-base{position:absolute;bottom:4px;font-size:10px;letter-spacing:3px;color:#94a19d}.feature-strip{margin:0 6vw;padding:32px 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);gap:30px}.feature-strip article{display:flex;gap:20px;align-items:center}.feature-strip article>span{font:36px Georgia;color:#a78c6055}.feature-strip h3{font-size:15px;font-weight:500;margin-bottom:9px}.feature-strip p{font-size:11px;color:var(--muted);margin:0}footer{padding:27px 6vw;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#627574;letter-spacing:1px}.game{max-width:1500px;margin:auto;padding:24px 4vw 40px}.game h1{font-size:26px;margin:0}.game h1 small{font:12px sans-serif;color:var(--muted);margin-left:15px}.match-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.match-heading .eyebrow{font-size:9px;margin-bottom:8px}.match-status{display:flex;gap:24px;align-items:center}.match-status button{font-size:11px}.gold{color:var(--gold);font-size:21px}.gold small{font-size:10px;color:var(--muted)}.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.lane-tab{display:flex;gap:15px;text-align:left;padding:14px 18px;align-items:center;background:#131f23;position:relative}.lane-tab.active{border-color:#bb9e6380;background:linear-gradient(120deg,#b69b6720,#152425)}.lane-tab.current:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold)}.lane-number{font:25px Georgia;color:#83938a66}.lane-tab strong{display:block;font-size:13px;margin-bottom:9px}.lane-tab small{font-size:9px;font-weight:400;color:var(--gold);margin-left:10px}.lane-tab div>span{font-size:10px}.lane-tab i{font-style:normal;color:#58635f;margin:0 10px}.ally-text{color:#8eb8a4}.enemy-text{color:#cb8b7d}.tab-mana{margin-left:auto;color:#7ca5c2;font-size:14px}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px}.battlefield{padding:16px 22px;background:radial-gradient(ellipse at center,#25363166,#101a1f),repeating-linear-gradient(45deg,transparent 0,transparent 60px,#ffffff02 61px,#ffffff02 62px);border:1px solid #96ab8d26;border-radius:7px}.side-heading{display:flex;justify-content:space-between;font-size:12px;align-items:center;gap:10px;color:#c0ccc6}.side-heading small{font-size:10px;color:var(--muted);margin-left:9px}.side-heading>span:last-child{color:#7eabcd;font-size:12px}.enemy-dot,.ally-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#ba7266;margin-right:7px}.ally-dot{background:#84b69d}.tower{display:flex;align-items:center;gap:12px;font-size:10px;margin:15px 0}.tower>span:first-child{min-width:77px;color:#c1bda9}.health-track{height:5px;background:#ffffff0c;flex:1;border-radius:4px;overflow:hidden}.health-track i{display:block;height:100%;background:#8eb29c}.tower.enemy i{background:#b67769}.tower strong{font-size:14px;min-width:57px}.tower small{font-size:9px;color:var(--muted);font-weight:400}.incoming{color:#8e9c97;font-size:9px}.units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.unit{min-width:0;height:149px;position:relative;border:1px solid color-mix(in srgb,var(--color) 45%,transparent);border-top:3px solid var(--color);background:linear-gradient(150deg,color-mix(in srgb,var(--color) 15%,#142022),#10191d);padding:7px 10px 9px;overflow:hidden}.unit:hover{transform:translateY(-2px)}.unit-label{font-size:8px;color:var(--color);text-align:left;letter-spacing:1px}.unit-art{font-size:42px;height:57px;display:grid;place-items:center;font-family:Georgia,serif;color:var(--color);text-shadow:0 0 24px color-mix(in srgb,var(--color) 40%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--color) 13%,transparent),transparent 70%)}.unit strong{font-size:11px;font-family:'Noto Serif SC','Songti SC',SimSun,serif;display:block;margin:4px 0 8px;white-space:nowrap}.unit-health{height:3px;background:#ffffff0a;margin-bottom:9px}.unit-health i{display:block;height:100%;background:var(--color)}.unit .stats{font-size:10px}.unit.empty{background:#07101533;border:1px dashed #b8c6af20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#6e837355}.empty span{font-size:22px}.empty small{font-size:9px}.unit.target{border-color:#e4c38d;box-shadow:0 0 16px #d5b67630}.combat-line{display:flex;align-items:center;justify-content:space-around;height:32px;color:#ccb07970;font-size:17px}.combat-line>span{display:none}.battle-sidebar{display:flex;flex-direction:column;gap:15px}.turn-box{padding:20px;background:#17252a;border:1px solid #9aaf9a29;border-radius:6px}.turn-box .eyebrow{font-size:8px;margin-bottom:10px}.turn-box h2{font-size:20px;margin-bottom:10px}.turn-box p{font-size:11px;line-height:1.9;color:var(--muted);min-height:42px;margin-bottom:18px}.turn-box .primary{width:100%;padding:12px 8px;font-size:12px}.turn-box .primary span{margin-left:8px}.return-lane{font-size:10px;width:100%;margin-top:10px;padding:8px}.reserve h3,.battle-log h3{font:12px sans-serif;margin-bottom:12px}.reserve{padding:0 3px}.reserve div{display:flex;justify-content:space-between;font-size:10px;margin-top:10px;color:#aab8ac;gap:8px}.reserve small{color:#82958c;font-size:9px}.reserve p{font-size:10px;color:var(--muted)}.battle-log{border-top:1px solid var(--line);padding-top:15px;max-height:165px;overflow:auto}.battle-log h3 span{float:right;color:#6c8276;font-size:9px}.battle-log p{font-size:10px;line-height:1.8;color:#82968e;margin-bottom:7px}.battle-log p:first-of-type{color:#c6cab6}.hand-section{margin-top:22px}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.hand-heading h3{font:14px sans-serif;margin:0}.hand-heading h3 span{color:var(--muted);font-size:10px;margin-left:9px}.hand-heading>span{font-size:10px;color:var(--muted)}.hand{display:flex;gap:12px;overflow-x:auto;padding:8px 3px 15px;scrollbar-color:#8b8354 #121c20}.spell{flex:0 0 146px;width:146px;min-height:204px;text-align:left;padding:11px 12px;border:1px solid color-mix(in srgb,var(--color) 45%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--color) 18%,#131f23),#10191e);position:relative;display:flex;flex-direction:column;transition:transform .2s}.spell:hover{transform:translateY(-5px)}.spell.selected{outline:2px solid var(--gold);transform:translateY(-5px)}.spell.unplayable{filter:saturate(.55)}.spell-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.mana-gem{display:grid;place-items:center;width:24px;height:27px;background:#4e769060;border:1px solid #709abf77;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);font-size:15px;color:#b7d8e8}.spell-top small{font-size:8px;color:var(--color)}.spell-art{font-family:Georgia,serif;color:var(--color);font-size:35px;text-align:center;height:51px;padding:4px 0;text-shadow:0 0 28px var(--color)}.spell>strong{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:12px;display:block;margin:8px 0}.spell p{font-size:10px;color:#a8b6b0;line-height:1.65;margin-bottom:10px;flex:1}.card-hint{display:block;font-size:8px;color:#778980;border-top:1px solid #ffffff0a;padding-top:8px}.spell:not(.unplayable) .card-hint{color:var(--gold)}.shop-panel,.deployment{margin-top:22px;background:#18252a;border:1px solid var(--line);padding:24px;border-radius:6px}.shop-panel h2,.deployment h2{font-size:23px;margin-bottom:12px}.shop-panel p,.deployment p{font-size:12px;color:var(--muted)}.shop-panel .eyebrow{margin-bottom:9px}.shop-items{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.shop-items button{display:grid;grid-template-columns:40px 1fr 30px;align-items:center;text-align:left;gap:10px}.shop-items button>span{grid-row:span 2;font-size:30px;color:var(--gold)}.shop-items strong{font-size:12px}.shop-items small{font-size:10px;color:var(--muted);grid-column:2;grid-row:2}.shop-items b{color:var(--gold);grid-column:3;grid-row:1 / span 2}.inventory{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:20px}.inventory button,.deployment button{font-size:12px}.deployment button{margin:5px}.active{border-color:var(--gold)}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#050b11d9;backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;padding:24px}.modal{position:relative;background:linear-gradient(135deg,#1c2d30,#101b20);border:1px solid #b3a17455;border-radius:8px;padding:38px;max-width:740px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0008}.modal h2{font-size:26px;line-height:1.5}.modal>p{font-size:13px;color:var(--muted);line-height:1.8}.close{position:absolute;right:12px;top:12px;border:0;font-size:25px;padding:4px 12px}.rules{padding-left:22px}.rules li{padding-left:10px;margin-bottom:20px;color:var(--gold);font-size:13px}.rules strong{color:var(--text)}.rules p{color:#a4b4ae;font-size:12px;line-height:1.9;margin:8px 0}.rule-note{font-size:11px;color:#889c94;line-height:1.9;padding-top:20px;border-top:1px solid var(--line)}.rule-note a{display:block;margin-top:12px}.gallery-modal{max-width:1000px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery .spell{width:100%;cursor:default}.result{text-align:center;max-width:480px}.result-icon{font-size:70px;color:var(--gold);margin-bottom:20px}.result h2{font-size:36px}.result button{margin:8px}.muted{color:var(--muted);font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:50;background:#273b37;color:#efe6ce;border:1px solid #ad986477;border-radius:5px;padding:14px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.landing{min-height:720px}.hero-display{transform:scale(1.12)}}
@media(max-width:1100px){.edition{display:none}.landing{padding-inline:5vw;gap:0}.hero-display{transform:scale(.85)}.intro-meta{gap:10px;font-size:8px}.battle-layout{grid-template-columns:minmax(0,1fr) 205px;gap:14px}.battlefield{padding:14px}.units{gap:8px}.unit{padding-inline:7px}.unit strong{font-size:10px}.incoming{display:none}.turn-box{padding:15px}.shop-items button{grid-template-columns:25px 1fr 25px;gap:6px}.shop-items small{font-size:9px}}
@media(max-width:800px){header{height:78px;padding-inline:5vw}.brand{font-size:19px;gap:7px;letter-spacing:3px}.brand-mark{font-size:40px}.brand small{font-size:8px;letter-spacing:5px}.header-right{gap:3px}.header-right button{padding:8px;font-size:10px}.landing{grid-template-columns:1fr;padding:50px 7vw 15px;min-height:0;overflow:hidden}.intro h1{font-size:36px}.hero-display{height:430px;margin-top:25px;transform:scale(.9)}.intro-meta{font-size:10px;gap:18px}.feature-strip{gap:20px;padding:25px 0}.feature-strip article{display:block}.feature-strip article>span{font-size:23px;display:block;margin-bottom:15px}.feature-strip h3{font-size:12px}.feature-strip p{font-size:10px;line-height:1.8}footer{flex-wrap:wrap;font-size:8px}.game{padding:20px 3vw}.battle-layout{grid-template-columns:1fr}.battle-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.turn-box{grid-row:span 2}.battle-log{max-height:95px}.reserve div{font-size:10px}.reserve h3{margin-top:4px}.turn-box p{min-height:0;margin-bottom:12px}.turn-box h2{font-size:19px}.unit{height:142px}.lane-tab{padding:12px 10px;gap:9px}.lane-number{font-size:21px}.lane-tab small{display:block;margin:5px 0 0}.tab-mana{font-size:12px}.lane-tab div>span{font-size:8px}.lane-tab i{margin-inline:3px}.lane-tab strong{margin-bottom:6px}.shop-items{gap:8px}.shop-items button{display:flex;flex-direction:column;text-align:center;gap:8px;padding:12px 8px}.shop-items small{line-height:1.7}.gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.intro h1{font-size:30px}.lead{font-size:12px}.large{font-size:12px;padding:15px 20px}.intro-meta{font-size:8px;gap:12px}.hero-display{height:375px;transform:scale(.72);margin:-10px -15vw -25px}.display-caption{top:-20px}.feature-strip{margin-inline:7vw;gap:12px}.feature-strip h3{font-size:11px}.feature-strip p{font-size:9px}.feature-strip article>span{margin-bottom:8px}.header-right button{font-size:9px;padding:6px}.game h1{font-size:21px}.game h1 small{font-size:10px;margin-left:6px}.match-status{gap:10px}.match-status button{font-size:9px;padding:8px}.gold{font-size:16px}.gold small{display:none}.match-heading .eyebrow{font-size:7px;letter-spacing:1px}.lanes{gap:6px}.lane-tab{padding:10px 7px;gap:5px}.lane-number{display:none}.lane-tab strong{font-size:11px}.lane-tab small{font-size:8px}.lane-tab div>span{font-size:8px}.tab-mana{font-size:10px}.battlefield{padding:12px 8px}.units{gap:5px}.unit{height:119px;padding:5px 4px 7px;border-radius:3px}.unit-label{font-size:6px;letter-spacing:0}.unit-art{height:40px;font-size:30px}.unit strong{font-size:8px;margin:5px -2px 8px}.unit .stats{font-size:8px;gap:0}.unit .stats>span{font-size:7px}.side-heading{font-size:10px}.side-heading small{font-size:8px;margin-left:5px}.side-heading>span:last-child{font-size:10px}.tower{gap:7px;margin:12px 0;font-size:9px}.tower>span:first-child{min-width:65px}.tower strong{font-size:12px;min-width:48px}.tower small{font-size:8px}.combat-line{height:27px;font-size:13px}.turn-box{padding:13px}.turn-box h2{font-size:16px}.turn-box p{font-size:10px}.turn-box .primary{font-size:10px}.battle-sidebar{gap:10px}.reserve div{font-size:8px}.reserve small{font-size:8px}.reserve h3,.battle-log h3{font-size:10px}.battle-log p{font-size:9px}.hand-heading>span{font-size:8px;max-width:170px;text-align:right;line-height:1.8}.spell{flex-basis:132px;width:132px;min-height:194px}.hand{gap:9px}.modal-backdrop{padding:12px}.modal{padding:28px 20px}.modal h2{font-size:21px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery .spell{padding:10px}.shop-panel,.deployment{padding:17px}.shop-panel p,.deployment p{font-size:11px;line-height:1.8}.shop-items strong{font-size:11px}.shop-items small{font-size:9px}.shop-items button>span{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

@media(min-width:801px) and (max-width:1050px){.landing{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}.hero-display{transform:scale(.68)}.intro h1{font-size:32px}.intro-meta{flex-wrap:wrap}}