*{box-sizing:border-box}body{margin:0;background:#101b18;color:#e9efe7;font:14px 'Microsoft JhengHei',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;background:#263a30;color:#e6eddf;border:1px solid #3c5141;border-radius:8px;padding:11px 15px;cursor:pointer}button:hover{background:#38503e}button:disabled{opacity:.4;cursor:not-allowed}header{height:87px;border-bottom:1px solid #2e3b31;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{display:flex;gap:10px;color:#f5ead0;text-decoration:none;font-size:28px;font-weight:900;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:4px;color:#8fa393;margin-top:4px}.accent{color:#c8e890}.tag{color:#91a591;font-size:12px}main{max-width:1550px;margin:auto;padding:32px 4vw}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#bdd58d}h1{font-size:32px;margin:10px 0}p{color:#94a798;line-height:1.8;margin:6px 0}.round{display:flex;align-items:center;gap:14px;color:#9da991;font-size:11px}.round b{font-size:42px;color:#e8eacb}.round span{padding:8px 12px;border:1px solid #566a3f;border-radius:25px;color:#c6df95}.layout{display:grid;grid-template-columns:220px minmax(420px,1fr) 205px;gap:22px}.panel{background:#19271f;border:1px solid #314034;border-radius:13px;padding:18px;margin-bottom:16px}h2{font-size:14px;margin:0 0 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}h2 span{font-size:8px;letter-spacing:1px;color:#82927d}.trainer{display:flex;gap:10px;align-items:center;margin-bottom:24px;font-size:20px}.trainer div{font-size:12px}.trainer small{display:block;color:#819580;font-size:10px;margin-top:6px}.stat{display:flex;justify-content:space-between;margin:17px 0;color:#9ba995}.stat b{color:#e9dfaa}.life{background:#334334;height:5px;border-radius:5px;overflow:hidden}.life i{display:block;background:#b6cf83;height:100%;transition:width .3s}.wide{width:100%;font-size:12px}.hint{font-size:11px}.synergy{display:flex;justify-content:space-between;padding:10px 0;color:#7d927c;border-bottom:1px solid #2d3d2e}.synergy.active{color:#d3ec9a}.tips{background:#222f20}.tips span{color:#d7d8a1;font-size:12px}.tips p{font-size:11px}.arena{min-width:0}.arena-top{display:flex;justify-content:space-between;font-size:11px;color:#a3b18d;margin:5px 0 14px}#board{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;background:#3e4f38;padding:12px;border-radius:13px;border:5px solid #263c2a;box-shadow:0 15px 50px #0004;background-image:radial-gradient(ellipse at top,#687b45,#2d4a34)}.cell{aspect-ratio:1.13;position:relative;border:1px solid #9fb47724;background:#acc77b17;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:0}.cell:nth-child(12n+2),.cell:nth-child(12n+4),.cell:nth-child(12n+6),.cell:nth-child(12n+7),.cell:nth-child(12n+9),.cell:nth-child(12n+11){background:#0b281a25}.cell:nth-child(n+13){border-color:#b9d68443}.cell:hover{outline:1px solid #d3ec9a}.unit{width:100%;height:100%;position:relative;text-align:center}.unit img{width:75%;height:75%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #0005)}.unit .name{position:absolute;bottom:7px;left:0;right:0;font-size:9px;text-shadow:0 1px 2px #000}.stars{position:absolute;top:1px;left:4px;font-size:9px;color:#ffdd74}.hp{position:absolute;bottom:1px;height:4px;left:10%;width:80%;background:#243022;border-radius:3px;overflow:hidden}.hp i{display:block;height:100%;background:#c2e38e}.enemy .hp i{background:#e5957e}.selected{outline:2px solid #edcd7d!important;background:#c7b25a33!important}.board-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:17px 0}.board-footer>span{font-size:11px;color:#9eb18d}.primary{background:#c6df91;color:#213124;border-color:#cee7a3;font-weight:700;white-space:nowrap}.primary:hover{background:#dbedb3}.primary span{margin-left:12px}.bench-section{border-top:1px solid #344032;padding-top:16px}.section-label{font-size:12px;margin-bottom:12px}.section-label small{font-size:10px;color:#7f927d;margin-left:10px}#bench{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}#bench .cell{aspect-ratio:.8;background:#1e2c21;border:1px dashed #4b5940}#sell{margin-top:10px;padding:6px 12px;font-size:10px}.progress-number b{font-size:52px;color:#d2e7a3}.progress-number span{color:#86957e;margin-left:8px}#history{display:flex;gap:5px;flex-wrap:wrap;margin-top:15px}#history span{padding:5px;background:#385434;color:#c8e598;border-radius:4px;font-size:10px}#history .loss{background:#563b31;color:#edb39d}#log{height:255px;overflow:auto;font-size:11px;line-height:1.9;color:#acb59d}#log div{padding:7px 0;border-bottom:1px solid #2f3b2e}.shop{margin-top:23px}.shop-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shop h2{justify-content:flex-start;margin-bottom:3px}.shop p{font-size:11px}#shop{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card{position:relative;text-align:left;padding:13px;background:linear-gradient(145deg,#344737,#1c2c25);border:1px solid #4b6044;min-height:167px;overflow:hidden}.card img{display:block;width:88px;height:88px;margin:0 auto;image-rendering:pixelated;transition:transform .2s}.card:hover img{transform:translateY(-5px) scale(1.1)}.card .type{font-size:9px;color:#b8ca9e}.card strong{display:block;font-size:13px;margin:3px 0}.card .cost{position:absolute;right:12px;bottom:13px;color:#edce7b}.card .info{font-size:9px;color:#91a38c}.card.fire{background:linear-gradient(145deg,#503a2f,#252a21)}.card.water{background:linear-gradient(145deg,#2d4650,#1d2c28)}.card.electric{background:linear-gradient(145deg,#504d2b,#292e20)}footer{color:#667e6b;text-align:center;font-size:10px;padding:15px}dialog{background:#1e3025;color:#e3ebd7;border:1px solid #617b4e;border-radius:16px;max-width:510px;padding:30px}dialog::backdrop{background:#000a}dialog p{font-size:13px}.hit{animation:hit .25s}@keyframes hit{50%{filter:brightness(2);transform:scale(.9)}}@media(max-width:1150px){.layout{grid-template-columns:180px minmax(360px,1fr)}.right{display:none}main{padding:25px 3vw}.panel{padding:13px}}@media(max-width:700px){header{height:72px}.brand{font-size:20px}.tag{display:none}.heading h1{font-size:23px}.eyebrow{font-size:8px}.heading p{font-size:11px}.round{gap:7px}.round b{font-size:28px}.round span{display:none}.layout{display:flex;flex-direction:column;gap:10px}.layout>aside:first-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trainer,.tips{display:none}.panel{margin-bottom:0}.stat{margin:9px 0}.layout h2{margin-bottom:10px}.synergy{padding:5px 0;font-size:11px}.arena-top{margin-top:12px}.unit .name{font-size:8px}.board-footer{gap:8px}.board-footer>span{font-size:10px}#shop{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.card{padding:6px;min-height:140px}.card img{width:100%;height:65px}.card strong{font-size:10px}.card .cost{bottom:5px;right:5px;font-size:10px}.card .info{font-size:8px}.shop-heading button{font-size:10px;padding:8px}.shop h2 span{display:none}.shop-heading p{max-width:180px;font-size:9px}.shop{padding:12px}.bench-section .unit .name{font-size:7px}#board{padding:7px;gap:3px}.round{font-size:8px}}