:root{color-scheme:dark;--bg:#0c1220;--panel:#141e30;--line:#27344b;--muted:#8c9ab2;--text:#eef3ff;--green:#b9f86c;--gold:#ffce73}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#192b3b 0,transparent 45%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}[hidden]{display:none!important}header{max-width:1080px;margin:auto;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);font-size:20px;font-weight:900;letter-spacing:3px}.brandmark{display:grid;place-items:center;width:38px;height:42px;background:var(--green);color:var(--bg);border-radius:11px;transform:skewY(-5deg)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:5px}.quiet{background:transparent;color:var(--muted);border:1px solid var(--line);padding:9px 15px;border-radius:9px}main{max-width:1000px;margin:auto;padding:28px 26px 40px}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px}h2{font-size:24px;letter-spacing:-.7px}p{color:var(--muted);line-height:1.6}.eyebrow{color:var(--green);font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:9px}.playerline{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.level{background:#24352a;border:1px solid #4b6940;color:var(--green);padding:12px 17px;border-radius:12px;font-size:11px}.level b{font-size:22px;margin-left:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:19px}.stats span{font-size:10px;color:var(--muted);letter-spacing:1px;display:block}.stats strong{font-size:29px;display:block;margin:6px 0}.stats i{font-style:normal;font-size:16px;color:var(--muted)}.stats small{font-size:11px;color:var(--green)}nav{display:flex;gap:8px;background:#101828;padding:6px;border:1px solid var(--line);border-radius:13px;margin:24px 0}nav button{flex:1;padding:13px;border:0;color:var(--muted);background:transparent;border-radius:9px;font-weight:700}nav button.active{background:#283a2e;color:var(--green)}#map{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.map-card,.battle,.guide,.daily,.empire-grid article{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.map-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.pill{padding:7px 9px;border-radius:6px;background:#24332b;color:var(--green);letter-spacing:1px;font-size:9px;font-weight:800}.city-map{margin:8px -10px}.city-map svg,.mini-city svg{width:100%;height:auto;display:block}.legend{display:flex;justify-content:center;gap:13px;color:var(--muted);font-size:9px}.legend i{display:inline-block;width:7px;height:7px;background:#425168;margin-right:5px;border-radius:2px}.legend .owned{background:var(--green)}.legend .target{background:var(--gold)}.progress{height:4px;background:#293247;margin-top:19px;border-radius:4px;overflow:hidden}.progress div{height:100%;background:var(--green);transition:width .4s}.battle{display:flex;flex-direction:column;justify-content:center}.battle h2{margin:5px 0 9px}.battle p{font-size:12px}.versus{display:flex;justify-content:space-between;align-items:center;padding:22px 0;margin:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.versus small{font-size:8px;color:var(--muted);display:block}.versus b{font-size:26px;display:block;margin-top:5px}.versus>span{font-size:9px;color:var(--muted)}.chance b{color:var(--green)}.primary{border:0;background:var(--green);color:#17220d;border-radius:11px;padding:15px 18px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:20px}.primary:hover:not(:disabled){background:#cdfb96}.primary span{font-size:11px}.reward{text-align:center;color:var(--muted);font-size:10px;margin-top:12px}.section-head{margin:28px 0 20px}.section-head p{margin-top:8px;font-size:12px}.shop-items{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.shop-card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.shop-card .icon{font-size:28px;display:inline-block;background:#223047;padding:10px;border-radius:12px;margin-bottom:13px}.shop-card .tier{float:right;font-size:10px;color:var(--green)}.shop-card p{font-size:12px;min-height:42px;margin:8px 0 17px}.shop-card button{width:100%}.note{font-size:11px;margin-top:20px}.daily{display:flex;align-items:center;gap:18px}.gift{font-size:34px}.daily>div{flex:1}.daily p{font-size:12px;margin-top:6px}.empire-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.empire-grid small{font-size:9px;color:var(--muted)}.empire-grid strong{font-size:30px;display:block;margin-top:10px}.guide p{font-size:12px;margin-top:16px}.guide b{color:var(--text)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:30px;font-size:10px;letter-spacing:2px;color:var(--muted)}footer span{letter-spacing:0}.welcome{max-width:620px;margin:20px auto}.welcome h1{font-size:48px;line-height:1.12}.welcome h1 span{color:var(--green)}.welcome>p{max-width:390px;margin-top:18px}.mini-city{max-width:400px;margin:0 auto -10px}form{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:18px;max-width:440px;margin:auto}form h2{margin-bottom:19px}label{display:block;color:var(--muted);font-size:12px;margin:14px 0}input{display:block;width:100%;margin-top:7px;background:#0f1726;border:1px solid #32405b;color:var(--text);padding:13px;border-radius:9px}form .primary{width:100%;justify-content:center}.text-button{width:100%;border:0;background:transparent;color:var(--green);padding:17px 0;font-size:12px}form>small{color:var(--muted);font-size:10px;display:block;text-align:center}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,25px);width:max-content;max-width:calc(100% - 32px);background:#edf9dc;color:#182410;padding:15px 21px;border-radius:13px;box-shadow:0 10px 50px #0007;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-weight:600}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#ffd8d3;color:#561c13}#offline{position:fixed;bottom:0;left:0;right:0;padding:12px;text-align:center;background:#663727;font-size:12px}@media(max-width:700px){header{padding:18px 20px}main{padding:24px 16px 30px}h1{font-size:29px}.stats{gap:7px}.stats>div{padding:13px 10px}.stats strong{font-size:23px}.stats span{font-size:8px;letter-spacing:.3px}.stats small{font-size:9px}#map{grid-template-columns:1fr;gap:14px}.map-card{padding:18px}.city-map{max-width:400px;margin:auto}.battle{padding:20px}.battle h2{font-size:23px}.versus{margin:15px 0;padding:15px 0}.shop-items{grid-template-columns:1fr}.daily{flex-wrap:wrap}.daily button{width:100%;justify-content:center}.welcome h1{font-size:38px}.welcome{margin:10px auto}.mini-city{max-width:290px}footer span{max-width:170px;text-align:right}.legend{font-size:9px}nav{margin:18px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Batallas de torres: campo vertical y controles táctiles. */
#map{display:block}.arena-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.arena-head h2{font-size:22px;margin-top:7px}.arena-wrap{position:relative;max-width:600px;margin:auto;border-radius:22px;overflow:hidden;border:1px solid #3b5053;background:#263e36}.arena-wrap canvas{display:block;width:100%;aspect-ratio:5/6;touch-action:none}.battle-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;text-align:center;background:#0c1728dc;padding:35px;backdrop-filter:blur(4px)}.battle-overlay p{max-width:320px;color:#c5d0df}.battle-overlay .flag{font-size:50px;color:#b9f86c}.battle-overlay .primary{min-width:230px;justify-content:center}.arena-hud{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:12px;pointer-events:none;font-size:11px;font-weight:700}.arena-hud span{background:#132423dd;padding:10px;border-radius:9px}.arena-hud .quiet{margin-left:auto;pointer-events:auto;background:#132423dd;color:white}.battle-controls{max-width:600px;margin:14px auto 18px;color:#bdcde0;text-align:center;font-size:12px}.send-controls{display:flex;justify-content:center;gap:10px;margin-top:12px}.compact{margin-top:22px}.blue{background:#60bcff!important}.red{background:#fb7b69!important}.purple{background:#c596ff!important}.intro-towers{display:flex;align-items:center;justify-content:center;gap:30px;margin:26px 0;color:#68bfff;font-size:85px;text-shadow:0 8px 25px #0006}.intro-towers span:last-child{color:#ff7d78}.intro-towers i{font-size:19px;font-style:normal;color:#b9f86c}#game main{max-width:900px}@media(max-width:700px){.arena-head h2{font-size:18px}.arena-head .pill{font-size:8px;white-space:nowrap}.battle-overlay{padding:22px}.battle-overlay h2{font-size:25px}.battle-overlay p{font-size:13px}.arena-wrap{border-radius:16px}.arena-hud{gap:5px;left:8px;right:8px}.arena-hud span{font-size:9px;padding:9px 7px}.send-controls button{font-size:11px}.intro-towers{font-size:70px;margin:15px 0}}