*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-size:var(--fs-md);color:var(--c-texto);background-color:var(--c-fondo);background-image:linear-gradient(color-mix(in srgb, var(--c-borde-grid) 16%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--c-borde-grid) 16%, transparent) 1px, transparent 1px);-webkit-font-smoothing:none;font-smooth:never;overscroll-behavior:none;background-size:16px 16px;line-height:1.1;overflow:hidden}button{font:inherit;color:inherit}img,canvas,svg{image-rendering:pixelated}h2,h3{font-family:var(--font-pixel);margin:0;font-weight:400}h3{font-size:var(--fs-xs);margin-bottom:var(--sp-2)}small{color:var(--c-texto-sec);font-size:.8em}ul{padding-left:var(--sp-5);margin:0}.num{font-family:var(--font-pixel);font-size:var(--fs-sm);letter-spacing:0}.spacer{flex:1}.note{color:var(--c-texto-sec);margin:var(--sp-1) 0 var(--sp-2)}.icon{vertical-align:middle;flex:none;display:inline-block}:focus-visible{outline:3px solid var(--c-critico);outline-offset:2px}.panel{background:var(--c-panel);border:var(--bw) solid var(--c-borde-fuerte);box-shadow:var(--bs) var(--bs) 0 var(--c-borde-fuerte)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-1) var(--sp-3);background:var(--c-panel-alt);color:var(--c-texto);border:var(--bw) solid var(--c-borde-fuerte);box-shadow:0 var(--bs) 0 var(--c-borde-fuerte);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .18s cubic-bezier(.3,2.2,.5,1),box-shadow .18s,background-color .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--c-panel)}.btn:active:not(:disabled){transform:translateY(var(--bs)) scale(.96, .9);box-shadow:0 0 0 var(--c-borde-fuerte);transition-duration:40ms}.btn:disabled{cursor:not-allowed;box-shadow:none;transform:translateY(var(--bs));background:var(--c-compra-no-fondo);color:var(--c-compra-no-texto);border-color:var(--c-compra-no-borde)}.btn.on{background:var(--c-barra);color:var(--c-texto-inv)}.btn.on:hover:not(:disabled){background:var(--c-barra);color:var(--c-texto-inv);filter:brightness(1.25)}.btn--sm{min-height:36px;padding:2px var(--sp-2);font-size:var(--fs-sm)}.btn--big{min-height:52px;padding:var(--sp-2) var(--sp-5);font-size:var(--fs-lg)}.btn--go{background:var(--p-verdeClaro)}.btn--go:hover:not(:disabled){background:var(--p-verdeClaro);filter:brightness(1.08)}.btn--boss{background:var(--p-arenaClara)}.app{flex-direction:column;height:100dvh;min-height:0;display:flex}.main{gap:var(--sp-3);min-height:0;padding:var(--sp-3);flex:1;grid-template-columns:minmax(0,1fr) clamp(340px,32vw,480px);display:grid;position:relative}.topbar{align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);background:var(--c-barra);color:var(--c-texto-inv);border-bottom:4px solid var(--c-borde-fuerte);flex-wrap:wrap;display:flex}.topbar__logo{font-family:var(--font-pixel);color:var(--p-arenaClara);text-shadow:2px 2px 0 var(--c-borde-fuerte);font-size:10px;line-height:1.5}.topbar__logo span{display:block}.res{gap:var(--sp-3);flex-wrap:wrap;flex:1;justify-content:center;display:flex}.res__item{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--c-borde-fuerte);border:2px solid var(--c-borde-grid);min-width:0;display:flex}.res__item .num{font-size:var(--fs-md)}.res__gold .num{color:var(--c-oro)}.res__stone .num{color:var(--c-piedra)}.res__dps .num{color:var(--c-texto-inv)}.actions{gap:var(--sp-2);display:flex}.btn--bar{min-height:44px;position:relative}.btn--bar .lbl{font-size:var(--fs-md)}.btn--prestige.ready{background:var(--p-verdeClaro);animation:1.4s steps(2,end) infinite ready}.dot{background:var(--c-acento);border:2px solid var(--c-borde-fuerte);width:8px;height:8px;position:absolute;top:3px;right:3px}.dot--on{background:var(--p-verdeClaro)}.stage-col{gap:var(--sp-3);--z-accent:var(--p-verde);--z-on-accent:var(--p-crema);--z-mid:var(--p-verde);flex-direction:column;min-width:0;min-height:0;display:flex}.progress{padding:var(--sp-2) var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex}.progress__row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-height:36px;display:flex}.zone-chip{font-family:var(--font-pixel);font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-2);background:var(--z-accent);color:var(--z-on-accent);border:3px solid var(--c-borde-fuerte)}.progress__where{font-size:var(--fs-md);color:var(--c-texto-sec)}.progress__map{margin-left:auto}.w-short{display:none}.pips{gap:3px;display:inline-flex}.pips i{background:var(--c-vida-fondo);border:2px solid var(--c-borde-fuerte);width:16px;height:16px;display:block}.pips i.on{background:var(--c-vida);animation:.25s cubic-bezier(.3,2.2,.5,1) pip}.tag{font-family:var(--font-pixel);font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-2);border:3px solid var(--c-borde-fuerte);gap:var(--sp-1);align-items:center;display:inline-flex}.tag--boss{background:var(--p-arenaClara)}.tag--repeat{background:var(--c-comprada-fondo);color:var(--c-comprada-texto);border-color:var(--c-comprada-borde)}.stage{background:var(--z-mid);flex:1;min-height:200px;padding:0;position:relative;overflow:hidden}.stage__host{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.stage__host:focus-visible{outline-offset:-6px}.stage-fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bosstimer{top:var(--sp-3);align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--c-barra);color:var(--c-texto-inv);border:3px solid var(--c-borde-fuerte);box-shadow:var(--bs) var(--bs) 0 var(--c-borde-fuerte);flex-wrap:wrap;justify-content:center;min-width:220px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.bosstimer .num{font-size:var(--fs-md);color:var(--c-tiempo-jefe)}.bosstimer__bar{background:var(--c-borde-fuerte);border:2px solid var(--c-borde-grid);flex-basis:100%;height:10px;display:block}.bosstimer__bar b{background:var(--c-tiempo-jefe);height:100%;transition:width .1s linear;display:block}.bosstimer--low .num{color:var(--c-tiempo-jefe-bajo)}.bosstimer--low .bosstimer__bar b{background:var(--c-tiempo-jefe-bajo)}.bosstimer--low{animation:.3s steps(2,end) infinite shake}.retry{bottom:var(--sp-4);position:absolute;left:50%;transform:translate(-50%)}.retry:active:not(:disabled){transform:translateX(-50%) translateY(var(--bs)) scale(.96, .9)}.toasts{top:var(--sp-3);align-items:center;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;left:0;right:0}.bosstimer~.toasts{top:76px}.toast{padding:var(--sp-2) var(--sp-4);background:var(--c-panel);border:3px solid var(--c-borde-fuerte);max-width:92%;box-shadow:var(--bs) var(--bs) 0 var(--c-borde-fuerte);border-left-width:10px;flex-direction:column;gap:2px;animation:.4s cubic-bezier(.3,1.8,.5,1) toast-in,.3s 3.1s forwards toast-out;display:flex}.toast b{font-family:var(--font-pixel);font-size:var(--fs-xs);font-weight:400}.toast span{font-size:var(--fs-md);color:var(--c-texto-sec)}.toast--hito{border-left-color:var(--c-critico)}.toast--boss{border-left-color:var(--c-oro)}.toast--fail{border-left-color:var(--p-naranja)}.toast--info{border-left-color:var(--p-verdeClaro)}.hp{padding:var(--sp-2) var(--sp-3);align-items:center;gap:var(--sp-3);display:flex}.hp__name{font-size:var(--fs-md);min-width:7ch}.hp__bar{background:var(--c-vida-fondo);border:3px solid var(--c-borde-fuerte);flex:1;height:30px;position:relative;overflow:hidden}.hp__bar b{background:var(--c-vida);background-image:linear-gradient(color-mix(in srgb, var(--p-crema) 38%, transparent) 0 4px, transparent 4px);height:100%;transition:width .12s linear;display:block}.hp__bar--low b{background-color:var(--c-vida-baja)}.hp__bar .num{color:var(--p-crema);-webkit-text-stroke:4px var(--c-borde-fuerte);paint-order:stroke fill;font-size:var(--fs-xs);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fn{z-index:0;white-space:nowrap;pointer-events:none;font-family:var(--font-pixel);color:var(--c-dano);-webkit-text-stroke:5px var(--c-borde-fuerte);paint-order:stroke fill;animation:.7s cubic-bezier(.2,.7,.4,1) forwards fn-rise;position:absolute;transform:translate(-50%)}.fn-auto{opacity:.85;animation-name:fn-rise-short;animation-duration:.6s}.fn-gold{color:var(--c-oro);animation-name:fn-gold;animation-duration:1s}.fn-crit,.fn-critAuto{color:var(--c-dano-critico);animation-name:fn-crit;animation-duration:1s}.fn-critAuto{animation-duration:.8s}.fn-crit:before,.fn-critAuto:before{content:attr(data-t);z-index:-1;color:var(--c-critico-halo);-webkit-text-stroke:12px var(--c-critico-halo);position:absolute;top:0;left:0}.drawer{flex-direction:column;min-width:0;min-height:0;display:flex}.drawer__head{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-panel-alt);border-bottom:var(--bw) solid var(--c-borde-fuerte);flex-direction:column;display:flex}.tabs{gap:var(--sp-2);display:flex}.tabs button{gap:var(--sp-2);background:var(--c-panel);border:3px solid var(--c-borde-fuerte);cursor:pointer;flex:1;justify-content:center;align-items:center;min-height:40px;display:inline-flex}.tabs button.on{background:var(--c-barra);color:var(--c-texto-inv)}.amounts{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.amounts .btn{font-family:var(--font-pixel);font-size:var(--fs-xs)}.drawer__list{min-height:0;padding:var(--sp-3);scrollbar-color:var(--c-borde-grid) var(--c-panel-alt);flex:1;overflow-y:auto}.group-title{font-family:var(--font-pixel);color:var(--c-texto-sec);margin:var(--sp-3) 0 var(--sp-2);font-size:10px}.group-title:first-child{margin-top:0}.up{gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + 5px);margin-bottom:var(--sp-2);border:3px solid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;display:grid;position:relative;overflow:hidden}.up__icon{place-items:center;display:grid}.up__name{font-size:var(--fs-md);gap:var(--sp-2);flex-wrap:wrap;align-items:baseline;display:flex}.up__lv{font-family:var(--font-pixel);color:var(--c-texto-sec);font-size:10px}.up__effect{font-size:var(--fs-md)}.up__next{font-size:var(--fs-sm);color:var(--c-compra-ok-borde)}.up__buy{min-width:104px;padding:var(--sp-1) var(--sp-2);flex-direction:column;gap:2px;min-height:48px}.up__plus{font-family:var(--font-pixel);font-size:10px}.up__cost{font-family:var(--font-pixel);font-size:var(--fs-xs);align-items:center;gap:4px;display:inline-flex}.up__progress{background:color-mix(in srgb, var(--c-borde-fuerte) 18%, transparent);height:5px;display:block;position:absolute;bottom:0;left:0;right:0}.up__progress b{background:var(--c-compra-no-borde);height:100%;transition:width .15s linear;display:block}.up--ok{background:var(--c-compra-ok-fondo);border-color:var(--c-compra-ok-borde);color:var(--c-compra-ok-texto);animation:1.4s steps(2,end) infinite glow}.up--ok .up__buy{background:var(--p-verdeClaro)}.up--ok .up__progress b{background:var(--c-compra-ok-borde)}.up--no,.up--locked{background:var(--c-compra-no-fondo);border-color:var(--c-compra-no-borde);color:var(--c-compra-no-texto)}.up--no .avatar,.up--no .avatar--icon{filter:grayscale(.75)opacity(.8)}.up--locked{opacity:.8;border-style:dashed}.up--max{background:var(--c-comprada-fondo);border-color:var(--c-comprada-borde);color:var(--c-comprada-texto)}.up--max .up__progress b{background:var(--c-comprada-borde)}.up--max .up__buy{background:var(--c-comprada-fondo);color:var(--c-comprada-texto);border-color:var(--c-comprada-borde);opacity:1}.up[data-bought="1"] .up__icon{animation:.35s cubic-bezier(.3,2.2,.5,1) bought-a}.up[data-bought="0"] .up__icon{animation:.35s cubic-bezier(.3,2.2,.5,1) bought-b}.avatar{width:44px;height:44px;font-family:var(--font-pixel);background:var(--z-accent,var(--p-tinta3));color:var(--z-on-accent,var(--p-crema));border:3px solid var(--c-borde-fuerte);place-items:center;font-size:11px;display:grid}.avatar--icon{background:color-mix(in srgb, var(--z-accent,var(--p-tinta4)) 45%, var(--p-crema))}.chain{border:3px dashed var(--c-compra-no-borde);padding:var(--sp-2);margin-bottom:var(--sp-2)}.chain .up{margin-bottom:0}.chain .up--ok{border-color:var(--c-critico)}.chain__link{align-items:center;gap:var(--sp-2);font-family:var(--font-pixel);color:var(--c-texto-sec);margin:var(--sp-1) 0;justify-content:center;font-size:10px;display:flex}.chain__link i{background:repeating-linear-gradient(90deg,currentColor 0 8px,#0000 8px 12px);flex:1;height:4px}.chain--on{border-style:solid;border-color:var(--c-critico)}.chain--on .chain__link{color:var(--p-moradoLegendario)}.stripes{background:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--c-critico) 30%, transparent) 6px 9px)}.flag{margin-top:var(--sp-1);padding:2px var(--sp-2);font-size:var(--fs-sm);border:2px solid var(--c-borde-grid)}.flag--warn{background:repeating-linear-gradient(135deg, var(--c-panel) 0 6px, var(--c-panel-alt) 6px 9px);color:var(--c-texto);border-style:dashed}.mail-link{color:inherit;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;text-decoration:underline}.legal-note{line-height:1.5;display:block}.legal-link{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;text-decoration:underline;display:inline}.legal-link:focus-visible{outline:3px solid var(--c-critico);outline-offset:2px}.mail-link:focus-visible{outline:2px solid var(--c-critico);outline-offset:2px}.flag--on{background:color-mix(in srgb, var(--c-critico) 28%, var(--c-panel));border-color:var(--c-critico);color:var(--c-texto)}.modal{z-index:50;padding:var(--sp-3);background:color-mix(in srgb, var(--c-borde-fuerte) 62%, transparent);place-items:center;animation:.15s fade;display:grid;position:fixed;inset:0}.modal__box{flex-direction:column;width:min(560px,100%);max-height:92dvh;animation:.3s cubic-bezier(.3,1.8,.5,1) pop;display:flex}.modal__box--wide{width:min(940px,100%)}.modal__box--alert{border-color:var(--c-acento)}.modal__head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-barra);color:var(--c-texto-inv);border-bottom:var(--bw) solid var(--c-borde-fuerte);display:flex}.modal__head h2{font-size:var(--fs-sm)}.modal__body{padding:var(--sp-4);gap:var(--sp-3);font-size:var(--fs-md);flex-direction:column;display:flex;overflow-y:auto}.modal__body p{margin:0}.legal{gap:var(--sp-2);overflow-wrap:anywhere;flex-direction:column;line-height:1.5;display:flex}.legal h3{margin:var(--sp-2) 0 0;font-size:var(--fs-md)}.legal ul{padding-left:var(--sp-4);gap:var(--sp-2);flex-direction:column;margin:0;display:flex}.legal .note{margin:0}.offline__time{align-items:center;gap:var(--sp-3);font-size:var(--fs-xl);justify-content:center;display:flex}.offline__time .num{font-size:var(--fs-lg)}.stat-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.stat{gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--c-panel-alt);border:3px solid var(--c-borde-fuerte);flex-direction:column;display:flex}.stat span{color:var(--c-texto-sec)}.stat b{font-weight:400;font-size:var(--fs-lg);align-items:center;gap:var(--sp-2);display:flex}.stat b.num{font-size:var(--fs-md)}.hito-list{gap:var(--sp-1);flex-direction:column;max-height:30dvh;padding:0;list-style:none;display:flex;overflow-y:auto}.hito-list li{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.hito-list em{padding:0 var(--sp-2);font-style:normal;font-size:var(--fs-sm);background:var(--c-panel-alt);border:2px solid var(--c-borde-grid);color:var(--c-texto-sec);margin-left:auto}.meta-row{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.meta{padding:var(--sp-3);gap:var(--sp-3);flex-direction:column;display:flex}.meta dl{gap:var(--sp-1) var(--sp-3);grid-template-columns:auto 1fr;margin:0;display:grid}.meta dt{color:var(--c-texto-sec)}.meta dd{word-break:break-all;margin:0}.stats-row{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.stats-col{padding:var(--sp-3)}.stats-col dl{margin:0}.stats-col dl>div{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1) 0;border-bottom:2px dotted var(--c-borde-grid);display:flex}.stats-col dt{color:var(--c-texto-sec)}.stats-col dd{text-align:right;margin:0}.prestige__gain{justify-content:center;align-items:center;gap:var(--sp-3);font-size:var(--fs-lg);flex-wrap:wrap;display:flex}.prestige__gain .num{font-size:var(--fs-xl);color:var(--p-azulUnico)}.two-col{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.btn-row{gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.toggle{align-items:center;gap:var(--sp-3);cursor:pointer;display:flex}.toggle input{width:24px;height:24px;accent-color:var(--c-barra)}.map{gap:var(--sp-4);grid-template-columns:210px minmax(0,1fr);display:grid}.map__zones{gap:var(--sp-1);flex-direction:column;display:flex}.zonebtn{align-items:center;gap:var(--sp-2);min-height:44px;padding:2px var(--sp-2);text-align:left;cursor:pointer;background:var(--c-panel);border:3px solid var(--c-borde-fuerte);display:flex}.zonebtn:disabled{background:var(--c-compra-no-fondo);color:var(--c-compra-no-texto);border-color:var(--c-compra-no-borde);cursor:not-allowed}.zonebtn.on{background:var(--z-accent);color:var(--p-crema)}.zonebtn.cur{box-shadow:inset 0 -4px 0 var(--c-critico)}.zonebtn b{font-family:var(--font-pixel);font-size:10px;font-weight:400}.map__grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;display:grid}.cell{height:34px;font-family:var(--font-body);font-size:var(--fs-md);border:2px solid var(--c-borde-fuerte);cursor:pointer;place-items:center;padding:0;display:grid}i.cell{vertical-align:middle;width:18px;height:18px;margin-right:var(--sp-1);display:inline-block}.cell.done{background:var(--p-verdeClaro)}.cell.now{background:var(--p-arenaClara);animation:1.2s steps(2,end) infinite ready}.cell.lock{background:var(--c-compra-no-fondo);color:var(--c-compra-no-texto);border-color:var(--c-compra-no-borde);cursor:not-allowed;opacity:.8}.cell.boss{border-width:3px}.cell.cur{outline:3px solid var(--c-critico);outline-offset:1px}.cell:disabled{cursor:not-allowed}.cell.done:not(:disabled):hover{filter:brightness(1.12);transform:scale(1.1)}.map__legend{gap:var(--sp-4);margin-top:var(--sp-2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}@keyframes fn-rise{0%{opacity:0;transform:translate(-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-8px)scale(1.1)}to{transform:translate(calc(-50% + var(--dx,0px)), -52px) scale(1);opacity:0}}@keyframes fn-rise-short{0%{opacity:0;transform:translate(-50%)scale(.8)}15%{opacity:.85}to{transform:translate(calc(-50% + var(--dx,0px)), -26px) scale(1);opacity:0}}@keyframes fn-gold{0%{opacity:0;transform:translate(-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-12px)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-64px)scale(1)}}@keyframes fn-crit{0%{opacity:0;transform:translate(-50%)scale(.4)}14%{transform:translate(calc(-50% + var(--dx,0px) * .2), -14px) scale(1.25);opacity:1}28%{transform:translate(calc(-50% + var(--dx,0px) * .4), -28px) scale(.95)}40%{transform:translate(calc(-50% + var(--dx,0px) * .55), -42px) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx,0px)), -78px) scale(1);opacity:0}}@keyframes ready{50%{filter:brightness(1.18)}}@keyframes glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c-compra-ok-borde) 45%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--c-compra-ok-borde) 45%, transparent)}}@keyframes bought-a{0%{transform:scale(1.35)rotate(-6deg)}to{transform:scale(1)}}@keyframes bought-b{0%{transform:scale(1.35)rotate(6deg)}to{transform:scale(1)}}@keyframes pip{0%{transform:scale(1.6)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(-50%)translate(-2px)}50%{transform:translate(-50%)translate(2px,1px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.9)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes fn-fade{0%{opacity:0}15%{opacity:1}to{opacity:0}}.connecting{z-index:30;padding:var(--sp-3);cursor:progress;background:color-mix(in srgb, var(--c-fondo) 45%, transparent);place-items:center;display:grid;position:absolute;inset:0}.connecting__box{align-items:center;gap:var(--sp-2);text-align:center;flex-direction:column;max-width:100%;animation:.15s fade;display:flex}.connecting__txt{font-family:var(--font-pixel);font-size:var(--fs-xs)}.connecting__dots{gap:var(--sp-2);display:flex}.connecting__dots i{background:var(--p-verde);border:var(--bw) solid var(--c-borde-fuerte);width:10px;height:10px;animation:.9s steps(2,jump-none) infinite conn-hop}.connecting__dots i:nth-child(2){animation-delay:.1s}.connecting__dots i:nth-child(3){animation-delay:.2s}.connecting__dots i:nth-child(4){animation-delay:.3s}@keyframes conn-hop{0%,55%,to{transform:translateY(0)}20%{transform:translateY(-8px)}}.reduce-motion .connecting__dots i,.reduce-motion .connecting__box{animation:none}.reduce-motion .connecting__dots i:nth-child(odd){background:var(--p-crema)}.reduce-motion .fn,.reduce-motion .fn-auto,.reduce-motion .fn-gold,.reduce-motion .fn-crit,.reduce-motion .fn-critAuto{animation-name:fn-fade}.reduce-motion .up--ok,.reduce-motion .btn--prestige.ready,.reduce-motion .cell.now,.reduce-motion .bosstimer--low{animation:none}@media (prefers-reduced-motion:reduce){.fn,.fn-auto,.fn-gold,.fn-crit,.fn-critAuto{animation-name:fn-fade}.up--ok,.btn--prestige.ready,.cell.now,.bosstimer--low,.toast,.modal__box,.connecting__box,.connecting__dots i{animation:none}.connecting__dots i:nth-child(odd){background:var(--p-crema)}.btn{transition:none}}@media (width<=860px),(aspect-ratio<=1){.main{gap:var(--sp-2);padding:var(--sp-2);grid-template-rows:minmax(0,11fr) minmax(0,9fr);grid-template-columns:minmax(0,1fr)}.topbar{gap:var(--sp-2);padding:var(--sp-1) var(--sp-2)}.topbar__logo{display:none}.res{gap:var(--sp-1);flex-wrap:nowrap;flex-basis:100%;order:2;justify-content:space-between}.res__item{padding:2px var(--sp-2);justify-content:center;gap:var(--sp-1);flex:1;min-width:0;overflow:hidden}.res__item .num{font-size:var(--fs-xs)}.res__item .icon{width:18px;height:18px}.zone-chip{font-size:12px}.w-long{display:none}.w-short{display:inline}.progress__map{padding:2px var(--sp-2)}.actions{order:1;margin-left:auto}.btn--bar .lbl{display:none}.btn--prestige.ready .lbl{font-family:var(--font-pixel);font-size:10px;display:inline}.stage-col{gap:var(--sp-2)}.progress{padding:var(--sp-1) var(--sp-2);gap:var(--sp-1)}.progress__row{gap:var(--sp-2);min-height:32px}.progress__where{font-size:var(--fs-sm)}.hp{padding:var(--sp-1) var(--sp-2)}.hp__name{display:none}.hp__bar{height:26px}.up{gap:var(--sp-2);grid-template-columns:44px minmax(0,1fr) auto}.up__buy{min-width:92px}.map{grid-template-columns:minmax(0,1fr)}.map__zones{padding-bottom:var(--sp-1);flex-direction:row;overflow-x:auto}.zonebtn{flex:none}.modal__box{max-height:96dvh}}@media (height<=520px) and (aspect-ratio>=1){.topbar__logo{display:none}}.ach-sum{align-items:center;gap:var(--sp-4);padding:var(--sp-3);display:flex}.ach-sum__txt{gap:var(--sp-1);flex-direction:column;flex:1;min-width:0;display:flex}.ach-sum__txt .num{font-size:var(--fs-lg);color:var(--c-oro)}.ach-group__title{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.ach-group__title em{font-style:normal;font-family:var(--font-body);font-size:var(--fs-md);color:var(--c-texto-sec);margin-left:auto}.ach-list{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0;padding:0;list-style:none;display:grid}.ach{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-5) var(--sp-2);border:3px solid;grid-template-columns:52px minmax(0,1fr);align-items:center;display:grid;position:relative}.ach__icon{border:3px solid var(--c-borde-fuerte);place-items:center;width:52px;height:52px;display:grid}.ach__body{flex-direction:column;gap:2px;min-width:0;display:flex}.ach__name{font-weight:400;font-size:var(--fs-md)}.ach__prog{font-size:var(--fs-xs)}.ach__date{font-size:var(--fs-md);color:var(--c-comprada-texto)}.ach__wait{font-size:var(--fs-sm);color:var(--c-texto-sec)}.ach__bar{background:var(--c-vida-fondo);border:2px solid var(--c-borde-fuerte);height:10px;display:block}.ach__bar b{background:var(--c-compra-no-borde);height:100%;display:block}.ach-sum .ach__bar b{background:var(--c-oro)}.ach__state{right:var(--sp-2);font-size:var(--fs-sm);align-items:center;gap:4px;display:inline-flex;position:absolute;bottom:2px}.ach__state .icon{width:14px;height:14px}.ach--todo{background:var(--c-compra-no-fondo);border-color:var(--c-compra-no-borde);color:var(--c-compra-no-texto);border-style:dashed}.ach--todo .ach__icon{background:var(--c-panel-alt);border-color:var(--c-compra-no-borde);filter:grayscale()opacity(.7)}.ach--todo .ach__state .icon{filter:grayscale()}.ach--done{background:var(--c-comprada-fondo);border-color:var(--c-comprada-borde);color:var(--c-texto)}.ach--done.ach--zones .ach__icon{background:var(--p-verdeClaro)}.ach--done.ach--kills .ach__icon{background:var(--p-rojo)}.ach--done.ach--clicks .ach__icon{background:var(--p-celeste)}.ach--done.ach--gold .ach__icon{background:var(--p-arenaClara)}.ach--done.ach--prestiges .ach__icon{background:var(--p-violeta)}.acct{gap:var(--sp-3);flex-direction:column;display:flex}.acct__sub{gap:var(--sp-2);padding:var(--sp-3);background:var(--c-panel-alt);border:3px solid var(--c-borde-fuerte);flex-direction:column;display:flex}.acct__status{align-items:center;gap:var(--sp-2);padding:0 var(--sp-2);border:2px solid var(--c-borde-fuerte);font-size:var(--fs-sm);display:inline-flex}.acct__status--on{background:var(--p-verdeClaro)}.acct__status--off{background:var(--c-compra-no-fondo);color:var(--c-compra-no-texto)}.acct__form{gap:var(--sp-2);flex-direction:column;display:flex}.field{flex-direction:column;gap:2px;display:flex}.field>span{color:var(--c-texto-sec);font-size:var(--fs-sm)}.field input{min-height:44px;padding:0 var(--sp-2);font:inherit;color:var(--c-texto);background:var(--c-panel);border:3px solid var(--c-borde-fuerte)}.field input:disabled{background:var(--c-compra-no-fondo);color:var(--c-compra-no-texto)}.field__row{gap:var(--sp-2);align-items:stretch;display:flex}.field__row input{flex:1;min-width:0}.msg{padding:var(--sp-1) var(--sp-2);border:2px solid var(--c-borde-fuerte);font-size:var(--fs-md)}.msg--err{background:color-mix(in srgb, var(--p-rojo) 18%, var(--c-panel));border-style:dashed}.msg--ok{background:color-mix(in srgb, var(--p-verdeClaro) 40%, var(--c-panel))}.btn--link{min-height:36px;box-shadow:none;font-size:var(--fs-md);background:0 0;border-style:dashed}.btn-row--start{justify-content:flex-start}.btn-row--split{justify-content:space-between;gap:var(--sp-4,var(--sp-3));row-gap:var(--sp-3)}.btn-row--split .btn--end{margin-left:auto}.btn--danger{background:color-mix(in srgb, var(--p-rojo) 55%, var(--c-panel))}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--p-rojo) 70%, var(--c-panel))}.btn--warn{background:color-mix(in srgb, var(--p-naranja) 45%, var(--c-panel))}.btn--warn:hover:not(:disabled){background:color-mix(in srgb, var(--p-naranja) 62%, var(--c-panel))}.acct__sub--warn{border-color:var(--p-naranja)}.danger{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:3px dashed var(--p-rojo);background:color-mix(in srgb, var(--p-rojo) 10%, var(--c-panel-alt));flex-direction:column;display:flex}.danger__title{font-size:var(--fs-sm);color:var(--c-texto-sec)}.acct__sub--danger{border-color:var(--p-rojo)}.provider-row{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.provider-row .btn{flex-direction:column;gap:0}.provider-row small{color:inherit}@media (width<=860px),(aspect-ratio<=1){.ach-list{grid-template-columns:minmax(0,1fr)}.actions{gap:var(--sp-1)}.btn--bar{padding:var(--sp-1) var(--sp-2)}}.savebox{right:var(--sp-3);bottom:var(--sp-3);z-index:40;max-width:min(360px, calc(100vw - 2 * var(--sp-3)));gap:var(--sp-2);padding:var(--sp-3);background:var(--c-panel);border:3px solid var(--c-borde-fuerte);border-left-width:10px;border-left-color:var(--p-violeta);box-shadow:var(--bs) var(--bs) 0 var(--c-borde-fuerte);flex-direction:column;display:flex;position:fixed}.savebox b{font-family:var(--font-pixel);font-size:var(--fs-xs);font-weight:400}.savebox span{font-size:var(--fs-md);color:var(--c-texto-sec)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
