.clk-publicar{border:1px solid var(--linea);background:var(--papel);width:min(24rem,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--tinta);font-family:var(--sans);border-radius:8px;margin:auto;padding:22px 20px 18px;overflow:auto;box-shadow:0 12px 40px #0000002e}.clk-publicar::backdrop{background:#14130f73}.clk-publicar h2{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:600}.clk-publicar .cifra{color:var(--tinta-60);font-variant-numeric:tabular-nums;margin:0 0 18px;font-size:14px}.clk-publicar .cifra b{font-family:var(--mono);color:var(--energia-texto);font-size:22px;font-weight:500}.clk-publicar .crono{font-family:var(--mono);font-size:13px}.clk-publicar label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-40);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.clk-publicar .campo-alias{align-items:center;gap:8px;display:flex}.clk-publicar .insignia-trofeo{width:32px;height:32px;image-rendering:pixelated;flex-shrink:0}.clk-publicar .insignia-trofeo[hidden]{display:none}.clk-publicar .alias{border:1px solid var(--linea);background:var(--papel-2);min-width:0;min-height:44px;color:var(--tinta);font:16px var(--sans);border-radius:6px;flex:1;padding:0 12px}.clk-publicar .alias:focus-visible{outline:2px solid var(--cloroplasto);outline-offset:1px}.clk-publicar .alias[aria-invalid=true]{border-color:var(--regulacion)}.clk-publicar button{cursor:pointer;min-height:44px;font:500 14px var(--sans);border-radius:6px;padding:0 16px}.clk-publicar .enviar{border:1px solid var(--cloroplasto);background:var(--cloroplasto);color:var(--papel)}.clk-publicar .enviar:disabled{opacity:.55;cursor:default}.clk-publicar .cerrar{border:1px solid var(--linea);color:var(--tinta);background:0 0}.clk-publicar button:focus-visible,.clk-publicar a:focus-visible{outline:2px solid var(--cloroplasto);outline-offset:2px}.clk-publicar .estado-envio{min-height:1.4em;margin:10px 0 0;font-size:14px;line-height:1.4}.clk-publicar .estado-envio.bien{color:var(--cloroplasto-texto);font-weight:500}.clk-publicar .estado-envio.error{color:var(--regulacion-texto)}.clk-publicar .pie{border-top:1px solid var(--linea);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.clk-publicar .ver-tabla{font-size:14px}@media (width<=360px){.clk-publicar .campo-alias{flex-direction:column;align-items:stretch}.clk-publicar .insignia-trofeo{align-self:flex-start}}.musica{border:1px solid var(--linea);background:var(--papel-2);max-width:100%;color:var(--tinta-60);font-family:var(--mono);border-radius:4px;align-items:center;gap:2px;padding:2px;display:inline-flex;overflow:hidden}.musica-boton{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;padding:0;display:grid}.musica-boton svg{image-rendering:pixelated;display:block}.musica-boton:hover{color:var(--tinta);background:var(--papel)}.musica-boton:focus-visible{outline:2px solid var(--citosol);outline-offset:1px}.musica-boton:disabled{opacity:.4;cursor:default;background:0 0}.musica-play[aria-pressed=true]{color:var(--energia)}.musica.sonando .musica-play svg{animation:1.2s steps(2,jump-none) infinite musica-salto}@keyframes musica-salto{50%{transform:translateY(-1px)}}.musica-titulo{white-space:nowrap;letter-spacing:.02em;min-width:6ch;color:var(--tinta-40);flex:0 24ch;margin:0 4px;font-size:10.5px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.musica-cinta{width:max-content;animation:musica-cinta var(--musica-vuelta,12s) linear infinite;display:inline-flex}.musica-cinta>span{padding-right:4ch}@keyframes musica-cinta{to{transform:translate(-50%)}}.musica-lector{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.musica.sonando .musica-titulo{color:var(--tinta-60)}.musica-volumen .apagada{opacity:.28}.musica-repetir[aria-pressed=true]{color:var(--energia);background:var(--papel)}@media (width<=420px){.musica-titulo{flex-basis:17ch}}@media (prefers-reduced-motion:reduce){.musica.sonando .musica-play svg{animation:none}.musica-cinta{text-overflow:ellipsis;width:auto;animation:none;display:block;overflow:hidden}.musica-cinta>span+span{display:none}}.clicko [hidden]{display:none!important}.clicko{--k:2;--ki:1;--ke:1;--oro:var(--energia);--oro-texto:var(--energia-texto);background:var(--papel);height:100%;color:var(--tinta);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);grid-template-rows:minmax(150px,30%) minmax(0,1fr) minmax(96px,auto);display:grid;position:relative;overflow:hidden}:root:not([data-tema=oscuro]) .clicko{--oro-texto:#785a08;--mitocondria-texto:#944f24;--tinta-40:#5e5a52}.clicko{--r-glucolisis:#3b7a9e;--r-glucolisis-texto:#2f6382;--r-fermentacion:#9e3f5c;--r-fermentacion-texto:#8a3550;--r-krebs:#c2703d;--r-krebs-texto:#944f24;--r-fosforilacion:#5a5ea8;--r-fosforilacion-texto:#4a4e94;--r-pentosas:#2e8a80;--r-pentosas-texto:#236e66;--r-beta-oxidacion:#7e8a2e;--r-beta-oxidacion-texto:#5e6822;--r-gluconeogenesis:#8b6ba8;--r-gluconeogenesis-texto:#6f5288;--r-urea:#8a6242;--r-urea-texto:#6e4c32;--r-cetogenesis:#c75a62;--r-cetogenesis-texto:#a8444c;--r-calvin:#3f7a55;--r-calvin-texto:#2f5e42}[data-tema=oscuro] .clicko{--r-glucolisis:#6ba8cc;--r-glucolisis-texto:#6ba8cc;--r-fermentacion:#d9809a;--r-fermentacion-texto:#d9809a;--r-krebs:#e0946a;--r-krebs-texto:#e0946a;--r-fosforilacion:#9c9fe0;--r-fosforilacion-texto:#9c9fe0;--r-pentosas:#62c2b6;--r-pentosas-texto:#62c2b6;--r-beta-oxidacion:#b5c25a;--r-beta-oxidacion-texto:#b5c25a;--r-gluconeogenesis:#b89ad2;--r-gluconeogenesis-texto:#b89ad2;--r-urea:#c49a76;--r-urea-texto:#c49a76;--r-cetogenesis:#ee8c92;--r-cetogenesis-texto:#ee8c92;--r-calvin:#5fa377;--r-calvin-texto:#5fa377}.clicko .pixel{image-rendering:pixelated;pointer-events:none;display:block}.clicko .solo-lector{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clicko .franja{min-width:0;min-height:0;position:relative}.clicko h2{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-40);margin:0;padding:8px 14px 6px;font-size:10px;font-weight:500}.clicko .arriba{border-bottom:1px solid var(--linea);flex-direction:column;align-items:center;padding:8px 12px 4px;display:flex}.clicko .izq{display:contents}.clicko .marcador{text-align:center;border:1px solid var(--linea);background:var(--papel-2);min-width:min(280px,100%);box-shadow:0 2px 0 color-mix(in srgb, var(--tinta) 8%, transparent);border-radius:6px;flex-shrink:0;padding:12px 20px 10px;position:relative}.clicko .saldo{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--tinta-40);flex-wrap:wrap;justify-content:center;align-items:center;column-gap:8px;margin:0;font-size:12px;line-height:1.05;display:flex}.clicko .saldo b{color:var(--tinta);letter-spacing:-.02em;white-space:nowrap;font-size:clamp(28px,9vw,40px);font-weight:500}.clicko .moneda:empty{display:none}.clicko .ritmo,.clicko .toque{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--oro-texto);margin:3px 0 0;font-size:12px}.clicko .ritmo{border-top:1px dashed var(--linea);margin-top:9px;padding-top:8px}.clicko .toque{color:var(--tinta-60);min-height:22px;margin-top:2px}.clicko .ritmo-toques{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--citosol-texto);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;line-height:1.3;transition:opacity .3s;overflow:hidden}.clicko .ritmo-toques.quieto{opacity:.55}.clicko .ritmo-toques .rt-n{color:var(--tinta-60);font-size:10.5px}@media (width<=440px){.clicko .arriba.a-lado .ritmo-toques .rt-n{display:none}}.clicko .racha{border:1px solid var(--oro);background:color-mix(in srgb, var(--oro) 10%, var(--papel));color:var(--oro-texto);vertical-align:1px;border-radius:999px;align-items:center;margin-left:6px;padding:1px 7px 3px;font-size:10.5px;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}.clicko .racha.llena{background:color-mix(in srgb, var(--oro) 26%, var(--papel));font-weight:600}.clicko .racha-barra{background:var(--oro);transform-origin:0;height:2px;position:absolute;bottom:1px;left:6px;right:6px}.clicko .racha.apagandose{animation:.4s ease-out forwards racha-fuera}@keyframes racha-fuera{to{opacity:0}}.clicko .mult{border:1px dashed var(--regla);color:var(--tinta-60);vertical-align:1px;border-radius:2px;margin-left:6px;padding:0 5px;font-size:10.5px}.clicko .acciones{flex-shrink:0;order:3;justify-content:center;align-items:stretch;gap:8px;margin-top:14px;display:flex}.clicko .hueco:empty{display:none}.clicko .hueco-musica{order:4;justify-content:center;min-width:0;max-width:100%;margin-top:24px;display:flex}.clicko .hueco-musica>.musica{min-width:0}.clicko .arriba.a-lado .hueco-musica{justify-content:flex-start}.clicko .abrir-opciones,.clicko .abrir-fama,.clicko .acciones>.hueco>button{border:1px solid var(--linea);background:var(--papel-2);min-width:72px;min-height:48px;color:var(--tinta-60);cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px;font-size:9.5px;text-decoration:none;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.clicko .acciones .rotulo{max-width:76px;line-height:1.15}.clicko .acciones button:hover,.clicko .acciones a:hover{color:var(--tinta);border-color:var(--oro);transform:translateY(-1px)}.clicko .acciones button:focus-visible,.clicko .acciones a:focus-visible{outline:2px solid var(--oro);outline-offset:-2px}.clicko .escenario{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.clicko .pulsador{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;min-width:88px;min-height:88px;padding:0;display:grid;position:relative}.clicko .pulsador:focus-visible{outline:2px solid var(--oro);outline-offset:2px}.clicko .clics{font-family:var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--tinta-60);text-align:center;pointer-events:none;white-space:nowrap;margin:0;font-size:11px;line-height:16px;position:absolute;bottom:0;left:0;right:0}.clicko .clics:empty{display:none}.clicko .clics .insignia-trofeo{vertical-align:top;width:16px;height:16px;image-rendering:pixelated;margin-right:4px;display:inline-block}.clicko .glucosa{pointer-events:none;display:block;position:relative}.clicko.sin-dibujo .glucosa{background:color-mix(in srgb, var(--oro) 30%, var(--papel-2));border:2px solid var(--oro);border-radius:50%;width:96px;height:96px}.clicko .pulsador.celebra{animation:1.1s ease-out celebra}@keyframes celebra{0%{filter:drop-shadow(0 0 #0000)}25%{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--oro) 80%, transparent))}to{filter:drop-shadow(0 0 #0000)}}@media (width<=959px){.clicko:has(.arriba.a-lado){grid-template-rows:minmax(288px,30%) minmax(0,1fr) minmax(96px,auto)}}.clicko .arriba.a-lado{flex-direction:row;align-items:stretch;gap:8px;padding:6px 10px 4px}.clicko .arriba.a-lado .izq{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.clicko .arriba.a-lado .marcador{text-align:left;min-width:0;padding:8px 10px 6px}.clicko .arriba.a-lado .ritmo{margin-top:5px;padding-top:5px}.clicko .arriba.a-lado .toque{min-height:36px}.clicko .arriba.a-lado .racha{margin-top:2px;margin-left:0}.clicko .arriba.a-lado .saldo{justify-content:flex-start}.clicko .arriba.a-lado .saldo b{font-size:clamp(22px,7.4vw,34px)}.clicko .arriba.a-lado .moneda{display:none}.clicko .arriba.a-lado .acciones{justify-content:flex-start;gap:6px;margin-top:2px}.clicko .arriba.a-lado .hueco-musica{margin-top:4px}.clicko .arriba.a-lado .hueco-musica>.musica{width:100%}.clicko .arriba.a-lado .musica-titulo{flex:auto}.clicko .arriba.a-lado .escenario{flex:1;height:100%}.clicko .fx{z-index:2;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.clicko .flotante{z-index:3;pointer-events:none;border:1px solid var(--oro);background:var(--papel);font-family:var(--mono);color:var(--oro-texto);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:1px 7px 1px 4px;font-size:13px;font-weight:600;line-height:1.3;animation:.6s ease-out forwards subir;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.clicko .flotante:not(:has(.pixel)){padding-left:7px}@keyframes subir{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}15%{opacity:1;transform:translate(-50%,-80%)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-50% - 44px))scale(1)}}.clicko .tienda{flex-direction:column;display:flex}.clicko .cabecera-tienda{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px 4px 0;display:flex}.clicko .cabecera-tienda h2{padding-top:4px;padding-bottom:4px}.clicko .lotes{border:1px solid var(--linea);background:var(--papel-2);display:inline-flex}.clicko .lotes button{border:0;border-left:1px solid var(--linea);min-width:44px;min-height:32px;color:var(--tinta-60);font-family:var(--mono);cursor:pointer;background:0 0;padding:0 8px;font-size:12px}.clicko .lotes button:first-child{border-left:0}.clicko .lotes button[aria-checked=true]{background:var(--tinta);color:var(--papel)}.clicko .lotes button:focus-visible{outline:2px solid var(--oro);outline-offset:-2px}.clicko .lista{overscroll-behavior:contain;overflow-anchor:none;flex-direction:column;flex:1;gap:5px;min-height:0;padding:0 10px 10px;display:flex;position:relative;overflow-y:auto;container-type:inline-size}.clicko .fila{--acento:var(--oro);--acento-texto:var(--oro-texto);text-align:left;border:1px solid var(--linea);border-left:3px solid var(--acento);background:var(--papel-2);width:100%;min-height:56px;color:var(--tinta);font-family:var(--sans);cursor:pointer;touch-action:manipulation;flex-shrink:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icono nombre precio""icono de efecto";align-items:baseline;gap:1px 12px;padding:6px 10px 6px 8px;transition:border-color .14s,background .14s,transform .1s;display:grid;position:relative}.clicko .fila:hover:not(.caro){background:var(--papel);border-color:var(--regla);border-left-color:var(--acento)}.clicko .fila:active:not(.caro){transform:scale(.985)}.clicko .fila:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.clicko .fila .icono{grid-area:icono;align-self:center;line-height:0;position:relative}.clicko .fila .icono>.pixel,.clicko .fila .icono>.flecha .pixel{width:calc(var(--w) * var(--ki-n,var(--ki)));height:calc(var(--h) * var(--ki-n,var(--ki)))}.clicko .fila .icono>.pixel.ajeno{width:32px;height:32px}.clicko .fila .cantidad{border:1px solid var(--acento);background:var(--papel);min-width:18px;height:16px;font-family:var(--mono);color:var(--tinta);font-variant-numeric:tabular-nums;place-items:center;padding:0 3px;font-size:10px;font-weight:500;line-height:1;display:grid;position:absolute;bottom:-6px;right:-8px}.clicko .fila.ninguna .cantidad{border-color:var(--linea);color:var(--tinta-40)}.clicko .fila .nombre{overflow-wrap:break-word;grid-area:nombre;font-size:14.5px;font-weight:500;line-height:1.25}.clicko .fila .de{color:var(--tinta-60);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:de;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.clicko .fila .precio{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--oro-texto);text-align:right;white-space:nowrap;grid-area:precio;font-size:14px;font-weight:500}.clicko .fila .precio:before{content:"";background:var(--oro);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.clicko .fila .n-lote{color:var(--tinta-60);margin-right:5px;font-size:10.5px;font-weight:400}.clicko .fila .n-lote:empty{display:none}.clicko .fila .efecto{font-family:var(--mono);color:var(--tinta-60);text-align:right;white-space:nowrap;grid-area:efecto;align-self:start;font-size:11px}.clicko .fila .efecto .largo{display:none}@container (width>=460px){.clicko .fila .efecto .largo{display:inline}.clicko .fila .efecto .corto{display:none}}.clicko .seccion{min-height:18px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-40);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin:6px 2px 0;font-size:10px;font-weight:500;display:flex}.clicko .seccion:first-child{margin-top:0}.clicko .seccion[data-seccion=mejoras]{min-height:30px}.clicko .todas{border:1px solid var(--oro);background:color-mix(in srgb, var(--oro) 10%, var(--papel));min-height:28px;color:var(--oro-texto);font-family:var(--mono);letter-spacing:.04em;text-transform:none;cursor:pointer;padding:0 10px;font-size:10.5px}.clicko .todas:focus-visible{outline:2px solid var(--oro);outline-offset:1px}.clicko .fila .pista{font-style:normal;font-family:var(--mono);color:var(--oro-texto);font-size:10.5px}.clicko .fila.rezagada .de-texto{display:none}.clicko .fila .icono .flecha{line-height:0;position:absolute;top:-6px;right:-6px}.clicko .fila .icono .flecha .pixel{--w:12px;--h:12px}.clicko .fila.mejora{background:color-mix(in srgb, var(--oro) 9%, var(--papel-2));border-color:color-mix(in srgb, var(--oro) 40%, var(--linea));border-left-color:var(--acento)}.clicko .fila.mejora.final{background:color-mix(in srgb, var(--oro) 16%, var(--papel-2));border-color:var(--oro);border-left-color:var(--acento)}.clicko .fila.mejora.final .nombre{font-weight:600}.clicko .fila .icono .flecha.estrella{top:-7px;right:-7px}.clicko .fila .icono .flecha.estrella .pixel{--w:12px;--h:12px}.clicko .fila.tope{cursor:default}.clicko .fila.tope.caro .nombre,.clicko .fila.tope.caro .de,.clicko .fila.tope.caro .efecto,.clicko .fila.tope.caro .icono{opacity:1}.clicko .fila.tope .cantidad{border-color:var(--oro);background:color-mix(in srgb, var(--oro) 18%, var(--papel));color:var(--oro-texto);font-weight:600}.clicko .fila.tope.caro .precio{color:var(--acento-texto);letter-spacing:.06em;font-size:12px}.clicko .fila.tope.caro .precio:before{display:none}.clicko .fila.caro{cursor:default}.clicko .fila.caro .nombre,.clicko .fila.caro .de,.clicko .fila.caro .efecto,.clicko .fila.caro .icono{opacity:.62}.clicko .fila.caro .precio{color:var(--tinta-60)}.clicko .fila.caro .precio:before{background:var(--regla)}.clicko .fila.comprada{animation:.32s ease-out latido}@keyframes latido{0%{background:color-mix(in srgb, var(--acento) 22%, var(--papel-2))}to{background:var(--papel-2)}}.clicko .fila.sugerida{border-color:var(--oro);border-left-color:var(--acento);box-shadow:0 0 0 1px var(--oro);animation:2.2s ease-in-out infinite sugerir}@keyframes sugerir{0%,to{box-shadow:0 0 0 1px var(--oro)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--oro) 30%, transparent)}}.clicko .adelanto{border:1px dashed var(--regla);min-height:44px;color:var(--tinta-60);cursor:pointer;font-family:var(--mono);letter-spacing:.04em;text-align:left;background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin:4px 0 0;padding:8px 12px;font-size:11px;display:flex}.clicko .adelanto:hover{color:var(--tinta);border-color:var(--tinta-40)}.clicko .adelanto:focus-visible{outline:2px solid var(--oro);outline-offset:1px}.clicko .adelanto .candado{flex-shrink:0;line-height:0}.clicko .adelanto .pixel{opacity:.75;width:12px;height:14px}.clicko .rutas{border-top:1px solid var(--linea);flex-direction:column;display:flex}.clicko .rutas h2{padding:6px 14px 4px}.clicko .punto-aviso{background:var(--oro);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-left:7px;animation:1.6s ease-in-out infinite latir;display:inline-block}@keyframes latir{50%{transform:scale(1.5)}}.clicko .tira{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;gap:8px;min-height:0;padding:0 14px 8px;scroll-padding-inline:14px;display:flex;position:relative;overflow:auto hidden}.clicko .tira::-webkit-scrollbar{display:none}.clicko .tarjeta{--acento:var(--citosol);--acento-texto:var(--citosol-texto);scroll-snap-align:start;border:1px solid var(--linea);border-top:3px solid var(--acento);background:var(--papel-2);flex:0 0 min(86%,340px);align-items:center;gap:10px;min-height:0;padding:6px 8px;transition:background .3s,border-color .3s;display:flex;position:relative}.clicko .edificio{flex-shrink:0;align-self:center;line-height:0;position:relative}.clicko .edificio .estatico{width:calc(var(--w) * var(--ke-n,var(--ke)));height:calc(var(--h) * var(--ke-n,var(--ke)))}.clicko .edificio .vivo{image-rendering:pixelated;margin:auto;position:absolute;inset:0}.clicko .edificio .candado{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clicko .edificio .candado .pixel{width:calc(12px * var(--ke-n,var(--ke)));height:calc(14px * var(--ke-n,var(--ke)))}.clicko .tarjeta:not(.abierta) .estatico{opacity:.45;filter:grayscale(.7)}.clicko .tarjeta:not(.abierta) .vivo{display:none}.clicko .tarjeta.abierta .estatico{visibility:hidden}.clicko .tarjeta.abierta .candado{display:none}.clicko .tarjeta.siguiente .estatico{opacity:.7;filter:grayscale(.3)}.clicko .cuerpo{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.clicko .tarjeta header{align-items:baseline;gap:6px;min-width:0;display:flex}.clicko .tarjeta h3{min-width:0;font-family:var(--serif);letter-spacing:-.01em;flex:1;margin:0;font-size:15.5px;font-weight:600;line-height:1.2}.clicko .ampliar{max-width:100%;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;margin:0;padding:0;display:block;overflow:hidden}.clicko .ampliar:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.clicko .tarjeta.expandida .ampliar{white-space:normal}.clicko .insignia{border:1px solid var(--linea);font-family:var(--mono);color:var(--tinta-60);flex-shrink:0;padding:0 5px;font-size:10.5px}.clicko .tarjeta.abierta .insignia{border-color:var(--acento);color:var(--acento-texto)}.clicko .tarjeta:not(.abierta) h3{color:var(--tinta-60)}.clicko .situacion{min-width:0;font-family:var(--mono);align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.clicko .dots{flex-shrink:0;gap:3px;display:inline-flex}.clicko .dots i{border:1.5px solid var(--regla);background:var(--papel);border-radius:50%;width:8px;height:8px;display:block}.clicko .dots i.tengo{border-color:var(--acento);background:var(--acento)}.clicko .tarjeta:not(.abierta) .dots{display:none}.clicko .estado{color:var(--tinta-60);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.clicko .tarjeta.abierta .estado{color:var(--acento-texto);letter-spacing:.04em}.clicko .tarjeta.siguiente .estado{color:var(--oro-texto);font-size:12.5px;font-weight:600;overflow:visible}.clicko .tarjeta.siguiente .estado:before{content:"";background:var(--oro);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.clicko .barra{flex-shrink:0;line-height:0;display:none;position:relative}.clicko .tarjeta.siguiente .barra{display:block}.clicko .barra .pixel{width:calc(var(--w) * var(--ke-n,var(--ke)));height:calc(var(--h) * var(--ke-n,var(--ke)))}.clicko .barra .lleno{clip-path:inset(0 calc(100% - var(--pct,0%)) 0 0);transition:clip-path .25s linear;position:absolute;inset:0}.clicko .barra:not(:has(img)){display:none!important}.clicko .ayuda-trio,.clicko .linea,.clicko .extremos,.clicko .tarjeta .de{display:none}.clicko .ayuda-trio{font-family:var(--sans);color:var(--tinta-60);margin:0;font-size:11.5px}.clicko .tarjeta.expandida.abierta .ayuda-trio{display:block}.clicko .tarjeta.expandida .linea{display:flex}.clicko .tarjeta.expandida .extremos,.clicko .tarjeta.expandida .de{display:block}.clicko .linea{justify-content:space-between;margin:3px 0 0;padding:0;list-style:none;position:relative}.clicko .linea:before{content:"";background:var(--linea);height:1px;position:absolute;top:5px;left:5px;right:5px}.clicko .linea li{justify-items:center;gap:3px;display:grid;position:relative}.clicko .linea i{border:1.5px solid var(--regla);background:var(--papel);width:11px;height:11px;transition:background .3s ease calc(var(--i) * 60ms), border-color .3s ease calc(var(--i) * 60ms), box-shadow .3s ease calc(var(--i) * 60ms);border-radius:50%;display:block}.clicko .linea li.encendido i{border-color:var(--acento);background:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb, var(--acento) 18%, transparent)}.clicko .extremos{font-family:var(--mono);color:var(--tinta-60);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.clicko .tarjeta .de{color:var(--tinta-60);margin:0;font-size:12px;line-height:1.4}.clicko .abrir{border:1px solid var(--acento);background:var(--papel);min-width:44px;min-height:44px;color:var(--acento-texto);font-family:var(--sans);cursor:pointer;touch-action:manipulation;flex-shrink:0;align-self:center;padding:0 10px;font-size:13px;font-weight:500;transition:background .14s,color .14s,opacity .2s}.clicko .abrir:hover:not(:disabled):not(.caro){background:var(--acento);color:var(--papel)}.clicko .abrir:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.clicko .abrir.caro{opacity:.6;cursor:default}.clicko .abrir:disabled{opacity:.45;cursor:default;border-color:var(--linea);color:var(--tinta-60)}.clicko .abrir:not(.caro):not(:disabled){animation:2.4s ease-in-out infinite llamar}@keyframes llamar{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--acento) 0%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--acento) 22%, transparent)}}.clicko .tarjeta.pagable{border-color:var(--oro);border-top-color:var(--acento)}.clicko .tarjeta.llama{animation:.8s ease-in-out 3 llama}@keyframes llama{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--oro) 45%, transparent)}}.clicko .tarjeta.llena{background:color-mix(in srgb, var(--acento) 7%, var(--papel-2))}.clicko .tarjeta.estreno{animation:.9s cubic-bezier(.2,1.4,.4,1) estreno}@keyframes estreno{0%{background:color-mix(in srgb, var(--acento) 26%, var(--papel-2));transform:scale(.94)}60%{transform:scale(1.02)}to{transform:scale(1)}}.clicko .aviso{z-index:8;border:1px solid var(--oro);background:color-mix(in srgb, var(--oro) 14%, var(--papel));max-width:calc(100% - 28px);font-family:var(--mono);letter-spacing:.02em;color:var(--oro-texto);text-align:center;white-space:normal;text-wrap:balance;pointer-events:none;margin:0;padding:6px 14px;font-size:11.5px;animation:.3s ease-out both asomar;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.clicko .aviso.saliendo{animation:.4s ease-in both irse}@keyframes asomar{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes irse{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.clicko .arriba.a-lado .aviso{top:6px;bottom:auto}.clicko .novedades{z-index:9;pointer-events:none;flex-direction:column;align-items:stretch;gap:6px;width:max-content;max-width:min(300px,100vw - 32px);display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.clicko .arriba.a-lado .novedades{max-width:calc(100% + 4px);left:-2px;transform:none}.clicko .novedad{--acento:var(--oro);border:2px solid var(--tinta);border-left:5px solid var(--acento);background:color-mix(in srgb, var(--oro) 16%, var(--papel));box-shadow:3px 3px 0 var(--tinta);text-align:left;align-items:center;gap:9px;margin:0;padding:5px 10px 5px 6px;animation:.42s cubic-bezier(.2,1.3,.4,1) both novedad-entra;display:flex}.clicko .novedad.final{background:color-mix(in srgb, var(--oro) 30%, var(--papel))}.clicko .novedad.saliendo{animation:.32s ease-in forwards novedad-sale}.clicko .novedad .icono{flex-shrink:0;line-height:0;position:relative}.clicko .novedad .icono>.pixel{width:32px;height:32px}.clicko .novedad .icono .flecha{line-height:0;position:absolute;top:-5px;right:-5px}.clicko .novedad .icono .flecha .pixel{width:12px;height:12px}.clicko .novedad .texto{flex-direction:column;min-width:0;display:flex}.clicko .novedad small{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--oro-texto);white-space:nowrap;font-size:9.5px;font-weight:600}.clicko .novedad b{font-family:var(--sans);color:var(--tinta);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}@keyframes novedad-entra{0%{opacity:0;transform:translateY(-10px)scale(.92)}to{opacity:1;transform:none}}@keyframes novedad-sale{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.clicko .trofeo-suelto{--kt:1;z-index:6;width:calc(48px * var(--kt) + 16px);height:calc(48px * var(--kt) + 16px);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;animation:1.15s both trofeo-sale;display:grid;position:absolute;bottom:20px;right:8%}.clicko .trofeo-suelto:focus-visible{outline:2px solid var(--oro);outline-offset:2px}.clicko .trofeo-suelto .copa{z-index:1;width:calc(48px * var(--kt));height:calc(48px * var(--kt));image-rendering:pixelated;pointer-events:none;animation:1.8s ease-in-out 1.2s infinite trofeo-flota;display:block;position:relative}@keyframes trofeo-sale{0%{opacity:0;transform:translate(var(--dx,0), var(--dy,0)) scale(.25);animation-timing-function:cubic-bezier(.2,.7,.4,1)}8%{opacity:1}45%{transform:translate(calc(var(--dx,0) * .4), calc(var(--dy,0) * .4 - 80px)) scale(1);animation-timing-function:cubic-bezier(.5,0,.9,.5)}70%{animation-timing-function:ease-out;transform:translate(0)scale(1.12,.86)}80%{animation-timing-function:ease-in;transform:translateY(-20px)scale(.96,1.05)}89%{animation-timing-function:ease-out;transform:translate(0)scale(1.05,.94)}95%{animation-timing-function:ease-in;transform:translateY(-5px)scale(1)}to{opacity:1;transform:none}}@keyframes trofeo-flota{50%{transform:translateY(-4px)}}.clicko .rayos{aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--oro) 70%, transparent) 0deg 9deg, transparent 9deg 30deg);border-radius:50%;width:230%;animation:7s linear infinite girar;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#000 22%,#0000 100%);mask:radial-gradient(closest-side,#000 22%,#0000 100%)}@keyframes girar{to{rotate:1turn}}.clicko .destellos{pointer-events:none;z-index:2;position:absolute;inset:-6px}.clicko .destellos .pixel{opacity:0;width:12px;height:12px;animation:destello 1.6s steps(4, end) calc(var(--i) * .4s) infinite;position:absolute}.clicko .destellos .pixel:first-child{top:10%;left:4%}.clicko .destellos .pixel:nth-child(2){top:26%;right:2%}.clicko .destellos .pixel:nth-child(3){bottom:8%;left:14%}.clicko .destellos .pixel:nth-child(4){bottom:2%;right:12%}.clicko .destellos .pixel:nth-child(5){top:-4%;left:46%}.clicko .destellos .pixel:nth-child(6){top:52%;left:-6%}@keyframes destello{0%,to{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.25)}70%{opacity:.8;transform:scale(1)}}.clicko .celebracion{color:#fbf8f4;text-align:center;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:16px;display:none;overflow:hidden}.clicko .celebracion[open]{display:flex}.clicko .celebracion::backdrop{background:#0e0c08d1;animation:.5s ease-out both oscurecer}@keyframes oscurecer{0%{opacity:0}to{opacity:1}}.clicko .celebracion .escena{aspect-ratio:1;place-items:center;width:min(62vw,42dvh,240px);display:grid;position:relative}.clicko .celebracion .rayos{width:250%;animation-duration:9s}.clicko .celebracion .destellos{inset:-10%}.clicko .celebracion .destellos .pixel{width:24px;height:24px}.clicko .celebracion .copa-grande{z-index:1;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--oro) 70%, transparent));position:relative}.clicko .celebracion h2{font-family:var(--serif);letter-spacing:-.015em;text-transform:none;color:#fad680;text-shadow:3px 3px #1a1a18;margin:8px 0 0;padding:0;font-size:clamp(26px,6vw,40px);font-weight:600;animation:.6s ease-out .45s both celebra-texto}.clicko .celebracion .felicitacion{color:#f0ebe0;text-wrap:balance;max-width:30rem;margin:0;font-size:15px;line-height:1.5;animation:.6s ease-out .6s both celebra-texto}@keyframes celebra-texto{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.clicko .celebracion .botones{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;animation:.6s ease-out .75s both celebra-texto;display:flex}.clicko .celebracion button{cursor:pointer;color:#fbf8f4;min-height:44px;font-family:var(--sans);background:0 0;border:2px solid #fbf8f4;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.clicko .celebracion button.principal{color:#1a1a18;background:#e8b74a;border-color:#1a1a18;font-weight:600;box-shadow:3px 3px #1a1a18}.clicko .celebracion button:hover{filter:brightness(1.08)}.clicko .celebracion button:focus-visible{outline-offset:3px;outline:2px solid #fad680}.clicko .opciones{border:1px solid var(--linea);background:var(--papel);width:min(30rem,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--tinta);-webkit-user-select:text;user-select:text;padding:0;box-shadow:0 18px 50px #00000040}.clicko .opciones::backdrop{background:color-mix(in srgb, var(--papel) 70%, transparent);backdrop-filter:blur(2px)}.clicko .opciones .caja{flex-direction:column;gap:8px;padding:14px 16px 18px;display:flex}.clicko .opciones header{justify-content:space-between;align-items:center;display:flex}.clicko .opciones h2{font-family:var(--serif);letter-spacing:-.015em;text-transform:none;color:var(--tinta);padding:0;font-size:22px;font-weight:600}.clicko .opciones .cerrar{width:44px;height:44px;color:var(--tinta-60);cursor:pointer;background:0 0;border:0;margin-right:-10px;font-size:24px;line-height:1}.clicko .opciones .nota{color:var(--tinta-60);margin:0 0 6px;font-size:13px;line-height:1.5}.clicko .opciones label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-40);margin-top:6px;font-size:10px}.clicko .opciones textarea{resize:vertical;border:1px solid var(--linea);background:var(--papel-2);width:100%;color:var(--tinta);font-family:var(--mono);word-break:break-all;padding:8px 10px;font-size:12px;line-height:1.4}.clicko .opciones textarea:focus{border-color:var(--oro);outline:none}.clicko .opciones .botones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clicko .opciones .botones button{border:1px solid var(--linea);background:var(--papel-2);min-height:44px;color:var(--tinta);font-family:var(--sans);cursor:pointer;padding:0 16px;font-size:14px}.clicko .opciones .botones button:hover{border-color:var(--regla)}.clicko .opciones .botones button.principal{border-color:var(--oro);color:var(--oro-texto)}.clicko .opciones .botones button.peligro{border-color:var(--regulacion);color:var(--regulacion-texto)}.clicko .opciones .copiado{font-family:var(--mono);color:var(--cloroplasto-texto);font-size:11px}.clicko .opciones .error-importar{color:var(--regulacion-texto);margin:0;font-size:13px}.clicko .opciones .confirmar{border:1px solid var(--regulacion);background:color-mix(in srgb, var(--regulacion) 7%, var(--papel));padding:10px 12px}.clicko .opciones .confirmar .detalle{margin:0 0 8px;font-size:13px;line-height:1.5}@media (width<=440px){.clicko .arriba.a-lado .acciones{gap:6px}.clicko .arriba.a-lado .acciones .rotulo{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clicko .arriba.a-lado .abrir-opciones,.clicko .arriba.a-lado .abrir-fama,.clicko .arriba.a-lado .acciones>.hueco>button{min-width:44px;min-height:40px;padding:4px}.clicko .arriba.a-lado .acciones svg{width:20px;height:20px}.clicko .arriba.a-lado .hueco-musica>.musica{flex-wrap:wrap;justify-content:space-between}.clicko .arriba.a-lado .musica-titulo{flex:100%;order:-1;margin:2px 0}}@media (width<=399px){.clicko .fila .de{-webkit-line-clamp:1}.clicko .fila .nombre{font-size:14px}}@media (width<=959px) and (height<=520px) and (width>=480px){.clicko{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.clicko .arriba{border-bottom:0;border-right:1px solid var(--linea);grid-area:1/1/span 2;padding:6px 10px 2px}.clicko .saldo b{font-size:30px}.clicko .arriba:not(.a-lado) .acciones{pointer-events:none;justify-content:space-between;position:absolute;bottom:2px;left:2px;right:2px}.clicko .arriba:not(.a-lado) .acciones>*{pointer-events:auto}.clicko .tienda{grid-area:1/2}.clicko .rutas{grid-area:2/2}.clicko .fila .de{-webkit-line-clamp:1}.clicko .tarjeta{flex-basis:min(72%,320px)}}@media (width>=960px){.clicko{--ki:2;--ke:2;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(260px,1fr) minmax(340px,1.25fr) minmax(280px,1fr)}.clicko .arriba{border-bottom:0;border-right:1px solid var(--linea);justify-content:flex-start;padding:56px 24px 20px}.clicko .marcador{padding:16px 26px 12px}.clicko .acciones{border-top:1px solid var(--linea);align-self:stretch;margin-top:32px;padding-top:18px}.clicko .hueco-musica{margin-top:14px}.clicko .saldo b{font-size:44px}.clicko .ritmo{font-size:14px}.clicko .escenario{flex:auto;min-height:50%}.clicko h2{padding:16px 18px 10px}.clicko .cabecera-tienda{padding-right:18px}.clicko .lista{gap:8px;padding:0 18px 18px}.clicko .fila{column-gap:14px;min-height:76px;padding:10px 14px 10px 10px}.clicko .fila .cantidad{min-width:22px;height:20px;font-size:11px}.clicko .fila .icono .flecha .pixel{--w:12px;--h:12px}.clicko .rutas{border-top:0;border-left:1px solid var(--linea)}.clicko .tira{scroll-snap-type:y proximity;flex-direction:column;padding:0 18px 18px;scroll-padding-block:10px;overflow:hidden auto}.clicko .tarjeta{flex-wrap:wrap;flex:none;align-items:flex-start;gap:12px;padding:12px}.clicko .tarjeta .edificio{align-self:flex-start}.clicko .tarjeta h3{font-size:18px}.clicko .ampliar{white-space:normal;cursor:default}.clicko .tarjeta.abierta .ayuda-trio{display:block}.clicko .linea{display:flex}.clicko .extremos,.clicko .tarjeta .de,.clicko .tarjeta.siguiente .extremos{display:block}.clicko .tarjeta .abrir{flex-basis:100%}.clicko .trofeo-suelto{--kt:2}.clicko .novedades{top:calc(100% + 16px)}}.clicko.sin-movimiento .flotante,.clicko.sin-movimiento .fx{display:none}.clicko.sin-movimiento .racha.apagandose{animation:none}.clicko.sin-movimiento .racha-barra{display:none}.clicko.sin-movimiento .abrir,.clicko.sin-movimiento .pulsador,.clicko.sin-movimiento .fila.sugerida,.clicko.sin-movimiento .tarjeta.llama,.clicko.sin-movimiento .punto-aviso{animation:none!important}.clicko.sin-movimiento .linea i,.clicko.sin-movimiento .barra .lleno{transition:none}.clicko.sin-movimiento .novedad,.clicko.sin-movimiento .trofeo-suelto,.clicko.sin-movimiento .trofeo-suelto .copa,.clicko.sin-movimiento .rayos,.clicko.sin-movimiento .celebracion h2,.clicko.sin-movimiento .celebracion .felicitacion,.clicko.sin-movimiento .celebracion .botones,.clicko.sin-movimiento .celebracion::backdrop{animation:none!important}.clicko.sin-movimiento .destellos .pixel{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){.clicko .flotante,.clicko .fx,.clicko .racha-barra{display:none}.clicko .abrir,.clicko .aviso,.clicko .aviso.saliendo,.clicko .pulsador,.clicko .tarjeta.estreno,.clicko .fila.comprada,.clicko .fila.sugerida,.clicko .tarjeta.llama,.clicko .punto-aviso{animation:none!important}.clicko .linea i,.clicko .barra .lleno{transition:none}.clicko .racha.apagandose{animation:none;display:none}.clicko .novedad,.clicko .novedad.saliendo,.clicko .trofeo-suelto,.clicko .trofeo-suelto .copa,.clicko .rayos,.clicko .celebracion h2,.clicko .celebracion .felicitacion,.clicko .celebracion .botones,.clicko .celebracion::backdrop{animation:none!important}.clicko .destellos .pixel{opacity:1;animation:none}}